@cloud-ru/uikit-product-price-summary 0.5.3 → 0.5.4

package/dist/esm/components/PriceSummary/index.js

@@ -0,0 +1 @@
+export * from './PriceSummary';

package/dist/esm/components/PriceSummary/styles.module.css

@@ -0,0 +1,12 @@
+.priceSummary{
+  box-sizing:border-box;
+  width:100%;
+  min-width:280px;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-050m, 4px);
+  padding:var(--dimension-2m, 16px);
+  border-radius:var(--dimension-1m, 8px);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  color:var(--sys-neutral-text-main, #41424e);
+}

package/dist/esm/components/PriceSummarySmall/PriceSummarySmall.d.ts

@@ -0,0 +1,12 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { LinkProps } from '@snack-uikit/link';
+import { ContentBlockProps } from '../ContentBlock';
+export type PriceSummarySmallProps = WithSupportProps<ContentBlockProps & {
+    value: number | undefined;
+    docsLink?: {
+        href?: LinkProps['href'];
+        text?: LinkProps['text'];
+    };
+    className?: string;
+}>;
+export declare function PriceSummarySmall({ value, docsLink, loading, dataError, onRetry, className, ...rest }: PriceSummarySmallProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/PriceSummarySmall/PriceSummarySmall.js

@@ -0,0 +1,26 @@
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { InfoFilledSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { ButtonFunction } from '@snack-uikit/button';
+import { Typography } from '@snack-uikit/typography';
+import { formatCurrency } from '../../helpers';
+import { ContentBlock } from '../ContentBlock';
+import styles from './styles.module.css';
+export function PriceSummarySmall(_a) {
+    var { value = 0, docsLink, loading, dataError, onRetry, className } = _a, rest = __rest(_a, ["value", "docsLink", "loading", "dataError", "onRetry", "className"]);
+    const { t } = useLocale('PriceSummary');
+    return (_jsxs("div", Object.assign({ className: cn(styles.priceSummarySmall, className) }, extractSupportProps(rest), { children: [_jsx(Typography.SansBodyM, { children: t('total') }), _jsxs(ContentBlock, { loading: loading, dataError: dataError, onRetry: onRetry, children: [_jsxs("div", { className: styles.value, children: [_jsx(InfoFilledSVG, { size: 16, className: styles.icon }), _jsx(Typography.SansTitleM, { children: formatCurrency(value) })] }), (docsLink === null || docsLink === void 0 ? void 0 : docsLink.href) && (_jsx(ButtonFunction, { size: 'xs', label: docsLink.text || t('costLink'), href: docsLink.href, target: '_blank' }))] })] })));
+}

package/dist/esm/components/PriceSummarySmall/index.d.ts

@@ -0,0 +1 @@
+export * from './PriceSummarySmall';

package/dist/esm/components/PriceSummarySmall/index.js

@@ -0,0 +1 @@
+export * from './PriceSummarySmall';

package/dist/esm/components/PriceSummarySmall/styles.module.css

@@ -0,0 +1,23 @@
+.priceSummarySmall{
+  box-sizing:border-box;
+  width:100%;
+  min-width:170px;
+  display:flex;
+  flex-direction:column;
+  gap:var(--dimension-050m, 4px);
+  padding:var(--dimension-2m, 16px);
+  border-radius:var(--dimension-1m, 8px);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+  color:var(--sys-neutral-text-main, #41424e);
+}
+
+.value{
+  display:flex;
+  align-items:center;
+  gap:var(--dimension-050m, 4px);
+}
+
+.icon{
+  flex-shrink:0;
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}

package/dist/esm/components/index.d.ts

@@ -0,0 +1,2 @@
+export * from './PriceSummary';
+export * from './PriceSummarySmall';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './PriceSummary';
+export * from './PriceSummarySmall';

package/dist/esm/helpers/formatters.d.ts

@@ -0,0 +1,2 @@
+export declare function formatCurrency(value: number): string;
+export declare function formatQuantity(value: string | number): string;

package/dist/esm/helpers/formatters.js

@@ -0,0 +1,10 @@
+import { formatNumber } from '@cloud-ru/ft-formatters';
+export function formatCurrency(value) {
+    return formatNumber(value.toFixed(2), {
+        precision: 2,
+        type: formatNumber.types.Currency,
+    });
+}
+export function formatQuantity(value) {
+    return typeof value === 'string' ? value : '×' + value;
+}

package/dist/esm/helpers/index.d.ts

@@ -0,0 +1 @@
+export * from './formatters';

package/dist/esm/helpers/index.js

@@ -0,0 +1 @@
+export * from './formatters';

package/dist/esm/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from './usePeriodFormat';
+export * from './usePriceTotalValueFormatter';

package/dist/esm/hooks/index.js

@@ -0,0 +1,2 @@
+export * from './usePeriodFormat';
+export * from './usePriceTotalValueFormatter';

package/dist/esm/hooks/usePeriodFormat.d.ts

@@ -0,0 +1,2 @@
+import { PricePeriod } from '../types';
+export declare function usePeriodFormat(): (period: PricePeriod) => string;

package/dist/esm/hooks/usePeriodFormat.js

@@ -0,0 +1,21 @@
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { PricePeriod } from '../types';
+export function usePeriodFormat() {
+    const { t } = useLocale('PriceSummary');
+    return function formatPeriod(period) {
+        switch (period) {
+            case PricePeriod.Year:
+                return t('pricePeriodYear');
+            case PricePeriod.Month:
+                return t('pricePeriodMonth');
+            case PricePeriod.Day:
+                return t('pricePeriodDay');
+            case PricePeriod.Hour:
+                return t('pricePeriodHour');
+            case PricePeriod.Minute:
+                return t('pricePeriodMinute');
+            default:
+                throw new Error('not reachable');
+        }
+    };
+}

package/dist/esm/hooks/usePriceTotalValueFormatter.d.ts

@@ -0,0 +1,2 @@
+import { PricePeriod } from '../types';
+export declare function usePriceTotalValueFormatter(): (value: number | undefined, period: PricePeriod) => string;

package/dist/esm/hooks/usePriceTotalValueFormatter.js

@@ -0,0 +1,7 @@
+import { useCallback } from 'react';
+import { formatCurrency } from '../helpers';
+import { usePeriodFormat } from './usePeriodFormat';
+export function usePriceTotalValueFormatter() {
+    const formatPeriod = usePeriodFormat();
+    return useCallback((value, period) => `${formatCurrency(value || 0)} ${formatPeriod(period)}`, [formatPeriod]);
+}

package/dist/esm/index.d.ts

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks/usePriceTotalValueFormatter';
+export * from './types';

package/dist/esm/index.js

@@ -0,0 +1,3 @@
+export * from './components';
+export * from './hooks/usePriceTotalValueFormatter';
+export * from './types';

package/dist/esm/types/index.d.ts

@@ -0,0 +1,41 @@
+import { QuestionTooltipProps } from '@sbercloud/uikit-product-mobile-tooltip';
+export declare enum PricePeriod {
+    Year = "year",
+    Month = "month",
+    Day = "day",
+    Hour = "hour",
+    Minute = "minute"
+}
+export type TotalSumType = 'equal' | 'from';
+export type DiscountItem = {
+    value: number;
+    percent?: number;
+    tooltip?: QuestionTooltipProps['tip'];
+};
+export type DiscountDetails = {
+    price: number;
+    discounts: DiscountItem[];
+};
+export type PriceInvoiceItem = {
+    label: string;
+    discount?: DiscountItem;
+};
+export type DiscountInvoiceItem = {
+    discount: DiscountItem;
+};
+export type InvoiceItem = (PriceInvoiceItem | DiscountInvoiceItem) & {
+    labelTooltip?: QuestionTooltipProps['tip'];
+    price?: number;
+    hidePrice?: boolean;
+    labelMaxLines?: number;
+    quantity?: string | number;
+    primary?: boolean;
+    topDivider?: boolean;
+    bottomDivider?: boolean;
+};
+export type InvoiceDetails = {
+    title?: string;
+    quantity?: string | number;
+    price?: number;
+    items: InvoiceItem[];
+};

package/dist/esm/types/index.js

@@ -0,0 +1,8 @@
+export var PricePeriod;
+(function (PricePeriod) {
+    PricePeriod["Year"] = "year";
+    PricePeriod["Month"] = "month";
+    PricePeriod["Day"] = "day";
+    PricePeriod["Hour"] = "hour";
+    PricePeriod["Minute"] = "minute";
+})(PricePeriod || (PricePeriod = {}));

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-price-summary",
   "title": "Price Summary",
-  "version": "0.5.3",
+  "version": "0.5.4",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,6 +30,7 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
@@ -37,10 +38,10 @@
   "scripts": {},
   "dependencies": {
     "@cloud-ru/ft-formatters": "1.0.1",
-    "@cloud-ru/uikit-product-button-predefined": "0.7.4",
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-mobile-tooltip": "0.4.65",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-button-predefined": "0.7.5",
+    "@cloud-ru/uikit-product-icons": "15.1.2",
+    "@cloud-ru/uikit-product-mobile-tooltip": "0.4.66",
+    "@cloud-ru/uikit-product-utils": "7.0.1",
     "@snack-uikit/accordion": "0.10.5",
     "@snack-uikit/button": "0.19.7",
     "@snack-uikit/icons": "0.26.3",
@@ -56,5 +57,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "9c11b1e33e716c874534a1c162266c8591f2ed03"
 }