@vchasno/ui-kit 0.3.7 → 0.3.9

package/CHANGELOG.md

@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.9] - 2024-07-28
+
+## Added
+
+-   add urls for ProjectPopover - to customize base url
+
+## Fixed
+
+-   fix MobileAppLinks, FollowUs component min-width styles
+
+## [0.3.8] - 2024-07-27
+
+## Added
+
+-   add FollowUs and MobileAppLinks components
+
 ## [0.3.6] - 2024-06-10
 
 ## Added

package/dist/Datepicker/types/components/FollowUs/FollowUs.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Product } from './config';
+import { Social } from './types';
+import './FollowUs.global.css';
+export interface FollowUsProps {
+    label?: string;
+    product?: Product;
+    hideTitle?: boolean;
+    onClick?: (target: Social) => void;
+    gap?: number;
+    list?: Social[];
+}
+declare const FollowUs: React.FC<FollowUsProps>;
+export default FollowUs;

package/dist/Datepicker/types/components/FollowUs/config.d.ts

@@ -0,0 +1,4 @@
+import { VchasnoProduct } from '../types';
+import { Social } from './types';
+export type Product = Exclude<VchasnoProduct, 'edi' | 'ttn' | 'dm' | 'kasa' | 'kep'>;
+export declare const config: Record<Product, Partial<Record<Social, string>>>;

package/dist/Datepicker/types/components/FollowUs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FollowUs';
+export type { FollowUsProps } from './FollowUs';

package/dist/Datepicker/types/components/FollowUs/types.d.ts

@@ -0,0 +1 @@
+export type Social = 'fb' | 'inst' | 'telegram' | 'youtube' | 'tiktok';

package/dist/Datepicker/types/components/MobileAppLinks/MobileAppLinks.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FlexBoxProps } from '../FlexBox';
+import { Product } from './config';
+import { LinkConfig } from './types';
+import './MobileAppLinks.global.css';
+export interface MobileAppLinksProps {
+    android?: boolean;
+    ios?: boolean;
+    label?: string;
+    hideTitle?: boolean;
+    product: Product;
+    onClick?: (target: keyof LinkConfig) => void;
+    direction?: FlexBoxProps['direction'];
+}
+declare const MobileAppLinks: React.FC<MobileAppLinksProps>;
+export default MobileAppLinks;

package/dist/Datepicker/types/components/MobileAppLinks/config.d.ts

@@ -0,0 +1,4 @@
+import { VchasnoProduct } from '../types';
+import { LinkConfig } from './types';
+export type Product = Exclude<VchasnoProduct, 'edi' | 'ttn' | 'dm' | 'kasa' | 'kep'>;
+export declare const config: Record<Product, LinkConfig>;

package/dist/Datepicker/types/components/MobileAppLinks/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MobileAppLinks';
+export type { MobileAppLinksProps } from './MobileAppLinks';

package/dist/Datepicker/types/components/MobileAppLinks/types.d.ts

@@ -0,0 +1,4 @@
+export interface LinkConfig {
+    android: string;
+    ios: string;
+}

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/mappers.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { AllProducts, VchasnoProduct, ZakupivliProduct } from './types';
+import { VchasnoProduct } from '../types';
+import { AllProducts, ZakupivliProduct } from './types';
 export declare const hrefMap: Record<VchasnoProduct | ZakupivliProduct, string>;
 export declare const tooltipHintMap: Record<AllProducts, string>;
 export declare const titleMap: Record<VchasnoProduct, string>;

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

@@ -1,8 +1,8 @@
-export declare const vchasnoProductsList: readonly ["edo", "kep", "kasa", "edi", "ttn", "dm"];
+import { VchasnoProduct } from '../types';
+export declare const vchasnoProductsList: VchasnoProduct[];
 export declare const vchasnoProductsWithoutSiteList: readonly ["dm"];
 export declare const zakupivliProductsList: readonly ["zakupivli", "prozorroSale", "prozorroMarket", "prozorroRRO"];
-export type VchasnoProduct = (typeof vchasnoProductsList)[number];
-export declare const isVchasnoProduct: (product: string) => product is "edo" | "edi" | "ttn" | "kep" | "kasa" | "dm";
+export declare const isVchasnoProduct: (product: string) => product is VchasnoProduct;
 export type ZakupivliProduct = (typeof zakupivliProductsList)[number];
 export declare const isZakupivliProduct: (product: string) => product is "zakupivli" | "prozorroSale" | "prozorroMarket" | "prozorroRRO";
 export type AllProducts = VchasnoProduct | ZakupivliProduct;

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/Datepicker/types/components/index.d.ts

@@ -40,3 +40,7 @@ export { default as SplashLogo } from './SplashLogo';
 export type { SplashLogoProps } from './SplashLogo';
 export { default as BlackTooltip } from './BlackTooltip';
 export type { BlackTooltipProps } from './BlackTooltip';
+export { default as MobileAppLinks } from './MobileAppLinks';
+export type { MobileAppLinksProps } from './MobileAppLinks';
+export { default as FollowUs } from './FollowUs';
+export type { FollowUsProps } from './FollowUs';

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

@@ -26,3 +26,4 @@ export interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';
 }
+export type VchasnoProduct = 'edo' | 'kep' | 'kasa' | 'edi' | 'ttn' | 'dm';

