@cloud-ru/ds-uikit-product-price-summary 1.0.0

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

@@ -0,0 +1,242 @@
+@charset "UTF-8";
+.acrylic{
+  pointer-events:none;
+  position:absolute;
+  inset:0;
+  border-radius:inherit;
+}
+
+.priceSummarySmall{
+  position:relative;
+  box-sizing:border-box;
+  width:100%;
+  color:var(--sn-theme-color-available-version-textMain, var(--sn-brand-color-text-version-main, #41424e));
+  border-radius:var(--sn-block-anatomy-m-borderRadius, var(--sn-brand-anatomy-radius-block-m, var(--sn-primitive-dimension-4, 4px)));
+  padding:var(--sn-block-anatomy-m-padding, var(--sn-density-spacing-block-m-padding, var(--sn-primitive-dimension-24, 24px)));
+  border-width:var(--sn-block-anatomy-m-borderWidth, var(--sn-primitive-strokeWeight-strokeRegular, 1px));
+}
+.priceSummarySmall[data-acrylic-appearance=primary][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=primary][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-primary-background, var(--sn-brand-color-primary-90, var(--sn-brandRole-color-brandA-90, var(--sn-primitive-color-brandA-90, #edf7f1))));
+}
+.priceSummarySmall[data-acrylic-appearance=primary][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=primary][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-primary-background1Level, var(--sn-brand-color-primary-95, var(--sn-brandRole-color-brandA-95, var(--sn-primitive-color-brandA-95, #f5fdf8))));
+}
+.priceSummarySmall[data-acrylic-appearance=primary][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=primary][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-primary-background2Level, var(--sn-brand-color-primary-99, var(--sn-brandRole-color-brandA-99, var(--sn-primitive-color-brandA-99, #fbfffc))));
+}
+.priceSummarySmall[data-acrylic-appearance=neutral][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=neutral][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-neutral-background, var(--sn-brand-color-neutral-90, var(--sn-primitive-color-gray-90, #eeeff3)));
+}
+.priceSummarySmall[data-acrylic-appearance=neutral][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=neutral][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-neutral-background1Level, var(--sn-brand-color-neutral-95, var(--sn-primitive-color-gray-95, #fdfdfd)));
+}
+.priceSummarySmall[data-acrylic-appearance=neutral][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=neutral][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-neutral-background2Level, var(--sn-brand-color-neutral-99, var(--sn-primitive-color-gray-99, #ffffff)));
+}
+.priceSummarySmall[data-acrylic-appearance=red][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=red][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-red-background, var(--sn-primitive-color-red-90, #fee8e5));
+}
+.priceSummarySmall[data-acrylic-appearance=red][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=red][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-red-background1Level, var(--sn-primitive-color-red-95, #fef5f1));
+}
+.priceSummarySmall[data-acrylic-appearance=red][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=red][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-red-background2Level, var(--sn-primitive-color-red-99, #fffaf7));
+}
+.priceSummarySmall[data-acrylic-appearance=orange][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=orange][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-orange-background, var(--sn-primitive-color-orange-90, #ffedcf));
+}
+.priceSummarySmall[data-acrylic-appearance=orange][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=orange][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-orange-background1Level, var(--sn-primitive-color-orange-95, #fff6e5));
+}
+.priceSummarySmall[data-acrylic-appearance=orange][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=orange][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-orange-background2Level, var(--sn-primitive-color-orange-99, #fffcf4));
+}
+.priceSummarySmall[data-acrylic-appearance=yellow][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=yellow][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-yellow-background, var(--sn-primitive-color-yellow-90, #fdf4cc));
+}
+.priceSummarySmall[data-acrylic-appearance=yellow][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=yellow][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-yellow-background1Level, var(--sn-primitive-color-yellow-95, #fffbe6));
+}
+.priceSummarySmall[data-acrylic-appearance=yellow][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=yellow][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-yellow-background2Level, var(--sn-primitive-color-yellow-99, #fffef6));
+}
+.priceSummarySmall[data-acrylic-appearance=green][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=green][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-green-background, var(--sn-primitive-color-green-90, #e4f5df));
+}
+.priceSummarySmall[data-acrylic-appearance=green][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=green][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-green-background1Level, var(--sn-primitive-color-green-95, #f1faed));
+}
+.priceSummarySmall[data-acrylic-appearance=green][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=green][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-green-background2Level, var(--sn-primitive-color-green-99, #fcfefa));
+}
+.priceSummarySmall[data-acrylic-appearance=blue][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=blue][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-blue-background, var(--sn-primitive-color-blue-90, #e6f4fd));
+}
+.priceSummarySmall[data-acrylic-appearance=blue][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=blue][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-blue-background1Level, var(--sn-primitive-color-blue-95, #f2f9ff));
+}
+.priceSummarySmall[data-acrylic-appearance=blue][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=blue][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-blue-background2Level, var(--sn-primitive-color-blue-99, #fdfeff));
+}
+.priceSummarySmall[data-acrylic-appearance=violet][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=violet][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-violet-background, var(--sn-primitive-color-violet-90, #f3edfc));
+}
+.priceSummarySmall[data-acrylic-appearance=violet][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=violet][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-violet-background1Level, var(--sn-primitive-color-violet-95, #f9f5ff));
+}
+.priceSummarySmall[data-acrylic-appearance=violet][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=violet][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-violet-background2Level, var(--sn-primitive-color-violet-99, #fdfdfd));
+}
+.priceSummarySmall[data-acrylic-appearance=pink][data-acrylic-level=default]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=pink][data-acrylic-level=default] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground, 1);
+  background:var(--sn-theme-color-pink-background, var(--sn-primitive-color-pink-90, #fceaf0));
+}
+.priceSummarySmall[data-acrylic-appearance=pink][data-acrylic-level="1Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=pink][data-acrylic-level="1Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-pink-background1Level, var(--sn-primitive-color-pink-95, #fff5f7));
+}
+.priceSummarySmall[data-acrylic-appearance=pink][data-acrylic-level="2Level"]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground2Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=pink][data-acrylic-level="2Level"] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground2Level, 1);
+  background:var(--sn-theme-color-pink-background2Level, var(--sn-primitive-color-pink-99, #fdfcfc));
+}
+.priceSummarySmall[data-acrylic-appearance=transparent]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=transparent] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:transparent;
+}
+.priceSummarySmall[data-acrylic-appearance=decorTransparent]{
+  backdrop-filter:blur(calc(var(--sn-acrylic-blurBackground1Level, 0) / 2));
+}
+.priceSummarySmall[data-acrylic-appearance=decorTransparent] .acrylic{
+  opacity:var(--sn-acrylic-opacityBackground1Level, 1);
+  background:var(--sn-theme-color-neutral-decorTransparent, var(--sn-brand-color-neutral-transparent-forLightMode, rgba(124, 131, 182, 0.0784313725)));
+}
+
+.content{
+  position:relative;
+  display:flex;
+  flex-direction:column;
+  gap:var(--sn-primitive-dimension-4, 4px);
+}
+
+.value{
+  display:flex;
+  gap:var(--sn-primitive-dimension-4, 4px);
+  align-items:center;
+}
+
+.icon{
+  flex-shrink:0;
+  color:var(--sn-theme-color-available-version-textTertiary, var(--sn-brand-color-text-version-tertiary, rgba(65, 66, 78, 0.5490196078)));
+}
+
+.docLink{
+  align-self:flex-start;
+}

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

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

package/dist/cjs/components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./PriceSummary"), exports);
+__exportStar(require("./PriceSummarySmall"), exports);

package/dist/cjs/constants.d.ts

@@ -0,0 +1,34 @@
+export declare const TEST_IDS: {
+    readonly priceSummary: "price-summary";
+    readonly priceSummarySmall: "price-summary-small";
+    readonly periodDropdown: "price-summary-period-dropdown";
+    readonly periodOptionYear: "price-summary-period-option-year";
+    readonly periodOptionMonth: "price-summary-period-option-month";
+    readonly periodOptionDay: "price-summary-period-option-day";
+    readonly periodOptionHour: "price-summary-period-option-hour";
+    readonly periodOptionMinute: "price-summary-period-option-minute";
+    readonly contentBlockRetry: "price-summary-content-block-retry";
+    readonly loadingBlock: "price-summary-loading-block";
+    readonly orderDetails: "price-summary-order-details";
+    readonly orderDetailsContent: "price-summary-order-details-content";
+};
+export declare const APPEARANCE_STATE: {
+    readonly Default: "default";
+    readonly UserError: "userError";
+    readonly SystemError: "systemError";
+    readonly Warning: "warning";
+};
+export declare const PRICE_PERIOD: {
+    readonly Year: "year";
+    readonly Month: "month";
+    readonly Day: "day";
+    readonly Hour: "hour";
+    readonly Minute: "minute";
+};
+export declare const PERIOD_OPTION_TEST_IDS: {
+    readonly year: "price-summary-period-option-year";
+    readonly month: "price-summary-period-option-month";
+    readonly day: "price-summary-period-option-day";
+    readonly hour: "price-summary-period-option-hour";
+    readonly minute: "price-summary-period-option-minute";
+};

package/dist/cjs/constants.js

@@ -0,0 +1,37 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.PERIOD_OPTION_TEST_IDS = exports.PRICE_PERIOD = exports.APPEARANCE_STATE = exports.TEST_IDS = void 0;
+exports.TEST_IDS = {
+    priceSummary: 'price-summary',
+    priceSummarySmall: 'price-summary-small',
+    periodDropdown: 'price-summary-period-dropdown',
+    periodOptionYear: 'price-summary-period-option-year',
+    periodOptionMonth: 'price-summary-period-option-month',
+    periodOptionDay: 'price-summary-period-option-day',
+    periodOptionHour: 'price-summary-period-option-hour',
+    periodOptionMinute: 'price-summary-period-option-minute',
+    contentBlockRetry: 'price-summary-content-block-retry',
+    loadingBlock: 'price-summary-loading-block',
+    orderDetails: 'price-summary-order-details',
+    orderDetailsContent: 'price-summary-order-details-content',
+};
+exports.APPEARANCE_STATE = {
+    Default: 'default',
+    UserError: 'userError',
+    SystemError: 'systemError',
+    Warning: 'warning',
+};
+exports.PRICE_PERIOD = {
+    Year: 'year',
+    Month: 'month',
+    Day: 'day',
+    Hour: 'hour',
+    Minute: 'minute',
+};
+exports.PERIOD_OPTION_TEST_IDS = {
+    [exports.PRICE_PERIOD.Year]: exports.TEST_IDS.periodOptionYear,
+    [exports.PRICE_PERIOD.Month]: exports.TEST_IDS.periodOptionMonth,
+    [exports.PRICE_PERIOD.Day]: exports.TEST_IDS.periodOptionDay,
+    [exports.PRICE_PERIOD.Hour]: exports.TEST_IDS.periodOptionHour,
+    [exports.PRICE_PERIOD.Minute]: exports.TEST_IDS.periodOptionMinute,
+};

package/dist/cjs/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/cjs/helpers/formatters.js

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatCurrency = formatCurrency;
+exports.formatQuantity = formatQuantity;
+const ft_formatters_1 = require("@cloud-ru/ft-formatters");
+function formatCurrency(value) {
+    return (0, ft_formatters_1.formatNumber)(value.toFixed(2), {
+        precision: 2,
+        type: ft_formatters_1.formatNumber.types.Currency,
+    });
+}
+function formatQuantity(value) {
+    return typeof value === 'string' ? value : `×${value}`;
+}

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

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

package/dist/cjs/helpers/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./formatters"), exports);

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

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

package/dist/cjs/hooks/index.js

@@ -0,0 +1,17 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./usePeriodFormat"), exports);

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

@@ -0,0 +1,5 @@
+import { PricePeriod } from '../types';
+type PeriodLabelKey = 'pricePeriodYear' | 'pricePeriodMonth' | 'pricePeriodDay' | 'pricePeriodHour' | 'pricePeriodMinute';
+export declare function formatPeriodLabel(t: (key: PeriodLabelKey) => string, period: PricePeriod): string;
+export declare function usePeriodFormat(): (period: PricePeriod) => string;
+export {};

package/dist/cjs/hooks/usePeriodFormat.js

@@ -0,0 +1,21 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formatPeriodLabel = formatPeriodLabel;
+exports.usePeriodFormat = usePeriodFormat;
+const react_1 = require("react");
+const constants_1 = require("../constants");
+const locale_1 = require("../locale");
+const PERIOD_LABEL_KEYS = {
+    [constants_1.PRICE_PERIOD.Year]: 'pricePeriodYear',
+    [constants_1.PRICE_PERIOD.Month]: 'pricePeriodMonth',
+    [constants_1.PRICE_PERIOD.Day]: 'pricePeriodDay',
+    [constants_1.PRICE_PERIOD.Hour]: 'pricePeriodHour',
+    [constants_1.PRICE_PERIOD.Minute]: 'pricePeriodMinute',
+};
+function formatPeriodLabel(t, period) {
+    return t(PERIOD_LABEL_KEYS[period]);
+}
+function usePeriodFormat() {
+    const { t } = locale_1.priceSummaryLocale.useTranslations();
+    return (0, react_1.useCallback)((period) => formatPeriodLabel(t, period), [t]);
+}

package/dist/cjs/index.d.ts

@@ -0,0 +1,5 @@
+export * from './components';
+export * from './constants';
+export * from './hooks';
+export * from './types';
+export * from './locale';

package/dist/cjs/index.js

@@ -0,0 +1,21 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./components"), exports);
+__exportStar(require("./constants"), exports);
+__exportStar(require("./hooks"), exports);
+__exportStar(require("./types"), exports);
+__exportStar(require("./locale"), exports);

package/dist/cjs/locale/index.d.ts

@@ -0,0 +1,107 @@
+declare const PRICE_SUMMARY_MESSAGES: {
+    readonly 'en-GB': {
+        readonly total: "Total";
+        readonly vat: "VAT included";
+        readonly vatExcluded: "VAT excluded";
+        readonly docsLink: "Calculation details";
+        readonly costLink: "Cost";
+        readonly dataError: "Failed to load data";
+        readonly basePrice: "Base price";
+        readonly discount: "Discount";
+        readonly orderDetails: "Order breakdown";
+        readonly price: "Cost";
+        readonly notAvailable: "N/A";
+        readonly pricePeriodYear: "per year";
+        readonly pricePeriodMonth: "per month";
+        readonly pricePeriodDay: "per day";
+        readonly pricePeriodHour: "per hour";
+        readonly pricePeriodMinute: "per minute";
+        readonly totalSumFromPrefix: "from";
+        readonly increasedPrice: "Increased by";
+        readonly decreasedPrice: "Decreased by";
+        readonly coveredByGrant: "Covered by grants";
+        readonly notCoveredByGrant: "Not covered by grant";
+        readonly coveredByGrantTooltip: "Amount is covered by grant";
+        readonly notCoveredByGrantTooltip: "Amount is not covered by grant";
+    };
+    readonly 'ru-RU': {
+        readonly total: "Итого";
+        readonly vat: "с НДС";
+        readonly vatExcluded: "без НДС";
+        readonly docsLink: "Подробнее о расчёте";
+        readonly costLink: "Стоимость";
+        readonly dataError: "Не удалось загрузить данные";
+        readonly basePrice: "Базовая цена";
+        readonly discount: "Скидка";
+        readonly orderDetails: "Детализация заказа";
+        readonly price: "Стоимость";
+        readonly notAvailable: "н/д";
+        readonly pricePeriodYear: "в год";
+        readonly pricePeriodMonth: "в месяц";
+        readonly pricePeriodDay: "в день";
+        readonly pricePeriodHour: "в час";
+        readonly pricePeriodMinute: "в минуту";
+        readonly totalSumFromPrefix: "от";
+        readonly increasedPrice: "Повышение на";
+        readonly decreasedPrice: "Снижение на";
+        readonly coveredByGrant: "Покрывается грантами";
+        readonly notCoveredByGrant: "Не покрыто грантом";
+        readonly coveredByGrantTooltip: "Сумма покрыта грантом";
+        readonly notCoveredByGrantTooltip: "Сумма не покрыта грантом";
+    };
+};
+export type PriceSummaryMessages = (typeof PRICE_SUMMARY_MESSAGES)['en-GB'];
+/** locale компонента PriceSummary: `priceSummaryLocale.useTranslations()` в коде, `priceSummaryLocale.extend(...)` в сервисе. */
+export declare const priceSummaryLocale: import("@cloud-ru/ds-locale").DefinedLocale<{
+    readonly 'en-GB': {
+        readonly total: "Total";
+        readonly vat: "VAT included";
+        readonly vatExcluded: "VAT excluded";
+        readonly docsLink: "Calculation details";
+        readonly costLink: "Cost";
+        readonly dataError: "Failed to load data";
+        readonly basePrice: "Base price";
+        readonly discount: "Discount";
+        readonly orderDetails: "Order breakdown";
+        readonly price: "Cost";
+        readonly notAvailable: "N/A";
+        readonly pricePeriodYear: "per year";
+        readonly pricePeriodMonth: "per month";
+        readonly pricePeriodDay: "per day";
+        readonly pricePeriodHour: "per hour";
+        readonly pricePeriodMinute: "per minute";
+        readonly totalSumFromPrefix: "from";
+        readonly increasedPrice: "Increased by";
+        readonly decreasedPrice: "Decreased by";
+        readonly coveredByGrant: "Covered by grants";
+        readonly notCoveredByGrant: "Not covered by grant";
+        readonly coveredByGrantTooltip: "Amount is covered by grant";
+        readonly notCoveredByGrantTooltip: "Amount is not covered by grant";
+    };
+    readonly 'ru-RU': {
+        readonly total: "Итого";
+        readonly vat: "с НДС";
+        readonly vatExcluded: "без НДС";
+        readonly docsLink: "Подробнее о расчёте";
+        readonly costLink: "Стоимость";
+        readonly dataError: "Не удалось загрузить данные";
+        readonly basePrice: "Базовая цена";
+        readonly discount: "Скидка";
+        readonly orderDetails: "Детализация заказа";
+        readonly price: "Стоимость";
+        readonly notAvailable: "н/д";
+        readonly pricePeriodYear: "в год";
+        readonly pricePeriodMonth: "в месяц";
+        readonly pricePeriodDay: "в день";
+        readonly pricePeriodHour: "в час";
+        readonly pricePeriodMinute: "в минуту";
+        readonly totalSumFromPrefix: "от";
+        readonly increasedPrice: "Повышение на";
+        readonly decreasedPrice: "Снижение на";
+        readonly coveredByGrant: "Покрывается грантами";
+        readonly notCoveredByGrant: "Не покрыто грантом";
+        readonly coveredByGrantTooltip: "Сумма покрыта грантом";
+        readonly notCoveredByGrantTooltip: "Сумма не покрыта грантом";
+    };
+}, "@cloud-ru/ds-uikit-product-price-summary">;
+export {};

package/dist/cjs/locale/index.js

@@ -0,0 +1,58 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.priceSummaryLocale = void 0;
+const locale_1 = require("@cloud-ru/ds-locale");
+const PRICE_SUMMARY_MESSAGES = (0, locale_1.defineMessages)({
+    'en-GB': {
+        total: 'Total',
+        vat: 'VAT included',
+        vatExcluded: 'VAT excluded',
+        docsLink: 'Calculation details',
+        costLink: 'Cost',
+        dataError: 'Failed to load data',
+        basePrice: 'Base price',
+        discount: 'Discount',
+        orderDetails: 'Order breakdown',
+        price: 'Cost',
+        notAvailable: 'N/A',
+        pricePeriodYear: 'per year',
+        pricePeriodMonth: 'per month',
+        pricePeriodDay: 'per day',
+        pricePeriodHour: 'per hour',
+        pricePeriodMinute: 'per minute',
+        totalSumFromPrefix: 'from',
+        increasedPrice: 'Increased by',
+        decreasedPrice: 'Decreased by',
+        coveredByGrant: 'Covered by grants',
+        notCoveredByGrant: 'Not covered by grant',
+        coveredByGrantTooltip: 'Amount is covered by grant',
+        notCoveredByGrantTooltip: 'Amount is not covered by grant',
+    },
+    'ru-RU': {
+        total: 'Итого',
+        vat: 'с НДС',
+        vatExcluded: 'без НДС',
+        docsLink: 'Подробнее о расчёте',
+        costLink: 'Стоимость',
+        dataError: 'Не удалось загрузить данные',
+        basePrice: 'Базовая цена',
+        discount: 'Скидка',
+        orderDetails: 'Детализация заказа',
+        price: 'Стоимость',
+        notAvailable: 'н/д',
+        pricePeriodYear: 'в год',
+        pricePeriodMonth: 'в месяц',
+        pricePeriodDay: 'в день',
+        pricePeriodHour: 'в час',
+        pricePeriodMinute: 'в минуту',
+        totalSumFromPrefix: 'от',
+        increasedPrice: 'Повышение на',
+        decreasedPrice: 'Снижение на',
+        coveredByGrant: 'Покрывается грантами',
+        notCoveredByGrant: 'Не покрыто грантом',
+        coveredByGrantTooltip: 'Сумма покрыта грантом',
+        notCoveredByGrantTooltip: 'Сумма не покрыта грантом',
+    },
+});
+/** locale компонента PriceSummary: `priceSummaryLocale.useTranslations()` в коде, `priceSummaryLocale.extend(...)` в сервисе. */
+exports.priceSummaryLocale = (0, locale_1.defineLocale)('@cloud-ru/ds-uikit-product-price-summary', PRICE_SUMMARY_MESSAGES);

package/dist/cjs/package.json

@@ -0,0 +1,3 @@
+{
+  "type": "commonjs"
+}