@sima-land/moleculas 16.0.0-alpha.5 → 16.0.0-alpha.50

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright [yyyy] [name of copyright owner]
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,23 @@
+# UI-moleculas
+
+В этом проекте собраны UI-компоненты, привязанные к контексту интернет-магазина.
+
+## Использование
+
+### Установка
+
+```sh
+# с помощью npm
+npm i -S @sima-land/moleculas
+
+# или с помощью yarn
+yarn add @sima-land/moleculas
+```
+
+### Настройка среды
+
+Компоненты библиотеки используют:
+
+- импорты css/scss-файлов как css-модулей (каждый такой файл промаркирован в виде `*.module.{css,scss}`)
+
+Поэтому, для использования библиотеки необходимо сконфигурировать среду (сборщик или тестовый фреймворк) таким образом чтобы данные импорты работали корректно.

package/dist/common/components/badge/badge.d.ts

@@ -0,0 +1,7 @@
+import type { BadgeProps } from './types';
+/**
+ * Шильдик.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+export declare function Badge({ rootRef, className, color, coloring, fields, style, shape, withHoverEffect, 'data-testid': testId, children, ...restProps }: BadgeProps): import("react").JSX.Element;

package/dist/common/components/badge/badge.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = Badge;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const utils_1 = require("./utils");
+const bind_1 = __importDefault(require("classnames/bind"));
+const badge_module_scss_1 = __importDefault(require("./badge.module.scss"));
+const cx = bind_1.default.bind(badge_module_scss_1.default);
+/**
+ * Шильдик.
+ * @param props Свойства.
+ * @return Элемент.
+ */
+function Badge({ rootRef, className, color, coloring = 'outline', fields, style, shape = 'unset', withHoverEffect = true, 'data-testid': testId = 'badge', children, ...restProps }) {
+    const iconOnly = fields && fields.length === 1 && fields[0].type === 'svg-url';
+    const rootClassName = cx('root', iconOnly && 'icon-only', withHoverEffect && 'with-hover-effect', shape === 'round' && 'shape-round', shape === 'pill' && 'shape-pill', shape !== 'pill' && !iconOnly && 'padding-x-default', shape === 'pill' && !iconOnly && 'padding-x-pill', coloring === 'outline' && 'coloring-outline', coloring === 'fill' && 'coloring-fill', className);
+    const rootStyle = {
+        '--badge-color': (0, utils_1.tokenToCustomProperty)(color),
+        ...style,
+    };
+    const content = fields ? (0, utils_1.renderFields)(fields) : children;
+    if (restProps.as === 'span') {
+        return ((0, jsx_runtime_1.jsx)("span", { ref: rootRef, className: rootClassName, style: rootStyle, "data-testid": testId, ...omitPropAs(restProps), children: content }));
+    }
+    if (restProps.as === 'div') {
+        return ((0, jsx_runtime_1.jsx)("div", { ref: rootRef, className: rootClassName, style: rootStyle, "data-testid": testId, ...omitPropAs(restProps), children: content }));
+    }
+    if (restProps.as === 'button') {
+        return ((0, jsx_runtime_1.jsx)("button", { ref: rootRef, className: rootClassName, style: rootStyle, "data-testid": testId, type: 'button', ...omitPropAs(restProps), children: content }));
+    }
+    return ((0, jsx_runtime_1.jsx)("a", { ref: rootRef, className: rootClassName, style: rootStyle, "data-testid": testId, ...omitPropAs(restProps), children: content }));
+}
+/** @inheritdoc */
+function omitPropAs(props) {
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const { as, ...omitted } = props;
+    return omitted;
+}
+//# sourceMappingURL=badge.js.map

