@cloud-ru/uikit-product-quota 0.6.4 → 0.6.6

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

@@ -0,0 +1,2 @@
+export * from './QuotaCard';
+export * from './QuotaButtonDropdown';

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("./QuotaCard"), exports);
+__exportStar(require("./QuotaButtonDropdown"), exports);

package/dist/cjs/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';

package/dist/cjs/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("./components"), exports);
+__exportStar(require("./utils"), exports);

package/dist/cjs/types.d.ts

@@ -0,0 +1 @@
+export type QuotaUnitType = 'instances' | 'value' | 'custom';

package/dist/cjs/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/dist/cjs/utils.d.ts

@@ -0,0 +1 @@
+export declare const checkExceeded: (available: number) => boolean;

package/dist/cjs/utils.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.checkExceeded = void 0;
+const checkExceeded = (available) => available <= 0;
+exports.checkExceeded = checkExceeded;

package/dist/esm/components/QuotaButtonDropdown/QuotaDropdown.d.ts

@@ -0,0 +1,24 @@
+import { ReactNode } from 'react';
+import { ButtonDropdownProps } from '@sbercloud/uikit-product-button-predefined';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+export type QuotaDropdownProps = WithSupportProps<{
+    /** Заголовок */
+    title: string;
+    /** Описание */
+    description?: string;
+    /** Quota cards */
+    children: ReactNode;
+    /** Флаг наличия ошибки при загрузке квот */
+    dataError?: boolean;
+    /** Колбек кнопки повтора */
+    onRetry?(): void;
+    /** Расположение выпадающего меню */
+    placement?: ButtonDropdownProps['placement'];
+    /** Размер кнопки */
+    size?: ButtonDropdownProps['size'];
+    /** Тип макета */
+    layoutType?: ButtonDropdownProps['layoutType'];
+    /** CSS класс */
+    className?: string;
+}>;
+export declare function QuotaDropdown({ placement, layoutType, className, size, ...props }: QuotaDropdownProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/QuotaButtonDropdown/QuotaDropdown.js

@@ -0,0 +1,33 @@
+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 } from "react/jsx-runtime";
+import { Children, isValidElement, useMemo, useState } from 'react';
+import { ButtonDropdown } from '@sbercloud/uikit-product-button-predefined';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { checkExceeded } from '../../utils';
+import { QuotaDropdownContent } from './components';
+export function QuotaDropdown(_a) {
+    var { placement = 'bottom-end', layoutType = 'desktop', className, size } = _a, props = __rest(_a, ["placement", "layoutType", "className", "size"]);
+    const [open, setOpen] = useState(false);
+    const { t } = useLocale('Quota');
+    const quotaExceededCount = useMemo(() => Children.toArray(props.children).reduce((count, child) => {
+        var _a, _b, _c, _d, _e, _f;
+        return isValidElement(child) &&
+            !((_a = child === null || child === void 0 ? void 0 : child.props) === null || _a === void 0 ? void 0 : _a.loading) &&
+            !((_b = child === null || child === void 0 ? void 0 : child.props) === null || _b === void 0 ? void 0 : _b.unlimited) &&
+            checkExceeded(((_d = (_c = child === null || child === void 0 ? void 0 : child.props) === null || _c === void 0 ? void 0 : _c.limit) !== null && _d !== void 0 ? _d : 0) - ((_f = (_e = child === null || child === void 0 ? void 0 : child.props) === null || _e === void 0 ? void 0 : _e.created) !== null && _f !== void 0 ? _f : 0))
+            ? count + 1
+            : count;
+    }, 0), [props.children]);
+    const isQuotaExceededCountVisible = !props.dataError && quotaExceededCount > 0;
+    return (_jsx(ButtonDropdown, { open: open, placement: placement, onOpenChange: setOpen, label: t('quotas'), className: className, layoutType: layoutType, size: size, counter: isQuotaExceededCountVisible ? { appearance: 'red', value: quotaExceededCount } : undefined, content: _jsx(QuotaDropdownContent, Object.assign({}, props)) }));
+}

package/dist/esm/components/QuotaButtonDropdown/components/NoData.d.ts

@@ -0,0 +1,5 @@
+type NoDataProps = {
+    onRetry?(): void;
+};
+export declare function NoData({ onRetry }: NoDataProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/QuotaButtonDropdown/components/NoData.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RepeatSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonFunction } from '@snack-uikit/button';
+import styles from '../styles.module.css';
+export function NoData({ onRetry }) {
+    const { t } = useLocale('Quota');
+    return (_jsxs("div", { className: styles.noDataWrapper, children: [_jsx("span", { className: styles.noData, children: t('noData') }), _jsx(ButtonFunction, { size: 'm', icon: _jsx(RepeatSVG, {}), onClick: onRetry, className: styles.retryButton })] }));
+}

