@prom-ui/core 0.0.60 → 0.0.71

package/Avatar/cjs/index.development.js

@@ -0,0 +1,153 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var classNames = require('classnames');
+var Icon = require('@prom-ui/core/Icon');
+var User = require('@prom-ui/icons/User');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+function _interopNamespace(e) {
+    if (e && e.__esModule) return e;
+    var n = Object.create(null);
+    if (e) {
+        Object.keys(e).forEach(function (k) {
+            if (k !== 'default') {
+                var d = Object.getOwnPropertyDescriptor(e, k);
+                Object.defineProperty(n, k, d.get ? d : {
+                    enumerable: true,
+                    get: function () { return e[k]; }
+                });
+            }
+        });
+    }
+    n["default"] = e;
+    return Object.freeze(n);
+}
+
+var React__namespace = /*#__PURE__*/_interopNamespace(React);
+var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
+
+/******************************************************************************
+Copyright (c) Microsoft Corporation.
+
+Permission to use, copy, modify, and/or distribute this software for any
+purpose with or without fee is hereby granted.
+
+THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
+REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
+AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
+INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
+LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
+OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
+PERFORMANCE OF THIS SOFTWARE.
+***************************************************************************** */
+
+var __assign = function() {
+    __assign = Object.assign || function __assign(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);
+};
+
+function __rest(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;
+}
+
+function stringToColor(string) {
+  var hash = 0;
+  var i;
+
+  for (i = 0; i < string.length; i += 1) {
+    hash = string.charCodeAt(i) + ((hash << 5) - hash);
+  }
+
+  var color = '#';
+
+  for (i = 0; i < 3; i += 1) {
+    var value = hash >> i * 8 & 0xff;
+    color += "00".concat(value.toString(16)).slice(-2);
+  }
+
+  return color;
+}
+function stringAvatar(name) {
+  var splitName = name.split(' ');
+  return splitName.slice(0, 2).map(function (value) {
+    return value[0];
+  }).join('');
+}
+
+var css = {"root":"Avatar__root___ap8QD","image":"Avatar__image___52SeG","text":"Avatar__text___-Fg0p","icon":"Avatar__icon___-JCN2","theme_white":"Avatar__theme_white___VDWp7","theme_black-100":"Avatar__theme_black-100___AQ1tT","theme_violet-300":"Avatar__theme_violet-300___yK-3d","theme_multicolor":"Avatar__theme_multicolor___xV5U3"};
+
+var Avatar = React__namespace.forwardRef(function (_a, ref) {
+  var _b;
+
+  var image = _a.image,
+      name = _a.name,
+      _c = _a.size,
+      size = _c === void 0 ? 40 : _c,
+      _d = _a.loading,
+      loading = _d === void 0 ? 'eager' : _d,
+      _e = _a.theme,
+      theme = _e === void 0 ? 'violet-300' : _e,
+      className = _a.className,
+      props = __rest(_a, ["image", "name", "size", "loading", "theme", "className"]);
+
+  var isImage = !!image;
+  var bgColor = undefined;
+  var shortName = null;
+
+  if (!isImage) {
+    var trimName = !!name ? name.trim() : '';
+
+    if (theme === 'multicolor') {
+      bgColor = stringToColor(trimName);
+    }
+
+    shortName = stringAvatar(trimName);
+  }
+
+  return React__namespace.createElement("div", __assign({
+    className: classNames__default["default"](css.root, className, (_b = {}, _b[css["theme_".concat(theme)]] = !isImage, _b))
+  }, props, {
+    style: {
+      background: bgColor,
+      width: size,
+      height: size,
+      fontSize: size / 2.2
+    },
+    ref: ref
+  }), isImage ? React__namespace.createElement("img", {
+    className: css.image,
+    src: image,
+    alt: name,
+    width: size,
+    height: size,
+    loading: loading
+  }) : React__namespace.createElement(React__namespace.Fragment, null, !!shortName ? React__namespace.createElement("span", {
+    className: css.text
+  }, shortName) : React__namespace.createElement(Icon.Icon, {
+    className: css.icon,
+    "icon-as": User.SvgUser
+  })));
+});
+Avatar.displayName = 'Avatar';
+
+exports.Avatar = Avatar;
+
+require('./style.development.css');

package/Avatar/cjs/index.production.js

