@vchasno/ui-kit 0.4.37 → 0.4.39

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.
Files changed (104) hide show
  1. package/CHANGELOG.md +22 -0
  2. package/dist/components/Alert/Alert.js +1 -1
  3. package/dist/components/Alert/Alert.js.map +1 -1
  4. package/dist/components/BlackTooltip/BlackTooltip.js +1 -1
  5. package/dist/components/BlackTooltip/BlackTooltip.js.map +1 -1
  6. package/dist/components/BodyPortal/BodyPortal.js +1 -1
  7. package/dist/components/BodyPortal/BodyPortal.js.map +1 -1
  8. package/dist/components/Breadcrumbs/Breadcrumbs.js +1 -1
  9. package/dist/components/Breadcrumbs/Breadcrumbs.js.map +1 -1
  10. package/dist/components/BubbleBox/BubbleBox.js +1 -1
  11. package/dist/components/BubbleBox/BubbleBox.js.map +1 -1
  12. package/dist/components/Button/Button.js +1 -1
  13. package/dist/components/Button/Button.js.map +1 -1
  14. package/dist/components/Checkbox/Checkbox.js +1 -1
  15. package/dist/components/Checkbox/Checkbox.js.map +1 -1
  16. package/dist/components/Datepicker/DatePicker.js +1 -1
  17. package/dist/components/Datepicker/DatePicker.js.map +1 -1
  18. package/dist/components/FlexBox/FlexBox.js +1 -1
  19. package/dist/components/FlexBox/FlexBox.js.map +1 -1
  20. package/dist/components/FollowUs/FollowUs.js +1 -1
  21. package/dist/components/FollowUs/FollowUs.js.map +1 -1
  22. package/dist/components/FullScreenModal/FullScreenModal.js +1 -1
  23. package/dist/components/FullScreenModal/FullScreenModal.js.map +1 -1
  24. package/dist/components/Input/Input.js +1 -1
  25. package/dist/components/Input/Input.js.map +1 -1
  26. package/dist/components/InputMeta/InputMeta.js +1 -1
  27. package/dist/components/InputMeta/InputMeta.js.map +1 -1
  28. package/dist/components/LabelText/LabelText.js +1 -1
  29. package/dist/components/LabelText/LabelText.js.map +1 -1
  30. package/dist/components/MaskInput/MaskInput.js +1 -1
  31. package/dist/components/MaskInput/MaskInput.js.map +1 -1
  32. package/dist/components/Menu/Menu.js +1 -1
  33. package/dist/components/Menu/Menu.js.map +1 -1
  34. package/dist/components/MenuButton/MenuButton.js +1 -1
  35. package/dist/components/MenuButton/MenuButton.js.map +1 -1
  36. package/dist/components/MenuItem/MenuItem.js +1 -1
  37. package/dist/components/MenuItem/MenuItem.js.map +1 -1
  38. package/dist/components/MobileAppLinks/MobileAppLinks.js +1 -1
  39. package/dist/components/MobileAppLinks/MobileAppLinks.js.map +1 -1
  40. package/dist/components/Pagination/Pagination.js +1 -1
  41. package/dist/components/Pagination/Pagination.js.map +1 -1
  42. package/dist/components/Paragraph/Paragraph.js +1 -1
  43. package/dist/components/Paragraph/Paragraph.js.map +1 -1
  44. package/dist/components/PasswordInput/PasswordInput.js +1 -1
  45. package/dist/components/PasswordInput/PasswordInput.js.map +1 -1
  46. package/dist/components/ProjectsPopover/ProductLink.js +1 -1
  47. package/dist/components/ProjectsPopover/ProductLink.js.map +1 -1
  48. package/dist/components/ProjectsPopover/ProjectsPopover.js +1 -1
  49. package/dist/components/ProjectsPopover/ProjectsPopover.js.map +1 -1
  50. package/dist/components/ProjectsPopover/mappers.js +1 -1
  51. package/dist/components/ProjectsPopover/mappers.js.map +1 -1
  52. package/dist/components/ProjectsPopover/types.js.map +1 -1
  53. package/dist/components/PulseDot/PulseDot.js +1 -1
  54. package/dist/components/PulseDot/PulseDot.js.map +1 -1
  55. package/dist/components/ScrollableBox/ScrollableBox.js +1 -1
  56. package/dist/components/ScrollableBox/ScrollableBox.js.map +1 -1
  57. package/dist/components/ScrollableBox/useElementScrollable.js +1 -1
  58. package/dist/components/ScrollableBox/useElementScrollable.js.map +1 -1
  59. package/dist/components/Select/AsyncSelect.js +1 -1
  60. package/dist/components/Select/AsyncSelect.js.map +1 -1
  61. package/dist/components/Select/Label.js +1 -1
  62. package/dist/components/Select/Label.js.map +1 -1
  63. package/dist/components/Select/Select.js +1 -1
  64. package/dist/components/Select/Select.js.map +1 -1
  65. package/dist/components/Select/SelectCreatable.js +1 -1
  66. package/dist/components/Select/SelectCreatable.js.map +1 -1
  67. package/dist/components/Select/customComponents.js +1 -1
  68. package/dist/components/Select/customComponents.js.map +1 -1
  69. package/dist/components/Select/defaultProps.js +1 -1
  70. package/dist/components/Select/defaultProps.js.map +1 -1
  71. package/dist/components/Slider/Slider.js +1 -1
  72. package/dist/components/Slider/Slider.js.map +1 -1
  73. package/dist/components/Snackbar/ActionButton.js +1 -1
  74. package/dist/components/Snackbar/ActionButton.js.map +1 -1
  75. package/dist/components/Snackbar/Snackbar.js +1 -1
  76. package/dist/components/Snackbar/Snackbar.js.map +1 -1
  77. package/dist/components/Snackbar/WithAction.js +1 -1
  78. package/dist/components/Snackbar/WithAction.js.map +1 -1
  79. package/dist/components/SnowEffect/SnowEffect.js +1 -1
  80. package/dist/components/SnowEffect/SnowEffect.js.map +1 -1
  81. package/dist/components/Spinner/Spinner.js +1 -1
  82. package/dist/components/Spinner/Spinner.js.map +1 -1
  83. package/dist/components/SplashLogo/SplashLogo.js +1 -1
  84. package/dist/components/SplashLogo/SplashLogo.js.map +1 -1
  85. package/dist/components/SvgBorder/SvgBorder.js +1 -1
  86. package/dist/components/SvgBorder/SvgBorder.js.map +1 -1
  87. package/dist/components/Switch/Switch.js +1 -1
  88. package/dist/components/Switch/Switch.js.map +1 -1
  89. package/dist/components/Tabs/Tabs.d.ts +2 -1
  90. package/dist/components/Tabs/Tabs.js +1 -1
  91. package/dist/components/Tabs/Tabs.js.map +1 -1
  92. package/dist/components/Text/Text.js +1 -1
  93. package/dist/components/Text/Text.js.map +1 -1
  94. package/dist/components/TextAreaInput/TextAreaInput.js +1 -1
  95. package/dist/components/TextAreaInput/TextAreaInput.js.map +1 -1
  96. package/dist/components/TextInput/TextInput.js +1 -1
  97. package/dist/components/TextInput/TextInput.js.map +1 -1
  98. package/dist/components/Title/Title.js +1 -1
  99. package/dist/components/Title/Title.js.map +1 -1
  100. package/dist/css/vchasno-ui.css +1 -1
  101. package/dist/icons/clear.js +1 -1
  102. package/dist/icons/clear.js.map +1 -1
  103. package/dist/utils/react.js.map +1 -1
  104. package/package.json +19 -19
package/CHANGELOG.md CHANGED
@@ -7,6 +7,28 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
7
7
 
8
8
  ## [Unreleased]
9
9
 
10
+ ## [0.4.39] - 2025-01-17
11
+
12
+ ## Changed
13
+
14
+ - `FullScreenModal` - content scroll height
15
+
16
+ ## [0.4.38] - 2025-01-15
17
+
18
+ ## Added
19
+
20
+ - Tabs prop `indicatorPadding` for set custom padding for indicator
21
+
22
+ ## Fixed
23
+
24
+ - ScrollableBox recalculate when content changes with MutationObserver
25
+
26
+ ## Changed
27
+
28
+ - Tabs indicator css transition styles - left => transform: translateX()
29
+ - Snackbar - change default position to bottom-right
30
+ - Update storybook to 8.5.0, webpack, rollup ans swc packages to latest versions
31
+
10
32
  ## [0.4.37] - 2025-01-15
11
33
 
12
34
  ## Fixed
@@ -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,"\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};
1
+ import e,{useRef as n,useEffect as t}from"react";import r from"classnames";var l={info:function(){return e.createElement(e.Fragment,null,"\uD83D\uDD14")},cross:function(){return e.createElement(e.Fragment,null,"❌")},error:function(){return e.createElement(e.Fragment,null,"❗️")},warning:function(){return e.createElement(e.Fragment,null,"⚠️")},success:function(){return e.createElement(e.Fragment,null,"✅")},config:function(){return 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=e.createElement("span",{className:"vchasno-ui-alert__icon-wrapper"},C);else{var L=l[f||o];g=e.createElement("span",{className:"vchasno-ui-alert__icon-wrapper"},e.createElement(L,null))}var F=null;"function"==typeof p&&(F=e.createElement("span",{className:"vchasno-ui-alert__close-icon",onClick:p},e.createElement("svg",{width:"10",height:"10",viewBox:"0 0 10 10",fill:"none",xmlns:"http://www.w3.org/2000/svg"},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]),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,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: () => <>🔔</>,\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"}
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","undefined","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,kBAAMC,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,iBACdC,MAAO,kBAAMH,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,MACfE,MAAO,kBAAMJ,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,OACfG,QAAS,kBAAML,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,OACjBI,QAAS,kBAAMN,EAAEC,aAAA,CAAAD,EAAAE,QAAA,CAAA,KAAA,MACjBK,OAAQ,kBAAMP,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,AAAAC,KAAAA,IAAAD,GAAAA,EACjBE,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,EAAWzB,EAAC0B,aAAAA,CAAAA,OAAAA,CAAKR,UAAU,gCAAkCM,EAAAA,OAC1D,CACH,IAAMG,EAAO7B,CAAO,CAACmB,GAAQP,EAAK,CAClCe,EACIzB,EAAC0B,aAAAA,CAAAA,OAAAA,CAAKR,UAAU,kCACZlB,EAAC2B,aAAAA,CAAAA,EAAAA,MAGb,CAEA,IAAIC,EAAY,IACO,CAAA,YAAnB,OAAOR,GACPQ,CAAAA,EACI5B,EAAC0B,aAAAA,CAAAA,OAAAA,CAAKR,UAAU,+BAA+BW,QAAST,GACpDpB,EAAC8B,aAAAA,CAAAA,MAAAA,CACGC,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENnC,EAACoC,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oTACFH,KAAK,oBAOzB,IAAMI,EAAUC,EAAuB,MAWvC,OATAC,EAAU,WACF1B,GAAkBwB,EAAQG,OAAO,EACjCH,EAAQG,OAAO,CAAC3B,cAAc,CAAC,CAC3B4B,SAAU,SACVC,MAAO,QACX,IAEL,CAAC7B,EAAe,EAGfd,EAAC0B,aAAAA,CAAAA,OAAAA,CACGkB,UAASrB,EACTsB,IAAKP,EACLpB,UAAW4B,EACP,mBACA,KAAUC,OAALrC,GACL,CAAE,UAvDNsC,AAAAhC,KAAAA,IAAAgC,GAAAA,GAwDI,CAAE,SAAU3B,GACZ,CAAE,gBAjED4B,AAAAjC,KAAAA,IAAAiC,GAAAA,GAkED/B,EAGH,EAAA,CApETL,CAAAA,AAAAA,KAAAA,IAAAA,GACAC,CAAAA,GAmEsBW,EACdzB,EAACkD,aAAAA,CAAAA,MAAAA,KAAK/B,GACLS,EAGb"}
@@ -1,2 +1,2 @@
1
- import e from"react";import r,{tooltipClasses as t}from"@mui/material/Tooltip";import{styled as o}from"@mui/material/styles";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var c=o(function(t){var o,c,a=t.className,i=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)t=c[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)t=c[o],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(t,["className"]);return /*#__PURE__*/e.createElement(r,(o=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){n(e,r,t[r])})}return e}({},i),c=c={arrow:!0,classes:{popper:a}},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(c)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))}),o))})(function(){var e;return n(e={},"& .".concat(t.arrow),{color:"rgba(0, 0, 0, 0.9)"}),n(e,"& .".concat(t.tooltip),{backgroundColor:"rgba(0, 0, 0, 0.9)",fontSize:"14px",color:"#fff",padding:"10px",lineHeight:"18px"}),e});export{c as default};
1
+ import e from"react";import r,{tooltipClasses as t}from"@mui/material/Tooltip";import{styled as o}from"@mui/material/styles";function n(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}var c=o(function(t){var o,c,a=t.className,i=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},c=Object.keys(e);for(o=0;o<c.length;o++)t=c[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(o=0;o<c.length;o++)t=c[o],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(t,["className"]);return e.createElement(r,(o=function(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){n(e,r,t[r])})}return e}({},i),c=c={arrow:!0,classes:{popper:a}},Object.getOwnPropertyDescriptors?Object.defineProperties(o,Object.getOwnPropertyDescriptors(c)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(c)).forEach(function(e){Object.defineProperty(o,e,Object.getOwnPropertyDescriptor(c,e))}),o))})(function(){var e;return n(e={},"& .".concat(t.arrow),{color:"rgba(0, 0, 0, 0.9)"}),n(e,"& .".concat(t.tooltip),{backgroundColor:"rgba(0, 0, 0, 0.9)",fontSize:"14px",color:"#fff",padding:"10px",lineHeight:"18px"}),e});export{c as default};
2
2
  //# sourceMappingURL=BlackTooltip.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BlackTooltip.js","sources":["../../../src/components/BlackTooltip/BlackTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';\nimport { styled } from '@mui/material/styles';\n\nexport interface BlackTooltipProps extends TooltipProps {}\n\nconst BlackTooltip = styled<typeof Tooltip>(({ className, ...props }: TooltipProps) => (\n <Tooltip {...props} arrow classes={{ popper: className }} />\n))(() => ({\n [`& .${tooltipClasses.arrow}`]: {\n color: 'rgba(0, 0, 0, 0.9)',\n },\n [`& .${tooltipClasses.tooltip}`]: {\n backgroundColor: 'rgba(0, 0, 0, 0.9)',\n fontSize: '14px',\n color: '#fff',\n padding: '10px',\n lineHeight: '18px',\n },\n}));\n\nexport default BlackTooltip;\n"],"names":["BlackTooltip","styled","_param","className","props","React","createElement","Tooltip","arrow","classes","popper","_obj","_define_property","concat","tooltipClasses","color","tooltip","backgroundColor","fontSize","padding","lineHeight"],"mappings":"qPAOA,IAAMA,EAAeC,EAAuB,SAAAC,CAAA,EAAGC,QAAAA,EAAAA,EAAAA,SAAcC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAdD,cAC3C,OAAA,WAAA,EAAAE,EAAAC,aAAA,CAACC,KAAYH,mUAAAA,CAAAA,EAAAA,OAAAA,CAAOI,MAAAA,CAAAA,EAAMC,QAAS,CAAEC,OAAQP,CAAU,+UACxD,GAAA,WAAO,IAAAQ,EAAA,OAAAA,AACNC,EADMD,EAAA,CAAA,EACJ,MAA0BE,MAArBC,CAAAA,EAAeN,KAAK,EAAK,CAC5BO,MAAO,oBACX,GACAH,EAJMD,EAIJ,MAA4BE,MAAvBC,CAAAA,EAAeE,OAAO,EAAK,CAC9BC,gBAAiB,qBACjBC,SAAU,OACVH,MAAO,OACPI,QAAS,OACTC,WAAY,MATV,GAAAT"}
1
+ {"version":3,"file":"BlackTooltip.js","sources":["../../../src/components/BlackTooltip/BlackTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport Tooltip, { TooltipProps, tooltipClasses } from '@mui/material/Tooltip';\nimport { styled } from '@mui/material/styles';\n\nexport interface BlackTooltipProps extends TooltipProps {}\n\nconst BlackTooltip = styled<typeof Tooltip>(({ className, ...props }: TooltipProps) => (\n <Tooltip {...props} arrow classes={{ popper: className }} />\n))(() => ({\n [`& .${tooltipClasses.arrow}`]: {\n color: 'rgba(0, 0, 0, 0.9)',\n },\n [`& .${tooltipClasses.tooltip}`]: {\n backgroundColor: 'rgba(0, 0, 0, 0.9)',\n fontSize: '14px',\n color: '#fff',\n padding: '10px',\n lineHeight: '18px',\n },\n}));\n\nexport default BlackTooltip;\n"],"names":["BlackTooltip","styled","_param","className","props","React","createElement","Tooltip","arrow","classes","popper","_obj","_define_property","concat","tooltipClasses","color","tooltip","backgroundColor","fontSize","padding","lineHeight"],"mappings":"qPAOA,IAAMA,EAAeC,EAAuB,SAAAC,CAAA,EAAGC,QAAAA,EAAAA,EAAAA,SAAcC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAdD,cAC3C,OAAAE,EAAAC,aAAA,CAACC,KAAYH,mUAAAA,CAAAA,EAAAA,OAAAA,CAAOI,MAAAA,CAAAA,EAAMC,QAAS,CAAEC,OAAQP,CAAU,+UACxD,GAAA,WAAO,IAAAQ,EAAA,OAAAA,AACNC,EADMD,EAAA,CAAA,EACJ,MAA0BE,MAArBC,CAAAA,EAAeN,KAAK,EAAK,CAC5BO,MAAO,oBACX,GACAH,EAJMD,EAIJ,MAA4BE,MAAvBC,CAAAA,EAAeE,OAAO,EAAK,CAC9BC,gBAAiB,qBACjBC,SAAU,OACVH,MAAO,OACPI,QAAS,OACTC,WAAY,MATV,GAAAT"}
@@ -1,2 +1,2 @@
1
- import"react";import{createPortal as r}from"react-dom";var o=function(o){return /*#__PURE__*/r(o.children,document.body)};export{o as default};
1
+ import"react";import{createPortal as r}from"react-dom";var o=function(o){return r(o.children,document.body)};export{o as default};
2
2
  //# sourceMappingURL=BodyPortal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BodyPortal.js","sources":["../../../src/components/BodyPortal/BodyPortal.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface BodyPortalProps {\n children: React.ReactNode;\n}\n\nconst BodyPortal: React.FC<BodyPortalProps> = ({ children }) =>\n createPortal(children, document.body);\n\nexport default BodyPortal;\n"],"names":["BodyPortal","param","createPortal","children","document","body"],"mappings":"uDAOA,IAAMA,EAAwC,SAAAC,CAAA,sBAC1CC,EAD6CC,EAAAA,QAAAA,CACtBC,SAASC,IAAI"}