package/dist/esm/components/QuotaButtonDropdown/components/QuotaDropdownContent.d.ts

@@ -0,0 +1,2 @@
+import { QuotaDropdownProps } from '../QuotaDropdown';
+export declare function QuotaDropdownContent({ onRetry, dataError, children, ...rest }: Omit<QuotaDropdownProps, 'layoutType'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/QuotaButtonDropdown/components/QuotaDropdownContent.js

@@ -0,0 +1,21 @@
+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 } from "react/jsx-runtime";
+import { NoData } from './NoData';
+import { QuotaDropdownLayout } from './QuotaDropdownLayout';
+export function QuotaDropdownContent(_a) {
+    var { onRetry, dataError, children } = _a, rest = __rest(_a, ["onRetry", "dataError", "children"]);
+    if (!dataError) {
+        return _jsx(QuotaDropdownLayout, Object.assign({}, rest, { children: children }));
+    }
+    return _jsx(QuotaDropdownLayout, Object.assign({}, rest, { children: _jsx(NoData, { onRetry: onRetry }) }));
+}

package/dist/esm/components/QuotaButtonDropdown/components/QuotaDropdownLayout.d.ts

@@ -0,0 +1,2 @@
+import { QuotaDropdownProps } from '../QuotaDropdown';
+export declare function QuotaDropdownLayout({ title, description, children }: Omit<QuotaDropdownProps, 'layoutType'>): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/QuotaButtonDropdown/components/QuotaDropdownLayout.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { Scroll } from '@snack-uikit/scroll';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import styles from '../styles.module.css';
+export function QuotaDropdownLayout({ title, description, children }) {
+    return (_jsxs("div", { className: styles.wrapper, children: [_jsxs("div", { className: styles.header, children: [_jsx("div", { className: styles.titleContainer, children: _jsx("div", { className: styles.title, children: _jsx(TruncateString, { text: title, maxLines: 1 }) }) }), description && (_jsx("div", { className: styles.description, children: _jsx(TruncateString, { text: description, maxLines: 2 }) }))] }), _jsx(Scroll, { className: styles.scroll, barHideStrategy: 'never', children: _jsx("div", { className: styles.content, children: children }) })] }));
+}

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

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

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

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

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

@@ -0,0 +1,2 @@
+export * from './QuotaDropdown';
+export * from './components/QuotaDropdownContent';

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

@@ -0,0 +1,2 @@
+export * from './QuotaDropdown';
+export * from './components/QuotaDropdownContent';

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

