@che-ins-ui/contacts - npm Package Compare versions

Comparing version 2.0.2 to 2.1.0

dist/contacts.cjs.development.js

@@ -5,4 +5,7 @@ 'use strict';
 
+function _interopDefault (ex) { return (ex && (typeof ex === 'object') && 'default' in ex) ? ex['default'] : ex; }
+
 var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
+var classnames = _interopDefault(require('classnames'));
 var CallIcon = require('@che-ins-ui/icons/CallIcon');
@@ -126,2 +129,7 @@ var theme = require('@che-ins-ui/theme');
   }, [classes, baseAppearance, appearance]);
+  var mangoDataOptions = JSON.stringify({
+    host: "widgets.mango-office.ru/",
+    id: "MTAwMTc3NjI=",
+    errorMessage: "В данный момент наблюдаются технические проблемы и совершение звонка невозможно"
+  });
   return jsxRuntime.jsxs("ul", {
@@ -156,4 +164,4 @@ className: classNames.contactsListClassName,
       children: jsxRuntime.jsxs("button", {
-        onClick: callUsButton.onClick,
-        className: classNames.contactsCallUsButtonClassName,
+        "data-options": mangoDataOptions,
+        className: classnames(classNames.contactsCallUsButtonClassName, "support-call-button"),
         children: [jsxRuntime.jsx(CallIcon.CallIcon, {}), callUsButton.title]
@@ -160,0 +168,0 @@ })

dist/contacts.cjs.production.min.js

@@ -1,2 +0,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,s=require("react/jsx-runtime"),e=require("react"),a=require("@che-ins-ui/icons/CallIcon"),c=require("@che-ins-ui/theme"),n=require("react-jss"),i={contactsList:"contactsList",contactsListItem:"contactsListItem",contactsListItemLink:"contactsListItemLink",contactsListItemSocialNetworks:"contactsListItemSocialNetworks",contactsSocialNetworkLink:"contactsSocialNetworkLink",callUsButton:"callUsButton"},o=((t={})[i.contactsList]={padding:"0px",listStyle:"none",margin:"0px",display:"flex",flexDirection:"column",gap:"9px",width:"max-content",flexShrink:0},t[i.contactsListItem]={color:"#808FA4",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px"},t[i.contactsListItemSocialNetworks]={marginTop:"19px",display:"flex",gap:"20px"},t[i.contactsSocialNetworkLink]={},t[i.contactsListItemLink]={textDecoration:"none",marginRight:"3px",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px",color:"#636AFF"},t[i.callUsButton]={display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"25px",background:"white",border:"1px solid currentColor",borderRadius:"8px",padding:"0 6px",color:"#636AFF",cursor:"pointer",transition:"0.2s","& svg":{marginRight:"5px"},"&:hover":{background:"#EDF4FE"},"&:active":{transform:"scale(0.95)"}},t),l=n.createUseStyles(c.createClasses(o,"@che/contacts"),{name:"contacts"}),r=e.memo((function(t){var n=t.baseAppearance,i=void 0===n?"base":n,o=t.appearance,r=void 0===o?"base":o,m=t.contacts,N=m.availableTime,p=m.phones,L=m.email,x=m.callUsButton,C=m.socialNetworks,u=l(),k=e.useMemo((function(){return{contactsListClassName:c.getClassName(u,i,r,"contactsList"),contactsListItemClassName:c.getClassName(u,i,r,"contactsListItem"),contactsListItemLinkClassName:c.getClassName(u,i,r,"contactsListItemLink"),contactsCallUsButtonClassName:c.getClassName(u,i,r,"callUsButton"),contactsListItemSocialNetworksClassName:c.getClassName(u,i,r,"contactsListItemSocialNetworks"),contactsSocialNetworkLinkClassName:c.getClassName(u,i,r,"contactsSocialNetworkLink")}}),[u,i,r]);return s.jsxs("ul",{className:k.contactsListClassName,children:[s.jsx("li",{className:k.contactsListItemClassName,children:N}),p.map((function(t){var e=t.phone,a=t.label;return s.jsxs("li",{className:k.contactsListItemClassName,children:[s.jsx("a",{href:"tel:"+e,className:k.contactsListItemLinkClassName,children:t.title})," ",s.jsx("span",{children:a})]},e)})),s.jsx("li",{className:k.contactsListItemClassName,children:s.jsx("a",{href:"mailto:"+L,className:k.contactsListItemLinkClassName,children:L})}),x&&s.jsx("li",{className:k.contactsListItemClassName,children:s.jsxs("button",{onClick:x.onClick,className:k.contactsCallUsButtonClassName,children:[s.jsx(a.CallIcon,{}),x.title]})}),!(null==C||!C.length)&&s.jsx("li",{className:k.contactsListItemSocialNetworksClassName,children:C.map((function(t,e){return s.jsx("a",{href:t.link,target:"_blank",referrerPolicy:"no-referrer",className:k.contactsSocialNetworkLinkClassName,children:t.icon},e)}))})]})}));exports.CONTACTS_COMPONENTS_NAMES=i,exports.CONTACTS_COMPONENT_NAMESPACE="@che/contacts",exports.Contacts=r;
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var t,s,e=require("react/jsx-runtime"),a=require("react"),c=(t=require("classnames"))&&"object"==typeof t&&"default"in t?t.default:t,n=require("@che-ins-ui/icons/CallIcon"),i=require("@che-ins-ui/theme"),o=require("react-jss"),l={contactsList:"contactsList",contactsListItem:"contactsListItem",contactsListItemLink:"contactsListItemLink",contactsListItemSocialNetworks:"contactsListItemSocialNetworks",contactsSocialNetworkLink:"contactsSocialNetworkLink",callUsButton:"callUsButton"},r=((s={})[l.contactsList]={padding:"0px",listStyle:"none",margin:"0px",display:"flex",flexDirection:"column",gap:"9px",width:"max-content",flexShrink:0},s[l.contactsListItem]={color:"#808FA4",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px"},s[l.contactsListItemSocialNetworks]={marginTop:"19px",display:"flex",gap:"20px"},s[l.contactsSocialNetworkLink]={},s[l.contactsListItemLink]={textDecoration:"none",marginRight:"3px",fontSize:"13px",fontWeight:400,letterSpacing:"-.45px",color:"#636AFF"},s[l.callUsButton]={display:"flex",justifyContent:"space-between",alignItems:"center",minHeight:"25px",background:"white",border:"1px solid currentColor",borderRadius:"8px",padding:"0 6px",color:"#636AFF",cursor:"pointer",transition:"0.2s","& svg":{marginRight:"5px"},"&:hover":{background:"#EDF4FE"},"&:active":{transform:"scale(0.95)"}},s),m=o.createUseStyles(i.createClasses(r,"@che/contacts"),{name:"contacts"}),N=a.memo((function(t){var s=t.baseAppearance,o=void 0===s?"base":s,l=t.appearance,r=void 0===l?"base":l,N=t.contacts,p=N.availableTime,u=N.phones,L=N.email,x=N.callUsButton,C=N.socialNetworks,d=m(),h=a.useMemo((function(){return{contactsListClassName:i.getClassName(d,o,r,"contactsList"),contactsListItemClassName:i.getClassName(d,o,r,"contactsListItem"),contactsListItemLinkClassName:i.getClassName(d,o,r,"contactsListItemLink"),contactsCallUsButtonClassName:i.getClassName(d,o,r,"callUsButton"),contactsListItemSocialNetworksClassName:i.getClassName(d,o,r,"contactsListItemSocialNetworks"),contactsSocialNetworkLinkClassName:i.getClassName(d,o,r,"contactsSocialNetworkLink")}}),[d,o,r]),g=JSON.stringify({host:"widgets.mango-office.ru/",id:"MTAwMTc3NjI=",errorMessage:"В данный момент наблюдаются технические проблемы и совершение звонка невозможно"});return e.jsxs("ul",{className:h.contactsListClassName,children:[e.jsx("li",{className:h.contactsListItemClassName,children:p}),u.map((function(t){var s=t.phone,a=t.label;return e.jsxs("li",{className:h.contactsListItemClassName,children:[e.jsx("a",{href:"tel:"+s,className:h.contactsListItemLinkClassName,children:t.title})," ",e.jsx("span",{children:a})]},s)})),e.jsx("li",{className:h.contactsListItemClassName,children:e.jsx("a",{href:"mailto:"+L,className:h.contactsListItemLinkClassName,children:L})}),x&&e.jsx("li",{className:h.contactsListItemClassName,children:e.jsxs("button",{"data-options":g,className:c(h.contactsCallUsButtonClassName,"support-call-button"),children:[e.jsx(n.CallIcon,{}),x.title]})}),!(null==C||!C.length)&&e.jsx("li",{className:h.contactsListItemSocialNetworksClassName,children:C.map((function(t,s){return e.jsx("a",{href:t.link,target:"_blank",referrerPolicy:"no-referrer",className:h.contactsSocialNetworkLinkClassName,children:t.icon},s)}))})]})}));exports.CONTACTS_COMPONENTS_NAMES=l,exports.CONTACTS_COMPONENT_NAMESPACE="@che/contacts",exports.Contacts=N;
 //# sourceMappingURL=contacts.cjs.production.min.js.map

dist/Contacts.d.ts

@@ -27,3 +27,2 @@ import { ReactNode } from "react";
     callUsButton?: {
-        onClick: () => void;
         title: string | ReactNode;
@@ -30,0 +29,0 @@ };

dist/contacts.esm.js

 import { jsxs, jsx } from 'react/jsx-runtime';
 import { memo, useMemo } from 'react';
+import classnames from 'classnames';
 import { CallIcon } from '@che-ins-ui/icons/CallIcon';
@@ -121,2 +122,7 @@ import { createClasses, getClassName } from '@che-ins-ui/theme';
   }, [classes, baseAppearance, appearance]);
+  var mangoDataOptions = JSON.stringify({
+    host: "widgets.mango-office.ru/",
+    id: "MTAwMTc3NjI=",
+    errorMessage: "В данный момент наблюдаются технические проблемы и совершение звонка невозможно"
+  });
   return jsxs("ul", {
@@ -151,4 +157,4 @@ className: classNames.contactsListClassName,
       children: jsxs("button", {
-        onClick: callUsButton.onClick,
-        className: classNames.contactsCallUsButtonClassName,
+        "data-options": mangoDataOptions,
+        className: classnames(classNames.contactsCallUsButtonClassName, "support-call-button"),
         children: [jsx(CallIcon, {}), callUsButton.title]
@@ -155,0 +161,0 @@ })

package.json

 {
 	"name": "@che-ins-ui/contacts",
-	"version": "2.0.2",
+	"version": "2.1.0",
 	"description": "<>",
@@ -26,9 +26,13 @@ "build:storybook": "src/index.ts",
 	"dependencies": {
-		"@che-ins-ui/icons": "^2.1.0",
-		"@che-ins-ui/theme": "^2.0.2"
+		"@che-ins-ui/icons": "^2.1.1",
+		"@che-ins-ui/theme": "^2.0.3",
+		"classnames": "^2.3.1"
 	},
+	"devDependencies": {
+		"@types/classnames": "^2.2.10"
+	},
 	"peerDependencies": {
 		"react": ">=17.0.2"
 	},
-	"gitHead": "0d3cae5e80ff4e0fc5dc52c4544c4d2e306ec07c"
+	"gitHead": "b0659d0f115d35f37057c64c667fb4b0ff86fd37"
 }

No alert changes

Improved metrics

Total package byte prevSize

57477

increased by5.61%

Lines of code

441

increased by3.04%

Worsened metrics

Dependency count

4

increased by33.33%

Dev dependency count

1

increased byInfinity%

Dependency changes

• + Addedclassnames@^2.3.1

• Updated@che-ins-ui/icons@^2.1.1

• Updated@che-ins-ui/theme@^2.0.3