1
+ {"version":3,"file":"BodyPortal.js","sources":["../../../src/components/BodyPortal/BodyPortal.tsx"],"sourcesContent":["import React from 'react';\nimport { createPortal } from 'react-dom';\n\nexport interface BodyPortalProps {\n children: React.ReactNode;\n}\n\nconst BodyPortal: React.FC<BodyPortalProps> = ({ children }) =>\n createPortal(children, document.body);\n\nexport default BodyPortal;\n"],"names":["BodyPortal","param","createPortal","children","document","body"],"mappings":"uDAOA,IAAMA,EAAwC,SAAAC,CAAA,SAC1CC,EAD6CC,EAAAA,QAAAA,CACtBC,SAASC,IAAI"}
@@ -1,2 +1,2 @@
1
- import e from"react";import r from"classnames";import t from"../Menu/Menu.js";import n from"@mui/material/Breadcrumbs";function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}var c=function(c){var i,l,u,s=c.maxItems,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["maxItems"]),m=e.Children.toArray(c.children),b=s&&m.length>s,p=[],y=[];b&&(s>1?(p=m.slice(-(s-1)),y=m.slice(1,-p.length)):1===s&&(y=m.slice(1)));var O=c.menuButton||"...";return /*#__PURE__*/e.createElement(n,(i=a({},f),l=l={classes:a({separator:"vchasno-ui-breadcrumbs-separator"},f.classes),className:r("vchasno-ui-breadcrumbs",f.className)},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(l)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))}),i),!b&&c.children,b&&[m[0],y.length>0&&/*#__PURE__*/e.createElement(t,{menuButton:/*#__PURE__*/e.createElement(t.Button,null,O)},y.map(function(r,n){return /*#__PURE__*/e.createElement(t.Item,{key:n},r)}))].concat(function(e){if(Array.isArray(e))return o(e)}(u=p)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(u)||function(e,r){if(e){if("string"==typeof e)return o(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return o(e,void 0)}}(u)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))};export{c as default};
1
+ import e from"react";import r from"classnames";import t from"../Menu/Menu.js";import n from"@mui/material/Breadcrumbs";function o(e,r){(null==r||r>e.length)&&(r=e.length);for(var t=0,n=Array(r);t<r;t++)n[t]=e[t];return n}function a(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}var c=function(c){var i,l,u,s=c.maxItems,f=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(c,["maxItems"]),m=e.Children.toArray(c.children),b=s&&m.length>s,p=[],y=[];b&&(s>1?(p=m.slice(-(s-1)),y=m.slice(1,-p.length)):1===s&&(y=m.slice(1)));var O=c.menuButton||"...";return e.createElement(n,(i=a({},f),l=l={classes:a({separator:"vchasno-ui-breadcrumbs-separator"},f.classes),className:r("vchasno-ui-breadcrumbs",f.className)},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(l)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))}),i),!b&&c.children,b&&[m[0],y.length>0&&e.createElement(t,{menuButton:e.createElement(t.Button,null,O)},y.map(function(r,n){return e.createElement(t.Item,{key:n},r)}))].concat(function(e){if(Array.isArray(e))return o(e)}(u=p)||function(e){if("undefined"!=typeof Symbol&&null!=e[Symbol.iterator]||null!=e["@@iterator"])return Array.from(e)}(u)||function(e,r){if(e){if("string"==typeof e)return o(e,void 0);var t=Object.prototype.toString.call(e).slice(8,-1);if("Object"===t&&e.constructor&&(t=e.constructor.name),"Map"===t||"Set"===t)return Array.from(t);if("Arguments"===t||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t))return o(e,void 0)}}(u)||function(){throw TypeError("Invalid attempt to spread non-iterable instance.\\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}()))};export{c as default};
2
2
  //# sourceMappingURL=Breadcrumbs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ReactChild, ReactFragment, ReactPortal } from 'react';\n\nimport cn from 'classnames';\n\nimport Menu from '../Menu';\nimport MaterialBreadcrumbs, {\n BreadcrumbsProps as MaterialBreadcrumbsProps,\n} from '@mui/material/Breadcrumbs';\n\nimport './Breadcrumbs.global.css';\n\nexport interface BreadcrumbsProps extends MaterialBreadcrumbsProps {\n menuButton?: React.ReactNode;\n}\n\n// TODO remove logic with maxItems, when Material-UI will update to v6\n// https://mui.com/material-ui/react-breadcrumbs/#condensed-with-menu\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\n const { maxItems, ...rest } = props;\n\n const childrenArray = React.Children.toArray(props.children);\n const isShowWithMenu = maxItems && childrenArray.length > maxItems;\n\n let childrenToShow: (ReactChild | ReactFragment | ReactPortal)[] = [];\n let menuChildren: (ReactChild | ReactFragment | ReactPortal)[] = [];\n\n if (isShowWithMenu) {\n if (maxItems > 1) {\n childrenToShow = childrenArray.slice(-(maxItems - 1));\n menuChildren = childrenArray.slice(1, -childrenToShow.length);\n } else if (maxItems === 1) {\n menuChildren = childrenArray.slice(1);\n }\n }\n\n const menuButton = props.menuButton || '...';\n\n return (\n <MaterialBreadcrumbs\n {...rest}\n classes={{ separator: 'vchasno-ui-breadcrumbs-separator', ...rest.classes }}\n className={cn('vchasno-ui-breadcrumbs', rest.className)}\n >\n {!isShowWithMenu && props.children}\n {isShowWithMenu && [\n childrenArray[0],\n menuChildren.length > 0 && (\n <Menu menuButton={<Menu.Button>{menuButton}</Menu.Button>}>\n {menuChildren.map((child, index) => (\n <Menu.Item key={index}>{child}</Menu.Item>\n ))}\n </Menu>\n ),\n ...childrenToShow,\n ]}\n </MaterialBreadcrumbs>\n );\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","props","maxItems","rest","childrenArray","React","Children","toArray","children","isShowWithMenu","length","childrenToShow","menuChildren","slice","menuButton","MaterialBreadcrumbs","classes","_object_spread","separator","className","cn","Menu","createElement","Button","map","child","index","Item","key","concat"],"mappings":"+nBAiBA,IAAMA,EAA0C,SAACC,CAAAA,EAC7C,UAAMC,EAAwBD,EAAtBC,QAAAA,CAAaC,EAASF,sXAAAA,EAAAA,CAAtBC,aAEFE,EAAgBC,EAAMC,QAAQ,CAACC,OAAO,CAACN,EAAMO,QAAQ,EACrDC,EAAiBP,GAAYE,EAAcM,MAAM,CAAGR,EAEtDS,EAA+D,EAAE,CACjEC,EAA6D,EAAE,CAE/DH,IACIP,EAAW,GACXS,EAAiBP,EAAcS,KAAK,CAAC,CAAEX,CAAAA,EAAW,CAAA,GAClDU,EAAeR,EAAcS,KAAK,CAAC,EAAG,CAACF,EAAeD,MAAM,GACxC,IAAbR,GACPU,CAAAA,EAAeR,EAAcS,KAAK,CAAC,EAAA,GAI3C,IAAMC,EAAab,EAAMa,UAAU,EAAI,MAEvC,OACI,WAAA,EAAAT,gBAACU,KACOZ,EAAAA,CAAAA,EAAAA,OAAAA,CACJa,QAASC,EAAA,CAAEC,UAAW,kCAAuCf,EAAAA,EAAKa,OAAO,EACzEG,UAAWC,EAAG,yBAA0BjB,EAAKgB,SAAS,CAErD,8UAAA,CAACV,GAAkBR,EAAMO,QAAQ,CACjCC,GAAkB,CACfL,CAAa,CAAC,EAAE,CAChBQ,EAAaF,MAAM,CAAG,GAClB,WAAA,EAAAL,EAACgB,aAAAA,CAAAA,EAAAA,CAAKP,WAAY,WAAA,EAAAT,EAAAiB,aAAA,CAACD,EAAKE,MAAM,CAAET,KAAAA,IAC3BF,EAAaY,GAAG,CAAC,SAACC,CAAOC,CAAAA,CAAAA,EACtB,OAAA,WAAA,EAAArB,EAAAiB,aAAA,CAACD,EAAKM,IAAI,CAAA,CAACC,IAAKF,CAAQD,EAAAA,MAKvC,CAVkBI,sDASZlB,mlBAInB"}
1
+ {"version":3,"file":"Breadcrumbs.js","sources":["../../../src/components/Breadcrumbs/Breadcrumbs.tsx"],"sourcesContent":["import React, { ReactChild, ReactFragment, ReactPortal } from 'react';\n\nimport cn from 'classnames';\n\nimport Menu from '../Menu';\nimport MaterialBreadcrumbs, {\n BreadcrumbsProps as MaterialBreadcrumbsProps,\n} from '@mui/material/Breadcrumbs';\n\nimport './Breadcrumbs.global.css';\n\nexport interface BreadcrumbsProps extends MaterialBreadcrumbsProps {\n menuButton?: React.ReactNode;\n}\n\n// TODO remove logic with maxItems, when Material-UI will update to v6\n// https://mui.com/material-ui/react-breadcrumbs/#condensed-with-menu\nconst Breadcrumbs: React.FC<BreadcrumbsProps> = (props) => {\n const { maxItems, ...rest } = props;\n\n const childrenArray = React.Children.toArray(props.children);\n const isShowWithMenu = maxItems && childrenArray.length > maxItems;\n\n let childrenToShow: (ReactChild | ReactFragment | ReactPortal)[] = [];\n let menuChildren: (ReactChild | ReactFragment | ReactPortal)[] = [];\n\n if (isShowWithMenu) {\n if (maxItems > 1) {\n childrenToShow = childrenArray.slice(-(maxItems - 1));\n menuChildren = childrenArray.slice(1, -childrenToShow.length);\n } else if (maxItems === 1) {\n menuChildren = childrenArray.slice(1);\n }\n }\n\n const menuButton = props.menuButton || '...';\n\n return (\n <MaterialBreadcrumbs\n {...rest}\n classes={{ separator: 'vchasno-ui-breadcrumbs-separator', ...rest.classes }}\n className={cn('vchasno-ui-breadcrumbs', rest.className)}\n >\n {!isShowWithMenu && props.children}\n {isShowWithMenu && [\n childrenArray[0],\n menuChildren.length > 0 && (\n <Menu menuButton={<Menu.Button>{menuButton}</Menu.Button>}>\n {menuChildren.map((child, index) => (\n <Menu.Item key={index}>{child}</Menu.Item>\n ))}\n </Menu>\n ),\n ...childrenToShow,\n ]}\n </MaterialBreadcrumbs>\n );\n};\n\nexport default Breadcrumbs;\n"],"names":["Breadcrumbs","props","maxItems","rest","childrenArray","React","Children","toArray","children","isShowWithMenu","length","childrenToShow","menuChildren","slice","menuButton","MaterialBreadcrumbs","classes","_object_spread","separator","className","cn","Menu","createElement","Button","map","child","index","Item","key","concat"],"mappings":"+nBAiBA,IAAMA,EAA0C,SAACC,CAAAA,EAC7C,UAAMC,EAAwBD,EAAtBC,QAAAA,CAAaC,EAASF,sXAAAA,EAAAA,CAAtBC,aAEFE,EAAgBC,EAAMC,QAAQ,CAACC,OAAO,CAACN,EAAMO,QAAQ,EACrDC,EAAiBP,GAAYE,EAAcM,MAAM,CAAGR,EAEtDS,EAA+D,EAAE,CACjEC,EAA6D,EAAE,CAE/DH,IACIP,EAAW,GACXS,EAAiBP,EAAcS,KAAK,CAAC,CAAEX,CAAAA,EAAW,CAAA,GAClDU,EAAeR,EAAcS,KAAK,CAAC,EAAG,CAACF,EAAeD,MAAM,GACxC,IAAbR,GACPU,CAAAA,EAAeR,EAAcS,KAAK,CAAC,EAAA,GAI3C,IAAMC,EAAab,EAAMa,UAAU,EAAI,MAEvC,OACIT,gBAACU,KACOZ,EAAAA,CAAAA,EAAAA,OAAAA,CACJa,QAASC,EAAA,CAAEC,UAAW,kCAAuCf,EAAAA,EAAKa,OAAO,EACzEG,UAAWC,EAAG,yBAA0BjB,EAAKgB,SAAS,CAErD,8UAAA,CAACV,GAAkBR,EAAMO,QAAQ,CACjCC,GAAkB,CACfL,CAAa,CAAC,EAAE,CAChBQ,EAAaF,MAAM,CAAG,GAClBL,EAACgB,aAAAA,CAAAA,EAAAA,CAAKP,WAAYT,EAAAiB,aAAA,CAACD,EAAKE,MAAM,CAAET,KAAAA,IAC3BF,EAAaY,GAAG,CAAC,SAACC,CAAOC,CAAAA,CAAAA,EACtB,OAAArB,EAAAiB,aAAA,CAACD,EAAKM,IAAI,CAAA,CAACC,IAAKF,CAAQD,EAAAA,MAKvC,CAVkBI,sDASZlB,mlBAInB"}
@@ -1,2 +1,2 @@
1
- import e,{useMemo as r}from"react";import t from"classnames";import{useClientRect as o}from"../../hooks/useClientRect.js";import{composeBubblePath as n}from"./utils.js";function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){var o;o=t[r],r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o})}return e}var a=function(a){var i,l,c=a.className,b=a.controlClassName,u=a.svgClassName,f=a.control,p=a.children,d=a.backgroundColor,O=a.shadow,h=a.bubbleSize,m=void 0===h?40:h,y=a.borderColor,v=a.innerOffset,g=void 0===v?5:v,j=a.radiusOffset,w=void 0===j?8:j,P=a.borderWith,x=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[o],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(a,["className","controlClassName","svgClassName","control","children","backgroundColor","shadow","bubbleSize","borderColor","innerOffset","radiusOffset","borderWith"]),k=o(),B=k.rect,C=k.ref,N=Array.isArray(m)?m[1]:m,S=Array.isArray(m)?m[0]:m,E=(null==B?void 0:B.width)||0,_=(null==B?void 0:B.height)||0,A=s({"--vchasno-ui-bubble-width":"".concat(S,"px"),"--vchasno-ui-bubble-height":"".concat(N,"px")},x.style),D=r(function(){return n(E,_,Math.max(N,S)+2*g,w)},[E,_,N,S,g,w]);return /*#__PURE__*/e.createElement("div",(i=s({},x),l=l={ref:C,className:t("vchasno-ui-BubbleBox",c),style:A},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(l)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))}),i),B&&/*#__PURE__*/e.createElement("svg",{className:t("vchasno-ui-BubbleBox__svg",{"vchasno-ui-BubbleBox__shadow":O},u),width:E,height:_,xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{d:D,fill:d||"transparent",stroke:y||d||"transparent",strokeLinejoin:"round",strokeLinecap:"round",strokeWidth:void 0===P?1:P})),f&&/*#__PURE__*/e.createElement("div",{className:t("vchasno-ui-BubbleBox__bubble",b)},f),p)};export{a as default};
1
+ import e,{useMemo as r}from"react";import t from"classnames";import{useClientRect as o}from"../../hooks/useClientRect.js";import{composeBubblePath as n}from"./utils.js";function s(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),o.forEach(function(r){var o;o=t[r],r in e?Object.defineProperty(e,r,{value:o,enumerable:!0,configurable:!0,writable:!0}):e[r]=o})}return e}var a=function(a){var i,l,c=a.className,b=a.controlClassName,u=a.svgClassName,f=a.control,p=a.children,d=a.backgroundColor,O=a.shadow,h=a.bubbleSize,m=void 0===h?40:h,y=a.borderColor,v=a.innerOffset,g=void 0===v?5:v,j=a.radiusOffset,w=void 0===j?8:j,P=a.borderWith,x=function(e,r){if(null==e)return{};var t,o,n=function(e,r){if(null==e)return{};var t,o,n={},s=Object.keys(e);for(o=0;o<s.length;o++)t=s[o],r.indexOf(t)>=0||(n[t]=e[t]);return n}(e,r);if(Object.getOwnPropertySymbols){var s=Object.getOwnPropertySymbols(e);for(o=0;o<s.length;o++)t=s[o],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(n[t]=e[t])}return n}(a,["className","controlClassName","svgClassName","control","children","backgroundColor","shadow","bubbleSize","borderColor","innerOffset","radiusOffset","borderWith"]),k=o(),B=k.rect,C=k.ref,N=Array.isArray(m)?m[1]:m,S=Array.isArray(m)?m[0]:m,E=(null==B?void 0:B.width)||0,_=(null==B?void 0:B.height)||0,A=s({"--vchasno-ui-bubble-width":"".concat(S,"px"),"--vchasno-ui-bubble-height":"".concat(N,"px")},x.style),D=r(function(){return n(E,_,Math.max(N,S)+2*g,w)},[E,_,N,S,g,w]);return e.createElement("div",(i=s({},x),l=l={ref:C,className:t("vchasno-ui-BubbleBox",c),style:A},Object.getOwnPropertyDescriptors?Object.defineProperties(i,Object.getOwnPropertyDescriptors(l)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(l)).forEach(function(e){Object.defineProperty(i,e,Object.getOwnPropertyDescriptor(l,e))}),i),B&&e.createElement("svg",{className:t("vchasno-ui-BubbleBox__svg",{"vchasno-ui-BubbleBox__shadow":O},u),width:E,height:_,xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:D,fill:d||"transparent",stroke:y||d||"transparent",strokeLinejoin:"round",strokeLinecap:"round",strokeWidth:void 0===P?1:P})),f&&e.createElement("div",{className:t("vchasno-ui-BubbleBox__bubble",b)},f),p)};export{a as default};
2
2
  //# sourceMappingURL=BubbleBox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"BubbleBox.js","sources":["../../../src/components/BubbleBox/BubbleBox.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo } from 'react';\n\nimport cn from 'classnames';\n\nimport { useClientRect } from '../../hooks/useClientRect';\nimport { composeBubblePath } from './utils';\n\nimport './BubbleBox.global.css';\n\nexport interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {\n className?: string;\n controlClassName?: string;\n svgClassName?: string;\n control?: React.ReactNode;\n shadow?: boolean;\n bubbleSize?: number | [number, number];\n backgroundColor?: React.CSSProperties['backgroundColor'];\n borderColor?: React.CSSProperties['borderColor'];\n innerOffset?: number;\n radiusOffset?: number;\n borderWith?: 1 | 2 | 3 | 4 | 5;\n}\n\nconst BubbleBox: React.FC<BubbleBoxProps> = ({\n className,\n controlClassName,\n svgClassName,\n control,\n children,\n backgroundColor,\n shadow,\n bubbleSize = 40,\n borderColor,\n innerOffset = 5,\n radiusOffset = 8,\n borderWith = 1,\n ...rest\n}) => {\n const { rect, ref } = useClientRect();\n const bubbleHeight = Array.isArray(bubbleSize) ? bubbleSize[1] : bubbleSize;\n const bubbleWidth = Array.isArray(bubbleSize) ? bubbleSize[0] : bubbleSize;\n const elementWidth = rect?.width || 0;\n const height = rect?.height || 0;\n\n const css = {\n '--vchasno-ui-bubble-width': `${bubbleWidth}px`,\n '--vchasno-ui-bubble-height': `${bubbleHeight}px`,\n ...rest.style,\n } as React.CSSProperties;\n\n const d = useMemo(\n () =>\n composeBubblePath(\n elementWidth,\n height,\n Math.max(bubbleHeight, bubbleWidth) + innerOffset * 2,\n radiusOffset,\n ),\n [elementWidth, height, bubbleHeight, bubbleWidth, innerOffset, radiusOffset],\n );\n\n return (\n <div {...rest} ref={ref} className={cn('vchasno-ui-BubbleBox', className)} style={css}>\n {rect && (\n <svg\n className={cn(\n 'vchasno-ui-BubbleBox__svg',\n { 'vchasno-ui-BubbleBox__shadow': shadow },\n svgClassName,\n )}\n width={elementWidth}\n height={height}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d={d}\n fill={backgroundColor || 'transparent'}\n stroke={borderColor || backgroundColor || 'transparent'}\n strokeLinejoin=\"round\"\n strokeLinecap=\"round\"\n strokeWidth={borderWith}\n />\n </svg>\n )}\n {control && (\n <div className={cn('vchasno-ui-BubbleBox__bubble', controlClassName)}>\n {control}\n </div>\n )}\n {children}\n </div>\n );\n};\n\nexport default BubbleBox;\n"],"names":["BubbleBox","_param","className","controlClassName","svgClassName","control","children","backgroundColor","shadow","bubbleSize","_param_bubbleSize","borderColor","innerOffset","radiusOffset","_param_radiusOffset","_param_borderWith","borderWith","rest","useClientRect","rect","ref","bubbleHeight","Array","isArray","bubbleWidth","elementWidth","width","height","css","_object_spread","concat","style","d","useMemo","composeBubblePath","Math","max","React","div","cn","svg","xmlns","path","fill","stroke","strokeLinejoin","strokeLinecap","strokeWidth"],"mappings":"2kBAuBA,IAAMA,EAAsC,SAAAC,CAAA,UACxCC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,gBAAAA,CACAC,EAAAA,EAAAA,YAAAA,CACAC,EAAAA,EAAAA,OAAAA,CACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,eAAAA,CACAC,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,EACAC,WAAAA,EAAaC,AAAA,KAAA,IAAAA,EAAA,GAAAA,EACbC,EAAAA,EAAAA,WAAAA,CAAAA,EAAAA,EACAC,WAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,EAAc,EACdC,EAAAA,EAAAA,EAAAA,YAAAA,CAAAA,EAAeC,AAAA,KAAA,IAAAA,EAAA,EAAAA,EAAAC,EAAAd,EACfe,UAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAZHf,YACAC,mBACAC,eACAC,UACAC,WACAC,kBACAC,SACAC,aACAE,cACAC,cACAC,eACAG,eAGsBE,EAAAA,IAAdC,EAAcD,EAAdC,IAAAA,CAAMC,EAAQF,EAARE,GAAAA,CACRC,EAAeC,MAAMC,OAAO,CAACd,GAAcA,CAAU,CAAC,EAAE,CAAGA,EAC3De,EAAcF,MAAMC,OAAO,CAACd,GAAcA,CAAU,CAAC,EAAE,CAAGA,EAC1DgB,EAAeN,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAMO,KAAK,AAALA,GAAS,EAC9BC,EAASR,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAMQ,MAAM,AAANA,GAAU,EAEzBC,EAAMC,EAAA,CACR,4BAA8B,GAAcC,MAAA,CAAZN,EAAY,MAC5C,6BAA+B,GAAeM,MAAA,CAAbT,EAAa,KAC3CJ,EAAAA,EAAKc,KAAK,EAGXC,EAAIC,EACN,kBACIC,EACIT,EACAE,EACAQ,KAAKC,GAAG,CAACf,EAAcG,GAAeZ,AAAc,EAAdA,EACtCC,EAER,EAAA,CAACY,EAAcE,EAAQN,EAAcG,EAAaZ,EAAaC,EAAa,EAGhF,OACI,WAAA,EAAAwB,gBAACC,SAAQrB,EAAAA,CAAAA,EAAAA,OAAAA,CAAMG,IAAKA,EAAKlB,UAAWqC,EAAG,uBAAwBrC,GAAY6B,MAAOH,CAC7ET,8UAAAA,GAAAA,WAAAA,EACGkB,EAACG,aAAAA,CAAAA,MAAAA,CACGtC,UAAWqC,EACP,4BACA,CAAE,+BAAgC/B,CAClCJ,EAAAA,GAEJsB,MAAOD,EACPE,OAAQA,EACRc,MAAM,2CAENJ,EAACK,aAAAA,CAAAA,OAAAA,CACGV,EAAGA,EACHW,KAAMpC,GAAmB,cACzBqC,OAAQjC,GAAeJ,GAAmB,cAC1CsC,eAAe,QACfC,cAAc,QACdC,YA7CpB/B,AAAAA,KAAAA,IAAAA,EAAa,EACVC,CAgDMZ,IAAAA,GAAAA,WAAAA,EACGgC,EAACC,aAAAA,CAAAA,MAAAA,CAAIpC,UAAWqC,EAAG,+BAAgCpC,IAC9CE,GAGRC,EAGb"}