package/dist/common/components/badge/badge.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"badge.js","sourceRoot":"","sources":["../../../../src/common/components/badge/badge.tsx"],"names":[],"mappings":";;;;;AAYA,sBAyFC;;AApGD,mCAA8D;AAC9D,2DAAyC;AACzC,4EAAyC;AAEzC,MAAM,EAAE,GAAG,cAAU,CAAC,IAAI,CAAC,2BAAM,CAAC,CAAC;AAEnC;;;;GAIG;AACH,SAAgB,KAAK,CAAC,EACpB,OAAO,EACP,SAAS,EACT,KAAK,EACL,QAAQ,GAAG,SAAS,EACpB,MAAM,EACN,KAAK,EACL,KAAK,GAAG,OAAO,EACf,eAAe,GAAG,IAAI,EACtB,aAAa,EAAE,MAAM,GAAG,OAAO,EAC/B,QAAQ,EACR,GAAG,SAAS,EACD;IACX,MAAM,QAAQ,GAAG,MAAM,IAAI,MAAM,CAAC,MAAM,KAAK,CAAC,IAAI,MAAM,CAAC,CAAC,CAAC,CAAC,IAAI,KAAK,SAAS,CAAC;IAE/E,MAAM,aAAa,GAAG,EAAE,CACtB,MAAM,EACN,QAAQ,IAAI,WAAW,EACvB,eAAe,IAAI,mBAAmB,EACtC,KAAK,KAAK,OAAO,IAAI,aAAa,EAClC,KAAK,KAAK,MAAM,IAAI,YAAY,EAChC,KAAK,KAAK,MAAM,IAAI,CAAC,QAAQ,IAAI,mBAAmB,EACpD,KAAK,KAAK,MAAM,IAAI,CAAC,QAAQ,IAAI,gBAAgB,EACjD,QAAQ,KAAK,SAAS,IAAI,kBAAkB,EAC5C,QAAQ,KAAK,MAAM,IAAI,eAAe,EACtC,SAAS,CACV,CAAC;IAEF,MAAM,SAAS,GAAe;QAC5B,eAAe,EAAE,IAAA,6BAAqB,EAAC,KAAK,CAAC;QAC7C,GAAG,KAAK;KACT,CAAC;IAEF,MAAM,OAAO,GAAG,MAAM,CAAC,CAAC,CAAC,IAAA,oBAAY,EAAC,MAAM,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC;IAEzD,IAAI,SAAS,CAAC,EAAE,KAAK,MAAM,EAAE,CAAC;QAC5B,OAAO,CACL,iCACE,GAAG,EAAE,OAAc,EACnB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,iBACH,MAAM,KACf,UAAU,CAAC,SAAS,CAAC,YAExB,OAAO,GACH,CACR,CAAC;IACJ,CAAC;IAED,IAAI,SAAS,CAAC,EAAE,KAAK,KAAK,EAAE,CAAC;QAC3B,OAAO,CACL,gCACE,GAAG,EAAE,OAAc,EACnB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,iBACH,MAAM,KACf,UAAU,CAAC,SAAS,CAAC,YAExB,OAAO,GACJ,CACP,CAAC;IACJ,CAAC;IAED,IAAI,SAAS,CAAC,EAAE,KAAK,QAAQ,EAAE,CAAC;QAC9B,OAAO,CACL,mCACE,GAAG,EAAE,OAAc,EACnB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,iBACH,MAAM,EACnB,IAAI,EAAC,QAAQ,KACT,UAAU,CAAC,SAAS,CAAC,YAExB,OAAO,GACD,CACV,CAAC;IACJ,CAAC;IAED,OAAO,CACL,8BACE,GAAG,EAAE,OAAc,EACnB,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE,SAAS,iBACH,MAAM,KACf,UAAU,CAAC,SAAS,CAAC,YAExB,OAAO,GACN,CACL,CAAC;AACJ,CAAC;AAED,kBAAkB;AAClB,SAAS,UAAU,CAA6B,KAAQ;IACtD,6DAA6D;IAC7D,MAAM,EAAE,EAAE,EAAE,GAAG,OAAO,EAAE,GAAG,KAAK,CAAC;IAEjC,OAAO,OAAO,CAAC;AACjB,CAAC"}

package/dist/common/components/badge/badge.module.scss

