@snack-uikit/status 0.4.0 → 0.5.0

package/CHANGELOG.md

@@ -3,6 +3,26 @@
 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
+* [@snack-uikit/utils@3.1.0](https://git.sbercloud.tech/sbercloud-ui/tokens-design-system/snack-uikit/-/blob/master/packages/utils/CHANGELOG.md)
+
+
+
+
+
 # 0.4.0 (2023-12-06)
 
 
@@ -170,7 +190,8 @@ See [Conventional Commits](https://conventionalcommits.org) for commit guideline
 
 ## 0.1.1 (2023-04-07)
 
-**Note:** Version bump only for package @snack-uikit/status
+### 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,18 +8,18 @@
 ## Example
 
 ```typescript jsx
-import {Status, StatusIndicator} from "@snack-uikit/status";
+import { Status, StatusIndicator } from '@snack-uikit/status';
 
 <Status 
   label="Text after status"
-  appearance={Status.appearances.Pink}
-  size={Status.sizes.Xs}
+  appearance='pink'
+  size='xs'
   hasBackground={true}
 />
 
 <StatusIndicator
-  appearance={Status.appearances.Violet}
-  size={Status.sizes.L}
+  appearance='violet'
+  size='l'
 />
 ```
 
@@ -30,16 +30,16 @@ import {Status, StatusIndicator} from "@snack-uikit/status";
 | name | type | default value | description |
 |------|------|---------------|-------------|
 | label* | `string` | - | Текст |
-| size | enum Size: `"xs"`, `"s"` | Size.Xs | Размер |
-| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | Appearance.Primary | Внешний вид |
+| size | enum Size: `"xs"`, `"s"` | xs | Размер |
+| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Внешний вид |
 | hasBackground | `boolean` | - | Наличие фона |
 | className | `string` | - | CSS-класс |
 ## StatusIndicator
 ### Props
 | name | type | default value | description |
 |------|------|---------------|-------------|
-| size | enum Size: `"xxs"`, `"xs"`, `"s"`, `"m"`, `"l"` | Size.M | Размер |
-| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | Appearance.Primary | Внешний вид |
+| size | enum Size: `"xs"`, `"s"`, `"xxs"`, `"m"`, `"l"` | m | Размер |
+| appearance | enum Appearance: `"primary"`, `"neutral"`, `"red"`, `"orange"`, `"yellow"`, `"green"`, `"blue"`, `"violet"`, `"pink"` | primary | Внешний вид |
 | className | `string` | - | CSS-класс |
 
 

package/dist/components/Status/Status.d.ts

@@ -1,9 +1,6 @@
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Appearance } from '../../constants';
-declare enum Size {
-    Xs = "xs",
-    S = "s"
-}
+import { Appearance } from '../../types';
+import { Size } from './types';
 export type StatusProps = WithSupportProps<{
     /** Текст */
     label: string;
@@ -16,8 +13,3 @@ export type StatusProps = WithSupportProps<{
     className?: string;
 }>;
 export declare function Status({ label, size, appearance, hasBackground, className, ...rest }: StatusProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace Status {
-    var sizes: typeof Size;
-    var appearances: typeof Appearance;
-}
-export {};

package/dist/components/Status/Status.js

@@ -12,21 +12,11 @@ var __rest = (this && this.__rest) || function (s, e) {
 import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import cn from 'classnames';
 import { extractSupportProps } from '@snack-uikit/utils';
-import { Appearance } from '../../constants';
+import { APPEARANCE } from '../../constants';
 import { StatusIndicator } from '../StatusIndicator';
+import { SIZE, STATUS_INDICATOR_SIZE_MAP } from './constants';
 import styles from './styles.module.css';
-var Size;
-(function (Size) {
-    Size["Xs"] = "xs";
-    Size["S"] = "s";
-})(Size || (Size = {}));
-const statusIndicatorSizeMap = {
-    [Size.Xs]: StatusIndicator.sizes.Xs,
-    [Size.S]: StatusIndicator.sizes.S,
-};
 export function Status(_a) {
-    var { label, size = Size.Xs, appearance = Appearance.Primary, hasBackground, className } = _a, rest = __rest(_a, ["label", "size", "appearance", "hasBackground", "className"]);
-    return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-size": size, "data-has-background": hasBackground || undefined }, { children: [_jsx(StatusIndicator, { appearance: appearance, size: statusIndicatorSizeMap[size] }), _jsx("span", Object.assign({ className: styles.label }, { children: label }))] })));
+    var { label, size = SIZE.Xs, appearance = APPEARANCE.Primary, hasBackground, className } = _a, rest = __rest(_a, ["label", "size", "appearance", "hasBackground", "className"]);
+    return (_jsxs("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-size": size, "data-has-background": hasBackground || undefined }, { children: [_jsx(StatusIndicator, { appearance: appearance, size: STATUS_INDICATOR_SIZE_MAP[size] }), _jsx("span", Object.assign({ className: styles.label }, { children: label }))] })));
 }
-Status.sizes = Size;
-Status.appearances = Appearance;

package/dist/components/Status/constants.d.ts

@@ -0,0 +1,8 @@
+export declare const SIZE: {
+    readonly Xs: "xs";
+    readonly S: "s";
+};
+export declare const STATUS_INDICATOR_SIZE_MAP: {
+    xs: "xs";
+    s: "s";
+};

package/dist/components/Status/constants.js

@@ -0,0 +1,9 @@
+import { SIZE as StatusIndicatorSize } from '../StatusIndicator/constants';
+export const SIZE = {
+    Xs: 'xs',
+    S: 's',
+};
+export const STATUS_INDICATOR_SIZE_MAP = {
+    [SIZE.Xs]: StatusIndicatorSize.Xs,
+    [SIZE.S]: StatusIndicatorSize.S,
+};

package/dist/components/Status/types.d.ts

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

package/dist/components/Status/types.js

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

package/dist/components/StatusIndicator/StatusIndicator.d.ts

@@ -1,12 +1,6 @@
 import { WithSupportProps } from '@snack-uikit/utils';
-import { Appearance } from '../../constants';
-declare enum Size {
-    Xxs = "xxs",
-    Xs = "xs",
-    S = "s",
-    M = "m",
-    L = "l"
-}
+import { Appearance } from '../../types';
+import { Size } from './types';
 export type StatusIndicatorProps = WithSupportProps<{
     /** Размер */
     size?: Size;
@@ -15,8 +9,3 @@ export type StatusIndicatorProps = WithSupportProps<{
     className?: string;
 }>;
 export declare function StatusIndicator({ size, appearance, className, ...rest }: StatusIndicatorProps): import("react/jsx-runtime").JSX.Element;
-export declare namespace StatusIndicator {
-    var sizes: typeof Size;
-    var appearances: typeof Appearance;
-}
-export {};

package/dist/components/StatusIndicator/StatusIndicator.js

@@ -12,19 +12,10 @@ 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 } from '../../constants';
+import { APPEARANCE } from '../../constants';
+import { SIZE } from './constants';
 import styles from './styles.module.css';
-var Size;
-(function (Size) {
-    Size["Xxs"] = "xxs";
-    Size["Xs"] = "xs";
-    Size["S"] = "s";
-    Size["M"] = "m";
-    Size["L"] = "l";
-})(Size || (Size = {}));
 export function StatusIndicator(_a) {
-    var { size = Size.M, appearance = Appearance.Primary, className } = _a, rest = __rest(_a, ["size", "appearance", "className"]);
+    var { size = SIZE.M, appearance = APPEARANCE.Primary, className } = _a, rest = __rest(_a, ["size", "appearance", "className"]);
     return (_jsx("div", Object.assign({ className: cn(styles.container, className) }, extractSupportProps(rest), { "data-size": size }, { children: _jsx("div", { className: styles.indicator, "data-appearance": appearance }) })));
 }
-StatusIndicator.sizes = Size;
-StatusIndicator.appearances = Appearance;

package/dist/components/StatusIndicator/constants.d.ts

@@ -0,0 +1,7 @@
+export declare const SIZE: {
+    readonly Xxs: "xxs";
+    readonly Xs: "xs";
+    readonly S: "s";
+    readonly M: "m";
+    readonly L: "l";
+};

package/dist/components/StatusIndicator/constants.js

@@ -0,0 +1,7 @@
+export const SIZE = {
+    Xxs: 'xxs',
+    Xs: 'xs',
+    S: 's',
+    M: 'm',
+    L: 'l',
+};

package/dist/components/StatusIndicator/types.d.ts

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

package/dist/components/StatusIndicator/types.js

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

package/dist/constants.d.ts

@@ -1,11 +1,11 @@
-export declare enum Appearance {
-    Primary = "primary",
-    Neutral = "neutral",
-    Red = "red",
-    Orange = "orange",
-    Yellow = "yellow",
-    Green = "green",
-    Blue = "blue",
-    Violet = "violet",
-    Pink = "pink"
-}
+export declare const APPEARANCE: {
+    readonly Primary: "primary";
+    readonly Neutral: "neutral";
+    readonly Red: "red";
+    readonly Orange: "orange";
+    readonly Yellow: "yellow";
+    readonly Green: "green";
+    readonly Blue: "blue";
+    readonly Violet: "violet";
+    readonly Pink: "pink";
+};

package/dist/constants.js

@@ -1,12 +1,11 @@
-export var Appearance;
-(function (Appearance) {
-    Appearance["Primary"] = "primary";
-    Appearance["Neutral"] = "neutral";
-    Appearance["Red"] = "red";
-    Appearance["Orange"] = "orange";
-    Appearance["Yellow"] = "yellow";
-    Appearance["Green"] = "green";
-    Appearance["Blue"] = "blue";
-    Appearance["Violet"] = "violet";
-    Appearance["Pink"] = "pink";
-})(Appearance || (Appearance = {}));
+export const APPEARANCE = {
+    Primary: 'primary',
+    Neutral: 'neutral',
+    Red: 'red',
+    Orange: 'orange',
+    Yellow: 'yellow',
+    Green: 'green',
+    Blue: 'blue',
+    Violet: 'violet',
+    Pink: 'pink',
+};

package/dist/types.d.ts

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

package/dist/types.js

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

package/package.json

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

package/src/components/Status/Status.tsx

@@ -2,19 +2,12 @@ import cn from 'classnames';
 
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
-import { Appearance } from '../../constants';
+import { APPEARANCE } from '../../constants';
+import { Appearance } from '../../types';
 import { StatusIndicator } from '../StatusIndicator';
+import { SIZE, STATUS_INDICATOR_SIZE_MAP } from './constants';
 import styles from './styles.module.scss';
-
-enum Size {
-  Xs = 'xs',
-  S = 's',
-}
-
-const statusIndicatorSizeMap = {
-  [Size.Xs]: StatusIndicator.sizes.Xs,
-  [Size.S]: StatusIndicator.sizes.S,
-};
+import { Size } from './types';
 
 export type StatusProps = WithSupportProps<{
   /** Текст */
@@ -30,8 +23,8 @@ export type StatusProps = WithSupportProps<{
 
 export function Status({
   label,
-  size = Size.Xs,
-  appearance = Appearance.Primary,
+  size = SIZE.Xs,
+  appearance = APPEARANCE.Primary,
   hasBackground,
   className,
   ...rest
@@ -43,11 +36,8 @@ export function Status({
       data-size={size}
       data-has-background={hasBackground || undefined}
     >
-      <StatusIndicator appearance={appearance} size={statusIndicatorSizeMap[size]} />
+      <StatusIndicator appearance={appearance} size={STATUS_INDICATOR_SIZE_MAP[size]} />
       <span className={styles.label}>{label}</span>
     </div>
   );
 }
-
-Status.sizes = Size;
-Status.appearances = Appearance;

package/src/components/Status/constants.ts

@@ -0,0 +1,11 @@
+import { SIZE as StatusIndicatorSize } from '../StatusIndicator/constants';
+
+export const SIZE = {
+  Xs: 'xs',
+  S: 's',
+} as const;
+
+export const STATUS_INDICATOR_SIZE_MAP = {
+  [SIZE.Xs]: StatusIndicatorSize.Xs,
+  [SIZE.S]: StatusIndicatorSize.S,
+};

package/src/components/Status/types.ts

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

package/src/components/StatusIndicator/StatusIndicator.tsx

@@ -2,16 +2,11 @@ import cn from 'classnames';
 
 import { extractSupportProps, WithSupportProps } from '@snack-uikit/utils';
 
-import { Appearance } from '../../constants';
+import { APPEARANCE } from '../../constants';
+import { Appearance } from '../../types';
+import { SIZE } from './constants';
 import styles from './styles.module.scss';
-
-enum Size {
-  Xxs = 'xxs',
-  Xs = 'xs',
-  S = 's',
-  M = 'm',
-  L = 'l',
-}
+import { Size } from './types';
 
 export type StatusIndicatorProps = WithSupportProps<{
   /** Размер */
@@ -22,8 +17,8 @@ export type StatusIndicatorProps = WithSupportProps<{
 }>;
 
 export function StatusIndicator({
-  size = Size.M,
-  appearance = Appearance.Primary,
+  size = SIZE.M,
+  appearance = APPEARANCE.Primary,
   className,
   ...rest
 }: StatusIndicatorProps) {
@@ -33,6 +28,3 @@ export function StatusIndicator({
     </div>
   );
 }
-
-StatusIndicator.sizes = Size;
-StatusIndicator.appearances = Appearance;

package/src/components/StatusIndicator/constants.ts

@@ -0,0 +1,7 @@
+export const SIZE = {
+  Xxs: 'xxs',
+  Xs: 'xs',
+  S: 's',
+  M: 'm',
+  L: 'l',
+} as const;

package/src/components/StatusIndicator/types.ts

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

package/src/constants.ts

@@ -1,11 +1,11 @@
-export enum Appearance {
-  Primary = 'primary',
-  Neutral = 'neutral',
-  Red = 'red',
-  Orange = 'orange',
-  Yellow = 'yellow',
-  Green = 'green',
-  Blue = 'blue',
-  Violet = 'violet',
-  Pink = 'pink',
-}
+export const APPEARANCE = {
+  Primary: 'primary',
+  Neutral: 'neutral',
+  Red: 'red',
+  Orange: 'orange',
+  Yellow: 'yellow',
+  Green: 'green',
+  Blue: 'blue',
+  Violet: 'violet',
+  Pink: 'pink',
+} as const;

package/src/types.ts

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