1
+ {"version":3,"file":"BubbleBox.js","sources":["../../../src/components/BubbleBox/BubbleBox.tsx"],"sourcesContent":["import React, { HTMLAttributes, useMemo } from 'react';\n\nimport cn from 'classnames';\n\nimport { useClientRect } from '../../hooks/useClientRect';\nimport { composeBubblePath } from './utils';\n\nimport './BubbleBox.global.css';\n\nexport interface BubbleBoxProps extends HTMLAttributes<HTMLDivElement> {\n className?: string;\n controlClassName?: string;\n svgClassName?: string;\n control?: React.ReactNode;\n shadow?: boolean;\n bubbleSize?: number | [number, number];\n backgroundColor?: React.CSSProperties['backgroundColor'];\n borderColor?: React.CSSProperties['borderColor'];\n innerOffset?: number;\n radiusOffset?: number;\n borderWith?: 1 | 2 | 3 | 4 | 5;\n}\n\nconst BubbleBox: React.FC<BubbleBoxProps> = ({\n className,\n controlClassName,\n svgClassName,\n control,\n children,\n backgroundColor,\n shadow,\n bubbleSize = 40,\n borderColor,\n innerOffset = 5,\n radiusOffset = 8,\n borderWith = 1,\n ...rest\n}) => {\n const { rect, ref } = useClientRect();\n const bubbleHeight = Array.isArray(bubbleSize) ? bubbleSize[1] : bubbleSize;\n const bubbleWidth = Array.isArray(bubbleSize) ? bubbleSize[0] : bubbleSize;\n const elementWidth = rect?.width || 0;\n const height = rect?.height || 0;\n\n const css = {\n '--vchasno-ui-bubble-width': `${bubbleWidth}px`,\n '--vchasno-ui-bubble-height': `${bubbleHeight}px`,\n ...rest.style,\n } as React.CSSProperties;\n\n const d = useMemo(\n () =>\n composeBubblePath(\n elementWidth,\n height,\n Math.max(bubbleHeight, bubbleWidth) + innerOffset * 2,\n radiusOffset,\n ),\n [elementWidth, height, bubbleHeight, bubbleWidth, innerOffset, radiusOffset],\n );\n\n return (\n <div {...rest} ref={ref} className={cn('vchasno-ui-BubbleBox', className)} style={css}>\n {rect && (\n <svg\n className={cn(\n 'vchasno-ui-BubbleBox__svg',\n { 'vchasno-ui-BubbleBox__shadow': shadow },\n svgClassName,\n )}\n width={elementWidth}\n height={height}\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d={d}\n fill={backgroundColor || 'transparent'}\n stroke={borderColor || backgroundColor || 'transparent'}\n strokeLinejoin=\"round\"\n strokeLinecap=\"round\"\n strokeWidth={borderWith}\n />\n </svg>\n )}\n {control && (\n <div className={cn('vchasno-ui-BubbleBox__bubble', controlClassName)}>\n {control}\n </div>\n )}\n {children}\n </div>\n );\n};\n\nexport default BubbleBox;\n"],"names":["BubbleBox","_param","className","controlClassName","svgClassName","control","children","backgroundColor","shadow","bubbleSize","_param_bubbleSize","undefined","borderColor","innerOffset","radiusOffset","_param_radiusOffset","_param_borderWith","borderWith","rest","useClientRect","rect","ref","bubbleHeight","Array","isArray","bubbleWidth","elementWidth","width","height","css","_object_spread","concat","style","d","useMemo","composeBubblePath","Math","max","React","div","cn","svg","xmlns","path","fill","stroke","strokeLinejoin","strokeLinecap","strokeWidth"],"mappings":"2kBAuBA,IAAMA,EAAsC,SAAAC,CAAA,UACxCC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,gBAAAA,CACAC,EAAAA,EAAAA,YAAAA,CACAC,EAAAA,EAAAA,OAAAA,CACAC,EAAAA,EAAAA,QAAAA,CACAC,EAAAA,EAAAA,eAAAA,CACAC,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,EACAC,WAAAA,EAAaC,AAAAC,KAAAA,IAAAD,EAAA,GAAAA,EACbE,EAAAA,EAAAA,WAAAA,CAAAA,EAAAA,EACAC,WAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,EAAc,EACdC,EAAAA,EAAAA,EAAAA,YAAAA,CAAAA,EAAeC,AAAAJ,KAAAA,IAAAI,EAAA,EAAAA,EAAAC,EAAAf,EACfgB,UAAAA,CACGC,EAAAA,sXAAAA,EAAAA,CAZHhB,YACAC,mBACAC,eACAC,UACAC,WACAC,kBACAC,SACAC,aACAG,cACAC,cACAC,eACAG,eAGsBE,EAAAA,IAAdC,EAAcD,EAAdC,IAAAA,CAAMC,EAAQF,EAARE,GAAAA,CACRC,EAAeC,MAAMC,OAAO,CAACf,GAAcA,CAAU,CAAC,EAAE,CAAGA,EAC3DgB,EAAcF,MAAMC,OAAO,CAACf,GAAcA,CAAU,CAAC,EAAE,CAAGA,EAC1DiB,EAAeN,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAMO,KAAK,AAALA,GAAS,EAC9BC,EAASR,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAMQ,MAAM,AAANA,GAAU,EAEzBC,EAAMC,EAAA,CACR,4BAA8B,GAAcC,MAAA,CAAZN,EAAY,MAC5C,6BAA+B,GAAeM,MAAA,CAAbT,EAAa,KAC3CJ,EAAAA,EAAKc,KAAK,EAGXC,EAAIC,EACN,kBACIC,EACIT,EACAE,EACAQ,KAAKC,GAAG,CAACf,EAAcG,GAAeZ,AAAc,EAAdA,EACtCC,EAER,EAAA,CAACY,EAAcE,EAAQN,EAAcG,EAAaZ,EAAaC,EAAa,EAGhF,OACIwB,gBAACC,SAAQrB,EAAAA,CAAAA,EAAAA,OAAAA,CAAMG,IAAKA,EAAKnB,UAAWsC,EAAG,uBAAwBtC,GAAY8B,MAAOH,CAC7ET,8UAAAA,GACGkB,EAACG,aAAAA,CAAAA,MAAAA,CACGvC,UAAWsC,EACP,4BACA,CAAE,+BAAgChC,CAClCJ,EAAAA,GAEJuB,MAAOD,EACPE,OAAQA,EACRc,MAAM,8BAENJ,EAACK,aAAAA,CAAAA,OAAAA,CACGV,EAAGA,EACHW,KAAMrC,GAAmB,cACzBsC,OAAQjC,GAAeL,GAAmB,cAC1CuC,eAAe,QACfC,cAAc,QACdC,YA7CpB/B,AAAAA,KAAAA,IAAAA,EAAa,EACVC,CAgDMb,IAAAA,GACGiC,EAACC,aAAAA,CAAAA,MAAAA,CAAIrC,UAAWsC,EAAG,+BAAgCrC,IAC9CE,GAGRC,EAGb"}
@@ -1,2 +1,2 @@
1
- import e from"react";import t from"classnames";import r from"../Spinner/Spinner.js";var n=/*#__PURE__*/e.forwardRef(function(n,o){var a=n.theme,i=n.type,l=n.size,u=n.outline,c=n.loading,s=void 0!==c&&c,d=n.wide,p=n.suppressPadding,f=n.className,m=n.dataQa,b=n.children,y=n.pulse,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["theme","type","size","outline","loading","wide","suppressPadding","className","dataQa","children","pulse"]);return /*#__PURE__*/e.createElement("button",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({"data-qa":m,ref:o,type:void 0===i?"button":i,className:t("vchasno-ui-button","--".concat(void 0===a?"primary":a),"--".concat(void 0===l?"md":l),{"vchasno-ui-pulse-animation":y&&!v.disabled,"--outline":void 0!==u&&u,"--wide":void 0!==d&&d,"--loading":s,"--suppress-padding":void 0!==p&&p},f)},v),b,s&&/*#__PURE__*/e.createElement(r,{height:"1rem"}))});n.displayName="Button";export{n as default};
1
+ import e from"react";import t from"classnames";import r from"../Spinner/Spinner.js";var n=e.forwardRef(function(n,o){var a=n.theme,i=n.type,l=n.size,u=n.outline,c=n.loading,s=void 0!==c&&c,d=n.wide,p=n.suppressPadding,f=n.className,m=n.dataQa,b=n.children,y=n.pulse,v=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)r=a[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)r=a[n],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["theme","type","size","outline","loading","wide","suppressPadding","className","dataQa","children","pulse"]);return e.createElement("button",function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),n.forEach(function(t){var n;n=r[t],t in e?Object.defineProperty(e,t,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[t]=n})}return e}({"data-qa":m,ref:o,type:void 0===i?"button":i,className:t("vchasno-ui-button","--".concat(void 0===a?"primary":a),"--".concat(void 0===l?"md":l),{"vchasno-ui-pulse-animation":y&&!v.disabled,"--outline":void 0!==u&&u,"--wide":void 0!==d&&d,"--loading":s,"--suppress-padding":void 0!==p&&p},f)},v),b,s&&e.createElement(r,{height:"1rem"}))});n.displayName="Button";export{n as default};
2
2
  //# sourceMappingURL=Button.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport Spinner from '../Spinner';\nimport { DataQa, LoadingFeedback, Sizable, WithPulseAnimation } from '../types';\n\nimport './Button.global.css';\n\n/**\n * @deprecated - it will be removed in the next major version\n */\ntype ButtonThemeLight = 'light';\n/**\n * @deprecated - it will be removed in the next major version\n */\ntype ButtonThemeTransparent = 'transparent';\n\ntype ButtonTheme = 'primary' | 'secondary' | 'danger' | 'pink'; // KEP specific;\nexport interface ButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement>,\n Partial<Sizable & LoadingFeedback & DataQa & WithPulseAnimation> {\n className?: string;\n theme?: ButtonTheme | ButtonThemeLight | ButtonThemeTransparent;\n /**\n * @deprecated - it will be removed in the next major version\n */\n outline?: boolean;\n wide?: boolean;\n suppressPadding?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n theme = 'primary',\n type = 'button',\n size = 'md',\n outline = false,\n loading = false,\n wide = false,\n suppressPadding = false,\n className,\n dataQa,\n children,\n pulse,\n ...rest\n },\n ref,\n ) => {\n return (\n <button\n data-qa={dataQa}\n ref={ref}\n type={type}\n className={cn(\n 'vchasno-ui-button',\n `--${theme}`,\n `--${size}`,\n {\n 'vchasno-ui-pulse-animation': pulse && !rest.disabled,\n '--outline': outline,\n '--wide': wide,\n '--loading': loading,\n '--suppress-padding': suppressPadding,\n },\n className,\n )}\n {...rest}\n >\n {children}\n {loading && <Spinner height=\"1rem\" />}\n </button>\n );\n },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","React","forwardRef","ref","theme","type","_param_size","_param","size","outline","_param_loading","loading","wide","_param_suppressPadding","suppressPadding","className","dataQa","children","pulse","rest","button","data-qa","_param_type","cn","concat","disabled","_param_outline","_param_wide","Spinner","height","displayName"],"mappings":"oFAgCA,IAAMA,EAASC,WAAAA,EAAAA,EAAMC,UAAU,CAC3B,SAeIC,CAAAA,CAAAA,CAAAA,UAbIC,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CAAOC,EAAAC,EACPC,IAAAA,CACAC,EAAAA,EAAAA,OAAAA,CAAUC,EAAAH,EACVI,OAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,GACAC,EAAAA,EAAAA,EAAAA,IAAAA,CAAOC,EAAAN,EACPO,eAAAA,CACAC,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAXHf,QACAC,OACAG,OACAC,UACAE,UACAC,OACAE,kBACAC,YACAC,SACAC,WACAC,UAKJ,OAAA,WAAA,EACIjB,EAACmB,aAAAA,CAAAA,SAAAA,iaAAAA,CACGC,UAASL,EACTb,IAAKA,EACLE,KAlBGiB,AAAA,KAAA,IAAAA,EAAA,SAAAA,EAmBHP,UAAWQ,EACP,oBACA,KAAWC,OAtBnBpB,AAAAA,KAAAA,IAAAA,EAAQ,UACRC,GAsBS,KAASmB,MAAA,CArBlBhB,AAAAA,KAAAA,IAAAA,EAAO,KACPC,GAqBQ,CACI,6BAA8BS,GAAS,CAACC,EAAKM,QAAQ,CACrD,YAvBFC,AAAA,KAAA,IAAAA,GAAAA,EAwBE,SAtBLC,AAAA,KAAA,IAAAA,GAAAA,EAuBK,YAAahB,EACb,qBAvBZG,AAAAA,KAAAA,IAAAA,GACAC,CAwBQA,EAAAA,IAEAI,GAEHF,EACAN,gBAAWV,EAAC2B,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,SAGxC,EAGJ7B,CAAAA,EAAO8B,WAAW,CAAG"}