@@ -0,0 +1,100 @@
+@use 'pkg:@sima-land/ui-nucleons/utils.scss';
+
+$badge-size: 20px;
+$icon-size: 16px;
+
+.root {
+  @include utils.reset-button;
+}
+
+.root {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  height: $badge-size;
+  font-weight: bold;
+  font-size: 12px;
+  line-height: 16px;
+  max-width: 100%;
+  min-width: $badge-size;
+  text-decoration: none;
+}
+
+.padding-x-default {
+  padding-left: 6px;
+  padding-right: 6px;
+  &.coloring-outline {
+    // ВАЖНО: учитываем border
+    padding-left: 5px;
+    padding-right: 5px;
+  }
+}
+
+.padding-x-pill {
+  padding-left: 8px;
+  padding-right: 8px;
+  &.coloring-outline {
+    // ВАЖНО: учитываем border
+    padding-left: 7px;
+    padding-right: 7px;
+  }
+}
+
+.shape-round {
+  border-radius: 4px;
+}
+
+.shape-pill {
+  border-radius: 99999px;
+}
+
+.with-hover-effect:hover {
+  position: relative;
+  cursor: pointer;
+  &::after {
+    content: '';
+    display: block;
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background: #fff;
+    opacity: 0.16;
+  }
+}
+
+.coloring-outline {
+  color: var(--badge-color, #aaa);
+
+  // ВАЖНО: используем border т.к. на Safari box-shadow пропадает при уменьшении масштаба
+  border: 1px solid var(--badge-border-color, var(--badge-color, #aaa));
+}
+
+.coloring-fill {
+  background: var(--badge-color, #aaa);
+  color: var(--badge-text-color, #fff);
+}
+
+.icon-only {
+  width: $badge-size;
+}
+
+// содержимое
+.content {
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.icon {
+  display: block;
+  width: $icon-size;
+  height: $icon-size;
+  line-height: $icon-size;
+}
+
+.icon + .content,
+.content + .icon {
+  margin-left: 4px;
+}

package/dist/common/components/badge/index.d.ts

@@ -0,0 +1,2 @@
+export type { BadgeSpecificProps, BadgeAsAnchorProps, BadgeAsButtonProps, BadgeAsSpanProps, BadgeAsDivProps, BadgeProps, BadgeField, } from './types';
+export { Badge } from './badge';

package/dist/common/components/badge/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Badge = void 0;
+var badge_1 = require("./badge");
+Object.defineProperty(exports, "Badge", { enumerable: true, get: function () { return badge_1.Badge; } });
+//# sourceMappingURL=index.js.map

package/dist/common/components/badge/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/common/components/badge/index.ts"],"names":[],"mappings":";;;AASA,iCAAgC;AAAvB,8FAAA,KAAK,OAAA"}

package/dist/common/components/badge/types.d.ts

@@ -0,0 +1,40 @@
+import type { AnchorHTMLAttributes, ButtonHTMLAttributes, CSSProperties, HTMLAttributes, Ref } from 'react';
+export interface BadgeField {
+    type: 'text' | 'timer' | 'svg-url';
+    value: string;
+}
+export interface BadgeStyle extends CSSProperties {
+    '--badge-color'?: string;
+    '--badge-text-color'?: string;
+    '--badge-border-color'?: string;
+}
+export interface BadgeSpecificProps {
+    /** Основной цвет, используется как цвет обводки, иконок и текста. */
+    color?: string;
+    /** Как применится цвет. */
+    coloring?: 'fill' | 'outline' | 'unset';
+    /** Содержимое шильдика. */
+    fields?: Array<BadgeField>;
+    /** Форма скруглений. */
+    shape?: 'round' | 'pill' | 'unset';
+    /** Нужен ли эффект при наведении. */
+    withHoverEffect?: boolean;
+    /** Стили. */
+    style?: BadgeStyle;
+    /** Идентификатор для систем автоматизированного тестирования. */
+    'data-testid'?: string;
+    rootRef?: Ref<HTMLElement>;
+}
+export interface BadgeAsAnchorProps extends BadgeSpecificProps, Omit<AnchorHTMLAttributes<HTMLAnchorElement>, 'color' | 'style'> {
+    as?: 'anchor';
+}
+export interface BadgeAsButtonProps extends BadgeSpecificProps, Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'color' | 'style'> {
+    as: 'button';
+}
+export interface BadgeAsDivProps extends BadgeSpecificProps, Omit<HTMLAttributes<HTMLDivElement>, 'color' | 'style'> {
+    as: 'div';
+}
+export interface BadgeAsSpanProps extends BadgeSpecificProps, Omit<HTMLAttributes<HTMLSpanElement>, 'color' | 'style'> {
+    as: 'span';
+}
+export type BadgeProps = BadgeAsAnchorProps | BadgeAsButtonProps | BadgeAsDivProps | BadgeAsSpanProps;

package/{common/components/intractive-image → dist/common/components/badge}/types.js

@@ -1,2 +1,3 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
+//# sourceMappingURL=types.js.map

package/dist/common/components/badge/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../../src/common/components/badge/types.ts"],"names":[],"mappings":""}

package/dist/common/components/badge/utils.d.ts

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+import type { BadgeField } from './types';
+/**
+ * Если переданное значение является токеном цвета/градиента, вернёт CSS-значение с соответствующей CSS-переменной.
+ * Иначе вернет само значение.
+ * @param value Значение.
+ * @return Значение или undefined.
+ */
+export declare function tokenToCustomProperty(value: string | undefined): string | undefined;
+/**
+ * Сформирует содержимое шильдика на основе списка полей.
+ * Текстовые поля (type === text | timer) идущие подряд, будут объединены в один span.
+ * Между текстовыми полями в span будет вставлен 1 пробел.
+ * @param fields Поля.
+ * @return СОдержимое шильдика.
+ */
+export declare function renderFields(fields: BadgeField[]): ReactNode[];
+/**
+ * Форматирует оставшееся время.
+ * @param distance Оставшееся время.
+ * @return Отформатированное время.
+ */
+export declare function formatDistance({ days, hours, minutes, }: {
+    days: number;
+    hours: number;
+    minutes: number;
+}): string;
+/**
+ * Форматирует число добавляя нули при необходимости.
+ * @param n Число.
+ * @return Отформатированное число.
+ */
+export declare function toTimePart(n: number): string;

package/dist/common/components/badge/utils.js

@@ -0,0 +1,112 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.tokenToCustomProperty = tokenToCustomProperty;
+exports.renderFields = renderFields;
+exports.formatDistance = formatDistance;
+exports.toTimePart = toTimePart;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const colors_1 = require("@sima-land/ui-nucleons/colors");
+const gradients_1 = require("@sima-land/ui-nucleons/gradients");
+const timer_1 = require("@sima-land/ui-nucleons/timer");
+const badge_module_scss_1 = __importDefault(require("./badge.module.scss"));
+/**
+ * Если переданное значение является токеном цвета/градиента, вернёт CSS-значение с соответствующей CSS-переменной.
+ * Иначе вернет само значение.
+ * @param value Значение.
+ * @return Значение или undefined.
+ */
+function tokenToCustomProperty(value) {
+    if (typeof value !== 'string') {
+        return value;
+    }
+    if (value.startsWith('color/')) {
+        const colorName = value.replace('color/', '');
+        if (!colors_1.COLORS.has(colorName)) {
+            return value;
+        }
+        return `var(--color-${colorName})`;
+    }
+    if (value.startsWith('gradient/')) {
+        const gradientName = value.replace('gradient/', '');
+        if (!gradients_1.GRADIENTS.has(gradientName)) {
+            return value;
+        }
+        return `var(--gradient-${gradientName})`;
+    }
+    return value;
+}
+/**
+ * Сформирует содержимое шильдика на основе списка полей.
+ * Текстовые поля (type === text | timer) идущие подряд, будут объединены в один span.
+ * Между текстовыми полями в span будет вставлен 1 пробел.
+ * @param fields Поля.
+ * @return СОдержимое шильдика.
+ */
+function renderFields(fields) {
+    const result = [];
+    let item = null;
+    for (const field of fields) {
+        if (!item) {
+            switch (field.type) {
+                case 'text': {
+                    item = [field.value];
+                    break;
+                }
+                case 'timer': {
+                    item = [(0, jsx_runtime_1.jsx)(timer_1.Timer, { date: field.value, timeout: 1000 * 60, format: formatDistance }, 0)];
+                    break;
+                }
+                case 'svg-url': {
+                    result.push((0, jsx_runtime_1.jsx)("img", { className: badge_module_scss_1.default.icon, src: field.value, alt: '' }, result.length));
+                    break;
+                }
+            }
+        }
+        else {
+            switch (field.type) {
+                case 'text': {
+                    item.push(' ');
+                    item.push(field.value);
+                    break;
+                }
+                case 'timer': {
+                    item.push(' ');
+                    item.push((0, jsx_runtime_1.jsx)(timer_1.Timer, { date: field.value, timeout: 1000 * 60, format: formatDistance }, item.length));
+                    break;
+                }
+                case 'svg-url': {
+                    // вложенный span нужен для того чтобы объединить `display: inline-flex` и `text-overflow: ellipsis`
+                    result.push((0, jsx_runtime_1.jsx)("span", { className: badge_module_scss_1.default.content, children: item }, result.length));
+                    item = null;
+                    result.push((0, jsx_runtime_1.jsx)("img", { className: badge_module_scss_1.default.icon, src: field.value, alt: '' }, result.length));
+                    break;
+                }
+            }
+        }
+    }
+    if (item) {
+        result.push((0, jsx_runtime_1.jsx)("span", { className: badge_module_scss_1.default.content, children: item }, result.length));
+        item = null;
+    }
+    return result;
+}
+/**
+ * Форматирует оставшееся время.
+ * @param distance Оставшееся время.
+ * @return Отформатированное время.
+ */
+function formatDistance({ days, hours, minutes, }) {
+    return `${toTimePart(days)}:${toTimePart(hours % 24)}:${toTimePart(minutes % 60)}`;
+}
+/**
+ * Форматирует число добавляя нули при необходимости.
+ * @param n Число.
+ * @return Отформатированное число.
+ */
+function toTimePart(n) {
+    return `${n}`.padStart(2, '0');
+}
+//# sourceMappingURL=utils.js.map

package/dist/common/components/badge/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../../src/common/components/badge/utils.tsx"],"names":[],"mappings":"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"}

package/{common/components/badge-list/index.d.ts → dist/common/components/badge-list/badge-list.d.ts}

@@ -1,11 +1,11 @@
-import React, { ReactNode } from 'react';
+import { ReactNode, CSSProperties } from 'react';
 export interface BadgeListProps {
     /** Список данных для шильдиков. */
-    children?: React.ReactNode;
+    children?: ReactNode;
     /** CSS-класс корневого элемента. */
     className?: string;
     /** Стили корневого элемента. */
-    style?: React.CSSProperties;
+    style?: CSSProperties;
     /** Лимит количества строк, не влезающие шильдики будут скрыты. */
     lineLimit?: number;
 }
@@ -15,7 +15,7 @@ export interface BadgeListProps {
  * @return Элемент.
  */
 export declare const BadgeList: {
-    ({ children, className, lineLimit, style }: BadgeListProps): JSX.Element;
+    ({ children, className, lineLimit, style }: BadgeListProps): import("react").JSX.Element;
     Slot: typeof BadgeListSlot;
 };
 /**
@@ -25,5 +25,5 @@ export declare const BadgeList: {
  */
 declare function BadgeListSlot({ children }: {
     children?: ReactNode;
-}): JSX.Element;
+}): import("react").JSX.Element;
 export {};