@vchasno/ui-kit 0.3.8 → 0.3.10

package/CHANGELOG.md

@@ -7,6 +7,22 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ## [Unreleased]
 
+## [0.3.10] - 2024-07-29
+
+## Fixed
+
+-   fix `TextInput` label transition
+
+## [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

package/dist/Datepicker/index.cjs.js

@@ -15540,7 +15540,7 @@ var InputMeta = function (_a) {
         error && React.createElement("span", { className: "vchasno-ui-meta__error" }, error)));
 };
 
-var css_248z$2 = ".vchasno-ui-label-text {\n    position: absolute;\n    z-index: 2;\n    top: 50%;\n    left: 12px;\n    display: inline-flex;\n    max-width: calc(100% - 20px);\n    align-self: flex-start;\n    padding: 4px;\n    background-color: #fff;\n    color: var(--vchasno-ui-label-color-default);\n    font-size: var(--vchasno-ui-input-font-size);\n    gap: 3px;\n    line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    pointer-events: none;\n    text-overflow: ellipsis;\n    transform: translate(0, -50%);\n    transition: color var(--vchasno-ui-transition-duration-sec, 0.3s), top 0.3s, font-size 0.3s;\n    white-space: nowrap;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n    max-width: calc(100% - 40px);\n}\n\n.vchasno-ui-select__floating-label,\nlabel[class^='vchasno-ui-']:not(:placeholder-shown) + .vchasno-ui-label-text,\nlabel[class^='vchasno-ui-']:focus:not(.--disabled) + .vchasno-ui-label-text {\n    top: 0;\n    font-size: 12px;\n}\n\nlabel[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n    color: var(--vchasno-ui-label-color-focused);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--error .vchasno-ui-label-text {\n    color: var(--vchasno-ui-input-color-error);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n    cursor: text;\n}\n\n.vchasno-ui-label-text sup {\n    position: relative;\n    top: -0.2em;\n    display: none;\n    color: var(--vchasno-ui-input-color-error);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n    vertical-align: top;\n}\n\nlabel[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n    display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n    display: none;\n    color: var(--vchasno-ui-label-color-default);\n    transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n    display: block;\n}\n\n.vchasno-ui-label-text__content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n";
+var css_248z$2 = ".vchasno-ui-label-text {\n    position: absolute;\n    z-index: 2;\n    top: 50%;\n    left: 12px;\n    display: inline-flex;\n    max-width: calc(100% - 20px);\n    align-self: flex-start;\n    padding: 4px;\n    background-color: #fff;\n    color: var(--vchasno-ui-label-color-default);\n    font-size: var(--vchasno-ui-input-font-size);\n    gap: 3px;\n    line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    pointer-events: none;\n    text-overflow: ellipsis;\n    transform: translate(0, -50%);\n    transition:\n        color var(--vchasno-ui-transition-duration-sec, 0.3s),\n        top 0.3s,\n        font-size 0.3s;\n    white-space: nowrap;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n    max-width: calc(100% - 40px);\n}\n\n.vchasno-ui-select__floating-label,\n[class^='vchasno-ui-']:not(:placeholder-shown) + .vchasno-ui-label-text,\n[class^='vchasno-ui-']:focus:not(.--disabled) + .vchasno-ui-label-text {\n    top: 0;\n    font-size: 12px;\n}\n\nlabel[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n    color: var(--vchasno-ui-label-color-focused);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--error .vchasno-ui-label-text {\n    color: var(--vchasno-ui-input-color-error);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n    cursor: text;\n}\n\n.vchasno-ui-label-text sup {\n    position: relative;\n    top: -0.2em;\n    display: none;\n    color: var(--vchasno-ui-input-color-error);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n    vertical-align: top;\n}\n\nlabel[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n    display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n    display: none;\n    color: var(--vchasno-ui-label-color-default);\n    transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n    display: block;\n}\n\n.vchasno-ui-label-text__content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n";
 styleInject(css_248z$2);
 
 var LabelText = function (_a) {

package/dist/Datepicker/index.js

@@ -15520,7 +15520,7 @@ var InputMeta = function (_a) {
         error && React__default.createElement("span", { className: "vchasno-ui-meta__error" }, error)));
 };
 