1
+ {"version":3,"file":"Button.js","sources":["../../../src/components/Button/Button.tsx"],"sourcesContent":["import React, { ButtonHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport Spinner from '../Spinner';\nimport { DataQa, LoadingFeedback, Sizable, WithPulseAnimation } from '../types';\n\nimport './Button.global.css';\n\n/**\n * @deprecated - it will be removed in the next major version\n */\ntype ButtonThemeLight = 'light';\n/**\n * @deprecated - it will be removed in the next major version\n */\ntype ButtonThemeTransparent = 'transparent';\n\ntype ButtonTheme = 'primary' | 'secondary' | 'danger' | 'pink'; // KEP specific;\nexport interface ButtonProps\n extends ButtonHTMLAttributes<HTMLButtonElement>,\n Partial<Sizable & LoadingFeedback & DataQa & WithPulseAnimation> {\n className?: string;\n theme?: ButtonTheme | ButtonThemeLight | ButtonThemeTransparent;\n /**\n * @deprecated - it will be removed in the next major version\n */\n outline?: boolean;\n wide?: boolean;\n suppressPadding?: boolean;\n}\n\nconst Button = React.forwardRef<HTMLButtonElement, ButtonProps>(\n (\n {\n theme = 'primary',\n type = 'button',\n size = 'md',\n outline = false,\n loading = false,\n wide = false,\n suppressPadding = false,\n className,\n dataQa,\n children,\n pulse,\n ...rest\n },\n ref,\n ) => {\n return (\n <button\n data-qa={dataQa}\n ref={ref}\n type={type}\n className={cn(\n 'vchasno-ui-button',\n `--${theme}`,\n `--${size}`,\n {\n 'vchasno-ui-pulse-animation': pulse && !rest.disabled,\n '--outline': outline,\n '--wide': wide,\n '--loading': loading,\n '--suppress-padding': suppressPadding,\n },\n className,\n )}\n {...rest}\n >\n {children}\n {loading && <Spinner height=\"1rem\" />}\n </button>\n );\n },\n);\n\nButton.displayName = 'Button';\n\nexport default Button;\n"],"names":["Button","React","forwardRef","ref","theme","type","_param_size","_param","size","outline","_param_loading","loading","wide","_param_suppressPadding","suppressPadding","className","dataQa","children","pulse","rest","button","data-qa","_param_type","undefined","cn","concat","disabled","_param_outline","_param_wide","Spinner","height","displayName"],"mappings":"oFAgCA,IAAMA,EAASC,EAAMC,UAAU,CAC3B,SAeIC,CAAAA,CAAAA,CAAAA,UAbIC,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CAAOC,EAAAC,EACPC,IAAAA,CACAC,EAAAA,EAAAA,OAAAA,CAAUC,EAAAH,EACVI,OAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,GACAC,EAAAA,EAAAA,EAAAA,IAAAA,CAAOC,EAAAN,EACPO,eAAAA,CACAC,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAXHf,QACAC,OACAG,OACAC,UACAE,UACAC,OACAE,kBACAC,YACAC,SACAC,WACAC,UAKJ,OACIjB,EAACmB,aAAAA,CAAAA,SAAAA,iaAAAA,CACGC,UAASL,EACTb,IAAKA,EACLE,KAlBGiB,AAAAC,KAAAA,IAAAD,EAAA,SAAAA,EAmBHP,UAAWS,EACP,oBACA,KAAWC,OAtBnBrB,AAAAA,KAAAA,IAAAA,EAAQ,UACRC,GAsBS,KAASoB,MAAA,CArBlBjB,AAAAA,KAAAA,IAAAA,EAAO,KACPC,GAqBQ,CACI,6BAA8BS,GAAS,CAACC,EAAKO,QAAQ,CACrD,YAvBFC,AAAAJ,KAAAA,IAAAI,GAAAA,EAwBE,SAtBLC,AAAAL,KAAAA,IAAAK,GAAAA,EAuBK,YAAajB,EACb,qBAvBZG,AAAAA,KAAAA,IAAAA,GACAC,GAwBQA,IAEAI,GAEHF,EACAN,GAAWV,EAAC4B,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,SAGxC,EAGJ9B,CAAAA,EAAO+B,WAAW,CAAG"}
@@ -1,2 +1,2 @@
1
- import e from"react";import t from"classnames";import a from"../Spinner/Spinner.js";var r=/*#__PURE__*/e.forwardRef(function(r,n){var l=r.className,o=r.label,c=r.partial,i=r.disabled,s=r.loading,b=r.dataQa,u=r.pulse,m=function(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}(r,["className","label","partial","disabled","loading","dataQa","pulse"]);return /*#__PURE__*/e.createElement("label",{"data-qa":b,className:t("vchasno-ui-checkbox",l,{"--loading":s,"--disabled":i})},/*#__PURE__*/e.createElement("input",function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},r=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),r.forEach(function(t){var r;r=a[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}({ref:n,type:"checkbox",hidden:!0,disabled:i},m)),/*#__PURE__*/e.createElement("span",{className:t("vchasno-ui-checkbox__box",{"vchasno-ui-pulse-animation":u&&!i})},s&&/*#__PURE__*/e.createElement(a,{height:"90%"}),c?/*#__PURE__*/e.createElement("svg",{className:"vchasno-ui-checkbox__svg",width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("rect",{width:"8",height:"2",rx:"1",fill:"currentColor"})):/*#__PURE__*/e.createElement("svg",{className:"vchasno-ui-checkbox__svg",width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{d:"M4 7C3.8 7 3.5 6.9 3.3 6.7L0.3 3.7C-0.1 3.3 -0.1 2.7 0.3 2.3C0.7 1.9 1.3 1.9 1.7 2.3L4 4.6L8.3 0.3C8.7 -0.1 9.3 -0.1 9.7 0.3C10.1 0.7 10.1 1.3 9.7 1.7L4.7 6.7C4.5 6.9 4.3 7 4 7Z",fill:"currentColor"}))),o&&/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-checkbox__label"},o))});r.displayName="Checkbox";export{r as default};
1
+ import e from"react";import t from"classnames";import a from"../Spinner/Spinner.js";var r=e.forwardRef(function(r,n){var l=r.className,o=r.label,c=r.partial,i=r.disabled,s=r.loading,b=r.dataQa,u=r.pulse,m=function(e,t){if(null==e)return{};var a,r,n=function(e,t){if(null==e)return{};var a,r,n={},l=Object.keys(e);for(r=0;r<l.length;r++)a=l[r],t.indexOf(a)>=0||(n[a]=e[a]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(r=0;r<l.length;r++)a=l[r],!(t.indexOf(a)>=0)&&Object.prototype.propertyIsEnumerable.call(e,a)&&(n[a]=e[a])}return n}(r,["className","label","partial","disabled","loading","dataQa","pulse"]);return e.createElement("label",{"data-qa":b,className:t("vchasno-ui-checkbox",l,{"--loading":s,"--disabled":i})},e.createElement("input",function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},r=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),r.forEach(function(t){var r;r=a[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}({ref:n,type:"checkbox",hidden:!0,disabled:i},m)),e.createElement("span",{className:t("vchasno-ui-checkbox__box",{"vchasno-ui-pulse-animation":u&&!i})},s&&e.createElement(a,{height:"90%"}),c?e.createElement("svg",{className:"vchasno-ui-checkbox__svg",width:"8",height:"2",viewBox:"0 0 8 2",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("rect",{width:"8",height:"2",rx:"1",fill:"currentColor"})):e.createElement("svg",{className:"vchasno-ui-checkbox__svg",width:"10",height:"7",viewBox:"0 0 10 7",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{d:"M4 7C3.8 7 3.5 6.9 3.3 6.7L0.3 3.7C-0.1 3.3 -0.1 2.7 0.3 2.3C0.7 1.9 1.3 1.9 1.7 2.3L4 4.6L8.3 0.3C8.7 -0.1 9.3 -0.1 9.7 0.3C10.1 0.7 10.1 1.3 9.7 1.7L4.7 6.7C4.5 6.9 4.3 7 4 7Z",fill:"currentColor"}))),o&&e.createElement("span",{className:"vchasno-ui-checkbox__label"},o))});r.displayName="Checkbox";export{r as default};
2
2
  //# sourceMappingURL=Checkbox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport Spinner from '../Spinner';\nimport type { DataQa, LoadingFeedback, WithPulseAnimation } from '../types';\n\nimport './Checkbox.global.css';\n\nexport interface CheckboxProps\n extends InputHTMLAttributes<HTMLInputElement>,\n Partial<LoadingFeedback & DataQa & WithPulseAnimation> {\n className?: string;\n label?: string;\n disabled?: boolean;\n partial?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n ({ className, label, partial, disabled, loading, dataQa, pulse, ...rest }, ref) => {\n return (\n <label\n data-qa={dataQa}\n className={cn('vchasno-ui-checkbox', className, {\n '--loading': loading,\n '--disabled': disabled,\n })}\n >\n <input ref={ref} type=\"checkbox\" hidden disabled={disabled} {...rest} />\n <span\n className={cn('vchasno-ui-checkbox__box', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {loading && <Spinner height=\"90%\" />}\n {partial ? (\n <svg\n className=\"vchasno-ui-checkbox__svg\"\n width=\"8\"\n height=\"2\"\n viewBox=\"0 0 8 2\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"8\" height=\"2\" rx=\"1\" fill=\"currentColor\" />\n </svg>\n ) : (\n <svg\n className=\"vchasno-ui-checkbox__svg\"\n width=\"10\"\n height=\"7\"\n viewBox=\"0 0 10 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4 7C3.8 7 3.5 6.9 3.3 6.7L0.3 3.7C-0.1 3.3 -0.1 2.7 0.3 2.3C0.7 1.9 1.3 1.9 1.7 2.3L4 4.6L8.3 0.3C8.7 -0.1 9.3 -0.1 9.7 0.3C10.1 0.7 10.1 1.3 9.7 1.7L4.7 6.7C4.5 6.9 4.3 7 4 7Z\"\n fill=\"currentColor\"\n />\n </svg>\n )}\n </span>\n {label && <span className=\"vchasno-ui-checkbox__label\">{label}</span>}\n </label>\n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","React","forwardRef","ref","className","label","partial","disabled","loading","dataQa","pulse","rest","data-qa","cn","input","type","hidden","span","Spinner","height","svg","width","viewBox","fill","xmlns","rect","rx","path","d","displayName"],"mappings":"oFAkBA,IAAMA,EAAWC,WAAAA,EAAAA,EAAMC,UAAU,CAC7B,SAA2EC,CAAAA,CAAAA,CAAAA,EAAxEC,IAAAA,EAAAA,EAAAA,SAAWC,CAAAA,EAAAA,EAAAA,KAAOC,CAAAA,EAAAA,EAAAA,OAASC,CAAAA,EAAAA,EAAAA,QAAUC,CAAAA,EAAAA,EAAAA,OAASC,CAAAA,EAAAA,EAAAA,MAAQC,CAAAA,EAAAA,EAAAA,KAAUC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAhEP,YAAWC,QAAOC,UAASC,WAAUC,UAASC,SAAQC,UACrD,oBACIT,EAACI,aAAAA,CAAAA,QAAAA,CACGO,UAASH,EACTL,UAAWS,EAAG,sBAAuBT,EAAW,CAC5C,YAAaI,EACb,aAAcD,CAClB,iBAEAN,EAACa,aAAAA,CAAAA,QAAAA,iaAAAA,CAAMX,IAAKA,EAAKY,KAAK,WAAWC,OAAAA,CAAAA,EAAOT,SAAUA,CAAcI,EAAAA,IAAAA,WAAAA,EAChEV,EAACgB,aAAAA,CAAAA,OAAAA,CACGb,UAAWS,EAAG,2BAA4B,CACtC,6BAA8BH,GAAS,CAACH,CAC5C,EAECC,EAAAA,GAAW,WAAA,EAAAP,EAACiB,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,KAC3Bb,GAAAA,EAAAA,WAAAA,EACGL,EAACmB,aAAAA,CAAAA,MAAAA,CACGhB,UAAU,2BACViB,MAAM,IACNF,OAAO,IACPG,QAAQ,UACRC,KAAK,OACLC,MAAM,2CAENvB,EAACwB,aAAAA,CAAAA,OAAAA,CAAKJ,MAAM,IAAIF,OAAO,IAAIO,GAAG,IAAIH,KAAK,kBAG3C,WAAA,EAAAtB,EAACmB,aAAAA,CAAAA,MAAAA,CACGhB,UAAU,2BACViB,MAAM,KACNF,OAAO,IACPG,QAAQ,WACRC,KAAK,OACLC,MAAM,2CAENvB,EAAC0B,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oLACFL,KAAK,cAKpBlB,KAAAA,GAAS,WAAA,EAAAJ,EAACgB,aAAAA,CAAAA,OAAAA,CAAKb,UAAU,4BAA8BC,EAAAA,GAGpE,EAGJL,CAAAA,EAAS6B,WAAW,CAAG"}
1
+ {"version":3,"file":"Checkbox.js","sources":["../../../src/components/Checkbox/Checkbox.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport Spinner from '../Spinner';\nimport type { DataQa, LoadingFeedback, WithPulseAnimation } from '../types';\n\nimport './Checkbox.global.css';\n\nexport interface CheckboxProps\n extends InputHTMLAttributes<HTMLInputElement>,\n Partial<LoadingFeedback & DataQa & WithPulseAnimation> {\n className?: string;\n label?: string;\n disabled?: boolean;\n partial?: boolean;\n}\n\nconst Checkbox = React.forwardRef<HTMLInputElement, CheckboxProps>(\n ({ className, label, partial, disabled, loading, dataQa, pulse, ...rest }, ref) => {\n return (\n <label\n data-qa={dataQa}\n className={cn('vchasno-ui-checkbox', className, {\n '--loading': loading,\n '--disabled': disabled,\n })}\n >\n <input ref={ref} type=\"checkbox\" hidden disabled={disabled} {...rest} />\n <span\n className={cn('vchasno-ui-checkbox__box', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {loading && <Spinner height=\"90%\" />}\n {partial ? (\n <svg\n className=\"vchasno-ui-checkbox__svg\"\n width=\"8\"\n height=\"2\"\n viewBox=\"0 0 8 2\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <rect width=\"8\" height=\"2\" rx=\"1\" fill=\"currentColor\" />\n </svg>\n ) : (\n <svg\n className=\"vchasno-ui-checkbox__svg\"\n width=\"10\"\n height=\"7\"\n viewBox=\"0 0 10 7\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n d=\"M4 7C3.8 7 3.5 6.9 3.3 6.7L0.3 3.7C-0.1 3.3 -0.1 2.7 0.3 2.3C0.7 1.9 1.3 1.9 1.7 2.3L4 4.6L8.3 0.3C8.7 -0.1 9.3 -0.1 9.7 0.3C10.1 0.7 10.1 1.3 9.7 1.7L4.7 6.7C4.5 6.9 4.3 7 4 7Z\"\n fill=\"currentColor\"\n />\n </svg>\n )}\n </span>\n {label && <span className=\"vchasno-ui-checkbox__label\">{label}</span>}\n </label>\n );\n },\n);\n\nCheckbox.displayName = 'Checkbox';\n\nexport default Checkbox;\n"],"names":["Checkbox","React","forwardRef","ref","className","label","partial","disabled","loading","dataQa","pulse","rest","data-qa","cn","input","type","hidden","span","Spinner","height","svg","width","viewBox","fill","xmlns","rect","rx","path","d","displayName"],"mappings":"oFAkBA,IAAMA,EAAWC,EAAMC,UAAU,CAC7B,SAA2EC,CAAAA,CAAAA,CAAAA,EAAxEC,IAAAA,EAAAA,EAAAA,SAAWC,CAAAA,EAAAA,EAAAA,KAAOC,CAAAA,EAAAA,EAAAA,OAASC,CAAAA,EAAAA,EAAAA,QAAUC,CAAAA,EAAAA,EAAAA,OAASC,CAAAA,EAAAA,EAAAA,MAAQC,CAAAA,EAAAA,EAAAA,KAAUC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAhEP,YAAWC,QAAOC,UAASC,WAAUC,UAASC,SAAQC,UACrD,OACIT,EAACI,aAAAA,CAAAA,QAAAA,CACGO,UAASH,EACTL,UAAWS,EAAG,sBAAuBT,EAAW,CAC5C,YAAaI,EACb,aAAcD,CAClB,IAEAN,EAACa,aAAAA,CAAAA,QAAAA,iaAAAA,CAAMX,IAAKA,EAAKY,KAAK,WAAWC,OAAAA,CAAAA,EAAOT,SAAUA,CAAcI,EAAAA,IAChEV,EAACgB,aAAAA,CAAAA,OAAAA,CACGb,UAAWS,EAAG,2BAA4B,CACtC,6BAA8BH,GAAS,CAACH,CAC5C,EAECC,EAAAA,GAAWP,EAACiB,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,KAC3Bb,GAAAA,EACGL,EAACmB,aAAAA,CAAAA,MAAAA,CACGhB,UAAU,2BACViB,MAAM,IACNF,OAAO,IACPG,QAAQ,UACRC,KAAK,OACLC,MAAM,8BAENvB,EAACwB,aAAAA,CAAAA,OAAAA,CAAKJ,MAAM,IAAIF,OAAO,IAAIO,GAAG,IAAIH,KAAK,kBAG3CtB,EAACmB,aAAAA,CAAAA,MAAAA,CACGhB,UAAU,2BACViB,MAAM,KACNF,OAAO,IACPG,QAAQ,WACRC,KAAK,OACLC,MAAM,8BAENvB,EAAC0B,aAAAA,CAAAA,OAAAA,CACGC,EAAE,oLACFL,KAAK,cAKpBlB,KAAAA,GAASJ,EAACgB,aAAAA,CAAAA,OAAAA,CAAKb,UAAU,4BAA8BC,EAAAA,GAGpE,EAGJL,CAAAA,EAAS6B,WAAW,CAAG"}
@@ -1,2 +1,2 @@
1
- import e from"react";import t from"react-datepicker";import r from"react-text-mask";import a from"classnames";import{uk as o}from"date-fns/locale/uk";import n from"../../icons/clear.js";import l from"../InputMeta/InputMeta.js";import i from"../LabelText/LabelText.js";import c from"../Spinner/Spinner.js";var d=function(){return /*#__PURE__*/e.createElement("svg",{className:"vchasno-ui-date-picker__custom-calendar-icon",width:"20",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z",fill:"currentColor"}))},s=function(){return /*#__PURE__*/e.createElement("span",{className:"vchasno-ui-date-picker__custom-close-icon"},n)},m=["dd.MM.yyyy","dd-MM-yyyy","dd/MM/yyyy","dd.MM.yy","dd-MM-yy","dd/MM/yy"],p=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],u=function(n){var u=n.label,f=n.disabled,y=n.required,b=n.loading,h=n.hint,v=n.error,w=n.dateFormat,M=n.className,k=n.timeCaption,g=n.enableTabLoop,E=n.locale,O=n.showMask,j=void 0!==O&&O,x=n.showPopperArrow,P=n.mask,_=n.dataQa,z=n.hideEmptyMeta,N=n.wide,S=n.pulse,T=function(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["label","disabled","required","loading","hint","error","dateFormat","className","timeCaption","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","wide","pulse"]),L=!!T.selected||!!T.value;return /*#__PURE__*/e.createElement("label",{"data-qa":_,className:a("vchasno-ui-date-picker",{"--loading":b,"--required":y,"--disabled":f,"--error":v,"--with-mask":j,"--wide":void 0!==N&&N,"--not-empty":L,"--is-label":!!u},M)},/*#__PURE__*/e.createElement("span",{className:a("vchasno-ui-date-picker__wrapper",{"vchasno-ui-pulse-animation":S&&!f})},u&&/*#__PURE__*/e.createElement(i,null,u),/*#__PURE__*/e.createElement(t,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(t){var a;a=r[t],t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a})}return e}({enableTabLoop:void 0!==g&&g,locale:void 0===E?o:E,timeCaption:void 0===k?"Час":k,disabled:f,placeholderText:" ",showPopperArrow:void 0!==x&&x,className:"vchasno-ui-date-picker__picker",dateFormat:void 0===w?m:w,customInput:j?/*#__PURE__*/e.createElement(r,{inputMode:"text",mask:void 0===P?p:P,showMask:!0}):void 0},T)),b?/*#__PURE__*/e.createElement(c,{height:"18px"}):/*#__PURE__*/e.createElement(d,null),/*#__PURE__*/e.createElement(s,null)),!(void 0!==z&&z)||v||h?/*#__PURE__*/e.createElement(l,{hint:h,error:v}):null)};export{u as default};
1
+ import e from"react";import t from"react-datepicker";import r from"react-text-mask";import a from"classnames";import{uk as o}from"date-fns/locale/uk";import n from"../../icons/clear.js";import l from"../InputMeta/InputMeta.js";import i from"../LabelText/LabelText.js";import c from"../Spinner/Spinner.js";var d=function(){return e.createElement("svg",{className:"vchasno-ui-date-picker__custom-calendar-icon",width:"20",height:"20",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z",fill:"currentColor"}))},s=function(){return e.createElement("span",{className:"vchasno-ui-date-picker__custom-close-icon"},n)},m=["dd.MM.yyyy","dd-MM-yyyy","dd/MM/yyyy","dd.MM.yy","dd-MM-yy","dd/MM/yy"],p=[/\d/,/\d/,".",/\d/,/\d/,".",/\d/,/\d/,/\d/,/\d/],u=function(n){var u=n.label,f=n.disabled,y=n.required,b=n.loading,h=n.hint,v=n.error,w=n.dateFormat,M=n.className,k=n.timeCaption,g=n.enableTabLoop,E=n.locale,O=n.showMask,j=void 0!==O&&O,x=n.showPopperArrow,P=n.mask,_=n.dataQa,z=n.hideEmptyMeta,N=n.wide,S=n.pulse,T=function(e,t){if(null==e)return{};var r,a,o=function(e,t){if(null==e)return{};var r,a,o={},n=Object.keys(e);for(a=0;a<n.length;a++)r=n[a],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);for(a=0;a<n.length;a++)r=n[a],!(t.indexOf(r)>=0)&&Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(n,["label","disabled","required","loading","hint","error","dateFormat","className","timeCaption","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","wide","pulse"]),L=!!T.selected||!!T.value;return e.createElement("label",{"data-qa":_,className:a("vchasno-ui-date-picker",{"--loading":b,"--required":y,"--disabled":f,"--error":v,"--with-mask":j,"--wide":void 0!==N&&N,"--not-empty":L,"--is-label":!!u},M)},e.createElement("span",{className:a("vchasno-ui-date-picker__wrapper",{"vchasno-ui-pulse-animation":S&&!f})},u&&e.createElement(i,null,u),e.createElement(t,function(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter(function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable}))),a.forEach(function(t){var a;a=r[t],t in e?Object.defineProperty(e,t,{value:a,enumerable:!0,configurable:!0,writable:!0}):e[t]=a})}return e}({enableTabLoop:void 0!==g&&g,locale:void 0===E?o:E,timeCaption:void 0===k?"Час":k,disabled:f,placeholderText:" ",showPopperArrow:void 0!==x&&x,className:"vchasno-ui-date-picker__picker",dateFormat:void 0===w?m:w,customInput:j?e.createElement(r,{inputMode:"text",mask:void 0===P?p:P,showMask:!0}):void 0},T)),b?e.createElement(c,{height:"18px"}):e.createElement(d,null),e.createElement(s,null)),!(void 0!==z&&z)||v||h?e.createElement(l,{hint:h,error:v}):null)};export{u as default};
2
2
  //# sourceMappingURL=DatePicker.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"DatePicker.js","sources":["../../../src/components/Datepicker/DatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport MaskedInput, { MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\nimport { uk } from 'date-fns/locale/uk';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithPulseAnimation,\n} from '../types';\n\nimport './DatePicker.global.css';\n\nconst SvgCalendar = () => (\n <svg\n className=\"vchasno-ui-date-picker__custom-calendar-icon\"\n width=\"20\"\n height=\"20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\n// Вставляємо на місце де має відображатися іконка закриття бібілотеки так як немає API для підміни іконки та її контролю\n// за допомогою :has(.react-datepicker__close-icon) та :has(.react-datepicker__close-icon:hover) контролюємо появу та зміну кольору іконки\nconst CloseSvg = () => (\n <span className=\"vchasno-ui-date-picker__custom-close-icon\">{clearRawSvg}</span>\n);\n\nconst DATE_FORMATS = ['dd.MM.yyyy', 'dd-MM-yyyy', 'dd/MM/yyyy', 'dd.MM.yy', 'dd-MM-yy', 'dd/MM/yy'];\n\nconst defaultMask: MaskedInputProps['mask'] = [\n /\\d/,\n /\\d/,\n '.',\n /\\d/,\n /\\d/,\n '.',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n];\n\nexport interface DatePickerProps\n extends ReactDatePickerProps,\n Partial<\n LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n > {\n label?: string;\n className?: string;\n showMask?: boolean;\n mask?: MaskedInputProps['mask'];\n onChange: ReactDatePickerProps['onChange'];\n isClearable?: ReactDatePickerProps['isClearable'];\n dateFormat?: ReactDatePickerProps['dateFormat'];\n wide?: boolean;\n}\n\n/**\n * @see <https://reactdatepicker.com/>\n */\nconst DatePicker: React.FC<DatePickerProps> = ({\n label,\n disabled,\n required,\n loading,\n hint,\n error,\n dateFormat = DATE_FORMATS,\n className,\n timeCaption = 'Час',\n enableTabLoop = false,\n locale = uk,\n showMask = false,\n showPopperArrow = false,\n mask = defaultMask,\n dataQa,\n hideEmptyMeta = false,\n wide = false,\n pulse,\n ...rest\n}) => {\n const valueExists = !!rest.selected || !!rest.value;\n\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-date-picker',\n {\n '--loading': loading,\n '--required': required,\n '--disabled': disabled,\n '--error': error,\n '--with-mask': showMask,\n '--wide': wide,\n '--not-empty': valueExists,\n '--is-label': !!label,\n },\n className,\n )}\n >\n <span\n className={cn('vchasno-ui-date-picker__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {label && <LabelText>{label}</LabelText>}\n <ReactDatePicker\n enableTabLoop={enableTabLoop}\n locale={locale}\n timeCaption={timeCaption}\n disabled={disabled}\n placeholderText=\" \"\n showPopperArrow={showPopperArrow}\n className=\"vchasno-ui-date-picker__picker\"\n dateFormat={dateFormat}\n customInput={\n showMask ? <MaskedInput inputMode=\"text\" mask={mask} showMask /> : undefined\n }\n {...rest}\n />\n {loading ? <Spinner height=\"18px\" /> : <SvgCalendar />}\n <CloseSvg />\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n </label>\n );\n};\n\nexport default DatePicker;\n"],"names":["SvgCalendar","React","svg","className","width","height","fill","xmlns","path","fillRule","clipRule","d","CloseSvg","span","clearRawSvg","DATE_FORMATS","defaultMask","DatePicker","_param","label","disabled","required","loading","hint","error","dateFormat","timeCaption","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","_param_wide","wide","pulse","rest","valueExists","selected","value","data-qa","cn","createElement","LabelText","ReactDatePicker","uk","placeholderText","customInput","MaskedInput","inputMode","undefined","Spinner","_param_hideEmptyMeta","InputMeta"],"mappings":"iTAuBA,IAAMA,EAAc,+BAChBC,EAACC,aAAAA,CAAAA,MAAAA,CACGC,UAAU,+CACVC,MAAM,KACNC,OAAO,KACPC,KAAK,OACLC,MAAM,2CAENN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,sUACFL,KAAK,mBAOXM,EAAW,+BACbX,EAACY,aAAAA,CAAAA,OAAAA,CAAKV,UAAU,2CAA6CW,EAAAA,IAG3DC,EAAe,CAAC,aAAc,aAAc,aAAc,WAAY,WAAY,WAAW,CAE7FC,EAAwC,CAC1C,KACA,KACA,IACA,KACA,KACA,IACA,KACA,KACA,KACA,KACH,CAoBKC,EAAwC,SAAAC,CAAA,EAC1CC,IAAAA,EAAAA,EAAAA,MACAC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,QACAC,CAAAA,EAAAA,EAAAA,QACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,UAAAA,CACAtB,EAAAA,EAAAA,cACAuB,WAAAA,KACAC,aAAAA,KACAC,MAAAA,KACAC,QAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,SACAC,eAAAA,KACAC,IAAAA,CACAC,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,EACAC,cAAgBC,EAAAhB,EAChBiB,KACAC,IAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAlBHlB,QACAC,WACAC,WACAC,UACAC,OACAC,QACAC,aACAtB,YACAuB,cACAC,gBACAC,SACAC,WACAC,kBACAC,OACAC,SACAC,gBACAE,OACAC,UAGME,EAAc,CAAC,CAACD,EAAKE,QAAQ,EAAI,CAAC,CAACF,EAAKG,KAAK,CAEnD,oBACIvC,EAACkB,aAAAA,CAAAA,QAAAA,CACGsB,UAAST,EACT7B,UAAWuC,EACP,yBACA,CACI,YAAapB,EACb,aAAcD,EACd,aAAcD,EACd,UAAWI,EACX,cAAeK,EACf,SAjBTK,AAAA,KAAA,IAAAA,GAAAA,EAkBS,cAAeI,EACf,aAAc,CAAC,CAACnB,CAEpBhB,EAAAA,iBAGJF,EAACY,aAAAA,CAAAA,OAAAA,CACGV,UAAWuC,EAAG,kCAAmC,CAC7C,6BAA8BN,GAAS,CAAChB,CAC5C,IAECD,GAAS,WAAA,EAAAlB,EAAA0C,aAAA,CAACC,EAAWzB,KAAAA,gBACtBlB,EAAC4C,aAAAA,CAAAA,EAAAA,iaAAAA,CACGlB,cAtChBA,AAAAA,KAAAA,IAAAA,KAuCgBC,OAtChBA,AAAAA,KAAAA,IAAAA,EAASkB,IAuCOpB,YAzChBA,AAAAA,KAAAA,IAAAA,EAAc,QA0CEN,SAAUA,EACV2B,gBAAgB,IAChBjB,gBAxChBA,AAAAA,KAAAA,IAAAA,KAyCgB3B,UAAU,iCACVsB,sBAhDHV,EACbZ,EAgDgB6C,YACInB,eAAW5B,EAACgD,aAAAA,CAAAA,EAAAA,CAAYC,UAAU,OAAOnB,KA3C7DA,AAAAA,KAAAA,IAAAA,EAAOf,IA2CkEa,SAAAA,CAAAA,CAAcsB,GAAAA,KAAAA,CAEnEd,EAAAA,IAEPf,EAAU,WAAA,EAAArB,EAACmD,aAAAA,CAAAA,EAAAA,CAAQ/C,OAAO,SAAY,WAAA,EAAAJ,EAACD,aAAAA,CAAAA,EAAAA,mBACxCC,gBAACW,EAEJqB,OAAAA,CAhDOoB,CAAAA,AAAA,KAAA,IAAAA,GAAAA,CAAA,GAgDW7B,GAAUD,eAActB,EAACqD,aAAAA,CAAAA,EAAAA,CAAU/B,KAAMA,EAAMC,MAAOA,IAArC,KAGhD"}
1
+ {"version":3,"file":"DatePicker.js","sources":["../../../src/components/Datepicker/DatePicker.tsx"],"sourcesContent":["import React from 'react';\nimport type { ReactDatePickerProps } from 'react-datepicker';\nimport ReactDatePicker from 'react-datepicker';\nimport MaskedInput, { MaskedInputProps } from 'react-text-mask';\n\nimport cn from 'classnames';\nimport { uk } from 'date-fns/locale/uk';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithPulseAnimation,\n} from '../types';\n\nimport './DatePicker.global.css';\n\nconst SvgCalendar = () => (\n <svg\n className=\"vchasno-ui-date-picker__custom-calendar-icon\"\n width=\"20\"\n height=\"20\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M16 4h1c.6 0 1 .4 1 1v10c0 1.7-1.3 3-3 3H5c-1.7 0-3-1.3-3-3V5c0-.6.4-1 1-1h1V3c0-.6.4-1 1-1s1 .4 1 1v1h8V3c0-.6.4-1 1-1s1 .4 1 1v1zm-1 12c.6 0 1-.4 1-1V6H4v9c0 .6.4 1 1 1h10zM8 9a1 1 0 11-2 0 1 1 0 012 0zm2 1a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0zm-7 5a1 1 0 100-2 1 1 0 000 2zm4-1a1 1 0 11-2 0 1 1 0 012 0z\"\n fill=\"currentColor\"\n />\n </svg>\n);\n\n// Вставляємо на місце де має відображатися іконка закриття бібілотеки так як немає API для підміни іконки та її контролю\n// за допомогою :has(.react-datepicker__close-icon) та :has(.react-datepicker__close-icon:hover) контролюємо появу та зміну кольору іконки\nconst CloseSvg = () => (\n <span className=\"vchasno-ui-date-picker__custom-close-icon\">{clearRawSvg}</span>\n);\n\nconst DATE_FORMATS = ['dd.MM.yyyy', 'dd-MM-yyyy', 'dd/MM/yyyy', 'dd.MM.yy', 'dd-MM-yy', 'dd/MM/yy'];\n\nconst defaultMask: MaskedInputProps['mask'] = [\n /\\d/,\n /\\d/,\n '.',\n /\\d/,\n /\\d/,\n '.',\n /\\d/,\n /\\d/,\n /\\d/,\n /\\d/,\n];\n\nexport interface DatePickerProps\n extends ReactDatePickerProps,\n Partial<\n LoadingFeedback & WithHint & ErrorFeedback & DataQa & HideEmptyMeta & WithPulseAnimation\n > {\n label?: string;\n className?: string;\n showMask?: boolean;\n mask?: MaskedInputProps['mask'];\n onChange: ReactDatePickerProps['onChange'];\n isClearable?: ReactDatePickerProps['isClearable'];\n dateFormat?: ReactDatePickerProps['dateFormat'];\n wide?: boolean;\n}\n\n/**\n * @see <https://reactdatepicker.com/>\n */\nconst DatePicker: React.FC<DatePickerProps> = ({\n label,\n disabled,\n required,\n loading,\n hint,\n error,\n dateFormat = DATE_FORMATS,\n className,\n timeCaption = 'Час',\n enableTabLoop = false,\n locale = uk,\n showMask = false,\n showPopperArrow = false,\n mask = defaultMask,\n dataQa,\n hideEmptyMeta = false,\n wide = false,\n pulse,\n ...rest\n}) => {\n const valueExists = !!rest.selected || !!rest.value;\n\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-date-picker',\n {\n '--loading': loading,\n '--required': required,\n '--disabled': disabled,\n '--error': error,\n '--with-mask': showMask,\n '--wide': wide,\n '--not-empty': valueExists,\n '--is-label': !!label,\n },\n className,\n )}\n >\n <span\n className={cn('vchasno-ui-date-picker__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {label && <LabelText>{label}</LabelText>}\n <ReactDatePicker\n enableTabLoop={enableTabLoop}\n locale={locale}\n timeCaption={timeCaption}\n disabled={disabled}\n placeholderText=\" \"\n showPopperArrow={showPopperArrow}\n className=\"vchasno-ui-date-picker__picker\"\n dateFormat={dateFormat}\n customInput={\n showMask ? <MaskedInput inputMode=\"text\" mask={mask} showMask /> : undefined\n }\n {...rest}\n />\n {loading ? <Spinner height=\"18px\" /> : <SvgCalendar />}\n <CloseSvg />\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta hint={hint} error={error} />}\n </label>\n );\n};\n\nexport default DatePicker;\n"],"names":["SvgCalendar","React","svg","className","width","height","fill","xmlns","path","fillRule","clipRule","d","CloseSvg","span","clearRawSvg","DATE_FORMATS","defaultMask","DatePicker","_param","label","disabled","required","loading","hint","error","dateFormat","timeCaption","enableTabLoop","locale","showMask","showPopperArrow","mask","dataQa","hideEmptyMeta","_param_wide","wide","pulse","rest","valueExists","selected","value","data-qa","cn","undefined","createElement","LabelText","ReactDatePicker","uk","placeholderText","customInput","MaskedInput","inputMode","Spinner","_param_hideEmptyMeta","InputMeta"],"mappings":"iTAuBA,IAAMA,EAAc,kBAChBC,EAACC,aAAAA,CAAAA,MAAAA,CACGC,UAAU,+CACVC,MAAM,KACNC,OAAO,KACPC,KAAK,OACLC,MAAM,8BAENN,EAACO,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,sUACFL,KAAK,mBAOXM,EAAW,kBACbX,EAACY,aAAAA,CAAAA,OAAAA,CAAKV,UAAU,2CAA6CW,EAAAA,IAG3DC,EAAe,CAAC,aAAc,aAAc,aAAc,WAAY,WAAY,WAAW,CAE7FC,EAAwC,CAC1C,KACA,KACA,IACA,KACA,KACA,IACA,KACA,KACA,KACA,KACH,CAoBKC,EAAwC,SAAAC,CAAA,EAC1CC,IAAAA,EAAAA,EAAAA,MACAC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,QACAC,CAAAA,EAAAA,EAAAA,QACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,UAAAA,CACAtB,EAAAA,EAAAA,cACAuB,WAAAA,KACAC,aAAAA,KACAC,MAAAA,KACAC,QAAAA,CAAAA,EAAAA,AAAAA,KAAAA,IAAAA,SACAC,eAAAA,KACAC,IAAAA,CACAC,EAAAA,EAAAA,MAAAA,CAAAA,EAAAA,EACAC,cAAgBC,EAAAhB,EAChBiB,KACAC,IAAAA,KACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAlBHlB,QACAC,WACAC,WACAC,UACAC,OACAC,QACAC,aACAtB,YACAuB,cACAC,gBACAC,SACAC,WACAC,kBACAC,OACAC,SACAC,gBACAE,OACAC,UAGME,EAAc,CAAC,CAACD,EAAKE,QAAQ,EAAI,CAAC,CAACF,EAAKG,KAAK,CAEnD,OACIvC,EAACkB,aAAAA,CAAAA,QAAAA,CACGsB,UAAST,EACT7B,UAAWuC,EACP,yBACA,CACI,YAAapB,EACb,aAAcD,EACd,aAAcD,EACd,UAAWI,EACX,cAAeK,EACf,SAjBTK,AAAAS,KAAAA,IAAAT,GAAAA,EAkBS,cAAeI,EACf,aAAc,CAAC,CAACnB,GAEpBhB,IAGJF,EAACY,aAAAA,CAAAA,OAAAA,CACGV,UAAWuC,EAAG,kCAAmC,CAC7C,6BAA8BN,GAAS,CAAChB,CAC5C,IAECD,GAASlB,EAAA2C,aAAA,CAACC,EAAW1B,KAAAA,GACtBlB,EAAC6C,aAAAA,CAAAA,EAAAA,iaAAAA,CACGnB,cAtChBA,AAAAA,KAAAA,IAAAA,KAuCgBC,OAtChBA,AAAAA,KAAAA,IAAAA,EAASmB,IAuCOrB,YAzChBA,AAAAA,KAAAA,IAAAA,EAAc,QA0CEN,SAAUA,EACV4B,gBAAgB,IAChBlB,gBAxChBA,AAAAA,KAAAA,IAAAA,KAyCgB3B,UAAU,iCACVsB,sBAhDHV,EACbZ,EAgDgB8C,YACIpB,EAAW5B,EAACiD,aAAAA,CAAAA,EAAAA,CAAYC,UAAU,OAAOpB,KA3C7DA,AAAAA,KAAAA,IAAAA,EAAOf,IA2CkEa,SAAAA,CAAAA,CAAcc,GAAAA,KAAAA,CAEnEN,EAAAA,IAEPf,EAAUrB,EAACmD,aAAAA,CAAAA,EAAAA,CAAQ/C,OAAO,SAAYJ,EAACD,aAAAA,CAAAA,EAAAA,MACxCC,gBAACW,EAEJqB,OAAAA,CAhDOoB,CAAAA,AAAAV,KAAAA,IAAAU,GAAAA,CAAA,GAgDW7B,GAAUD,EAActB,EAACqD,aAAAA,CAAAA,EAAAA,CAAU/B,KAAMA,EAAMC,MAAOA,IAArC,KAGhD"}
@@ -1,2 +1,2 @@
1
- import e from"react";import r from"classnames";function t(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}var n=/*#__PURE__*/e.forwardRef(function(n,o){var a,i,c=n.className,l=n.tagName,f=n.children,s=n.direction,p=n.gap,y=n.wrap,u=n.align,b=n.justify,O=n.grow,g=n.shrink,m=n.style,j=n.dataQa,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["className","tagName","children","direction","gap","wrap","align","justify","grow","shrink","style","dataQa"]);return /*#__PURE__*/e.createElement(void 0===l?"div":l,t({ref:o,className:r("vchasno-ui-flex-box",c),"data-qa":j,style:(a=t({},void 0===m?{}:m),i=i={flexDirection:s,gap:p,flexWrap:y,justifyContent:b,alignItems:u,alignContent:u,flexGrow:O,flexShrink:g},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(i)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(i)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(i,e))}),a)},d),f)});n.displayName="FlexBox";export{n as default};
1
+ import e from"react";import r from"classnames";function t(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable}))),n.forEach(function(r){var n;n=t[r],r in e?Object.defineProperty(e,r,{value:n,enumerable:!0,configurable:!0,writable:!0}):e[r]=n})}return e}var n=e.forwardRef(function(n,o){var a,i,c=n.className,l=n.tagName,f=n.children,s=n.direction,p=n.gap,y=n.wrap,u=n.align,b=n.justify,O=n.grow,g=n.shrink,m=n.style,j=n.dataQa,d=function(e,r){if(null==e)return{};var t,n,o=function(e,r){if(null==e)return{};var t,n,o={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(o[t]=e[t]);return o}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],!(r.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(e,t)&&(o[t]=e[t])}return o}(n,["className","tagName","children","direction","gap","wrap","align","justify","grow","shrink","style","dataQa"]);return e.createElement(void 0===l?"div":l,t({ref:o,className:r("vchasno-ui-flex-box",c),"data-qa":j,style:(a=t({},void 0===m?{}:m),i=i={flexDirection:s,gap:p,flexWrap:y,justifyContent:b,alignItems:u,alignContent:u,flexGrow:O,flexShrink:g},Object.getOwnPropertyDescriptors?Object.defineProperties(a,Object.getOwnPropertyDescriptors(i)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t.push.apply(t,n)}return t})(Object(i)).forEach(function(e){Object.defineProperty(a,e,Object.getOwnPropertyDescriptor(i,e))}),a)},d),f)});n.displayName="FlexBox";export{n as default};
2
2
  //# sourceMappingURL=FlexBox.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FlexBox.js","sources":["../../../src/components/FlexBox/FlexBox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa } from '../types';\n\nimport './FlexBox.css';\n\nexport interface FlexBoxProps extends HTMLAttributes<HTMLElement>, DataQa {\n className?: string;\n tagName?: keyof HTMLElementTagNameMap;\n direction?: React.CSSProperties['flexDirection'];\n gap?: number;\n grow?: React.CSSProperties['flexGrow'];\n shrink?: React.CSSProperties['flexShrink'];\n wrap?: React.CSSProperties['flexWrap'];\n align?: React.CSSProperties['alignItems'];\n justify?: React.CSSProperties['justifyContent'];\n}\n\nconst FlexBox = React.forwardRef<HTMLElement, FlexBoxProps>(\n (\n {\n className,\n tagName = 'div',\n children,\n direction,\n gap,\n wrap,\n align,\n justify,\n grow,\n shrink,\n style = {},\n dataQa,\n ...rest\n },\n ref,\n ) => {\n return React.createElement(\n tagName,\n {\n ref,\n className: cn('vchasno-ui-flex-box', className),\n 'data-qa': dataQa,\n style: {\n ...style,\n flexDirection: direction,\n gap,\n flexWrap: wrap,\n justifyContent: justify,\n alignItems: align,\n alignContent: align,\n flexGrow: grow,\n flexShrink: shrink,\n },\n ...rest,\n },\n children,\n );\n },\n);\n\nFlexBox.displayName = 'FlexBox';\n\nexport default FlexBox;\n"],"names":["FlexBox","React","forwardRef","ref","className","tagName","children","direction","gap","wrap","align","justify","grow","shrink","style","dataQa","rest","createElement","_object_spread","cn","_param_style","flexDirection","flexWrap","justifyContent","alignItems","alignContent","flexGrow","flexShrink","displayName"],"mappings":"idAoBA,IAAMA,EAAUC,WAAAA,EAAAA,EAAMC,UAAU,CAC5B,SAgBIC,CAAAA,CAAAA,CAAAA,UAdIC,EAAAA,EAAAA,SAAAA,CAAAA,EAAAA,EACAC,OAAAA,CACAC,EAAAA,EAAAA,SACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,GAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,IACAC,CAAAA,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,MACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAZHZ,YACAC,UACAC,WACAC,YACAC,MACAC,OACAC,QACAC,UACAC,OACAC,SACAC,QACAC,WAKJ,OAAA,WAAA,EAAOd,EAAMgB,aAAa,CAftBZ,AAAAA,KAAAA,IAAAA,EAAU,MACVC,EAgBAY,EAAA,CACIf,IAAAA,EACAC,UAAWe,EAAG,sBAAuBf,GACrC,UAAWW,EACXD,KAAAA,IACOA,EAAAA,CAAAA,EAbHM,AAAA,KAAA,IAAAA,EAAA,CACRL,EAAAA,OAYWD,CACHO,cAAed,EACfC,IAAAA,EACAc,SAAUb,EACVc,eAAgBZ,EAChBa,WAAYd,EACZe,aAAcf,EACdgB,SAAUd,EACVe,WAAYd,gVAEbG,GAEPV,EAER,EAGJN,CAAAA,EAAQ4B,WAAW,CAAG"}
1
+ {"version":3,"file":"FlexBox.js","sources":["../../../src/components/FlexBox/FlexBox.tsx"],"sourcesContent":["import React, { HTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport { DataQa } from '../types';\n\nimport './FlexBox.css';\n\nexport interface FlexBoxProps extends HTMLAttributes<HTMLElement>, DataQa {\n className?: string;\n tagName?: keyof HTMLElementTagNameMap;\n direction?: React.CSSProperties['flexDirection'];\n gap?: number;\n grow?: React.CSSProperties['flexGrow'];\n shrink?: React.CSSProperties['flexShrink'];\n wrap?: React.CSSProperties['flexWrap'];\n align?: React.CSSProperties['alignItems'];\n justify?: React.CSSProperties['justifyContent'];\n}\n\nconst FlexBox = React.forwardRef<HTMLElement, FlexBoxProps>(\n (\n {\n className,\n tagName = 'div',\n children,\n direction,\n gap,\n wrap,\n align,\n justify,\n grow,\n shrink,\n style = {},\n dataQa,\n ...rest\n },\n ref,\n ) => {\n return React.createElement(\n tagName,\n {\n ref,\n className: cn('vchasno-ui-flex-box', className),\n 'data-qa': dataQa,\n style: {\n ...style,\n flexDirection: direction,\n gap,\n flexWrap: wrap,\n justifyContent: justify,\n alignItems: align,\n alignContent: align,\n flexGrow: grow,\n flexShrink: shrink,\n },\n ...rest,\n },\n children,\n );\n },\n);\n\nFlexBox.displayName = 'FlexBox';\n\nexport default FlexBox;\n"],"names":["FlexBox","React","forwardRef","ref","className","tagName","children","direction","gap","wrap","align","justify","grow","shrink","style","dataQa","rest","createElement","_object_spread","cn","_param_style","undefined","flexDirection","flexWrap","justifyContent","alignItems","alignContent","flexGrow","flexShrink","displayName"],"mappings":"idAoBA,IAAMA,EAAUC,EAAMC,UAAU,CAC5B,SAgBIC,CAAAA,CAAAA,CAAAA,UAdIC,EAAAA,EAAAA,SAAAA,CAAAA,EAAAA,EACAC,OAAAA,CACAC,EAAAA,EAAAA,SACAC,EAAAA,EAAAA,SAAAA,CACAC,EAAAA,EAAAA,GAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,KACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,IACAC,CAAAA,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,MACGC,CAAAA,EAAAA,sXAAAA,EAAAA,CAZHZ,YACAC,UACAC,WACAC,YACAC,MACAC,OACAC,QACAC,UACAC,OACAC,SACAC,QACAC,WAKJ,OAAOd,EAAMgB,aAAa,CAftBZ,AAAAA,KAAAA,IAAAA,EAAU,MACVC,EAgBAY,EAAA,CACIf,IAAAA,EACAC,UAAWe,EAAG,sBAAuBf,GACrC,UAAWW,EACXD,KAAAA,IACOA,EAAAA,CAAAA,EAbHM,AAAAC,KAAAA,IAAAD,EAAA,CACRL,EAAAA,OAYWD,CACHQ,cAAef,EACfC,IAAAA,EACAe,SAAUd,EACVe,eAAgBb,EAChBc,WAAYf,EACZgB,aAAchB,EACdiB,SAAUf,EACVgB,WAAYf,gVAEbG,GAEPV,EAER,EAGJN,CAAAA,EAAQ6B,WAAW,CAAG"}
@@ -1,2 +1,2 @@
1
- import e from"react";import o from"../FlexBox/FlexBox.js";import t from"../Text/Text.js";import{config as r}from"./config.js";import i from"./images/fb.png.js";import a from"./images/instagram.png.js";import l from"./images/telegram.png.js";import n from"./images/tiktok.png.js";import m from"./images/youtube.png.js";var s=["inst","fb","tiktok","youtube","telegram"],c={fb:i,inst:a,telegram:l,youtube:m,tiktok:n},p=function(i){var a=i.product,l=void 0===a?"edo":a,n=i.label,m=i.hideTitle,p=i.onClick,u=i.gap,f=i.list,g=(void 0===f?s:f).filter(function(e){var o;return null===(o=r[l])||void 0===o?void 0:o[e]});return 0===g.length?null:/*#__PURE__*/e.createElement(o,{className:"vchasno-ui-FollowUs",direction:"column",gap:12},!(void 0!==m&&m)&&/*#__PURE__*/e.createElement(t,{type:"secondary",className:"vchasno-ui-FollowUs__label"},void 0===n?"Слідкуйте за нами":n),/*#__PURE__*/e.createElement(o,{gap:void 0===u?12:u,wrap:"wrap"},g.map(function(o){return /*#__PURE__*/e.createElement("a",{className:"vchasno-ui-FollowUs__link",key:o,href:r[l][o],target:"_blank",rel:"noreferrer",onClick:function(){return null==p?void 0:p(o)}},/*#__PURE__*/e.createElement("img",{src:c[o],alt:o}))})))};export{p as default};
1
+ import e from"react";import o from"../FlexBox/FlexBox.js";import t from"../Text/Text.js";import{config as r}from"./config.js";import i from"./images/fb.png.js";import a from"./images/instagram.png.js";import l from"./images/telegram.png.js";import n from"./images/tiktok.png.js";import m from"./images/youtube.png.js";var s=["inst","fb","tiktok","youtube","telegram"],c={fb:i,inst:a,telegram:l,youtube:m,tiktok:n},p=function(i){var a=i.product,l=void 0===a?"edo":a,n=i.label,m=i.hideTitle,p=i.onClick,u=i.gap,f=i.list,g=(void 0===f?s:f).filter(function(e){var o;return null===(o=r[l])||void 0===o?void 0:o[e]});return 0===g.length?null:e.createElement(o,{className:"vchasno-ui-FollowUs",direction:"column",gap:12},!(void 0!==m&&m)&&e.createElement(t,{type:"secondary",className:"vchasno-ui-FollowUs__label"},void 0===n?"Слідкуйте за нами":n),e.createElement(o,{gap:void 0===u?12:u,wrap:"wrap"},g.map(function(o){return e.createElement("a",{className:"vchasno-ui-FollowUs__link",key:o,href:r[l][o],target:"_blank",rel:"noreferrer",onClick:function(){return null==p?void 0:p(o)}},e.createElement("img",{src:c[o],alt:o}))})))};export{p as default};
2
2
  //# sourceMappingURL=FollowUs.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FollowUs.js","sources":["../../../src/components/FollowUs/FollowUs.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexBox from '../FlexBox';\nimport Text from '../Text';\nimport { Product, config } from './config';\nimport { Social } from './types';\n\nimport fb from './images/fb.png';\nimport inst from './images/instagram.png';\nimport telegram from './images/telegram.png';\nimport tiktok from './images/tiktok.png';\nimport youtube from './images/youtube.png';\n\nimport './FollowUs.global.css';\n\nexport interface FollowUsProps {\n label?: string;\n product?: Product;\n hideTitle?: boolean;\n onClick?: (target: Social) => void;\n gap?: number;\n list?: Social[];\n}\n\nconst allSocials: Social[] = ['inst', 'fb', 'tiktok', 'youtube', 'telegram'] as const;\n\nconst imgMap: Record<Social, string> = {\n fb,\n inst,\n telegram,\n youtube,\n tiktok,\n};\n\nconst FollowUs: React.FC<FollowUsProps> = ({\n product = 'edo',\n label = 'Слідкуйте за нами',\n hideTitle = false,\n onClick,\n gap = 12,\n list = allSocials,\n}) => {\n const socials = list.filter((social) => config[product]?.[social]);\n\n if (socials.length === 0) {\n return null;\n }\n\n return (\n <FlexBox className=\"vchasno-ui-FollowUs\" direction=\"column\" gap={12}>\n {!hideTitle && (\n <Text type=\"secondary\" className=\"vchasno-ui-FollowUs__label\">\n {label}\n </Text>\n )}\n <FlexBox gap={gap} wrap=\"wrap\">\n {socials.map((social) => {\n return (\n <a\n className=\"vchasno-ui-FollowUs__link\"\n key={social}\n href={config[product][social]}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => onClick?.(social)}\n >\n <img src={imgMap[social]} alt={social} />\n </a>\n );\n })}\n </FlexBox>\n </FlexBox>\n );\n};\n\nexport default FollowUs;\n"],"names":["allSocials","imgMap","fb","inst","telegram","youtube","tiktok","FollowUs","param","product","_param_product","_param_label","label","hideTitle","onClick","gap","_param_list","list","socials","filter","social","config","length","React","FlexBox","className","direction","Text","type","_param_gap","wrap","map","a","key","href","target","rel","img","src","alt"],"mappings":"8TAwBA,IAAMA,EAAuB,CAAC,OAAQ,KAAM,SAAU,UAAW,WAAW,CAEtEC,EAAiC,CACnCC,GAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,OAAAA,CACJ,EAEMC,EAAoC,SAAAC,CAAA,EACtCC,IAAAA,EAAAA,EAAAA,OAAAA,CAAAA,EAAUC,AAAA,KAAA,IAAAA,EAAA,MAAAA,EAAAC,EAAAH,EACVI,KAAAA,KACAC,SAAAA,CACAC,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,GAAAA,CAAMC,EAAAR,EACNS,KAEMC,EAAUD,AAFTjB,CAAAA,AAAAA,KAAAA,IAAAA,EAAAA,EAAAA,GAEcmB,MAAM,CAAC,SAACC,CAAAA,EAAWC,IAAAA,EAAAA,OAAAA,OAAAA,CAAAA,EAAAA,CAAM,CAACZ,EAAQ,AAARA,GAAPY,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,CAAiB,CAACD,EAAO,UAEjE,AAAIF,AAAmB,IAAnBA,EAAQI,MAAM,CACP,kBAIPC,EAACC,aAAAA,CAAAA,EAAAA,CAAQC,UAAU,sBAAsBC,UAAU,SAASX,IAAK,EAC5D,EAAA,CAbTF,CAAAA,AAAAA,KAAAA,IAAAA,GACAC,CAAAA,gBAaYS,EAACI,aAAAA,CAAAA,EAAAA,CAAKC,KAAK,YAAYH,UAAU,4BAC5Bb,EAhBjBA,AAAAA,KAAAA,IAAAA,EAAQ,uBAgBSA,WAAAA,EAGTW,EAACC,aAAAA,CAAAA,EAAAA,CAAQT,IAhBXc,AAAA,KAAA,IAAAA,EAAA,GAAAA,EAgBqBC,KAAK,QACnBZ,EAAQa,GAAG,CAAC,SAACX,CAAAA,EACV,oBACIG,EAACS,aAAAA,CAAAA,IAAAA,CACGP,UAAU,4BACVQ,IAAKb,EACLc,KAAMb,CAAM,CAACZ,EAAQ,CAACW,EAAO,CAC7Be,OAAO,SACPC,IAAI,aACJtB,QAAS,WAAMA,OAAAA,MAAAA,SAAAA,EAAUM,kBAEzBG,EAACc,aAAAA,CAAAA,MAAAA,CAAIC,IAAKrC,CAAM,CAACmB,EAAO,CAAEmB,IAAKnB,IAG3C,IAIhB"}
1
+ {"version":3,"file":"FollowUs.js","sources":["../../../src/components/FollowUs/FollowUs.tsx"],"sourcesContent":["import React from 'react';\n\nimport FlexBox from '../FlexBox';\nimport Text from '../Text';\nimport { Product, config } from './config';\nimport { Social } from './types';\n\nimport fb from './images/fb.png';\nimport inst from './images/instagram.png';\nimport telegram from './images/telegram.png';\nimport tiktok from './images/tiktok.png';\nimport youtube from './images/youtube.png';\n\nimport './FollowUs.global.css';\n\nexport interface FollowUsProps {\n label?: string;\n product?: Product;\n hideTitle?: boolean;\n onClick?: (target: Social) => void;\n gap?: number;\n list?: Social[];\n}\n\nconst allSocials: Social[] = ['inst', 'fb', 'tiktok', 'youtube', 'telegram'] as const;\n\nconst imgMap: Record<Social, string> = {\n fb,\n inst,\n telegram,\n youtube,\n tiktok,\n};\n\nconst FollowUs: React.FC<FollowUsProps> = ({\n product = 'edo',\n label = 'Слідкуйте за нами',\n hideTitle = false,\n onClick,\n gap = 12,\n list = allSocials,\n}) => {\n const socials = list.filter((social) => config[product]?.[social]);\n\n if (socials.length === 0) {\n return null;\n }\n\n return (\n <FlexBox className=\"vchasno-ui-FollowUs\" direction=\"column\" gap={12}>\n {!hideTitle && (\n <Text type=\"secondary\" className=\"vchasno-ui-FollowUs__label\">\n {label}\n </Text>\n )}\n <FlexBox gap={gap} wrap=\"wrap\">\n {socials.map((social) => {\n return (\n <a\n className=\"vchasno-ui-FollowUs__link\"\n key={social}\n href={config[product][social]}\n target=\"_blank\"\n rel=\"noreferrer\"\n onClick={() => onClick?.(social)}\n >\n <img src={imgMap[social]} alt={social} />\n </a>\n );\n })}\n </FlexBox>\n </FlexBox>\n );\n};\n\nexport default FollowUs;\n"],"names":["allSocials","imgMap","fb","inst","telegram","youtube","tiktok","FollowUs","param","product","_param_product","undefined","_param_label","label","hideTitle","onClick","gap","_param_list","list","socials","filter","social","config","length","React","FlexBox","className","direction","Text","type","_param_gap","wrap","map","a","key","href","target","rel","img","src","alt"],"mappings":"8TAwBA,IAAMA,EAAuB,CAAC,OAAQ,KAAM,SAAU,UAAW,WAAW,CAEtEC,EAAiC,CACnCC,GAAAA,EACAC,KAAAA,EACAC,SAAAA,EACAC,QAAAA,EACAC,OAAAA,CACJ,EAEMC,EAAoC,SAAAC,CAAA,EACtCC,IAAAA,EAAAA,EAAAA,OAAAA,CAAAA,EAAUC,AAAAC,KAAAA,IAAAD,EAAA,MAAAA,EAAAE,EAAAJ,EACVK,KAAAA,KACAC,SAAAA,CACAC,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,GAAAA,CAAMC,EAAAT,EACNU,KAEMC,EAAUD,AAFTlB,CAAAA,AAAAA,KAAAA,IAAAA,EAAAA,EAAAA,CAAAA,EAEcoB,MAAM,CAAC,SAACC,CAAAA,EAAWC,IAAAA,EAAAA,OAAAA,OAAAA,CAAAA,EAAAA,CAAM,CAACb,EAAQ,AAARA,GAAPa,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,CAAiB,CAACD,EAAO,UAEjE,AAAIF,AAAmB,IAAnBA,EAAQI,MAAM,CACP,KAIPC,EAACC,aAAAA,CAAAA,EAAAA,CAAQC,UAAU,sBAAsBC,UAAU,SAASX,IAAK,EAC5D,EAAA,CAbTF,CAAAA,AAAAA,KAAAA,IAAAA,GACAC,IAaYS,EAACI,aAAAA,CAAAA,EAAAA,CAAKC,KAAK,YAAYH,UAAU,4BAC5Bb,EAhBjBA,AAAAA,KAAAA,IAAAA,EAAQ,uBAmBAW,EAACC,aAAAA,CAAAA,EAAAA,CAAQT,IAhBXc,AAAAnB,KAAAA,IAAAmB,EAAA,GAAAA,EAgBqBC,KAAK,QACnBZ,EAAQa,GAAG,CAAC,SAACX,CAAAA,EACV,OACIG,EAACS,aAAAA,CAAAA,IAAAA,CACGP,UAAU,4BACVQ,IAAKb,EACLc,KAAMb,CAAM,CAACb,EAAQ,CAACY,EAAO,CAC7Be,OAAO,SACPC,IAAI,aACJtB,QAAS,WAAMA,OAAAA,MAAAA,SAAAA,EAAUM,KAEzBG,EAACc,aAAAA,CAAAA,MAAAA,CAAIC,IAAKtC,CAAM,CAACoB,EAAO,CAAEmB,IAAKnB,IAG3C,IAIhB"}
@@ -1,2 +1,2 @@
1
- import e from"react";import a from"classnames";import l from"../BodyPortal/BodyPortal.js";import r from"../ScrollableBox/ScrollableBox.js";import{useLockBodyScroll as o}from"./useLockBodyScroll.js";var c=function(c){var s=c.children,n=c.headerChildren,t=c.className,m=c.headerClassName,i=c.contentClassName,d=c.showAnimation;return o(),/*#__PURE__*/e.createElement(l,null,/*#__PURE__*/e.createElement("div",{className:a("vchasno-ui-full-screen-modal",t,{"vchasno-ui-full-screen-modal--animation":d})},/*#__PURE__*/e.createElement("header",{className:a("vchasno-ui-full-screen-modal__header",m)},n),/*#__PURE__*/e.createElement(r,{scrollHeight:"calc(100vh - var(--header-height))",className:a("vchasno-ui-full-screen-modal__content",i)},s)))};export{c as default};
1
+ import e from"react";import a from"classnames";import l from"../BodyPortal/BodyPortal.js";import o from"../ScrollableBox/ScrollableBox.js";import{useLockBodyScroll as r}from"./useLockBodyScroll.js";var c=function(c){var s=c.children,n=c.headerChildren,m=c.className,t=c.headerClassName,i=c.contentClassName,d=c.showAnimation;return r(),e.createElement(l,null,e.createElement("div",{className:a("vchasno-ui-full-screen-modal",m,{"vchasno-ui-full-screen-modal--animation":d})},e.createElement("header",{className:a("vchasno-ui-full-screen-modal__header",t)},n),e.createElement(o,{scrollHeight:"calc(100vh - var(--vchasno-ui-full-screen-modal-header-height))",className:a("vchasno-ui-full-screen-modal__content",i)},s)))};export{c as default};
2
2
  //# sourceMappingURL=FullScreenModal.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"FullScreenModal.js","sources":["../../../src/components/FullScreenModal/FullScreenModal.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport BodyPortal from '../BodyPortal';\nimport ScrollableBox from '../ScrollableBox';\nimport { useLockBodyScroll } from './useLockBodyScroll';\n\nimport './FullScreenModal.global.css';\n\nexport interface FullScreenModalProps {\n className?: string;\n headerClassName?: string;\n contentClassName?: string;\n headerChildren?: React.ReactNode;\n showAnimation?: boolean;\n}\nconst FullScreenModal: React.FC<React.PropsWithChildren<FullScreenModalProps>> = ({\n children,\n headerChildren,\n className,\n headerClassName,\n contentClassName,\n showAnimation,\n}) => {\n useLockBodyScroll();\n\n return (\n <BodyPortal>\n <div\n className={cn('vchasno-ui-full-screen-modal', className, {\n 'vchasno-ui-full-screen-modal--animation': showAnimation,\n })}\n >\n <header className={cn('vchasno-ui-full-screen-modal__header', headerClassName)}>\n {headerChildren}\n </header>\n <ScrollableBox\n scrollHeight=\"calc(100vh - var(--header-height))\"\n className={cn('vchasno-ui-full-screen-modal__content', contentClassName)}\n >\n {children}\n </ScrollableBox>\n </div>\n </BodyPortal>\n );\n};\n\nexport default FullScreenModal;\n"],"names":["FullScreenModal","param","children","headerChildren","className","headerClassName","contentClassName","showAnimation","useLockBodyScroll","React","createElement","BodyPortal","div","cn","header","ScrollableBox","scrollHeight"],"mappings":"sMAiBA,IAAMA,EAA2E,SAAAC,CAAA,MAC7EC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,cACAC,CAAAA,EAAAA,EAAAA,UACAC,EAAAA,EAAAA,eAAAA,CACAC,EAAAA,EAAAA,gBAAAA,CACAC,EAAAA,EAAAA,aAAAA,CAIA,OAFAC,IAGI,WAAA,EAAAC,EAAAC,aAAA,CAACC,oBACGF,EAACG,aAAAA,CAAAA,MAAAA,CACGR,UAAWS,EAAG,+BAAgCT,EAAW,CACrD,0CAA2CG,CAC/C,iBAEAE,EAACK,aAAAA,CAAAA,SAAAA,CAAOV,UAAWS,EAAG,uCAAwCR,EACzDF,EAAAA,GAAAA,WAAAA,EAELM,EAACM,aAAAA,CAAAA,EAAAA,CACGC,aAAa,qCACbZ,UAAWS,EAAG,wCAAyCP,EAEtDJ,EAAAA,IAKrB"}
1
+ {"version":3,"file":"FullScreenModal.js","sources":["../../../src/components/FullScreenModal/FullScreenModal.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport BodyPortal from '../BodyPortal';\nimport ScrollableBox from '../ScrollableBox';\nimport { useLockBodyScroll } from './useLockBodyScroll';\n\nimport './FullScreenModal.global.css';\n\nexport interface FullScreenModalProps {\n className?: string;\n headerClassName?: string;\n contentClassName?: string;\n headerChildren?: React.ReactNode;\n showAnimation?: boolean;\n}\nconst FullScreenModal: React.FC<React.PropsWithChildren<FullScreenModalProps>> = ({\n children,\n headerChildren,\n className,\n headerClassName,\n contentClassName,\n showAnimation,\n}) => {\n useLockBodyScroll();\n\n return (\n <BodyPortal>\n <div\n className={cn('vchasno-ui-full-screen-modal', className, {\n 'vchasno-ui-full-screen-modal--animation': showAnimation,\n })}\n >\n <header className={cn('vchasno-ui-full-screen-modal__header', headerClassName)}>\n {headerChildren}\n </header>\n <ScrollableBox\n scrollHeight=\"calc(100vh - var(--vchasno-ui-full-screen-modal-header-height))\"\n className={cn('vchasno-ui-full-screen-modal__content', contentClassName)}\n >\n {children}\n </ScrollableBox>\n </div>\n </BodyPortal>\n );\n};\n\nexport default FullScreenModal;\n"],"names":["FullScreenModal","param","children","headerChildren","className","headerClassName","contentClassName","showAnimation","useLockBodyScroll","React","createElement","BodyPortal","div","cn","header","ScrollableBox","scrollHeight"],"mappings":"sMAiBA,IAAMA,EAA2E,SAAAC,CAAA,MAC7EC,EAAAA,EAAAA,QAAAA,CACAC,IAAAA,cACAC,CAAAA,EAAAA,EAAAA,UACAC,EAAAA,EAAAA,eAAAA,CACAC,EAAAA,EAAAA,gBAAAA,CACAC,EAAAA,EAAAA,aAAAA,CAIA,OAFAC,IAGIC,EAAAC,aAAA,CAACC,OACGF,EAACG,aAAAA,CAAAA,MAAAA,CACGR,UAAWS,EAAG,+BAAgCT,EAAW,CACrD,0CAA2CG,CAC/C,IAEAE,EAACK,aAAAA,CAAAA,SAAAA,CAAOV,UAAWS,EAAG,uCAAwCR,EACzDF,EAAAA,GAELM,EAACM,aAAAA,CAAAA,EAAAA,CACGC,aAAa,kEACbZ,UAAWS,EAAG,wCAAyCP,EAEtDJ,EAAAA,IAKrB"}
@@ -1,2 +1,2 @@
1
- import e from"react";import t from"classnames";import a from"../../icons/clear.js";import r from"../InputMeta/InputMeta.js";import n from"../LabelText/LabelText.js";import l from"../Spinner/Spinner.js";var i=function(i){var o=i.className,s=i.disabled,c=i.startElement,m=i.endElement,p=i.error,u=i.label,b=i.hint,d=i.wide,f=i.required,h=i.loading,v=i.labelProps,E=i.hideEmptyMeta,y=i.dataQa,_=i.isClearable,j=i.onClear,w=i.pulse,O=i.children;return /*#__PURE__*/e.createElement("label",function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},r=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),r.forEach(function(t){var r;r=a[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}({"data-qa":y,className:t("vchasno-ui-input",{"--required":f,"--disabled":s,"--wide":d,"--error":p,"--is-label":!!u},o)},v),/*#__PURE__*/e.createElement("span",{className:t("vchasno-ui-input__wrapper",{"vchasno-ui-pulse-animation":w&&!s})},c&&/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-input__wrapper__start-element"},c),O,u&&/*#__PURE__*/e.createElement(n,null,u),/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-input__feedback"},h&&/*#__PURE__*/e.createElement(l,{height:"100%"}),!h&&_&&/*#__PURE__*/e.createElement("span",{role:"button",onClick:j,className:"vchasno-ui-input__clear-btn"},a)),m),!(void 0!==E&&E)||p||b?/*#__PURE__*/e.createElement(r,{error:p,hint:b}):null)};i.displayName="Input";export{i as default};
1
+ import e from"react";import t from"classnames";import a from"../../icons/clear.js";import r from"../InputMeta/InputMeta.js";import n from"../LabelText/LabelText.js";import l from"../Spinner/Spinner.js";var i=function(i){var o=i.className,s=i.disabled,c=i.startElement,m=i.endElement,p=i.error,u=i.label,b=i.hint,d=i.wide,f=i.required,h=i.loading,v=i.labelProps,E=i.hideEmptyMeta,y=i.dataQa,_=i.isClearable,j=i.onClear,w=i.pulse,O=i.children;return e.createElement("label",function(e){for(var t=1;t<arguments.length;t++){var a=null!=arguments[t]?arguments[t]:{},r=Object.keys(a);"function"==typeof Object.getOwnPropertySymbols&&(r=r.concat(Object.getOwnPropertySymbols(a).filter(function(e){return Object.getOwnPropertyDescriptor(a,e).enumerable}))),r.forEach(function(t){var r;r=a[t],t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r})}return e}({"data-qa":y,className:t("vchasno-ui-input",{"--required":f,"--disabled":s,"--wide":d,"--error":p,"--is-label":!!u},o)},v),e.createElement("span",{className:t("vchasno-ui-input__wrapper",{"vchasno-ui-pulse-animation":w&&!s})},c&&e.createElement("span",{className:"vchasno-ui-input__wrapper__start-element"},c),O,u&&e.createElement(n,null,u),e.createElement("span",{className:"vchasno-ui-input__feedback"},h&&e.createElement(l,{height:"100%"}),!h&&_&&e.createElement("span",{role:"button",onClick:j,className:"vchasno-ui-input__clear-btn"},a)),m),!(void 0!==E&&E)||p||b?e.createElement(r,{error:p,hint:b}):null)};i.displayName="Input";export{i as default};
2
2
  //# sourceMappingURL=Input.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n ClearControl,\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\n\nimport './Input.global.css';\n\nexport interface InputProps\n extends Partial<\n WithLabel &\n WithHint &\n LoadingFeedback &\n ErrorFeedback &\n DataQa &\n HideEmptyMeta &\n ClearControl &\n WithPulseAnimation\n > {\n className?: string;\n disabled?: boolean;\n required?: boolean;\n wide?: boolean;\n startElement?: string | React.ReactElement;\n endElement?: string | React.ReactElement;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];\n onClear?: VoidFunction;\n}\n\nconst Input: React.FC<InputProps> = ({\n className,\n disabled,\n startElement,\n endElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n labelProps,\n hideEmptyMeta = false,\n dataQa,\n isClearable,\n onClear,\n pulse,\n children,\n}) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-input',\n {\n '--required': required,\n '--disabled': disabled,\n '--wide': wide,\n '--error': error,\n '--is-label': !!label,\n },\n className,\n )}\n {...labelProps}\n >\n <span\n className={cn('vchasno-ui-input__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {startElement && (\n <span className=\"vchasno-ui-input__wrapper__start-element\">{startElement}</span>\n )}\n {children}\n {label && <LabelText>{label}</LabelText>}\n <span className=\"vchasno-ui-input__feedback\">\n {loading && <Spinner height=\"100%\" />}\n {!loading && isClearable && (\n <span\n role=\"button\"\n onClick={onClear}\n className=\"vchasno-ui-input__clear-btn\"\n >\n {clearRawSvg}\n </span>\n )}\n </span>\n {endElement}\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta error={error} hint={hint} />}\n </label>\n );\n};\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Input","param","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","pulse","children","React","data-qa","cn","span","LabelText","Spinner","height","role","onClick","clearRawSvg","InputMeta","displayName"],"mappings":"0MA2CA,IAAMA,EAA8B,SAAAC,CAAA,EAChCC,IAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,aAAAA,CACAC,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,WACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,MACAC,EAAAA,EAAAA,QAAAA,CAEA,OAAA,WAAA,EACIC,EAACZ,aAAAA,CAAAA,QAAAA,iaAAAA,CACGa,UAASN,EACTZ,UAAWmB,EACP,mBACA,CACI,aAAcX,EACd,aAAcP,EACd,SAAUM,EACV,UAAWH,EACX,aAAc,CAAC,CAACC,CAEpBL,EAAAA,EAEAU,EAAAA,GAAAA,WAAAA,EAEJO,EAACG,aAAAA,CAAAA,OAAAA,CACGpB,UAAWmB,EAAG,4BAA6B,CACvC,6BAA8BJ,GAAS,CAACd,CAC5C,EAECC,EAAAA,GACG,WAAA,EAAAe,EAACG,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,0CAA4CE,EAAAA,GAE/Dc,EACAX,GAAAA,WAAAA,EAASY,EAACI,aAAAA,CAAAA,EAAAA,KAAWhB,gBACtBY,EAACG,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,4BACXS,EAAAA,GAAW,WAAA,EAAAQ,EAACK,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,SAC3B,CAACd,GAAWI,GACT,WAAA,EAAAI,EAACG,aAAAA,CAAAA,OAAAA,CACGI,KAAK,SACLC,QAASX,EACTd,UAAU,6BAET0B,EAAAA,IAIZvB,GAEJQ,cA9CTC,CAAAA,GA8C2BR,GAAUE,eAAcW,EAACU,aAAAA,CAAAA,EAAAA,CAAUvB,MAAOA,EAAOE,KAAMA,IAAtC,KAGhD,CAEAR,CAAAA,EAAM8B,WAAW,CAAG"}