package/dist/Menu/types/components/FollowUs/FollowUs.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import { Product } from './config';
+import { Social } from './types';
+import './FollowUs.global.css';
+export interface FollowUsProps {
+    label?: string;
+    product?: Product;
+    hideTitle?: boolean;
+    onClick?: (target: Social) => void;
+    gap?: number;
+    list?: Social[];
+}
+declare const FollowUs: React.FC<FollowUsProps>;
+export default FollowUs;

package/dist/Menu/types/components/FollowUs/config.d.ts

@@ -0,0 +1,4 @@
+import { VchasnoProduct } from '../types';
+import { Social } from './types';
+export type Product = Exclude<VchasnoProduct, 'edi' | 'ttn' | 'dm' | 'kasa' | 'kep'>;
+export declare const config: Record<Product, Partial<Record<Social, string>>>;

package/dist/Menu/types/components/FollowUs/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './FollowUs';
+export type { FollowUsProps } from './FollowUs';

package/dist/Menu/types/components/FollowUs/types.d.ts

@@ -0,0 +1 @@
+export type Social = 'fb' | 'inst' | 'telegram' | 'youtube' | 'tiktok';

package/dist/Menu/types/components/MobileAppLinks/MobileAppLinks.d.ts

@@ -0,0 +1,16 @@
+import React from 'react';
+import { FlexBoxProps } from '../FlexBox';
+import { Product } from './config';
+import { LinkConfig } from './types';
+import './MobileAppLinks.global.css';
+export interface MobileAppLinksProps {
+    android?: boolean;
+    ios?: boolean;
+    label?: string;
+    hideTitle?: boolean;
+    product: Product;
+    onClick?: (target: keyof LinkConfig) => void;
+    direction?: FlexBoxProps['direction'];
+}
+declare const MobileAppLinks: React.FC<MobileAppLinksProps>;
+export default MobileAppLinks;

package/dist/Menu/types/components/MobileAppLinks/config.d.ts

@@ -0,0 +1,4 @@
+import { VchasnoProduct } from '../types';
+import { LinkConfig } from './types';
+export type Product = Exclude<VchasnoProduct, 'edi' | 'ttn' | 'dm' | 'kasa' | 'kep'>;
+export declare const config: Record<Product, LinkConfig>;

package/dist/Menu/types/components/MobileAppLinks/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './MobileAppLinks';
+export type { MobileAppLinksProps } from './MobileAppLinks';

package/dist/Menu/types/components/MobileAppLinks/types.d.ts

@@ -0,0 +1,4 @@
+export interface LinkConfig {
+    android: string;
+    ios: string;
+}

package/dist/Menu/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/Menu/types/components/ProjectsPopover/mappers.d.ts

@@ -1,5 +1,6 @@
 import React from 'react';
-import { AllProducts, VchasnoProduct, ZakupivliProduct } from './types';
+import { VchasnoProduct } from '../types';
+import { AllProducts, ZakupivliProduct } from './types';
 export declare const hrefMap: Record<VchasnoProduct | ZakupivliProduct, string>;
 export declare const tooltipHintMap: Record<AllProducts, string>;
 export declare const titleMap: Record<VchasnoProduct, string>;

package/dist/Menu/types/components/ProjectsPopover/types.d.ts

@@ -1,8 +1,8 @@
-export declare const vchasnoProductsList: readonly ["edo", "kep", "kasa", "edi", "ttn", "dm"];
+import { VchasnoProduct } from '../types';
+export declare const vchasnoProductsList: VchasnoProduct[];
 export declare const vchasnoProductsWithoutSiteList: readonly ["dm"];
 export declare const zakupivliProductsList: readonly ["zakupivli", "prozorroSale", "prozorroMarket", "prozorroRRO"];
-export type VchasnoProduct = (typeof vchasnoProductsList)[number];
-export declare const isVchasnoProduct: (product: string) => product is "edo" | "edi" | "ttn" | "kep" | "kasa" | "dm";
+export declare const isVchasnoProduct: (product: string) => product is VchasnoProduct;
 export type ZakupivliProduct = (typeof zakupivliProductsList)[number];
 export declare const isZakupivliProduct: (product: string) => product is "zakupivli" | "prozorroSale" | "prozorroMarket" | "prozorroRRO";
 export type AllProducts = VchasnoProduct | ZakupivliProduct;

package/dist/Menu/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/Menu/types/components/index.d.ts

@@ -40,3 +40,7 @@ export { default as SplashLogo } from './SplashLogo';
 export type { SplashLogoProps } from './SplashLogo';
 export { default as BlackTooltip } from './BlackTooltip';
 export type { BlackTooltipProps } from './BlackTooltip';
+export { default as MobileAppLinks } from './MobileAppLinks';
+export type { MobileAppLinksProps } from './MobileAppLinks';
+export { default as FollowUs } from './FollowUs';
+export type { FollowUsProps } from './FollowUs';

package/dist/Menu/types/components/types.d.ts

@@ -26,3 +26,4 @@ export interface TextAlign {
     /** для центрування тексту **/
     textAlign?: 'center' | 'start' | 'end' | 'justify';
 }
+export type VchasnoProduct = 'edo' | 'kep' | 'kasa' | 'edi' | 'ttn' | 'dm';

package/dist/ProjectsPopover/index.cjs.js

@@ -12561,11 +12561,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);
@@ -12582,14 +12582,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,
@@ -12631,7 +12632,7 @@ var getIsProductWithoutSite = function (item) {
     return vchasnoProductsWithoutSiteList.some(function (product) { return product === item; });
 };
 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 !getIsProductWithoutSite(item); })
@@ -12643,12 +12644,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"),