@vchasno/ui-kit 0.2.15 → 0.2.17

package/CHANGELOG.md

@@ -7,6 +7,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.2.16] - 2024-05-13
+
+## Fixed
+
+-   fix `ProjectsPopover` mobile width
+
 ## [0.2.15] - 2024-05-13
 
 ## Fixed

package/dist/Datepicker/types/components/ProjectsPopover/ProductLink.d.ts

@@ -7,6 +7,7 @@ export interface ProductLinkProps {
     queryParams?: Record<string, string>;
     onLinkClick?: (product: AllProducts, event: React.MouseEvent) => void;
     overrideHint?: (product: AllProducts) => string;
+    urls?: Partial<Record<AllProducts, string>>;
 }
 declare const ProductLink: React.FC<ProductLinkProps>;
 export default ProductLink;

package/dist/Datepicker/types/components/ProjectsPopover/utils.d.ts

@@ -4,7 +4,8 @@ interface ComposeLinkOptions {
     ctxProduct: string;
     targetProduct: AllProducts;
     queryParams?: Record<string, string>;
+    urls?: Partial<Record<AllProducts, string>>;
 }
 export declare const composeZakupivliLink: ({ targetProduct, }: Pick<ComposeLinkOptions, 'targetProduct'>) => string;
-export declare const composeLink: ({ targetProduct, ctxProduct, queryParams, edrpou, }: ComposeLinkOptions) => string;
+export declare const composeLink: ({ targetProduct, ctxProduct, queryParams, edrpou, urls, }: ComposeLinkOptions) => string;
 export {};

package/dist/ProjectsPopover/index.cjs.js

@@ -178,31 +178,24 @@ typeof SuppressedError === "function" ? SuppressedError : function (error, suppr
     return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
 };
 
-function _objectWithoutPropertiesLoose(source, excluded) {
-  if (source == null) return {};
-  var target = {};
-  for (var key in source) {
-    if (Object.prototype.hasOwnProperty.call(source, key)) {
-      if (excluded.indexOf(key) >= 0) continue;
-      target[key] = source[key];
-    }
+function _objectWithoutPropertiesLoose(r, e) {
+  if (null == r) return {};
+  var t = {};
+  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+    if (e.indexOf(n) >= 0) continue;
+    t[n] = r[n];
   }
-  return target;
+  return t;
 }
 
 function _extends$1() {
-  _extends$1 = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
+  return _extends$1 = Object.assign ? Object.assign.bind() : function (n) {
+    for (var e = 1; e < arguments.length; e++) {
+      var t = arguments[e];
+      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
     }
-    return target;
-  };
-  return _extends$1.apply(this, arguments);
+    return n;
+  }, _extends$1.apply(null, arguments);
 }
 
 var propTypes = {exports: {}};