1
+ {"version":3,"file":"Input.js","sources":["../../../src/components/Input/Input.tsx"],"sourcesContent":["import React, { InputHTMLAttributes } from 'react';\n\nimport cn from 'classnames';\n\nimport clearRawSvg from '../../icons/clear';\nimport InputMeta from '../InputMeta';\nimport LabelText from '../LabelText';\nimport Spinner from '../Spinner';\nimport {\n ClearControl,\n DataQa,\n ErrorFeedback,\n HideEmptyMeta,\n LoadingFeedback,\n WithHint,\n WithLabel,\n WithPulseAnimation,\n} from '../types';\n\nimport './Input.global.css';\n\nexport interface InputProps\n extends Partial<\n WithLabel &\n WithHint &\n LoadingFeedback &\n ErrorFeedback &\n DataQa &\n HideEmptyMeta &\n ClearControl &\n WithPulseAnimation\n > {\n className?: string;\n disabled?: boolean;\n required?: boolean;\n wide?: boolean;\n startElement?: string | React.ReactElement;\n endElement?: string | React.ReactElement;\n labelProps?: InputHTMLAttributes<HTMLLabelElement>;\n children: React.ReactHTMLElement<HTMLInputElement> | React.ReactElement | JSX.Element[];\n onClear?: VoidFunction;\n}\n\nconst Input: React.FC<InputProps> = ({\n className,\n disabled,\n startElement,\n endElement,\n error,\n label,\n hint,\n wide,\n required,\n loading,\n labelProps,\n hideEmptyMeta = false,\n dataQa,\n isClearable,\n onClear,\n pulse,\n children,\n}) => {\n return (\n <label\n data-qa={dataQa}\n className={cn(\n 'vchasno-ui-input',\n {\n '--required': required,\n '--disabled': disabled,\n '--wide': wide,\n '--error': error,\n '--is-label': !!label,\n },\n className,\n )}\n {...labelProps}\n >\n <span\n className={cn('vchasno-ui-input__wrapper', {\n 'vchasno-ui-pulse-animation': pulse && !disabled,\n })}\n >\n {startElement && (\n <span className=\"vchasno-ui-input__wrapper__start-element\">{startElement}</span>\n )}\n {children}\n {label && <LabelText>{label}</LabelText>}\n <span className=\"vchasno-ui-input__feedback\">\n {loading && <Spinner height=\"100%\" />}\n {!loading && isClearable && (\n <span\n role=\"button\"\n onClick={onClear}\n className=\"vchasno-ui-input__clear-btn\"\n >\n {clearRawSvg}\n </span>\n )}\n </span>\n {endElement}\n </span>\n {hideEmptyMeta && !error && !hint ? null : <InputMeta error={error} hint={hint} />}\n </label>\n );\n};\n\nInput.displayName = 'Input';\n\nexport default Input;\n"],"names":["Input","param","className","disabled","startElement","endElement","error","label","hint","wide","required","loading","labelProps","hideEmptyMeta","dataQa","isClearable","onClear","pulse","children","React","data-qa","cn","span","LabelText","Spinner","height","role","onClick","clearRawSvg","InputMeta","displayName"],"mappings":"0MA2CA,IAAMA,EAA8B,SAAAC,CAAA,EAChCC,IAAAA,EAAAA,EAAAA,SACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,aACAC,EAAAA,EAAAA,UAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,KAAAA,CACAC,EAAAA,EAAAA,IAAAA,CACAC,IAAAA,IACAC,CAAAA,EAAAA,EAAAA,QACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,UACAC,CAAAA,EAAAA,EAAAA,aAAAA,CACAC,EAAAA,EAAAA,MACAC,CAAAA,EAAAA,EAAAA,WACAC,CAAAA,EAAAA,EAAAA,OACAC,CAAAA,EAAAA,EAAAA,MACAC,EAAAA,EAAAA,QAAAA,CAEA,OACIC,EAACZ,aAAAA,CAAAA,QAAAA,iaAAAA,CACGa,UAASN,EACTZ,UAAWmB,EACP,mBACA,CACI,aAAcX,EACd,aAAcP,EACd,SAAUM,EACV,UAAWH,EACX,aAAc,CAAC,CAACC,GAEpBL,EAEAU,EAAAA,GAEJO,EAACG,aAAAA,CAAAA,OAAAA,CACGpB,UAAWmB,EAAG,4BAA6B,CACvC,6BAA8BJ,GAAS,CAACd,CAC5C,EAECC,EAAAA,GACGe,EAACG,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,0CAA4CE,EAAAA,GAE/Dc,EACAX,GAASY,EAACI,aAAAA,CAAAA,EAAAA,KAAWhB,GACtBY,EAACG,aAAAA,CAAAA,OAAAA,CAAKpB,UAAU,4BACXS,EAAAA,GAAWQ,EAACK,aAAAA,CAAAA,EAAAA,CAAQC,OAAO,SAC3B,CAACd,GAAWI,GACTI,EAACG,aAAAA,CAAAA,OAAAA,CACGI,KAAK,SACLC,QAASX,EACTd,UAAU,6BAET0B,EAAAA,IAIZvB,GAEJQ,cA9CTC,CAAAA,GA8C2BR,GAAUE,EAAcW,EAACU,aAAAA,CAAAA,EAAAA,CAAUvB,MAAOA,EAAOE,KAAMA,IAAtC,KAGhD,CAEAR,CAAAA,EAAM8B,WAAW,CAAG"}
@@ -1,2 +1,2 @@
1
- import a from"react";import e from"classnames";var t=function(t){var r=t.className,s=t.error,n=t.hint;return /*#__PURE__*/a.createElement("span",{className:e("vchasno-ui-meta",r)},!s&&n&&/*#__PURE__*/a.createElement("span",{className:"vchasno-ui-meta__hint"},n),s&&/*#__PURE__*/a.createElement("span",{className:"vchasno-ui-meta__error"},s))};export{t as default};
1
+ import a from"react";import e from"classnames";var t=function(t){var r=t.className,s=t.error,n=t.hint;return a.createElement("span",{className:e("vchasno-ui-meta",r)},!s&&n&&a.createElement("span",{className:"vchasno-ui-meta__hint"},n),s&&a.createElement("span",{className:"vchasno-ui-meta__error"},s))};export{t as default};
2
2
  //# sourceMappingURL=InputMeta.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"InputMeta.js","sources":["../../../src/components/InputMeta/InputMeta.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { ErrorFeedback, WithHint } from '../types';\n\nimport './InputMeta.global.css';\n\nexport interface InputMetaProps extends Partial<WithHint & ErrorFeedback> {\n className?: string;\n}\n\nconst InputMeta: React.FC<InputMetaProps> = ({ className, error, hint }) => (\n <span className={cn('vchasno-ui-meta', className)}>\n {!error && hint && <span className=\"vchasno-ui-meta__hint\">{hint}</span>}\n {error && <span className=\"vchasno-ui-meta__error\">{error}</span>}\n </span>\n);\n\nexport default InputMeta;\n"],"names":["InputMeta","param","className","error","hint","React","span","cn"],"mappings":"+CAYA,IAAMA,EAAsC,SAAAC,CAAA,MAAGC,EAAAA,EAAAA,SAAAA,CAAWC,EAAAA,EAAAA,KAAAA,CAAOC,EAAAA,EAAAA,IAAAA,qBAC7DC,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAWK,EAAG,kBAAmBL,IAClC,CAACC,GAASC,GAAQ,WAAA,EAAAC,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAU,uBAAyBE,EAAAA,GAC3DD,GAAS,WAAA,EAAAE,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAU,wBAA0BC,EAAAA"}