@@ -0,0 +1,106 @@
+.title{
+  font-family:var(--sans-title-m-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-m-font-weight, Semibold);
+  line-height:var(--sans-title-m-line-height, 24px);
+  font-size:var(--sans-title-m-font-size, 16px);
+  letter-spacing:var(--sans-title-m-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-m-paragraph-spacing, 8.8px);
+  color:var(--sys-neutral-text-main, #41424e);
+  overflow:hidden;
+}
+
+.titleContainer{
+  display:flex;
+  gap:4px;
+  align-items:center;
+}
+
+.wrapper{
+  max-width:768px;
+  max-height:446px;
+  padding:12px 0 12px 16px;
+  flex-direction:column;
+  align-items:flex-start;
+  display:flex;
+  gap:16px;
+}
+
+.description{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.content{
+  display:flex;
+  flex-wrap:wrap;
+  align-items:flex-start;
+  justify-content:flex-start;
+  gap:8px;
+}
+
+.header,
+.scroll{
+  max-width:752px;
+}
+
+.scroll{
+  max-height:396px;
+}
+
+.scroll,
+.os-scrollbar-vertical,
+.os-scrollbar-unusable{
+  padding-right:16px;
+}
+
+@media (max-width: 816px){
+  .header,
+  .scroll{
+    max-width:508px;
+  }
+  .scroll{
+    max-height:300px;
+  }
+}
+@media (max-width: 574px){
+  .header,
+  .scroll{
+    max-width:256px;
+  }
+  .scroll{
+    max-height:240px;
+  }
+}
+.noDataWrapper{
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  justify-content:center;
+  gap:24px;
+  align-items:center;
+}
+
+.noData{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  text-align:center;
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.retryButton svg{
+  transform:rotate(-360deg);
+  transition:transform 0.5s;
+}
+.retryButton:active svg{
+  transform:rotate(0deg);
+  transition-duration:0s;
+}

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

@@ -0,0 +1,22 @@
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+import { ButtonTonalProps } from '@snack-uikit/button';
+type QuotaCardCommonProps = WithSupportProps<{
+    loading?: boolean;
+    title: string;
+    created?: number;
+    limit?: number;
+    unlimited?: boolean;
+    increaseLink?: Pick<ButtonTonalProps, 'target' | 'href' | 'onClick'>;
+    onRetry?(): void;
+}>;
+export type QuotaCardProps = QuotaCardCommonProps & ({
+    type?: 'instances' | 'value';
+    customUnit?: never;
+    customLabel?: never;
+} | {
+    type: 'custom';
+    customUnit: string;
+    customLabel: string;
+});
+export declare function QuotaCard({ loading, title, limit, created, increaseLink, onRetry, unlimited, type, customUnit, customLabel, ...rest }: QuotaCardProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/QuotaCard/QuotaCard.js

@@ -0,0 +1,42 @@
+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 { useMemo } from 'react';
+import { CrossFilledSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { ButtonTonal } from '@snack-uikit/button';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import { checkExceeded } from '../../utils';
+import { DataRow, NoData, QuotaCardLayout } from './components';
+import styles from './styles.module.css';
+export function QuotaCard(_a) {
+    var { loading, title, limit, created, increaseLink, onRetry, unlimited = false, type = 'instances', customUnit, customLabel } = _a, rest = __rest(_a, ["loading", "title", "limit", "created", "increaseLink", "onRetry", "unlimited", "type", "customUnit", "customLabel"]);
+    const available = (limit !== null && limit !== void 0 ? limit : 0) - (created !== null && created !== void 0 ? created : 0);
+    const exceeded = checkExceeded(available);
+    const { t } = useLocale('Quota');
+    const noData = limit === undefined || created === undefined;
+    const { unit, label } = useMemo(() => {
+        switch (type) {
+            case 'value':
+                return { unit: t('gb'), label: t('filled') };
+            case 'custom':
+                return { unit: customUnit !== null && customUnit !== void 0 ? customUnit : '', label: customLabel !== null && customLabel !== void 0 ? customLabel : '' };
+            default:
+                return { unit: t('peace'), label: t('created') };
+        }
+    }, [t, type, customUnit, customLabel]);
+    if (noData) {
+        return (_jsx(QuotaCardLayout, Object.assign({ title: title, exceeded: exceeded, loading: loading }, extractSupportProps(rest), { children: _jsx(NoData, { onRetry: onRetry }) })));
+    }
+    return (_jsxs(QuotaCardLayout, Object.assign({ title: title, exceeded: exceeded, loading: loading }, extractSupportProps(rest), { children: [_jsx(DataRow, { unit: unit, label: label, value: created, className: styles.created }), exceeded && !unlimited ? (_jsx(DataRow, { unit: unit, label: _jsxs("span", { className: styles.exceededState, children: [_jsx(CrossFilledSVG, { size: 16 }), _jsx(TruncateString, { text: t('exceeded'), maxLines: 1 })] }), value: increaseLink ? _jsx(ButtonTonal, Object.assign({ size: 'xs', label: t('increase') }, increaseLink)) : undefined, className: styles.available })) : (_jsx(DataRow, { unit: unit, label: t('available'), value: unlimited ? _jsx("span", { className: styles.text, children: t('unlimited') }) : available, className: styles.available }))] })));
+}

package/dist/esm/components/QuotaCard/components/DataRow.d.ts

@@ -0,0 +1,9 @@
+import { ReactNode } from 'react';
+type DataRowProps = {
+    label: ReactNode;
+    value: number | ReactNode;
+    className?: string;
+    unit: string;
+};
+export declare function DataRow({ value, label, className, unit }: DataRowProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/QuotaCard/components/DataRow.js

@@ -0,0 +1,7 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import cn from 'classnames';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import styles from '../styles.module.css';
+export function DataRow({ value, label, className, unit }) {
+    return (_jsxs("div", { className: cn(styles.dataRow, className), children: [_jsx("span", { className: styles.text, children: typeof label === 'string' ? _jsx(TruncateString, { text: label, maxLines: 1 }) : label }), typeof value === 'number' ? (_jsxs("span", { className: styles.text, children: [value, " ", unit] })) : (value)] }));
+}

package/dist/esm/components/QuotaCard/components/DataSkeleton.d.ts

@@ -0,0 +1 @@
+export declare function DataSkeleton(): import("react/jsx-runtime").JSX.Element;

package/dist/esm/components/QuotaCard/components/DataSkeleton.js

@@ -0,0 +1,6 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { SkeletonText } from '@snack-uikit/skeleton';
+import styles from '../styles.module.css';
+export function DataSkeleton() {
+    return (_jsxs("div", { className: styles.dataWrapper, children: [_jsx(SkeletonText, { lines: 1, className: styles.text }), _jsx(SkeletonText, { lines: 1, className: styles.text })] }));
+}

package/dist/esm/components/QuotaCard/components/NoData.d.ts

@@ -0,0 +1,5 @@
+type NoDataProps = {
+    onRetry?(): void;
+};
+export declare function NoData({ onRetry }: NoDataProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/QuotaCard/components/NoData.js

@@ -0,0 +1,9 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { RepeatSVG } from '@sbercloud/uikit-product-icons';
+import { useLocale } from '@sbercloud/uikit-product-locale';
+import { ButtonFunction } from '@snack-uikit/button';
+import styles from '../styles.module.css';
+export function NoData({ onRetry }) {
+    const { t } = useLocale('Quota');
+    return (_jsxs("div", { className: styles.noDataWrapper, children: [_jsx(ButtonFunction, { size: 'xs', icon: _jsx(RepeatSVG, {}), onClick: onRetry, className: styles.retryButton }), _jsx("span", { className: styles.noData, children: t('noData') })] }));
+}

package/dist/esm/components/QuotaCard/components/QuotaCardLayout.d.ts

@@ -0,0 +1,10 @@
+import { ReactNode } from 'react';
+import { WithSupportProps } from '@sbercloud/uikit-product-utils';
+type QuotaCardLayoutProps = WithSupportProps<{
+    loading?: boolean;
+    title: string;
+    exceeded?: boolean;
+    children?: ReactNode;
+}>;
+export declare function QuotaCardLayout({ title, exceeded, loading, children, ...rest }: QuotaCardLayoutProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/dist/esm/components/QuotaCard/components/QuotaCardLayout.js

@@ -0,0 +1,21 @@
+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 { extractSupportProps } from '@sbercloud/uikit-product-utils';
+import { WithSkeleton } from '@snack-uikit/skeleton';
+import { TruncateString } from '@snack-uikit/truncate-string';
+import styles from '../styles.module.css';
+import { DataSkeleton } from './DataSkeleton';
+export function QuotaCardLayout(_a) {
+    var { title, exceeded, loading, children } = _a, rest = __rest(_a, ["title", "exceeded", "loading", "children"]);
+    return (_jsxs("div", Object.assign({ className: styles.quotaCard, "data-exceeded": exceeded || undefined }, extractSupportProps(rest), { children: [_jsx("div", { className: styles.title, children: _jsx(TruncateString, { text: title, maxLines: 1 }) }), _jsx(WithSkeleton, { loading: loading, skeleton: _jsx(DataSkeleton, {}), children: _jsx("div", { className: styles.dataWrapper, children: children }) })] })));
+}

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

@@ -0,0 +1,3 @@
+export * from './QuotaCardLayout';
+export * from './NoData';
+export * from './DataRow';

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

@@ -0,0 +1,3 @@
+export * from './QuotaCardLayout';
+export * from './NoData';
+export * from './DataRow';

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

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

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

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

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

@@ -0,0 +1,106 @@
+.title{
+  font-family:var(--sans-title-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-title-s-font-weight, Semibold);
+  line-height:var(--sans-title-s-line-height, 20px);
+  font-size:var(--sans-title-s-font-size, 14px);
+  letter-spacing:var(--sans-title-s-letter-spacing, 0.15px);
+  paragraph-spacing:var(--sans-title-s-paragraph-spacing, 7.7px);
+  color:var(--sys-neutral-text-main, #41424e);
+  overflow:hidden;
+  width:100%;
+}
+
+.dataWrapper{
+  display:flex;
+  flex-direction:column;
+  gap:8px;
+  width:100%;
+}
+
+.dataRow{
+  display:grid;
+  grid-template-columns:1fr auto;
+  gap:4px;
+  width:100%;
+}
+
+.text{
+  font-family:var(--light-label-m-font-family, SB Sans Interface);
+  font-weight:var(--light-label-m-font-weight, Regular);
+  line-height:var(--light-label-m-line-height, 16px);
+  font-size:var(--light-label-m-font-size, 12px);
+  letter-spacing:var(--light-label-m-letter-spacing, 0px);
+  paragraph-spacing:var(--light-label-m-paragraph-spacing, 6.6px);
+  align-content:center;
+  overflow:hidden;
+}
+
+.created{
+  color:var(--sys-neutral-text-light, #8b8e9b);
+}
+
+.available{
+  color:var(--sys-neutral-text-support, #6d707f);
+  height:24px;
+}
+
+.exceededState{
+  display:flex;
+  align-items:center;
+  gap:2px;
+}
+.exceededState svg{
+  color:var(--sys-red-accent-default, #cb3f3e);
+}
+
+.quotaCard{
+  box-sizing:border-box;
+  display:flex;
+  width:240px;
+  min-width:240px;
+  max-width:240px;
+  height:100px;
+  min-height:100px;
+  max-height:104px;
+  padding:12px;
+  flex-direction:column;
+  align-items:flex-start;
+  gap:8px;
+  border-radius:4px;
+  overflow:hidden;
+  border-style:solid;
+  border-width:1px;
+  border-color:var(--sys-neutral-decor-default, #dde0ea);
+  background-color:var(--sys-neutral-background1-level, #fdfdfd);
+}
+.quotaCard[data-exceeded] .text .exceededState{
+  color:var(--sys-red-text-support, #ae514c);
+}
+
+.noDataWrapper{
+  display:flex;
+  flex-direction:column;
+  width:100%;
+  justify-content:center;
+  align-items:center;
+}
+
+.noData{
+  font-family:var(--sans-body-s-font-family, SB Sans Interface);
+  font-weight:var(--sans-body-s-font-weight, Regular);
+  line-height:var(--sans-body-s-line-height, 16px);
+  font-size:var(--sans-body-s-font-size, 12px);
+  letter-spacing:var(--sans-body-s-letter-spacing, 0.1px);
+  paragraph-spacing:var(--sans-body-s-paragraph-spacing, 6.6px);
+  text-align:center;
+  color:var(--sys-neutral-text-support, #6d707f);
+}
+
+.retryButton svg{
+  transform:rotate(-360deg);
+  transition:transform 0.5s;
+}
+.retryButton:active svg{
+  transform:rotate(0deg);
+  transition-duration:0s;
+}

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

@@ -0,0 +1,2 @@
+export * from './QuotaCard';
+export * from './QuotaButtonDropdown';

package/dist/esm/components/index.js

@@ -0,0 +1,2 @@
+export * from './QuotaCard';
+export * from './QuotaButtonDropdown';

package/dist/esm/index.d.ts

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';

package/dist/esm/index.js

@@ -0,0 +1,2 @@
+export * from './components';
+export * from './utils';

package/dist/esm/types.d.ts

@@ -0,0 +1 @@
+export type QuotaUnitType = 'instances' | 'value' | 'custom';

package/dist/esm/types.js

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

package/dist/esm/utils.d.ts

@@ -0,0 +1 @@
+export declare const checkExceeded: (available: number) => boolean;

package/dist/esm/utils.js

@@ -0,0 +1 @@
+export const checkExceeded = (available) => available <= 0;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@cloud-ru/uikit-product-quota",
   "title": "Quota",
-  "version": "0.6.4",
+  "version": "0.6.6",
   "sideEffects": [
     "*.css",
     "*.woff",
@@ -30,15 +30,16 @@
     "name": "Akhremenko Grigorii",
     "url": "https://github.com/AGrigorii"
   },
+  "contributors": [],
   "license": "Apache-2.0",
   "publishConfig": {
     "access": "public"
   },
   "scripts": {},
   "dependencies": {
-    "@cloud-ru/uikit-product-button-predefined": "0.7.4",
-    "@cloud-ru/uikit-product-icons": "15.1.1",
-    "@cloud-ru/uikit-product-utils": "7.0.0",
+    "@cloud-ru/uikit-product-button-predefined": "0.7.6",
+    "@cloud-ru/uikit-product-icons": "15.1.3",
+    "@cloud-ru/uikit-product-utils": "7.0.2",
     "@snack-uikit/button": "0.19.7",
     "@snack-uikit/scroll": "0.9.3",
     "@snack-uikit/skeleton": "0.6.2",
@@ -48,5 +49,5 @@
   "peerDependencies": {
     "@cloud-ru/uikit-product-locale": "*"
   },
-  "gitHead": "e8bd79bc92b26a8f52611972eec98a867536ccd3"
+  "gitHead": "bf479ecf7238ef20b78f20acaef439efa535d1a1"
 }