@@ -1610,11 +1603,9 @@ function deepmerge$1(target, source, options = {
   const output = options.clone ? _extends$1({}, target) : target;
   if (isPlainObject(target) && isPlainObject(source)) {
     Object.keys(source).forEach(key => {
+      if (isPlainObject(source[key]) &&
       // Avoid prototype pollution
-      if (key === '__proto__') {
-        return;
-      }
-      if (isPlainObject(source[key]) && key in target && isPlainObject(target[key])) {
+      Object.prototype.hasOwnProperty.call(target, key) && isPlainObject(target[key])) {
         // Since `output` is a clone of `target` and we have narrowed `target` in this block we can cast to the same type.
         output[key] = deepmerge$1(target[key], source[key], options);
       } else if (options.clone) {
@@ -2118,7 +2109,7 @@ function useControlled({
       current: defaultValue
     } = React__namespace.useRef(defaultProp);
     React__namespace.useEffect(() => {
-      if (!isControlled && defaultValue !== defaultProp) {
+      if (!isControlled && !Object.is(defaultValue, defaultProp)) {
         console.error([`MUI: A component is changing the default ${state} state of an uncontrolled ${name} after being initialized. ` + `To suppress this warning opt to use a controlled ${name}.`].join('\n'));
       }
     }, [JSON.stringify(defaultProp)]);
@@ -2547,9 +2538,9 @@ var colorManipulator = {};
 var interopRequireDefault = {exports: {}};
 
 (function (module) {
-	function _interopRequireDefault(obj) {
-	  return obj && obj.__esModule ? obj : {
-	    "default": obj
+	function _interopRequireDefault(e) {
+	  return e && e.__esModule ? e : {
+	    "default": e
 	  };
 	}
 	module.exports = _interopRequireDefault, module.exports.__esModule = true, module.exports["default"] = module.exports; 
@@ -2953,18 +2944,13 @@ function require_extends () {
 	hasRequired_extends = 1;
 	(function (module) {
 		function _extends() {
-		  module.exports = _extends = Object.assign ? Object.assign.bind() : function (target) {
-		    for (var i = 1; i < arguments.length; i++) {
-		      var source = arguments[i];
-		      for (var key in source) {
-		        if (Object.prototype.hasOwnProperty.call(source, key)) {
-		          target[key] = source[key];
-		        }
-		      }
+		  return (module.exports = _extends = Object.assign ? Object.assign.bind() : function (n) {
+		    for (var e = 1; e < arguments.length; e++) {
+		      var t = arguments[e];
+		      for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]);
 		    }
-		    return target;
-		  }, module.exports.__esModule = true, module.exports["default"] = module.exports;
-		  return _extends.apply(this, arguments);
+		    return n;
+		  }, module.exports.__esModule = true, module.exports["default"] = module.exports), _extends.apply(null, arguments);
 		}
 		module.exports = _extends, module.exports.__esModule = true, module.exports["default"] = module.exports; 
 	} (_extends));
@@ -2979,16 +2965,14 @@ function requireObjectWithoutPropertiesLoose () {
 	if (hasRequiredObjectWithoutPropertiesLoose) return objectWithoutPropertiesLoose.exports;
 	hasRequiredObjectWithoutPropertiesLoose = 1;
 	(function (module) {
-		function _objectWithoutPropertiesLoose(source, excluded) {
-		  if (source == null) return {};
-		  var target = {};
-		  for (var key in source) {
-		    if (Object.prototype.hasOwnProperty.call(source, key)) {
-		      if (excluded.indexOf(key) >= 0) continue;
-		      target[key] = source[key];
-		    }
+		function _objectWithoutPropertiesLoose(r, e) {
+		  if (null == r) return {};
+		  var t = {};
+		  for (var n in r) if ({}.hasOwnProperty.call(r, n)) {
+		    if (e.indexOf(n) >= 0) continue;
+		    t[n] = r[n];
 		  }
-		  return target;
+		  return t;
 		}
 		module.exports = _objectWithoutPropertiesLoose, module.exports.__esModule = true, module.exports["default"] = module.exports; 
 	} (objectWithoutPropertiesLoose));
@@ -8267,18 +8251,14 @@ function useThemeProps({
   });
 }
 
-function _setPrototypeOf(o, p) {
-  _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function _setPrototypeOf(o, p) {
-    o.__proto__ = p;
-    return o;
-  };
-  return _setPrototypeOf(o, p);
+function _setPrototypeOf(t, e) {
+  return _setPrototypeOf = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function (t, e) {
+    return t.__proto__ = e, t;
+  }, _setPrototypeOf(t, e);
 }
 
-function _inheritsLoose(subClass, superClass) {
-  subClass.prototype = Object.create(superClass.prototype);
-  subClass.prototype.constructor = subClass;
-  _setPrototypeOf(subClass, superClass);
+function _inheritsLoose(t, o) {
+  t.prototype = Object.create(o.prototype), t.prototype.constructor = t, _setPrototypeOf(t, o);
 }
 
 var config = {
@@ -12556,11 +12536,11 @@ var composeZakupivliLink = function (_a) {
     return link.href;
 };
 var composeLink = function (_a) {
-    var targetProduct = _a.targetProduct, ctxProduct = _a.ctxProduct, queryParams = _a.queryParams, edrpou = _a.edrpou;
+    var targetProduct = _a.targetProduct, ctxProduct = _a.ctxProduct, queryParams = _a.queryParams, edrpou = _a.edrpou, urls = _a.urls;
     if (zakupivliProductsList.includes(targetProduct)) {
         return composeZakupivliLink({ targetProduct: targetProduct });
     }
-    var baseUrl = hrefMap[targetProduct];
+    var baseUrl = __assign(__assign({}, hrefMap), urls)[targetProduct];
     var link = new URL(baseUrl);
     if (edrpou) {
         link.searchParams.set('edrpou', edrpou);
@@ -12577,14 +12557,15 @@ var composeLink = function (_a) {
 };
 
 var ProductLink = function (_a) {
-    var onLinkClick = _a.onLinkClick, queryParams = _a.queryParams, product = _a.product, ctxProduct = _a.ctxProduct, edrpou = _a.edrpou, overrideHint = _a.overrideHint;
+    var onLinkClick = _a.onLinkClick, queryParams = _a.queryParams, product = _a.product, ctxProduct = _a.ctxProduct, edrpou = _a.edrpou, overrideHint = _a.overrideHint, _b = _a.urls, urls = _b === void 0 ? {} : _b;
     var href = composeLink({
         ctxProduct: ctxProduct,
         edrpou: edrpou,
         targetProduct: product,
         queryParams: queryParams,
+        urls: urls,
     });
-    return (React$1.createElement(BlackTooltip, { title: (overrideHint === null || overrideHint === void 0 ? void 0 : overrideHint(product)) || tooltipHintMap[product] },
+    return (React$1.createElement(BlackTooltip, { disableInteractive: true, title: (overrideHint === null || overrideHint === void 0 ? void 0 : overrideHint(product)) || tooltipHintMap[product] },
         React$1.createElement("a", { className: "vchasno-ui-ProjectsPopover__box", href: href, target: "_blank", rel: "noreferrer", onClick: function (event) { return onLinkClick === null || onLinkClick === void 0 ? void 0 : onLinkClick(product, event); } },
             isZakupivliProduct(product) && iconMap[product],
             isVchasnoProduct(product) && (React$1.createElement(React$1.Fragment, null,
@@ -12619,11 +12600,11 @@ function styleInject(css, ref) {
   }
 }
 
-var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: unset;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
+var css_248z = ".vchasno-ui-ProjectsPopover {\n    display: inline-block;\n    width: 440px;\n    max-width: calc(100vw - 32px);\n    box-sizing: border-box;\n    padding: 24px 16px 0;\n    border-radius: 3px;\n    background-color: #fff;\n}\n\n.vchasno-ui-ProjectsPopover__content {\n    display: flex;\n    flex-direction: column;\n    gap: 32px;\n}\n\n.vchasno-ui-ProjectsPopover__products {\n    display: flex;\n    width: calc(100% + 32px);\n    box-sizing: border-box;\n    flex-wrap: wrap;\n    gap: 10px;\n}\n\n.vchasno-ui-ProjectsPopover a:hover {\n    color: unset;\n    text-decoration: none;\n}\n\n.vchasno-ui-ProjectsPopover--border {\n    border: 1px solid #dbe5ea;\n}\n\n.vchasno-ui-ProjectsPopover__title {\n    width: 100%;\n    font-size: 16px;\n    font-style: normal;\n    font-weight: 500;\n    line-height: 18px;\n}\n\n.vchasno-ui-ProjectsPopover__box {\n    display: inline-flex;\n    width: 198px;\n    box-sizing: border-box;\n    align-items: center;\n    padding: 20px;\n    border: 1px solid #dbe5ea;\n    border-radius: 8px;\n    aspect-ratio: 198/80;\n    color: var(--vchasno-ui-text-primary-color);\n    gap: 8px;\n    text-decoration: none;\n    transition: background-color 0.3s;\n}\n\n.vchasno-ui-ProjectsPopover__box > svg {\n    max-width: 90%;\n}\n\n.vchasno-ui-ProjectsPopover__box__icon {\n    width: 40px;\n    height: 40px;\n    box-sizing: border-box;\n    flex-shrink: 0;\n    border-radius: 50%;\n}\n\n.vchasno-ui-ProjectsPopover__box:hover {\n    background-color: #f3f6f8;\n    cursor: pointer;\n}\n\n.vchasno-ui-ProjectsPopover__box__title {\n    font-size: 14px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 26px;\n}\n\n.vchasno-ui-ProjectsPopover__footer {\n    display: flex;\n    min-height: 42px;\n    align-items: center;\n    justify-content: center;\n    border-radius: 0 0 4px 4px;\n    margin: 0 -16px;\n    background: #ecf4ff;\n    color: #6b8091;\n    font-size: 12px;\n    font-weight: 400;\n}\n\n.vchasno-ui-ProjectsPopover .vchasno-ui-ProjectsPopover__footer > a {\n    color: #0890de;\n    text-decoration: none;\n}\n\n@media screen and (width <= 480px) {\n    .vchasno-ui-ProjectsPopover {\n        width: 330px;\n    }\n\n    .vchasno-ui-ProjectsPopover__box {\n        width: calc(50% - 20px);\n        flex-direction: column;\n        justify-content: center;\n        padding: 10px;\n        aspect-ratio: 1 / 1;\n    }\n}\n";
 styleInject(css_248z);
 
 var ProjectsPopover = function (_a) {
-    var _b = _a.vchasnoTitle, vchasnoTitle = _b === void 0 ? 'Сервіси Вчасно:' : _b, className = _a.className, _c = _a.zakupivliTitle, zakupivliTitle = _c === void 0 ? 'Сервіси Закупівлі:' : _c, product = _a.product, _d = _a.hideProduct, hideProduct = _d === void 0 ? function () { return false; } : _d, edrpou = _a.edrpou, onLinkClick = _a.onLinkClick, queryParams = _a.queryParams, overrideHint = _a.overrideHint;
+    var _b = _a.vchasnoTitle, vchasnoTitle = _b === void 0 ? 'Сервіси Вчасно:' : _b, className = _a.className, _c = _a.zakupivliTitle, zakupivliTitle = _c === void 0 ? 'Сервіси Закупівлі:' : _c, product = _a.product, _d = _a.hideProduct, hideProduct = _d === void 0 ? function () { return false; } : _d, edrpou = _a.edrpou, onLinkClick = _a.onLinkClick, queryParams = _a.queryParams, overrideHint = _a.overrideHint, urls = _a.urls;
     var displayVchasnoProducts = vchasnoProductsList
         .filter(function (item) { return item !== product; })
         .filter(function (item) { return !hideProduct(item); });
@@ -12634,12 +12615,12 @@ var ProjectsPopover = function (_a) {
                     display: displayVchasnoProducts.length ? 'flex' : 'none',
                 } },
                 React$1.createElement("h3", { className: "vchasno-ui-ProjectsPopover__title" }, vchasnoTitle),
-                displayVchasnoProducts.map(function (key) { return (React$1.createElement(ProductLink, { overrideHint: overrideHint, queryParams: queryParams, onLinkClick: onLinkClick, edrpou: edrpou, ctxProduct: product, key: key, product: key })); })),
+                displayVchasnoProducts.map(function (key) { return (React$1.createElement(ProductLink, { urls: urls, overrideHint: overrideHint, queryParams: queryParams, onLinkClick: onLinkClick, edrpou: edrpou, ctxProduct: product, key: key, product: key })); })),
             React$1.createElement("div", { className: "vchasno-ui-ProjectsPopover__products", style: {
                     display: displayZakupivliProducts.length ? 'flex' : 'none',
                 } },
                 React$1.createElement("h3", { className: "vchasno-ui-ProjectsPopover__title" }, zakupivliTitle),
-                displayZakupivliProducts.map(function (key) { return (React$1.createElement(ProductLink, { overrideHint: overrideHint, onLinkClick: onLinkClick, queryParams: queryParams, edrpou: edrpou, ctxProduct: product, key: key, product: key })); })),
+                displayZakupivliProducts.map(function (key) { return (React$1.createElement(ProductLink, { urls: urls, overrideHint: overrideHint, onLinkClick: onLinkClick, queryParams: queryParams, edrpou: edrpou, ctxProduct: product, key: key, product: key })); })),
             React$1.createElement("footer", { className: "vchasno-ui-ProjectsPopover__footer" },
                 "\u0413\u0440\u0443\u043F\u0430 \u043A\u043E\u043C\u043F\u0430\u043D\u0456\u0439\u00A0",
                 React$1.createElement("a", { target: "_blank", rel: "noreferrer", href: "https://tabularasa.buzz/" }, "Tabula Rasa"),