1
+ {"version":3,"file":"InputMeta.js","sources":["../../../src/components/InputMeta/InputMeta.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport type { ErrorFeedback, WithHint } from '../types';\n\nimport './InputMeta.global.css';\n\nexport interface InputMetaProps extends Partial<WithHint & ErrorFeedback> {\n className?: string;\n}\n\nconst InputMeta: React.FC<InputMetaProps> = ({ className, error, hint }) => (\n <span className={cn('vchasno-ui-meta', className)}>\n {!error && hint && <span className=\"vchasno-ui-meta__hint\">{hint}</span>}\n {error && <span className=\"vchasno-ui-meta__error\">{error}</span>}\n </span>\n);\n\nexport default InputMeta;\n"],"names":["InputMeta","param","className","error","hint","React","span","cn"],"mappings":"+CAYA,IAAMA,EAAsC,SAAAC,CAAA,MAAGC,EAAAA,EAAAA,SAAAA,CAAWC,EAAAA,EAAAA,KAAAA,CAAOC,EAAAA,EAAAA,IAAAA,QAC7DC,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAWK,EAAG,kBAAmBL,IAClC,CAACC,GAASC,GAAQC,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAU,uBAAyBE,EAAAA,GAC3DD,GAASE,EAACC,aAAAA,CAAAA,OAAAA,CAAKJ,UAAU,wBAA0BC,EAAAA"}
@@ -1,2 +1,2 @@
1
- import e from"react";import l from"classnames";var t=function(t){var C=t.className,a=t.children;return a?/*#__PURE__*/e.createElement("span",{className:l("vchasno-ui-label-text",C)},/*#__PURE__*/e.createElement("svg",{className:"vchasno-ui-label-text__title-icon",width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},/*#__PURE__*/e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z",fill:"currentColor"}))," ",/*#__PURE__*/e.createElement("span",{className:"vchasno-ui-label-text__content"},a)," ",/*#__PURE__*/e.createElement("sup",null,"*")):null};export{t as default};
1
+ import e from"react";import l from"classnames";var t=function(t){var C=t.className,a=t.children;return a?e.createElement("span",{className:l("vchasno-ui-label-text",C)},e.createElement("svg",{className:"vchasno-ui-label-text__title-icon",width:"15",height:"15",viewBox:"0 0 15 15",fill:"none",xmlns:"http://www.w3.org/2000/svg"},e.createElement("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z",fill:"currentColor"}))," ",e.createElement("span",{className:"vchasno-ui-label-text__content"},a)," ",e.createElement("sup",null,"*")):null};export{t as default};
2
2
  //# sourceMappingURL=LabelText.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"LabelText.js","sources":["../../../src/components/LabelText/LabelText.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport './LabelText.global.css';\n\nexport interface LabelTextProps {\n className?: string;\n children?: string;\n}\n\nconst LabelText: React.FC<LabelTextProps> = ({ className, children }) => {\n if (!children) {\n return null;\n }\n\n return (\n <span className={cn('vchasno-ui-label-text', className)}>\n <svg\n className=\"vchasno-ui-label-text__title-icon\"\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z\"\n fill=\"currentColor\"\n />\n </svg>{' '}\n <span className=\"vchasno-ui-label-text__content\">{children}</span> <sup>*</sup>\n </span>\n );\n};\n\nexport default LabelText;\n"],"names":["LabelText","param","className","children","React","span","cn","svg","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d","sup"],"mappings":"+CAWA,IAAMA,EAAsC,SAAAC,CAAA,EAAGC,IAAAA,EAAAA,EAAAA,UAAWC,EAAAA,EAAAA,QAAAA,QACtD,AAAKA,eAKDC,EAACC,aAAAA,CAAAA,OAAAA,CAAKH,UAAWI,EAAG,wBAAyBJ,iBACzCE,EAACG,aAAAA,CAAAA,MAAAA,CACGL,UAAU,oCACVM,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,2CAENR,EAACS,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,s3CACFL,KAAK,cAEN,IAAA,IAAA,WAAA,EACPP,EAACC,aAAAA,CAAAA,OAAAA,CAAKH,UAAU,kCAAkCC,GAAgB,iBAACC,gBAACa,MAAI,KAAA,MApBrE,IAuBf"}
1
+ {"version":3,"file":"LabelText.js","sources":["../../../src/components/LabelText/LabelText.tsx"],"sourcesContent":["import React from 'react';\n\nimport cn from 'classnames';\n\nimport './LabelText.global.css';\n\nexport interface LabelTextProps {\n className?: string;\n children?: string;\n}\n\nconst LabelText: React.FC<LabelTextProps> = ({ className, children }) => {\n if (!children) {\n return null;\n }\n\n return (\n <span className={cn('vchasno-ui-label-text', className)}>\n <svg\n className=\"vchasno-ui-label-text__title-icon\"\n width=\"15\"\n height=\"15\"\n viewBox=\"0 0 15 15\"\n fill=\"none\"\n xmlns=\"http://www.w3.org/2000/svg\"\n >\n <path\n fillRule=\"evenodd\"\n clipRule=\"evenodd\"\n d=\"M15 7.5C15 11.6422 11.6423 15 7.5 15C3.3577 15 0 11.6422 0 7.5C0 3.35781 3.3577 0 7.5 0C11.6423 0 15 3.35781 15 7.5ZM5.87799 5.82184H8.52997V11.4711C8.52997 12.0179 8.08667 12.4612 7.53983 12.4612C6.99299 12.4612 6.54968 12.0179 6.54968 11.4711V7.57782H5.87799C5.39309 7.57782 5 7.18473 5 6.69983C5 6.21493 5.39309 5.82184 5.87799 5.82184ZM6.26221 3.66559C6.26221 3.50973 6.2899 3.36436 6.34483 3.22949C6.40431 3.09045 6.48466 2.97036 6.58636 2.86924C6.68805 2.76812 6.80655 2.6881 6.94229 2.62907C7.00404 2.603 7.06759 2.58269 7.13342 2.56813C7.21696 2.54984 7.30367 2.54059 7.39356 2.54059C7.54611 2.54059 7.69002 2.57004 7.82577 2.62907C7.86254 2.64499 7.89795 2.66248 7.932 2.68144C8.02416 2.73279 8.10724 2.79543 8.1817 2.86924C8.28339 2.97036 8.36375 3.09045 8.42322 3.22949C8.4541 3.29981 8.47725 3.37294 8.49178 3.44889C8.5054 3.51876 8.51221 3.59099 8.51221 3.66559C8.51221 3.74956 8.50358 3.83116 8.48633 3.91027C8.4718 3.97799 8.45046 4.0439 8.42322 4.108C8.36375 4.24287 8.28339 4.36081 8.1817 4.46194C8.12949 4.51374 8.07319 4.56001 8.01236 4.60076C7.95425 4.63947 7.89205 4.67333 7.82577 4.70211C7.69002 4.76113 7.54611 4.79059 7.39356 4.79059C7.31411 4.79059 7.23739 4.78348 7.16339 4.76914C7.08666 4.75447 7.01311 4.73213 6.94229 4.70211C6.80655 4.64308 6.68805 4.56306 6.58636 4.46194C6.48466 4.36081 6.40431 4.24287 6.34483 4.108C6.2899 3.96896 6.26221 3.82145 6.26221 3.66559Z\"\n fill=\"currentColor\"\n />\n </svg>{' '}\n <span className=\"vchasno-ui-label-text__content\">{children}</span> <sup>*</sup>\n </span>\n );\n};\n\nexport default LabelText;\n"],"names":["LabelText","param","className","children","React","span","cn","svg","width","height","viewBox","fill","xmlns","path","fillRule","clipRule","d","sup"],"mappings":"+CAWA,IAAMA,EAAsC,SAAAC,CAAA,EAAGC,IAAAA,EAAAA,EAAAA,UAAWC,EAAAA,EAAAA,QAAAA,QACtD,AAAKA,EAKDC,EAACC,aAAAA,CAAAA,OAAAA,CAAKH,UAAWI,EAAG,wBAAyBJ,IACzCE,EAACG,aAAAA,CAAAA,MAAAA,CACGL,UAAU,oCACVM,MAAM,KACNC,OAAO,KACPC,QAAQ,YACRC,KAAK,OACLC,MAAM,8BAENR,EAACS,aAAAA,CAAAA,OAAAA,CACGC,SAAS,UACTC,SAAS,UACTC,EAAE,s3CACFL,KAAK,cAEN,IAAA,IACPP,EAACC,aAAAA,CAAAA,OAAAA,CAAKH,UAAU,kCAAkCC,GAAgB,IAACC,gBAACa,MAAI,KAAA,MApBrE,IAuBf"}