@@ -0,0 +1 @@
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),t=require("classnames"),r=require("@prom-ui/core/Icon"),n=require("@prom-ui/icons/User");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function o(e){if(e&&e.__esModule)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var i=o(e),c=a(t),l=function(){return l=Object.assign||function(e){for(var t,r=1,n=arguments.length;r<n;r++)for(var a in t=arguments[r])Object.prototype.hasOwnProperty.call(t,a)&&(e[a]=t[a]);return e},l.apply(this,arguments)};var u={root:"ap8QD",image:"_52SeG",text:"-Fg0p",icon:"-JCN2",theme_white:"VDWp7","theme_black-100":"AQ1tT","theme_violet-300":"yK-3d",theme_multicolor:"xV5U3"},s=i.forwardRef((function(e,t){var a,o=e.image,s=e.name,f=e.size,m=void 0===f?40:f,p=e.loading,d=void 0===p?"eager":p,g=e.theme,v=void 0===g?"violet-300":g,h=e.className,y=function(e,t){var r={};for(var n in e)Object.prototype.hasOwnProperty.call(e,n)&&t.indexOf(n)<0&&(r[n]=e[n]);if(null!=e&&"function"==typeof Object.getOwnPropertySymbols){var a=0;for(n=Object.getOwnPropertySymbols(e);a<n.length;a++)t.indexOf(n[a])<0&&Object.prototype.propertyIsEnumerable.call(e,n[a])&&(r[n[a]]=e[n[a]])}return r}(e,["image","name","size","loading","theme","className"]),b=!!o,O=void 0,j=null;if(!b){var _=s?s.trim():"";"multicolor"===v&&(O=function(e){var t,r=0;for(t=0;t<e.length;t+=1)r=e.charCodeAt(t)+((r<<5)-r);var n="#";for(t=0;t<3;t+=1)n+="00".concat((r>>8*t&255).toString(16)).slice(-2);return n}(_)),j=function(e){return e.split(" ").slice(0,2).map((function(e){return e[0]})).join("")}(_)}return i.createElement("div",l({className:c.default(u.root,h,(a={},a[u["theme_".concat(v)]]=!b,a))},y,{style:{background:O,width:m,height:m,fontSize:m/2.2},ref:t}),b?i.createElement("img",{className:u.image,src:o,alt:s,width:m,height:m,loading:d}):i.createElement(i.Fragment,null,j?i.createElement("span",{className:u.text},j):i.createElement(r.Icon,{className:u.icon,"icon-as":n.SvgUser})))}));s.displayName="Avatar",exports.Avatar=s,require("./style.production.css");

package/Avatar/cjs/style.development.css

@@ -0,0 +1 @@
+.Avatar__root___ap8QD{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}.Avatar__image___52SeG{display:block;font-size:0;-o-object-fit:cover;object-fit:cover;background:var(--black-100)}.Avatar__text___-Fg0p{font-size:max(8px,min(1em,14px))}.Avatar__icon___-JCN2{width:60%;height:60%;max-width:24px;max-height:24px}.Avatar__theme_white___VDWp7{background:var(--white);color:var(--black-800)}.Avatar__theme_black-100___AQ1tT{background:var(--black-100);color:var(--black-800)}.Avatar__theme_violet-300___yK-3d{background:var(--violet-300);color:var(--white)}.Avatar__theme_multicolor___xV5U3{color:#fff}

package/Avatar/cjs/style.production.css

@@ -0,0 +1 @@
+.ap8QD{display:flex;align-items:center;justify-content:center;flex-shrink:0;border-radius:50%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;user-select:none;font-weight:700;text-transform:uppercase;box-sizing:border-box;font-size:14px}._52SeG{display:block;font-size:0;-o-object-fit:cover;object-fit:cover;background:var(--black-100)}.-Fg0p{font-size:max(8px,min(1em,14px))}.-JCN2{width:60%;height:60%;max-width:24px;max-height:24px}.VDWp7{background:var(--white);color:var(--black-800)}.AQ1tT{background:var(--black-100);color:var(--black-800)}.yK-3d{background:var(--violet-300);color:var(--white)}.xV5U3{color:#fff}

package/Avatar/index.d.ts

@@ -0,0 +1,14 @@
+import * as React from 'react';
+export declare type AvatarProps = React.ComponentPropsWithRef<"div"> & {
+    /** Фото пользователя */
+    image?: string;
+    /** Имя пользователя */
+    name?: string;
+    /** Размер в px */
+    size?: number;
+    /** Тема */
+    theme?: 'white' | 'black-100' | 'violet-300' | 'multicolor';
+    /** Отложенная загрузка изображения */
+    loading?: 'lazy' | 'eager';
+};
+export declare const Avatar: React.ForwardRefExoticComponent<Pick<AvatarProps, "image" | "key" | keyof React.HTMLAttributes<HTMLDivElement> | "name" | "size" | "loading" | "theme"> & React.RefAttributes<HTMLDivElement>>;

package/Avatar/index.js

@@ -0,0 +1,7 @@
+'use strict';
+
+if (process.env.NODE_ENV === 'production') {
+  module.exports = require('./cjs/index.production.js');
+} else {
+  module.exports = require('./cjs/index.development.js');
+}

package/Avatar/package.json

@@ -0,0 +1,12 @@
+{
+  "name": "@prom-ui/core/Avatar",
+  "version": "0.0.71",
+  "main": "index.js",
+  "types": "index.d.ts",
+  "sideEffects": [
+    "*.css"
+  ],
+  "dependencies": {
+    "classnames": "^2.3.1"
+  }
+}

package/Avatar/utils.d.ts

@@ -0,0 +1,2 @@
+export declare function stringToColor(string: string): string;
+export declare function stringAvatar(name: string): string;

package/Body/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Body",
-  "version": "0.0.60",
+  "version": "0.0.71",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [