@vchasno/ui-kit 0.4.60 → 0.4.62

package/CHANGELOG.md

@@ -7,6 +7,18 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.4.62] - 2025-11-19
+
+## Added
+
+-   add composeSlotProps utility for enhanced Tooltip viewport edge offset
+
+## [0.4.61] - 2025-11-12
+
+## Fixed
+
+-   update ZVIT URL to https://zvit.vchasno.ua/app/
+
 ## [0.4.60] - 2025-11-12
 
 ## Changed

package/dist/components/BlackTooltip/BlackTooltip.js

@@ -1,2 +1,2 @@
-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};
+import r from"react";import{composeSlotProps as e}from"./utils.js";import t,{tooltipClasses as o}from"@mui/material/Tooltip";import{styled as n}from"@mui/material/styles";function c(r,e,t){return e in r?Object.defineProperty(r,e,{value:t,enumerable:!0,configurable:!0,writable:!0}):r[e]=t,r}var i=n(function(o){var n,i,l=o.className,a=o.slotProps,p=function(r,e){if(null==r)return{};var t,o,n=function(r,e){if(null==r)return{};var t,o,n={},c=Object.keys(r);for(o=0;o<c.length;o++)t=c[o],e.indexOf(t)>=0||(n[t]=r[t]);return n}(r,e);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(r);for(o=0;o<c.length;o++)t=c[o],!(e.indexOf(t)>=0)&&Object.prototype.propertyIsEnumerable.call(r,t)&&(n[t]=r[t])}return n}(o,["className","slotProps"]);return r.createElement(t,(n=function(r){for(var e=1;e<arguments.length;e++){var t=null!=arguments[e]?arguments[e]:{},o=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(o=o.concat(Object.getOwnPropertySymbols(t).filter(function(r){return Object.getOwnPropertyDescriptor(t,r).enumerable}))),o.forEach(function(e){c(r,e,t[e])})}return r}({arrow:!0,slotProps:e(a)},p),i=i={classes:{popper:l}},Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(i)):(function(r,e){var t=Object.keys(r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(r);t.push.apply(t,o)}return t})(Object(i)).forEach(function(r){Object.defineProperty(n,r,Object.getOwnPropertyDescriptor(i,r))}),n))})(function(){var r;return c(r={},"& .".concat(o.arrow),{color:"rgba(0, 0, 0, 0.9)"}),c(r,"& .".concat(o.tooltip),{backgroundColor:"rgba(0, 0, 0, 0.9)",fontSize:"14px",color:"#fff",padding:"10px",lineHeight:"18px"}),r});export{i as default};
 //# sourceMappingURL=BlackTooltip.js.map

package/dist/components/BlackTooltip/BlackTooltip.js.map

@@ -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,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"}
+{"version":3,"file":"BlackTooltip.js","sources":["../../../src/components/BlackTooltip/BlackTooltip.tsx"],"sourcesContent":["import React from 'react';\n\nimport { composeSlotProps } from './utils';\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, slotProps, ...props }: TooltipProps) => (\n    <Tooltip\n        arrow\n        slotProps={composeSlotProps(slotProps)}\n        {...props}\n        classes={{ popper: className }}\n    />\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","slotProps","props","React","Tooltip","arrow","composeSlotProps","classes","popper","_obj","_define_property","concat","tooltipClasses","color","tooltip","backgroundColor","fontSize","padding","lineHeight"],"mappings":"mSAQA,IAAMA,EAAeC,EAAuB,SAAAC,CAAA,UAAGC,EAAAA,EAAAA,SAAAA,CAAWC,IAAAA,SAAcC,CAAAA,EAAAA,sXAAAA,EAAAA,CAAzBF,YAAWC,qBACtDE,EAACC,aAAAA,CAAAA,KAAAA,mUAAAA,CACGC,MAAAA,CAAAA,EACAJ,UAAWK,EAAiBL,EACxBC,EAAAA,OAAAA,CACJK,QAAS,CAAEC,OAAQR,CAAU,+UAElC,GAAA,WAAO,IAAAS,EAAA,OAAAA,AACNC,EADMD,EAAA,CAAA,EACJ,MAA0BE,MAArBC,CAAAA,EAAeP,KAAK,EAAK,CAC5BQ,MAAO,oBACX,GACAH,EAJMD,EAIJ,MAA4BE,MAAvBC,CAAAA,EAAeE,OAAO,EAAK,CAC9BC,gBAAiB,qBACjBC,SAAU,OACVH,MAAO,OACPI,QAAS,OACTC,WAAY,MATV,GAAAT"}