-var css_248z$2 = ".vchasno-ui-label-text {\n    position: absolute;\n    z-index: 2;\n    top: 50%;\n    left: 12px;\n    display: inline-flex;\n    max-width: calc(100% - 20px);\n    align-self: flex-start;\n    padding: 4px;\n    background-color: #fff;\n    color: var(--vchasno-ui-label-color-default);\n    font-size: var(--vchasno-ui-input-font-size);\n    gap: 3px;\n    line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    pointer-events: none;\n    text-overflow: ellipsis;\n    transform: translate(0, -50%);\n    transition: color var(--vchasno-ui-transition-duration-sec, 0.3s), top 0.3s, font-size 0.3s;\n    white-space: nowrap;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n    max-width: calc(100% - 40px);\n}\n\n.vchasno-ui-select__floating-label,\nlabel[class^='vchasno-ui-']:not(:placeholder-shown) + .vchasno-ui-label-text,\nlabel[class^='vchasno-ui-']:focus:not(.--disabled) + .vchasno-ui-label-text {\n    top: 0;\n    font-size: 12px;\n}\n\nlabel[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n    color: var(--vchasno-ui-label-color-focused);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--error .vchasno-ui-label-text {\n    color: var(--vchasno-ui-input-color-error);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n    cursor: text;\n}\n\n.vchasno-ui-label-text sup {\n    position: relative;\n    top: -0.2em;\n    display: none;\n    color: var(--vchasno-ui-input-color-error);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n    vertical-align: top;\n}\n\nlabel[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n    display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n    display: none;\n    color: var(--vchasno-ui-label-color-default);\n    transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n    display: block;\n}\n\n.vchasno-ui-label-text__content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n";
+var css_248z$2 = ".vchasno-ui-label-text {\n    position: absolute;\n    z-index: 2;\n    top: 50%;\n    left: 12px;\n    display: inline-flex;\n    max-width: calc(100% - 20px);\n    align-self: flex-start;\n    padding: 4px;\n    background-color: #fff;\n    color: var(--vchasno-ui-label-color-default);\n    font-size: var(--vchasno-ui-input-font-size);\n    gap: 3px;\n    line-height: calc(var(--vchasno-ui-input-font-size) * 1.2);\n    pointer-events: none;\n    text-overflow: ellipsis;\n    transform: translate(0, -50%);\n    transition:\n        color var(--vchasno-ui-transition-duration-sec, 0.3s),\n        top 0.3s,\n        font-size 0.3s;\n    white-space: nowrap;\n}\n\n.vchasno-ui-select .vchasno-ui-label-text {\n    max-width: calc(100% - 40px);\n}\n\n.vchasno-ui-select__floating-label,\n[class^='vchasno-ui-']:not(:placeholder-shown) + .vchasno-ui-label-text,\n[class^='vchasno-ui-']:focus:not(.--disabled) + .vchasno-ui-label-text {\n    top: 0;\n    font-size: 12px;\n}\n\nlabel[class^='vchasno-ui-']:not(.--error):focus-within .vchasno-ui-label-text {\n    color: var(--vchasno-ui-label-color-focused);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--error .vchasno-ui-label-text {\n    color: var(--vchasno-ui-input-color-error);\n}\n\nlabel[class^='vchasno-ui-']:not(.--disabled).--required .vchasno-ui-label-text:hover {\n    cursor: text;\n}\n\n.vchasno-ui-label-text sup {\n    position: relative;\n    top: -0.2em;\n    display: none;\n    color: var(--vchasno-ui-input-color-error);\n    font-size: calc(var(--vchasno-ui-input-font-size) * 1.4);\n    vertical-align: top;\n}\n\nlabel[class^='vchasno-ui-'].--required .vchasno-ui-label-text sup {\n    display: inline-block;\n}\n\n.vchasno-ui-label-text__title-icon {\n    display: none;\n    color: var(--vchasno-ui-label-color-default);\n    transform: scale(0.8);\n}\n\n.vchasno-ui-input[title] .vchasno-ui-label-text__title-icon {\n    display: block;\n}\n\n.vchasno-ui-label-text__content {\n    overflow: hidden;\n    text-overflow: ellipsis;\n    white-space: nowrap;\n}\n";
 styleInject(css_248z$2);
 
 var LabelText = function (_a) {

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/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/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

@@ -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"),