@snack-uikit/counter 0.4.1 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 0.5.0 (2023-12-14)
+
+
+### BREAKING CHANGES
+
+
+* **FF-3729:** replace enum with unions ([910db4a](https://github.com/cloud-ru-tech/snack-uikit/commit/910db4aa8231ccbc58e538e5c5c1f461b1dec275))
+
+
+
+
 ## 0.4.1 (2023-12-06)
 
 ### Only dependencies have been changed
@@ -122,7 +133,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## 0.2.6 (2023-06-23)
 
-**Note:** Version bump only for package @snack-uikit/counter
+### Only dependencies have been changed
+* [@snack-uikit/utils@3.2.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/utils/CHANGELOG.md)
 
 
 

package/README.md

@@ -8,17 +8,17 @@
 ## Example
 
 ```typescript jsx
-import {Counter} from "@snack-uikit/counter";
+import { Counter } from "@snack-uikit/counter";
 
 <Counter
   value={42}
-  size={Counter.sizes.M}
+  size='m'
 />
 
 <Counter 
   value={101}
-  appearance={Counter.appearances.Critical}
-  variant={Counter.variants.CountPlus}
+  appearance='critical'
+  variant='count-plus'
   plusLimit={100}
 />
 ```
@@ -31,9 +31,9 @@ import {Counter} from "@snack-uikit/counter";
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | value* | `number` | - | Значение |
-| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"` | Appearance.Primary | Внешний вид |
-| variant | enum Variant: `"count"`, `"count-plus"`, `"count-k"` | Variant.Count | Вариант |
-| size | enum Size: `"s"`, `"m"` | Size.S | Размер |
+| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"` | primary | Внешний вид |
+| variant | enum Variant: `"count"`, `"count-plus"`, `"count-k"` | count | Вариант |
+| size | enum Size: `"s"`, `"m"` | s | Размер |
 | plusLimit | `number` | 10 | Порог сокращения значения в формат v+. Например `1500` -> `999+` для 1000 |
 | className | `string` | - | CSS-класс |
 

package/dist/components/Counter.d.ts

@@ -1,5 +1,5 @@
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Appearance, Size, Variant } from './constants';
+import { Appearance, Size, Variant } from './types';
 export type CounterProps = WithSupportProps<{
     /** Значение */
     value: number;
@@ -16,8 +16,3 @@ export type CounterProps = WithSupportProps<{
 }>;
 /** Компонент счетчик */
 export declare function Counter({ value, appearance, variant, size, plusLimit, className, ...rest }: CounterProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Counter {
-    var appearances: typeof Appearance;
-    var variants: typeof Variant;
-    var sizes: typeof Size;
-}

package/dist/components/Counter.js

@@ -12,15 +12,12 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx } from "react/jsx-runtime";
 import cn from 'classnames';
 import { extractSupportProps } from '@snack-uikit/utils';
-import { Appearance, DEFAULT_PLUS_LIMIT, Size, Variant } from './constants';
+import { APPEARANCE, DEFAULT_PLUS_LIMIT, SIZE, VARIANT } from './constants';
 import classNames from './styles.module.css';
 import { formatValue } from './utils';
 /** Компонент счетчик */
 export function Counter(_a) {
-    var { value, appearance = Appearance.Primary, variant = Variant.Count, size = Size.S, plusLimit = DEFAULT_PLUS_LIMIT, className } = _a, rest = __rest(_a, ["value", "appearance", "variant", "size", "plusLimit", "className"]);
+    var { value, appearance = APPEARANCE.Primary, variant = VARIANT.Count, size = SIZE.S, plusLimit = DEFAULT_PLUS_LIMIT, className } = _a, rest = __rest(_a, ["value", "appearance", "variant", "size", "plusLimit", "className"]);
     const formattedValue = formatValue({ value, variant, plusLimit });
     return (_jsx("div", Object.assign({ className: cn(classNames.counter, className) }, extractSupportProps(rest), { "data-size": size, "data-variant": variant, "data-appearance": appearance }, { children: formattedValue })));
 }
-Counter.appearances = Appearance;
-Counter.variants = Variant;
-Counter.sizes = Size;

package/dist/components/constants.d.ts

@@ -1,17 +1,17 @@
-export declare enum Appearance {
-    Primary = "primary",
-    Neutral = "neutral",
-    Red = "red"
-}
-export declare enum Variant {
-    Count = "count",
-    CountPlus = "count-plus",
-    CountK = "count-k"
-}
-export declare enum Size {
-    S = "s",
-    M = "m"
-}
+export declare const APPEARANCE: {
+    readonly Primary: "primary";
+    readonly Neutral: "neutral";
+    readonly Red: "red";
+};
+export declare const VARIANT: {
+    readonly Count: "count";
+    readonly CountPlus: "count-plus";
+    readonly CountK: "count-k";
+};
+export declare const SIZE: {
+    readonly S: "s";
+    readonly M: "m";
+};
 export declare const DEFAULT_PLUS_LIMIT = 10;
 export declare const DEFAULT_KEY_LIMIT = 1000;
 export declare const DEFAULT_KEY_POSTFIX = "K";

package/dist/components/constants.js

@@ -1,20 +1,17 @@
-export var Appearance;
-(function (Appearance) {
-    Appearance["Primary"] = "primary";
-    Appearance["Neutral"] = "neutral";
-    Appearance["Red"] = "red";
-})(Appearance || (Appearance = {}));
-export var Variant;
-(function (Variant) {
-    Variant["Count"] = "count";
-    Variant["CountPlus"] = "count-plus";
-    Variant["CountK"] = "count-k";
-})(Variant || (Variant = {}));
-export var Size;
-(function (Size) {
-    Size["S"] = "s";
-    Size["M"] = "m";
-})(Size || (Size = {}));
+export const APPEARANCE = {
+    Primary: 'primary',
+    Neutral: 'neutral',
+    Red: 'red',
+};
+export const VARIANT = {
+    Count: 'count',
+    CountPlus: 'count-plus',
+    CountK: 'count-k',
+};
+export const SIZE = {
+    S: 's',
+    M: 'm',
+};
 export const DEFAULT_PLUS_LIMIT = 10;
 export const DEFAULT_KEY_LIMIT = 1000;
 export const DEFAULT_KEY_POSTFIX = 'K';

package/dist/components/types.d.ts

@@ -0,0 +1,5 @@
+import { ValueOf } from '@snack-uikit/utils';
+import { APPEARANCE, SIZE, VARIANT } from './constants';
+export type Appearance = ValueOf<typeof APPEARANCE>;
+export type Size = ValueOf<typeof SIZE>;
+export type Variant = ValueOf<typeof VARIANT>;

package/dist/components/types.js

@@ -0,0 +1 @@
+export {};

package/dist/components/utils.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { Variant } from './constants';
+import { Variant } from './types';
 export declare function formatValue({ value, variant, plusLimit, }: {
     value: number;
     variant: Variant;

package/dist/components/utils.js

@@ -1,14 +1,14 @@
 import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { DEFAULT_KEY_LIMIT, DEFAULT_KEY_POSTFIX, Variant } from './constants';
+import { DEFAULT_KEY_LIMIT, DEFAULT_KEY_POSTFIX, VARIANT } from './constants';
 import styles from './styles.module.css';
 export function formatValue({ value, variant, plusLimit, }) {
-    if (variant === Variant.Count) {
+    if (variant === VARIANT.Count) {
         return value;
     }
-    if (variant === Variant.CountPlus) {
+    if (variant === VARIANT.CountPlus) {
         return value < plusLimit ? (value) : (_jsxs(_Fragment, { children: [plusLimit - 1, _jsx("span", Object.assign({ className: styles.plus }, { children: "+" }))] }));
     }
-    if (variant === Variant.CountK) {
+    if (variant === VARIANT.CountK) {
         return value < DEFAULT_KEY_LIMIT ? (value) : (_jsxs(_Fragment, { children: [Math.round(value / DEFAULT_KEY_LIMIT), _jsx("span", Object.assign({ className: styles.key }, { children: DEFAULT_KEY_POSTFIX }))] }));
     }
 }

package/package.json

@@ -4,7 +4,7 @@
     "access": "public"
   },
   "title": "Counter",
-  "version": "0.4.1",
+  "version": "0.5.0",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -32,8 +32,8 @@
   "license": "Apache-2.0",
   "scripts": {},
   "dependencies": {
-    "@snack-uikit/utils": "3.1.0",
+    "@snack-uikit/utils": "3.2.0",
     "classnames": "2.3.2"
   },
-  "gitHead": "76a159dde7baccf49dc7b11e1fd7abc31424b42f"
+  "gitHead": "bd39c5e674f3b91b0e2487782a04b15034cf3d8b"
 }

package/src/components/Counter.tsx

@@ -2,8 +2,9 @@ import cn from 'classnames';
 
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
-import { Appearance, DEFAULT_PLUS_LIMIT, Size, Variant } from './constants';
+import { APPEARANCE, DEFAULT_PLUS_LIMIT, SIZE, VARIANT } from './constants';
 import classNames from './styles.module.scss';
+import { Appearance, Size, Variant } from './types';
 import { formatValue } from './utils';
 
 export type CounterProps = WithSupportProps<{
@@ -24,9 +25,9 @@ export type CounterProps = WithSupportProps<{
 /** Компонент счетчик */
 export function Counter({
   value,
-  appearance = Appearance.Primary,
-  variant = Variant.Count,
-  size = Size.S,
+  appearance = APPEARANCE.Primary,
+  variant = VARIANT.Count,
+  size = SIZE.S,
   plusLimit = DEFAULT_PLUS_LIMIT,
   className,
   ...rest
@@ -45,7 +46,3 @@ export function Counter({
     </div>
   );
 }
-
-Counter.appearances = Appearance;
-Counter.variants = Variant;
-Counter.sizes = Size;

package/src/components/constants.ts

@@ -1,19 +1,19 @@
-export enum Appearance {
-  Primary = 'primary',
-  Neutral = 'neutral',
-  Red = 'red',
-}
+export const APPEARANCE = {
+  Primary: 'primary',
+  Neutral: 'neutral',
+  Red: 'red',
+} as const;
 
-export enum Variant {
-  Count = 'count',
-  CountPlus = 'count-plus',
-  CountK = 'count-k',
-}
+export const VARIANT = {
+  Count: 'count',
+  CountPlus: 'count-plus',
+  CountK: 'count-k',
+} as const;
 
-export enum Size {
-  S = 's',
-  M = 'm',
-}
+export const SIZE = {
+  S: 's',
+  M: 'm',
+} as const;
 
 export const DEFAULT_PLUS_LIMIT = 10;
 export const DEFAULT_KEY_LIMIT = 1000;

package/src/components/types.ts

@@ -0,0 +1,7 @@
+import { ValueOf } from '@snack-uikit/utils';
+
+import { APPEARANCE, SIZE, VARIANT } from './constants';
+
+export type Appearance = ValueOf<typeof APPEARANCE>;
+export type Size = ValueOf<typeof SIZE>;
+export type Variant = ValueOf<typeof VARIANT>;

package/src/components/utils.tsx

@@ -1,7 +1,8 @@
 import { ReactNode } from 'react';
 
-import { DEFAULT_KEY_LIMIT, DEFAULT_KEY_POSTFIX, Variant } from './constants';
+import { DEFAULT_KEY_LIMIT, DEFAULT_KEY_POSTFIX, VARIANT } from './constants';
 import styles from './styles.module.scss';
+import { Variant } from './types';
 
 export function formatValue({
   value,
@@ -12,11 +13,11 @@ export function formatValue({
   variant: Variant;
   plusLimit: number;
 }): ReactNode {
-  if (variant === Variant.Count) {
+  if (variant === VARIANT.Count) {
     return value;
   }
 
-  if (variant === Variant.CountPlus) {
+  if (variant === VARIANT.CountPlus) {
     return value < plusLimit ? (
       value
     ) : (
@@ -27,7 +28,7 @@ export function formatValue({
     );
   }
 
-  if (variant === Variant.CountK) {
+  if (variant === VARIANT.CountK) {
     return value < DEFAULT_KEY_LIMIT ? (
       value
     ) : (