package/dist/components/BlackTooltip/utils.js

@@ -0,0 +1,2 @@
+function e(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}function r(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):(function(e,r){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);t.push.apply(t,o)}return t})(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}),e}var t={name:"preventOverflow",options:{padding:{top:10,bottom:10,left:10,right:10}}},o=function(o){var n,i;return r(e({},o),{popper:r(e({},null==o?void 0:o.popper),{modifiers:(null==o?void 0:null===(n=o.popper)||void 0===n?void 0:n.modifiers)?null==o?void 0:null===(i=o.popper)||void 0===i?void 0:i.modifiers.map(function(o){if(o.name===t.name){var n;return r(e({},o),{options:r(e({},o.options),{padding:e({},t.options.padding,null===(n=o.options)||void 0===n?void 0:n.padding)})})}return o}):[t]})})};export{o as composeSlotProps};
+//# sourceMappingURL=utils.js.map

package/dist/components/BlackTooltip/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sources":["../../../src/components/BlackTooltip/utils.ts"],"sourcesContent":["import { TooltipProps } from '@mui/material/Tooltip';\n\nconst preventOverflowOptions = {\n    name: 'preventOverflow',\n    options: {\n        // 10px від краю екрана - щоб не було в притул\n        padding: {\n            top: 10,\n            bottom: 10,\n            left: 10,\n            right: 10,\n        },\n    },\n};\n\nexport const composeSlotProps = (\n    slotProps?: TooltipProps['slotProps'],\n): TooltipProps['slotProps'] => {\n    return {\n        ...slotProps,\n        popper: {\n            ...slotProps?.popper,\n            modifiers: slotProps?.popper?.modifiers\n                ? slotProps?.popper?.modifiers.map((item) => {\n                      if (item.name === preventOverflowOptions.name) {\n                          return {\n                              ...item,\n                              options: {\n                                  ...item.options,\n                                  padding: {\n                                      ...preventOverflowOptions.options.padding,\n                                      ...item.options?.padding,\n                                  },\n                              },\n                          };\n                      }\n                      return item;\n                  })\n                : [preventOverflowOptions],\n        },\n    };\n};\n"],"names":["preventOverflowOptions","name","options","padding","top","bottom","left","right","composeSlotProps","slotProps","_object_spread_props","popper","modifiers","map","item","_object_spread"],"mappings":"mxBAEA,IAAMA,EAAyB,CAC3BC,KAAM,kBACNC,QAAS,CAELC,QAAS,CACLC,IAAK,GACLC,OAAQ,GACRC,KAAM,GACNC,MAAO,EACX,CACJ,CACJ,EAEaC,EAAmB,SAC5BC,CAAAA,MAMmBA,EACLA,EALd,OAAOC,EACAD,EAAAA,CAAAA,EAAAA,GAAAA,CACHE,OAAQD,EACDD,EAAAA,CAAAA,EAAAA,MAAAA,EAAAA,KAAAA,EAAAA,EAAWE,MAAM,EAAA,CACpBC,UAAWH,AAAAA,CAAAA,MAAAA,EAAAA,KAAAA,EAAAA,AAAiB,OAAjBA,CAAAA,EAAAA,EAAWE,MAAM,AAANA,GAAXF,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAmBG,SAAS,AAAA,EACjCH,MAAAA,EAAAA,KAAAA,EAAAA,AAAAA,OAAAA,CAAAA,EAAAA,EAAWE,MAAM,AAAA,GAAjBF,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAmBG,SAAS,CAACC,GAAG,CAAC,SAACC,CAAAA,EAC9B,GAAIA,EAAKb,IAAI,GAAKD,EAAuBC,IAAI,CAAE,CAO5Ba,IAAAA,EANf,OAAOJ,EACAI,EAAAA,CAAAA,EAAAA,GAAAA,CACHZ,QAASQ,EAAAK,EAAA,CAAA,EACFD,EAAKZ,OAAO,EAAA,CACfC,QAASY,EACFf,CAAAA,EAAAA,EAAuBE,OAAO,CAACC,OAAO,CAAA,AAC1B,OAAZW,CAAAA,EAAAA,EAAKZ,OAAO,AAAPA,GAALY,AAAAA,KAAAA,IAAAA,EAAAA,KAAAA,EAAAA,EAAcX,OAAO,KAIxC,CACA,OAAOW,IAEX,CAACd,EAAuB,IAG1C"}