@alphakits/ui 2.0.6 → 2.0.8

package/dist/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/dist/sidepanel/component.d.ts

@@ -16,6 +16,7 @@ export type SidepanelProps = {
     bottomAddons?: React.ReactNode;
     dataTestId?: string;
     noCloser?: boolean;
+    showCloser?: boolean;
     noStickyFooter?: boolean;
     noStickyHeader?: boolean;
 } & Back;

package/dist/sidepanel/component.js

@@ -1,41 +1,43 @@
-import { jsx as e, jsxs as u } from "react/jsx-runtime";
-import v from "react";
-import N from "classnames";
-import { FlexColumns as x } from "../flex-columns/component.js";
-import { SidepanelHeader as S } from "../sidepanel-header/component.js";
-import { Skeleton as g } from "../skeleton/component.js";
+import { jsx as e, jsxs as v } from "react/jsx-runtime";
+import N from "react";
+import x from "classnames";
+import { FlexColumns as S } from "../flex-columns/component.js";
+import { SidepanelHeader as g } from "../sidepanel-header/component.js";
+import { Skeleton as y } from "../skeleton/component.js";
 import r from "./index.module.css.js";
-const H = ({
+const R = ({
   dataTestId: i,
   title: m,
   loading: t,
   headerRightAddons: a,
   subtitle: l,
   noCloser: s,
-  headerBottomAddons: n,
-  noStickyFooter: c,
-  noStickyHeader: d,
+  showCloser: n,
+  headerBottomAddons: c,
+  noStickyFooter: d,
+  noStickyHeader: p,
   bottomAddons: o,
-  children: p,
-  ...f
-}) => /* @__PURE__ */ e(v.Fragment, { children: t ? /* @__PURE__ */ e(x, { className: r.loader, columns: 1, gr: 20, children: new Array(7).fill("").map((y, h) => /* @__PURE__ */ e(g, { animate: !0, visible: !0, className: r.input }, h)) }) : /* @__PURE__ */ u("div", { children: [
+  children: f,
+  ...h
+}) => /* @__PURE__ */ e(N.Fragment, { children: t ? /* @__PURE__ */ e(S, { className: r.loader, columns: 1, gr: 20, children: new Array(7).fill("").map((j, u) => /* @__PURE__ */ e(y, { animate: !0, visible: !0, className: r.input }, u)) }) : /* @__PURE__ */ v("div", { children: [
   /* @__PURE__ */ e(
-    S,
+    g,
     {
       title: m,
-      className: d ? void 0 : r.header,
+      className: p ? void 0 : r.header,
       subtitle: l,
       noCloser: s,
+      showCloser: n,
       dataTestId: i,
       rightAddons: a,
-      bottomAddons: n,
-      ...f
+      bottomAddons: c,
+      ...h
     }
   ),
-  /* @__PURE__ */ e("div", { className: r.content, children: p }),
-  o && /* @__PURE__ */ e("div", { className: N(r.footer, { [r.noSticky]: c }), children: o })
+  /* @__PURE__ */ e("div", { className: r.content, children: f }),
+  o && /* @__PURE__ */ e("div", { className: x(r.footer, { [r.noSticky]: d }), children: o })
 ] }) });
 export {
-  H as Sidepanel
+  R as Sidepanel
 };
 //# sourceMappingURL=component.js.map

package/dist/sidepanel/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/sidepanel/component.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { SidepanelHeader } from '../sidepanel-header';\nimport { Skeleton } from '../skeleton';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelProps = {\n    title?: string;\n    loading?: boolean;\n    subtitle?: string;\n    headerRightAddons?: React.ReactNode;\n    headerBottomAddons?: React.ReactNode;\n    bottomAddons?: React.ReactNode;\n    dataTestId?: string;\n    noCloser?: boolean;\n    noStickyFooter?: boolean;\n    noStickyHeader?: boolean;\n} & Back;\n\nexport const Sidepanel: React.FC<SidepanelProps> = ({\n    dataTestId,\n    title,\n    loading,\n    headerRightAddons,\n    subtitle,\n    noCloser,\n    headerBottomAddons,\n    noStickyFooter,\n    noStickyHeader,\n    bottomAddons,\n    children,\n    ...props\n}) => (\n    <React.Fragment>\n        { loading ? (\n            <FlexColumns className={ styles.loader } columns={ 1 } gr={ 20 }>\n                { new Array(7).fill('').map((_, i) => (\n                    <Skeleton key={ i } animate={ true } visible={ true } className={ styles.input } />\n                )) }\n            </FlexColumns>\n        ) : (\n            <div>\n                <SidepanelHeader\n                    title={ title }\n                    className={ noStickyHeader ? undefined : styles.header }\n                    subtitle={ subtitle }\n                    noCloser={ noCloser }\n                    dataTestId={ dataTestId }\n                    rightAddons={ headerRightAddons }\n                    bottomAddons={ headerBottomAddons }\n                    { ...props }\n                />\n\n                <div className={ styles.content }>\n                    { children }\n                </div>\n\n                { bottomAddons && (\n                    <div className={ classNames(styles.footer, { [styles.noSticky]: noStickyFooter }) }>\n                        { bottomAddons }\n                    </div>\n                ) }\n            </div>\n        ) }\n    </React.Fragment>\n);\n"],"names":["Sidepanel","dataTestId","title","loading","headerRightAddons","subtitle","noCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children","props","React","FlexColumns","styles","_","i","jsx","Skeleton","SidepanelHeader","classNames"],"mappings":";;;;;;;AAgCO,MAAMA,IAAsC,CAAC;AAAA,EAChD,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,wBACKC,EAAM,UAAN,EACK,UAAAV,sBACGW,GAAA,EAAY,WAAYC,EAAO,QAAS,SAAU,GAAI,IAAK,IACtD,UAAA,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,CAACC,GAAGC,MAC5B,gBAAAC,EAACC,GAAA,EAAmB,SAAU,IAAO,SAAU,IAAO,WAAYJ,EAAO,MAAA,GAAzDE,CAAiE,CACpF,EAAA,CACL,sBAEC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,OAAAlB;AAAA,MACA,WAAYO,IAAiB,SAAYM,EAAO;AAAA,MAChD,UAAAV;AAAA,MACA,UAAAC;AAAA,MACA,YAAAL;AAAA,MACA,aAAcG;AAAA,MACd,cAAeG;AAAA,MACb,GAAGK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGT,gBAAAM,EAAC,OAAA,EAAI,WAAYH,EAAO,SAClB,UAAAJ,GACN;AAAA,EAEED,KACE,gBAAAQ,EAAC,OAAA,EAAI,WAAYG,EAAWN,EAAO,QAAQ,EAAE,CAACA,EAAO,QAAQ,GAAGP,EAAA,CAAgB,GAC1E,UAAAE,EAAA,CACN;AAAA,EAAA,CAER,EAAA,CAER;"}
+{"version":3,"file":"component.js","sources":["../../src/sidepanel/component.tsx"],"sourcesContent":["/* eslint-disable react/no-array-index-key */\nimport React from 'react';\nimport classNames from 'classnames';\n\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { SidepanelHeader } from '../sidepanel-header';\nimport { Skeleton } from '../skeleton';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelProps = {\n    title?: string;\n    loading?: boolean;\n    subtitle?: string;\n    headerRightAddons?: React.ReactNode;\n    headerBottomAddons?: React.ReactNode;\n    bottomAddons?: React.ReactNode;\n    dataTestId?: string;\n    noCloser?: boolean;\n    showCloser?: boolean;\n    noStickyFooter?: boolean;\n    noStickyHeader?: boolean;\n} & Back;\n\nexport const Sidepanel: React.FC<SidepanelProps> = ({\n    dataTestId,\n    title,\n    loading,\n    headerRightAddons,\n    subtitle,\n    noCloser,\n    showCloser,\n    headerBottomAddons,\n    noStickyFooter,\n    noStickyHeader,\n    bottomAddons,\n    children,\n    ...props\n}) => (\n    <React.Fragment>\n        { loading ? (\n            <FlexColumns className={ styles.loader } columns={ 1 } gr={ 20 }>\n                { new Array(7).fill('').map((_, i) => (\n                    <Skeleton key={ i } animate={ true } visible={ true } className={ styles.input } />\n                )) }\n            </FlexColumns>\n        ) : (\n            <div>\n                <SidepanelHeader\n                    title={ title }\n                    className={ noStickyHeader ? undefined : styles.header }\n                    subtitle={ subtitle }\n                    noCloser={ noCloser }\n                    showCloser={ showCloser }\n                    dataTestId={ dataTestId }\n                    rightAddons={ headerRightAddons }\n                    bottomAddons={ headerBottomAddons }\n                    { ...props }\n                />\n\n                <div className={ styles.content }>\n                    { children }\n                </div>\n\n                { bottomAddons && (\n                    <div className={ classNames(styles.footer, { [styles.noSticky]: noStickyFooter }) }>\n                        { bottomAddons }\n                    </div>\n                ) }\n            </div>\n        ) }\n    </React.Fragment>\n);\n"],"names":["Sidepanel","dataTestId","title","loading","headerRightAddons","subtitle","noCloser","showCloser","headerBottomAddons","noStickyFooter","noStickyHeader","bottomAddons","children","props","React","FlexColumns","styles","_","i","jsx","Skeleton","SidepanelHeader","classNames"],"mappings":";;;;;;;AAiCO,MAAMA,IAAsC,CAAC;AAAA,EAChD,YAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,mBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,oBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,gBAAAC;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,GAAGC;AACP,wBACKC,EAAM,UAAN,EACK,UAAAX,sBACGY,GAAA,EAAY,WAAYC,EAAO,QAAS,SAAU,GAAI,IAAK,IACtD,UAAA,IAAI,MAAM,CAAC,EAAE,KAAK,EAAE,EAAE,IAAI,CAACC,GAAGC,MAC5B,gBAAAC,EAACC,GAAA,EAAmB,SAAU,IAAO,SAAU,IAAO,WAAYJ,EAAO,MAAA,GAAzDE,CAAiE,CACpF,EAAA,CACL,sBAEC,OAAA,EACG,UAAA;AAAA,EAAA,gBAAAC;AAAA,IAACE;AAAA,IAAA;AAAA,MACG,OAAAnB;AAAA,MACA,WAAYQ,IAAiB,SAAYM,EAAO;AAAA,MAChD,UAAAX;AAAA,MACA,UAAAC;AAAA,MACA,YAAAC;AAAA,MACA,YAAAN;AAAA,MACA,aAAcG;AAAA,MACd,cAAeI;AAAA,MACb,GAAGK;AAAA,IAAA;AAAA,EAAA;AAAA,EAGT,gBAAAM,EAAC,OAAA,EAAI,WAAYH,EAAO,SAClB,UAAAJ,GACN;AAAA,EAEED,KACE,gBAAAQ,EAAC,OAAA,EAAI,WAAYG,EAAWN,EAAO,QAAQ,EAAE,CAACA,EAAO,QAAQ,GAAGP,EAAA,CAAgB,GAC1E,UAAAE,EAAA,CACN;AAAA,EAAA,CAER,EAAA,CAER;"}

package/dist/sidepanel-header/component.d.ts

@@ -28,6 +28,7 @@ export type SidepanelHeaderProps = {
      * Id компонента для тестов
      */
     noCloser?: boolean;
+    showCloser?: boolean;
     dataTestId?: string;
     subtitle?: string;
 } & Back;

package/dist/sidepanel-header/component.js

@@ -1,13 +1,13 @@
 import { jsxs as a, jsx as r } from "react/jsx-runtime";
 import p from "classnames";
-import { BackButton as f } from "../back-button/component.js";
-import { FlexColumns as g } from "../flex-columns/component.js";
+import { BackButton as g } from "../back-button/component.js";
+import { FlexColumns as w } from "../flex-columns/component.js";
 import { Typography as t } from "../typography/component.js";
 import e from "./index.module.css.js";
-const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr: 4, className: e.title, children: [
+const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(w, { columns: 1, gr: 4, className: e.title, children: [
   /* @__PURE__ */ r(t.Title, { color: "primary", tag: "div", view: "small", weight: "bold", children: m }),
   l && /* @__PURE__ */ r(t.Text, { view: "title", weight: "regular", color: "secondary", children: l })
-] }), j = ({
+] }), u = ({
   className: m,
   dataTestId: l,
   title: o,
@@ -16,7 +16,8 @@ const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr:
   subtitle: c,
   t: d,
   bottomAddons: n,
-  noCloser: v
+  noCloser: f,
+  showCloser: v
 }) => /* @__PURE__ */ a(
   "div",
   {
@@ -24,9 +25,9 @@ const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr:
     className: p(e.wrapper, m),
     children: [
       (i || o || s) && /* @__PURE__ */ a("div", { className: e.heading, children: [
-        i && d && /* @__PURE__ */ r(f, { onClick: i, t: d }),
+        i && d && /* @__PURE__ */ r(g, { onClick: i, t: d }),
         !i && o && /* @__PURE__ */ r(h, { title: o, subtitle: c }),
-        s && /* @__PURE__ */ r("div", { className: p(e.rightAddons, { [e.noCloser]: !!v }), children: s })
+        s && /* @__PURE__ */ r("div", { className: p(e.rightAddons, { [e.noCloser]: !!f || v === !1 }), children: s })
       ] }),
       !!i && o && /* @__PURE__ */ r(h, { title: o, subtitle: c }),
       !!n && /* @__PURE__ */ r("div", { className: e.bottomAddons, children: n })
@@ -34,6 +35,6 @@ const h = ({ title: m, subtitle: l }) => /* @__PURE__ */ a(g, { columns: 1, gr:
   }
 );
 export {
-  j as SidepanelHeader
+  u as SidepanelHeader
 };
 //# sourceMappingURL=component.js.map

package/dist/sidepanel-header/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../src/sidepanel-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { BackButton } from '../back-button';\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelHeaderProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    /**\n     * title\n     */\n    title?: string;\n\n    /**\n     * rightAddons - слот слева\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * bottomAddons - слот внизу\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Id компонента для тестов\n     */\n    noCloser?: boolean;\n    dataTestId?: string;\n\n    subtitle?: string;\n} & Back;\n\nconst Title = ({ title, subtitle }: {title: string; subtitle?: string}) => (\n    <FlexColumns columns={ 1 } gr={ 4 } className={ styles.title }>\n\n        <Typography.Title color=\"primary\" tag=\"div\" view=\"small\" weight=\"bold\">\n            { title }\n        </Typography.Title>\n\n        { subtitle && (\n            <Typography.Text view=\"title\" weight=\"regular\" color=\"secondary\">\n                { subtitle }\n            </Typography.Text>\n        ) }\n\n    </FlexColumns>\n);\n\nexport const SidepanelHeader: React.FC<SidepanelHeaderProps> = ({\n    className,\n    dataTestId,\n    title,\n    rightAddons,\n    back,\n    subtitle,\n    t,\n    bottomAddons,\n    noCloser,\n}) => (\n    <div\n        data-test-id={ dataTestId }\n        className={ cn(styles.wrapper, className) }\n    >\n        { (back || title || rightAddons) && (\n            <div className={ styles.heading }>\n                { back && t && (\n                    <BackButton onClick={ back } t={ t } />\n                ) }\n\n                { !back && title && (\n                    <Title title={ title } subtitle={ subtitle } />\n                ) }\n\n                { rightAddons && <div className={ cn(styles.rightAddons, { [styles.noCloser]: !!noCloser }) }>{ rightAddons }</div> }\n            </div>\n        ) }\n\n        { !!back && title && (\n            <Title title={ title } subtitle={ subtitle } />\n        ) }\n\n        { !!bottomAddons && <div className={ styles.bottomAddons }>{ bottomAddons }</div> }\n\n    </div>\n);\n"],"names":["Title","title","subtitle","jsxs","FlexColumns","styles","jsx","Typography","SidepanelHeader","className","dataTestId","rightAddons","back","t","bottomAddons","noCloser","cn","BackButton"],"mappings":";;;;;;AAgDA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,QACpB,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,GAAI,WAAYC,EAAO,OAEnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,OAAX,EAAiB,OAAM,WAAU,KAAI,OAAM,MAAK,SAAQ,QAAO,QAC1D,UAAAN,EAAA,CACN;AAAA,EAEEC,KACE,gBAAAI,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,WAAU,OAAM,aAC/C,UAAAL,EAAA,CACN;AAAA,GAGR,GAGSM,IAAkD,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,aAAAU;AAAA,EACA,MAAAC;AAAA,EACA,UAAAV;AAAA,EACA,GAAAW;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AACJ,MACI,gBAAAZ;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAeO;AAAA,IACf,WAAYM,EAAGX,EAAO,SAASI,CAAS;AAAA,IAErC,UAAA;AAAA,OAAAG,KAAQX,KAASU,MAChB,gBAAAR,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,QAAAO,KAAQC,KACN,gBAAAP,EAACW,GAAA,EAAW,SAAUL,GAAO,GAAAC,GAAQ;AAAA,QAGvC,CAACD,KAAQX,KACP,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,QAG/CS,KAAe,gBAAAL,EAAC,OAAA,EAAI,WAAYU,EAAGX,EAAO,aAAa,EAAE,CAACA,EAAO,QAAQ,GAAG,CAAC,CAACU,EAAA,CAAU,GAAM,UAAAJ,EAAA,CAAa;AAAA,MAAA,GACjH;AAAA,MAGF,CAAC,CAACC,KAAQX,KACR,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,MAG/C,CAAC,CAACY,KAAgB,gBAAAR,EAAC,SAAI,WAAYD,EAAO,cAAiB,UAAAS,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAE/E;"}
+{"version":3,"file":"component.js","sources":["../../src/sidepanel-header/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { BackButton } from '../back-button';\nimport { FlexColumns } from '../flex-columns';\nimport { TFunction } from '../modal';\nimport { Typography } from '../typography';\n\nimport styles from './index.module.css';\n\ntype Back = {\n    back?: () => void;\n    t: TFunction;\n} | {\n    back?: never;\n    t?: never;\n};\n\nexport type SidepanelHeaderProps = {\n    /**\n     * Кастомный класс\n     */\n    className?: string;\n\n    /**\n     * title\n     */\n    title?: string;\n\n    /**\n     * rightAddons - слот слева\n     */\n    rightAddons?: React.ReactNode;\n\n    /**\n     * bottomAddons - слот внизу\n     */\n    bottomAddons?: React.ReactNode;\n\n    /**\n     * Id компонента для тестов\n     */\n    noCloser?: boolean;\n    showCloser?: boolean;\n    dataTestId?: string;\n\n    subtitle?: string;\n} & Back;\n\nconst Title = ({ title, subtitle }: {title: string; subtitle?: string}) => (\n    <FlexColumns columns={ 1 } gr={ 4 } className={ styles.title }>\n\n        <Typography.Title color=\"primary\" tag=\"div\" view=\"small\" weight=\"bold\">\n            { title }\n        </Typography.Title>\n\n        { subtitle && (\n            <Typography.Text view=\"title\" weight=\"regular\" color=\"secondary\">\n                { subtitle }\n            </Typography.Text>\n        ) }\n\n    </FlexColumns>\n);\n\nexport const SidepanelHeader: React.FC<SidepanelHeaderProps> = ({\n    className,\n    dataTestId,\n    title,\n    rightAddons,\n    back,\n    subtitle,\n    t,\n    bottomAddons,\n    noCloser,\n    showCloser,\n}) => (\n    <div\n        data-test-id={ dataTestId }\n        className={ cn(styles.wrapper, className) }\n    >\n        { (back || title || rightAddons) && (\n            <div className={ styles.heading }>\n                { back && t && (\n                    <BackButton onClick={ back } t={ t } />\n                ) }\n\n                { !back && title && (\n                    <Title title={ title } subtitle={ subtitle } />\n                ) }\n\n                { rightAddons && <div className={ cn(styles.rightAddons, { [styles.noCloser]: !!noCloser || showCloser === false }) }>{ rightAddons }</div> }\n            </div>\n        ) }\n\n        { !!back && title && (\n            <Title title={ title } subtitle={ subtitle } />\n        ) }\n\n        { !!bottomAddons && <div className={ styles.bottomAddons }>{ bottomAddons }</div> }\n\n    </div>\n);\n"],"names":["Title","title","subtitle","jsxs","FlexColumns","styles","jsx","Typography","SidepanelHeader","className","dataTestId","rightAddons","back","t","bottomAddons","noCloser","showCloser","cn","BackButton"],"mappings":";;;;;;AAiDA,MAAMA,IAAQ,CAAC,EAAE,OAAAC,GAAO,UAAAC,QACpB,gBAAAC,EAACC,GAAA,EAAY,SAAU,GAAI,IAAK,GAAI,WAAYC,EAAO,OAEnD,UAAA;AAAA,EAAA,gBAAAC,EAACC,EAAW,OAAX,EAAiB,OAAM,WAAU,KAAI,OAAM,MAAK,SAAQ,QAAO,QAC1D,UAAAN,EAAA,CACN;AAAA,EAEEC,KACE,gBAAAI,EAACC,EAAW,MAAX,EAAgB,MAAK,SAAQ,QAAO,WAAU,OAAM,aAC/C,UAAAL,EAAA,CACN;AAAA,GAGR,GAGSM,IAAkD,CAAC;AAAA,EAC5D,WAAAC;AAAA,EACA,YAAAC;AAAA,EACA,OAAAT;AAAA,EACA,aAAAU;AAAA,EACA,MAAAC;AAAA,EACA,UAAAV;AAAA,EACA,GAAAW;AAAA,EACA,cAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AACJ,MACI,gBAAAb;AAAA,EAAC;AAAA,EAAA;AAAA,IACG,gBAAeO;AAAA,IACf,WAAYO,EAAGZ,EAAO,SAASI,CAAS;AAAA,IAErC,UAAA;AAAA,OAAAG,KAAQX,KAASU,MAChB,gBAAAR,EAAC,OAAA,EAAI,WAAYE,EAAO,SAClB,UAAA;AAAA,QAAAO,KAAQC,KACN,gBAAAP,EAACY,GAAA,EAAW,SAAUN,GAAO,GAAAC,GAAQ;AAAA,QAGvC,CAACD,KAAQX,KACP,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,QAG/CS,KAAe,gBAAAL,EAAC,OAAA,EAAI,WAAYW,EAAGZ,EAAO,aAAa,EAAE,CAACA,EAAO,QAAQ,GAAG,CAAC,CAACU,KAAYC,MAAe,IAAO,GAAM,UAAAL,EAAA,CAAa;AAAA,MAAA,GACzI;AAAA,MAGF,CAAC,CAACC,KAAQX,KACR,gBAAAK,EAACN,GAAA,EAAM,OAAAC,GAAgB,UAAAC,GAAsB;AAAA,MAG/C,CAAC,CAACY,KAAgB,gBAAAR,EAAC,SAAI,WAAYD,EAAO,cAAiB,UAAAS,EAAA,CAAc;AAAA,IAAA;AAAA,EAAA;AAE/E;"}

package/dist/sidepanel-header/index.module.css

@@ -1 +1 @@
-.wrapper_QxqD{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.heading_XGDy{display:flex;justify-content:space-between;min-height:48px}.title_jwxc,.bottomAddons_3yzd{padding-bottom:8px;padding-top:8px}.rightAddons_aZFa{margin-right:48px;height:48px;display:flex;align-items:center}.noCloser_O7u0{margin-right:0}@media(max-width:823px){.wrapper_QxqD{padding:16px 16px 12px!important}}
+.wrapper_QxqD{padding:28px 32px 12px;background-color:var(--color-bg-primary);box-sizing:border-box}.heading_XGDy{display:flex;justify-content:space-between;min-height:48px}.title_jwxc,.bottomAddons_3yzd{padding-bottom:8px;padding-top:8px}.rightAddons_aZFa{margin-right:48px;height:48px;display:flex;align-items:center}.noCloser_O7u0{margin-right:0!important}@media(max-width:823px){.wrapper_QxqD{padding:16px 16px 12px!important}}

package/dist/table/columns.js

@@ -1,6 +1,5 @@
 import { jsx as e } from "react/jsx-runtime";
-import { Button as o } from "../button/component.js";
-const l = () => [
+const r = () => [
   {
     header: "Title",
     accessor: "title",
@@ -49,7 +48,6 @@ const l = () => [
     align: "right",
     width: "200px",
     row: {
-      title: ({ refetch: t }) => /* @__PURE__ */ e(o, { onClick: t, children: "Refetch" }),
       customAddon: ({ row: t }) => /* @__PURE__ */ e("div", { style: { background: "red" }, children: t.title.length })
     }
   }
@@ -62,6 +60,6 @@ const l = () => [
   // },
 ];
 export {
-  l as NewColumns
+  r as NewColumns
 };
 //# sourceMappingURL=columns.js.map

package/dist/table/columns.js.map

@@ -1 +1 @@
-{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { Button } from '../button';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title',\n        accessor: 'title',\n        sort: true,\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: 'no icon',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            title: ({ refetch }) => <Button onClick={ refetch }>Refetch</Button>,\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","refetch","jsx","Button"],"mappings":";;AAWO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,SAAAC,EAAA,MAAc,gBAAAC,EAACC,GAAA,EAAO,SAAUF,GAAU,UAAA,WAAO;AAAA,MAC3D,aAAa,CAAC,EAAE,KAAAD,EAAA,MAAU,gBAAAE,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAF,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}
+{"version":3,"file":"columns.js","sources":["../../src/table/columns.tsx"],"sourcesContent":["import React from 'react';\n\nimport { TableColumns } from './types';\n\ntype Row = {\n    title: string;\n    photo: string;\n};\n\nexport const NewColumns = (): TableColumns<Row> => [\n    {\n        header: 'Title',\n        accessor: 'title',\n        sort: true,\n        row: {\n            image: () => 'https://via.placeholder.com/150',\n            subtitle: 'title',\n        },\n    },\n    {\n        header: 'Photo',\n        accessor: 'photo',\n        sort: true,\n        row: {\n            title: ({ row }) => `${row.title}awdawd`,\n            image: ({ row }) => row.photo,\n        },\n    },\n    // ,{\n    //     header: 'Brakin photo',\n    //     sort: true,\n    //     row: {\n    //         image: ({ row }) => row.title,\n    //     },\n    // },{\n    //     header: 'No photo',\n    //     sort: true,\n    //     row: {\n    //         image: () => '',\n    //     },\n    // },\n    // {\n    //     header: 'icon',\n    //     row: {\n    //         icon: () => <ChevronForwardS />,\n    //     },\n    // },\n    {\n        header: 'no icon',\n        row: {\n            icon: () => '',\n        },\n    },\n    {\n        header: 'Button',\n        align: 'right',\n        width: '200px',\n        row: {\n            customAddon: ({ row }) => <div style={ { background: 'red' } }>{ row.title.length }</div>,\n        },\n    },\n    // {\n    //     header: 'Button',\n    //     width: '50px',\n    //     row: {\n    //         title: null,\n    //     },\n    // },\n];\n"],"names":["NewColumns","row","jsx"],"mappings":";AASO,MAAMA,IAAa,MAAyB;AAAA,EAC/C;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,MAAM;AAAA,MACb,UAAU;AAAA,IAAA;AAAA,EACd;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,UAAU;AAAA,IACV,MAAM;AAAA,IACN,KAAK;AAAA,MACD,OAAO,CAAC,EAAE,KAAAC,QAAU,GAAGA,EAAI,KAAK;AAAA,MAChC,OAAO,CAAC,EAAE,KAAAA,EAAA,MAAUA,EAAI;AAAA,IAAA;AAAA,EAC5B;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAqBJ;AAAA,IACI,QAAQ;AAAA,IACR,KAAK;AAAA,MACD,MAAM,MAAM;AAAA,IAAA;AAAA,EAChB;AAAA,EAEJ;AAAA,IACI,QAAQ;AAAA,IACR,OAAO;AAAA,IACP,OAAO;AAAA,IACP,KAAK;AAAA,MACD,aAAa,CAAC,EAAE,KAAAA,EAAA,MAAU,gBAAAC,EAAC,OAAA,EAAI,OAAQ,EAAE,YAAY,MAAA,GAAY,UAAAD,EAAI,MAAM,OAAA,CAAQ;AAAA,IAAA;AAAA,EACvF;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR;"}

package/dist/table/components/cell/component.d.ts

@@ -11,6 +11,7 @@ export type CellProps = {
     children?: React.ReactNode;
     width?: string;
     align?: 'left' | 'right' | 'center';
+    compact?: boolean;
     /**
      * HTML тег
      */

package/dist/table/components/cell/component.js

@@ -1,53 +1,60 @@
-import { jsx as r } from "react/jsx-runtime";
-import s from "classnames";
-import { Cell as v } from "../../../cell/component.js";
+import { jsx as s } from "react/jsx-runtime";
+import d from "classnames";
+import { Cell as T } from "../../../cell/component.js";
 import e from "./index.module.css.js";
-const y = ({
-  dataTestID: m,
-  className: o,
-  children: i,
-  title: c,
-  subtitle: a,
-  tableProps: d,
-  cellProps: h,
+const x = ({
+  dataTestID: a,
+  className: l,
+  children: m,
+  title: o,
+  subtitle: c,
+  tableProps: h,
+  cellProps: i,
   addon: f,
-  align: t,
-  width: p,
-  tag: l = "td"
-}) => /* @__PURE__ */ r(
-  l,
+  align: r,
+  compact: t,
+  width: v,
+  tag: n = "td"
+}) => /* @__PURE__ */ s(
+  n,
   {
-    "data-test-id": m,
-    className: s(e.cell, o, {
-      [e.is_div]: l === "div"
+    "data-test-id": a,
+    className: d(e.cell, l, {
+      [e.is_div]: n === "div",
+      [e.compact_cell]: t
     }),
-    style: { width: p },
-    ...d,
-    children: i ? /* @__PURE__ */ r(
+    style: { width: v },
+    ...h,
+    children: m ? /* @__PURE__ */ s(
       "div",
       {
-        className: s(e.children, {
-          [e.center]: t === "center",
-          [e.right]: t === "right"
+        className: d(e.children, {
+          [e.center]: r === "center",
+          [e.right]: r === "right"
         }),
-        children: i
+        children: m
       }
-    ) : /* @__PURE__ */ r(
-      v.Base,
+    ) : /* @__PURE__ */ s(
+      T.Base,
       {
-        title: c === void 0 ? "-" : c,
-        subtitle: a,
-        className: s({
-          [e.center]: t === "center",
-          [e.right]: t === "right"
+        title: o === void 0 ? "-" : o,
+        subtitle: c,
+        size: (i == null ? void 0 : i.size) || "s",
+        compactAddon: t,
+        singleLineTitle: t,
+        showTitleTooltipOnOverflow: t,
+        className: d({
+          [e.center]: r === "center",
+          [e.right]: r === "right",
+          [e.compact_content]: t
         }),
         addon: f,
-        ...h
+        ...i
       }
     )
   }
 );
 export {
-  y as TableCell
+  x as TableCell
 };
 //# sourceMappingURL=component.js.map

package/dist/table/components/cell/component.js.map

@@ -1 +1 @@
-{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA0BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeV;AAAA,IACf,WAAYY,EAAGC,EAAO,MAAMZ,GAAW;AAAA,MACnC,CAACY,EAAO,MAAM,GAAGH,MAAc;AAAA,IAAA,CAClC;AAAA,IACD,OAAQ,EAAE,OAAAD,EAAA;AAAA,IACR,GAAGJ;AAAA,IAEH,UAAAH,IACE,gBAAAS;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGL,MAAU;AAAA,UAC3B,CAACK,EAAO,KAAK,GAAGL,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAS;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQX,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,WAAYQ,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGL,MAAU;AAAA,UAC3B,CAACK,EAAO,KAAK,GAAGL,MAAU;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAD;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}
+{"version":3,"file":"component.js","sources":["../../../../src/table/components/cell/component.tsx"],"sourcesContent":["import React from 'react';\nimport cn from 'classnames';\n\nimport { Cell as BaseCell } from '../../../cell';\nimport { BaseProps } from '../../../cell/base/component';\n\nimport styles from './index.module.css';\n\nexport type CellProps = {\n    className?: string;\n    dataTestID?: string;\n    title?: BaseProps['title'];\n    subtitle?: BaseProps['subtitle'];\n    cellProps?: Omit<BaseProps, 'title' | 'subtitle'>;\n    tableProps?: React.TdHTMLAttributes<any>;\n    addon?: React.ReactNode;\n    children?: React.ReactNode;\n    width?: string;\n    align?: 'left' | 'right' | 'center';\n    compact?: boolean;\n\n    /**\n     * HTML тег\n     */\n    tag?: 'td' | 'div';\n};\n\nexport const TableCell: React.FC<CellProps> = ({\n    dataTestID,\n    className,\n    children,\n    title,\n    subtitle,\n    tableProps,\n    cellProps,\n    addon,\n    align,\n    compact,\n    width,\n    tag: Component = 'td',\n}) => (\n    <Component\n        data-test-id={ dataTestID }\n        className={ cn(styles.cell, className, {\n            [styles.is_div]: Component === 'div',\n            [styles.compact_cell]: compact,\n        }) }\n        style={ { width } }\n        { ...tableProps }\n    >\n        { children ? (\n            <div\n                className={ cn(styles.children, {\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                }) }\n            >\n                { children }\n            </div>\n        ) : (\n            <BaseCell.Base\n                title={ title === undefined ? '-' : title }\n                subtitle={ subtitle }\n                size={ cellProps?.size || 's' }\n                compactAddon={ compact }\n                singleLineTitle={ compact }\n                showTitleTooltipOnOverflow={ compact }\n                className={ cn({\n                    [styles.center]: align === 'center',\n                    [styles.right]: align === 'right',\n                    [styles.compact_content]: compact,\n                }) }\n                addon={ addon }\n                { ...cellProps }\n            />\n        ) }\n    </Component>\n);\n"],"names":["TableCell","dataTestID","className","children","title","subtitle","tableProps","cellProps","addon","align","compact","width","Component","jsx","cn","styles","BaseCell"],"mappings":";;;;AA2BO,MAAMA,IAAiC,CAAC;AAAA,EAC3C,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,UAAAC;AAAA,EACA,OAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC;AAAA,EACA,WAAAC;AAAA,EACA,OAAAC;AAAA,EACA,OAAAC;AAAA,EACA,SAAAC;AAAA,EACA,OAAAC;AAAA,EACA,KAAKC,IAAY;AACrB,MACI,gBAAAC;AAAA,EAACD;AAAA,EAAA;AAAA,IACG,gBAAeX;AAAA,IACf,WAAYa,EAAGC,EAAO,MAAMb,GAAW;AAAA,MACnC,CAACa,EAAO,MAAM,GAAGH,MAAc;AAAA,MAC/B,CAACG,EAAO,YAAY,GAAGL;AAAA,IAAA,CAC1B;AAAA,IACD,OAAQ,EAAE,OAAAC,EAAA;AAAA,IACR,GAAGL;AAAA,IAEH,UAAAH,IACE,gBAAAU;AAAA,MAAC;AAAA,MAAA;AAAA,QACG,WAAYC,EAAGC,EAAO,UAAU;AAAA,UAC5B,CAACA,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,QAAA,CAC7B;AAAA,QAEC,UAAAN;AAAA,MAAA;AAAA,IAAA,IAGN,gBAAAU;AAAA,MAACG,EAAS;AAAA,MAAT;AAAA,QACG,OAAQZ,MAAU,SAAY,MAAMA;AAAA,QACpC,UAAAC;AAAA,QACA,OAAOE,KAAA,gBAAAA,EAAW,SAAQ;AAAA,QAC1B,cAAeG;AAAA,QACf,iBAAkBA;AAAA,QAClB,4BAA6BA;AAAA,QAC7B,WAAYI,EAAG;AAAA,UACX,CAACC,EAAO,MAAM,GAAGN,MAAU;AAAA,UAC3B,CAACM,EAAO,KAAK,GAAGN,MAAU;AAAA,UAC1B,CAACM,EAAO,eAAe,GAAGL;AAAA,QAAA,CAC7B;AAAA,QACD,OAAAF;AAAA,QACE,GAAGD;AAAA,MAAA;AAAA,IAAA;AAAA,EACT;AAER;"}

package/dist/table/components/cell/index.module.css

@@ -1 +1 @@
-table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:0 16px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:68px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.is_div_XHlH{min-height:68px;display:flex;align-items:center}
+table tr:last-child .cell_SVZP{border-bottom:0!important}.cell_SVZP{padding:0 12px;border-bottom:1px solid var(--color-border-secondary);position:relative;height:52px}.compact_cell_zSJH{height:44px}.right_30pJ{justify-content:flex-end}.children_X057{width:100%;display:flex;align-items:center}.compact_content_bjnq{gap:0 6px!important;min-height:40px!important}.is_div_XHlH{min-height:52px;display:flex;align-items:center}

package/dist/table/components/cell/index.module.css.js

@@ -1,15 +1,19 @@
 import './index.module.css';
-const i = "cell_SVZP", l = "right_30pJ", c = "children_X057", s = "is_div_XHlH", t = {
-  cell: i,
+const c = "cell_SVZP", t = "compact_cell_zSJH", l = "right_30pJ", n = "children_X057", o = "compact_content_bjnq", e = "is_div_XHlH", _ = {
+  cell: c,
+  compact_cell: t,
   right: l,
-  children: c,
-  is_div: s
+  children: n,
+  compact_content: o,
+  is_div: e
 };
 export {
-  i as cell,
-  c as children,
-  t as default,
-  s as is_div,
+  c as cell,
+  n as children,
+  t as compact_cell,
+  o as compact_content,
+  _ as default,
+  e as is_div,
   l as right
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/components/cell/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/table/components/cells/index.module.css

@@ -1 +1 @@
-.header_row_-IYY{overflow:hidden}.header_row_-IYY th:only-child{border-radius:8px!important}.header_row_-IYY th:first-child{border-radius:8px 0 0 8px}.header_row_-IYY th:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:48px;padding:4px 16px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:12px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}
+.header_row_-IYY{overflow:hidden}.header_row_-IYY th:only-child{border-radius:8px!important}.header_row_-IYY th:first-child{border-radius:8px 0 0 8px}.header_row_-IYY th:last-child{border-radius:0 8px 8px 0}.cell_c2wS{height:40px;padding:0 12px;box-sizing:border-box;background:var(--color-bg-secondary);position:sticky;top:0;z-index:9}.clickable_uhII{cursor:pointer}.head_wrapper_WjtN{display:flex;align-items:center}.arrow_svnk{height:16px;width:16px;margin-left:8px;display:flex;flex-direction:column;color:var(--color-graphic-thirdly);opacity:.4}.accent_5Dn8{color:var(--color-graphic-primary)}.DESC_p2eV{transform:rotate(-90deg)}.ASC_fIiQ{transform:rotate(90deg)}

package/dist/table/components/table-header/index.module.css

@@ -1 +1 @@
-.table_header_GXu4{width:100%;margin-bottom:16px}.actions_GZKJ{display:flex;align-items:center;justify-content:space-between}.leftHeaderAddons_W8Yb{margin-right:16px!important}.tags_PpKz{margin-top:12px;display:flex;flex-wrap:wrap;margin-right:-12px}.tags_PpKz>*:not(:last-child):not(:only-child){margin-right:12px}.tags_PpKz>*{margin:4px 0}.tag_SqNT{margin-right:12px}.buttons_3CQY{display:flex;align-items:center}.buttons_3CQY button:not(:last-child){margin-right:12px}
+.table_header_GXu4{width:100%;margin-bottom:12px}.actions_GZKJ{display:flex;align-items:center;justify-content:space-between}.leftHeaderAddons_W8Yb{margin-right:12px!important}.tags_PpKz{margin-top:8px;display:flex;flex-wrap:wrap;margin-right:-8px}.tags_PpKz>*:not(:last-child):not(:only-child){margin-right:8px}.tags_PpKz>*{margin:4px 0}.tag_SqNT{margin-right:8px}.buttons_3CQY{display:flex;align-items:center}.buttons_3CQY button:not(:last-child){margin-right:8px}

package/dist/table/index.module.css.js

@@ -1,15 +1,18 @@
 import './index.module.css';
-const l = "table_wrapper_SeB5", e = "table_9sbd", a = "fill_Q-ic", t = "clickable_k4S8", c = {
+const l = "table_wrapper_SeB5", t = "table_9sbd", a = "fill_Q-ic", c = "compact_kbrU", e = "clickable_k4S8", b = {
   table_wrapper: l,
-  table: e,
+  table: t,
   fill: a,
-  clickable: t
+  default: "default_BxOw",
+  compact: c,
+  clickable: e
 };
 export {
-  t as clickable,
-  c as default,
+  e as clickable,
+  c as compact,
+  b as default,
   a as fill,
-  e as table,
+  t as table,
   l as table_wrapper
 };
 //# sourceMappingURL=index.module.css.js.map

package/dist/table/index.module.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;"}
+{"version":3,"file":"index.module.css.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;"}

package/dist/table/table.d.ts

@@ -20,6 +20,7 @@ type FiltersButton = {
 };
 export type TableProps<T extends object> = Records<T> & {
     columns: TableColumns<T>;
+    view?: 'default' | 'compact';
     searchPlaceholder?: string;
     rightHeaderAddons?: React.ReactNode;
     leftHeaderAddons?: React.ReactNode;
@@ -35,5 +36,5 @@ export type TableProps<T extends object> = Records<T> & {
     /** true — параметры из URL; false — только локальное состояние. */
     fromPath?: boolean;
 } & FiltersButton;
-export declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, }: TableProps<T>): JSX.Element;
+export declare function Table<T extends object>({ columns, searchPlaceholder, records, hideSearch, rightHeaderAddons, leftHeaderAddons, filtersButtonLabel, createButtonLabel, loading, height, view, tagsBuilder, promise, onRowClick, onCreateClick, onFiltersClick, refetch, language, fromPath, }: TableProps<T>): JSX.Element;
 export {};