@vchasno/ui-kit 0.4.9 → 0.4.10
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/CHANGELOG.md
CHANGED
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
import e,{useRef as n,useEffect as t}from"react";import r from"classnames";var l={info:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"\
|
|
1
|
+
import e,{useRef as n,useEffect as t}from"react";import r from"classnames";var l={info:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"\uD83D\uDD14")},cross:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"❌")},error:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"❗️")},warning:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"⚠️")},success:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"✅")},config:function(){return /*#__PURE__*/e.createElement(e.Fragment,null,"⚙️")}},a=function(a){var c=a.type,o=void 0===c?"info":c,i=a.leftBorder,s=a.hideIcon,u=a.scrollIntoView,m=void 0!==u&&u,f=a.icon,v=a.className,d=a.children,p=a.onClose,E=a.wide,h=a.close,w=a.dataQa,C=a.customIcon,g=null;if(C)g=/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-alert__icon-wrapper"},C);else{var L=l[f||o];g=/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-alert__icon-wrapper"},/*#__PURE__*/e.createElement(L,null))}var F=null;"function"==typeof p&&(F=/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-alert__close-icon",onClick:p},/*#__PURE__*/e.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{d:"M6.4 5L9.7 1.7C10.1 1.3 10.1 0.7 9.7 0.3C9.3 -0.1 8.7 -0.1 8.3 0.3L5 3.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L3.6 5L0.3 8.3C-0.1 8.7 -0.1 9.3 0.3 9.7C0.5 9.9 0.7 10 1 10C1.3 10 1.5 9.9 1.7 9.7L5 6.4L8.3 9.7C8.5 9.9 8.7 10 9 10C9.3 10 9.5 9.9 9.7 9.7C10.1 9.3 10.1 8.7 9.7 8.3L6.4 5Z",fill:"currentColor"}))));var _=n(null);return t(function(){m&&_.current&&_.current.scrollIntoView({behavior:"smooth",block:"center"})},[m]),/*#__PURE__*/e.createElement("span",{"data-qa":w,ref:_,className:r("vchasno-ui-alert","--".concat(o),{"--close":void 0!==h&&h},{"--wide":E},{"--left-border":void 0===i||i},v)},!(void 0!==s&&s)&&g,/*#__PURE__*/e.createElement("div",null,d),F)};export{a as default};
|
|
2
2
|
//# sourceMappingURL=Alert.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa } from '../types';\n\nimport './Alert.global.css';\n\ntype AlertType = 'error' | 'warning' | 'success' | 'info' | 'config';\ntype IconType = 'info' | 'cross' | 'error' | 'warning' | 'success' | 'config';\n\nconst iconMap: Record<IconType, React.FC> = {\n info: () =>
|
|
1
|
+
{"version":3,"file":"Alert.js","sources":["../../../src/components/Alert/Alert.tsx"],"sourcesContent":["import React, { useEffect, useRef } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa } from '../types';\n\nimport './Alert.global.css';\n\ntype AlertType = 'error' | 'warning' | 'success' | 'info' | 'config';\ntype IconType = 'info' | 'cross' | 'error' | 'warning' | 'success' | 'config';\n\nconst iconMap: Record<IconType, React.FC> = {\n info: () => <>🔔</>,\n cross: () => <>❌</>,\n error: () => <>❗️</>,\n warning: () => <>⚠️</>,\n success: () => <>✅</>,\n config: () => <>⚙️</>,\n};\nexport interface AlertProps extends DataQa {\n type?: AlertType;\n icon?: IconType;\n customIcon?: React.ReactNode;\n hideIcon?: boolean;\n scrollIntoView?: boolean;\n\n leftBorder?: boolean;\n className?: string;\n\n onClose?: VoidFunction;\n close?: boolean;\n wide?: boolean;\n children: React.ReactNode;\n}\n\nconst Alert: React.FC<AlertProps> = ({\n type = 'info',\n leftBorder = true,\n hideIcon = false,\n scrollIntoView = false,\n icon,\n className,\n children,\n onClose,\n wide,\n close = false,\n dataQa,\n customIcon,\n}) => {\n let iconNode = null;\n\n if (customIcon) {\n iconNode = <span className=\"vchasno-ui-alert__icon-wrapper\">{customIcon}</span>;\n } else {\n const Icon = iconMap[icon || type];\n iconNode = (\n <span className=\"vchasno-ui-alert__icon-wrapper\">\n <Icon />\n </span>\n );\n }\n\n let closeNode = null;\n if (typeof onClose === 'function') {\n closeNode = (\n <span className=\"vchasno-ui-alert__close-icon\" onClick={onClose}>\n <svg\n width=\"10\"\n height=\"10\"\n viewBox=\"0 0 10 10\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M6.4 5L9.7 1.7C10.1 1.3 10.1 0.7 9.7 0.3C9.3 -0.1 8.7 -0.1 8.3 0.3L5 3.6L1.7 0.3C1.3 -0.1 0.7 -0.1 0.3 0.3C-0.1 0.7 -0.1 1.3 0.3 1.7L3.6 5L0.3 8.3C-0.1 8.7 -0.1 9.3 0.3 9.7C0.5 9.9 0.7 10 1 10C1.3 10 1.5 9.9 1.7 9.7L5 6.4L8.3 9.7C8.5 9.9 8.7 10 9 10C9.3 10 9.5 9.9 9.7 9.7C10.1 9.3 10.1 8.7 9.7 8.3L6.4 5Z\"\n fill=\"currentColor\"\n />\n </svg>\n </span>\n );\n }\n\n const rootRef = useRef<HTMLDivElement>(null);\n\n useEffect(() => {\n if (scrollIntoView && rootRef.current) {\n rootRef.current.scrollIntoView({\n behavior: 'smooth',\n block: 'center',\n });\n }\n }, [scrollIntoView]);\n\n return (\n <span\n data-qa={dataQa}\n ref={rootRef}\n className={cn(\n 'vchasno-ui-alert',\n `--${type}`,\n { '--close': close },\n { '--wide': wide },\n { '--left-border': leftBorder },\n className,\n )}\n >\n {!hideIcon && iconNode}\n <div>{children}</div>\n {closeNode}\n </span>\n );\n};\n\nexport default Alert;\n"],"names":["iconMap","info","React","createElement","Fragment","cross","error","warning","success","config","Alert","param","type","leftBorder","_param_hideIcon","hideIcon","scrollIntoView","_param_scrollIntoView","icon","className","children","onClose","wide","close","dataQa","customIcon","iconNode","span","Icon","closeNode","onClick","svg","width","height","viewBox","fill","xmlns","path","d","rootRef","useRef","useEffect","current","behavior","block","data-qa","ref","cn","concat","_param_close","_param_leftBorder","div"],"mappings":"2EAWA,IAAMA,EAAsC,CACxCC,KAAM,kBAAM,WAAA,EAAAC,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,iBACdC,MAAO,kBAAM,WAAA,EAAAH,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,MACfE,MAAO,kBAAM,WAAA,EAAAJ,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,OACfG,QAAS,kBAAM,WAAA,EAAAL,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,OACjBI,QAAS,kBAAM,WAAA,EAAAN,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,MACjBK,OAAQ,kBAAM,WAAA,EAAAP,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,MACpB,EAiBMM,EAA8B,SAAAC,CAAA,UAChCC,IAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,EAAO,OACPC,EAAAA,EAAAA,EAAAA,UAAAA,CAAaC,EAAAH,EACbI,QAAAA,CACAC,EAAAA,EAAAA,cAAAA,CAAAA,EAAiBC,AAAA,KAAA,IAAAA,GAAAA,EACjBC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,IACAC,CAAAA,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,MAAAA,CACAC,EAAAA,EAAAA,UAAAA,CAEIC,EAAW,KAEf,GAAID,EACAC,EAAW,WAAA,EAAAxB,EAACyB,aAAAA,CAAAA,OAAAA,CAAKR,UAAU,gCAAkCM,EAAAA,OAC1D,CACH,IAAMG,EAAO5B,CAAO,CAACkB,GAAQN,EAAK,CAClCc,EACI,WAAA,EAAAxB,EAACyB,aAAAA,CAAAA,OAAAA,CAAKR,UAAU,+CACZjB,EAAC0B,aAAAA,CAAAA,EAAAA,MAGb,CAEA,IAAIC,EAAY,IACO,CAAA,YAAnB,OAAOR,GACPQ,CAAAA,EACI,WAAA,EAAA3B,EAACyB,aAAAA,CAAAA,OAAAA,CAAKR,UAAU,+BAA+BW,QAAST,gBACpDnB,EAAC6B,aAAAA,CAAAA,MAAAA,CACGC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,2CAENlC,EAACmC,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oTACFH,KAAK,oBAOzB,IAAMI,EAAUC,EAAuB,MAWvC,OATAC,EAAU,WACFzB,GAAkBuB,EAAQG,OAAO,EACjCH,EAAQG,OAAO,CAAC1B,cAAc,CAAC,CAC3B2B,SAAU,SACVC,MAAO,QACX,IAEL,CAAC5B,EAAe,eAGfd,EAACyB,aAAAA,CAAAA,OAAAA,CACGkB,UAASrB,EACTsB,IAAKP,EACLpB,UAAW4B,EACP,mBACA,KAAUC,OAALpC,GACL,CAAE,UAvDNqC,AAAA,KAAA,IAAAA,GAAAA,GAwDI,CAAE,SAAU3B,GACZ,CAAE,gBAjED4B,AAAA,KAAA,IAAAA,GAAAA,CAkED/B,EAAAA,EAGH,EAAA,CApETJ,CAAAA,AAAAA,KAAAA,IAAAA,GACAC,CAAAA,GAmEsBU,EAAAA,WAAAA,EACdxB,EAACiD,aAAAA,CAAAA,MAAAA,KAAK/B,GACLS,EAGb"}
|