@arthurzakharov/ui-kit 1.5.0 → 1.5.2

package/dist/assets/bottom-bar-B35eeXqR.css

@@ -0,0 +1 @@
+._BottomBar_xd6ok_1{background-color:var(--rm-ui-content-bg);flex-direction:column;justify-content:stretch}._Fixed_xd6ok_7{position:fixed;z-index:8000000;bottom:0;left:0;width:100%;padding:var(--rm-ui-padding-md) var(--rm-ui-padding-xl) var(--rm-ui-padding-lg)}._Static_xd6ok_16{position:static}._TopBlock_xd6ok_20{display:flex}._LeftBlock_xd6ok_24{flex-grow:1;display:flex;flex-direction:column;align-items:flex-start}._RightBlock_xd6ok_31{flex-grow:1;display:flex;flex-direction:column;align-items:flex-end}._Message_xd6ok_38{margin-top:var(--rm-ui-padding-sm);margin-bottom:var(--rm-ui-padding-md)}._Button_xd6ok_43{margin-top:var(--rm-ui-padding-md)}

package/dist/assets/signature-EuXLu4YT.css

@@ -0,0 +1 @@
+._Signature_qgimg_1{background-color:transparent}._SignatureMain_qgimg_5{--title-height: 40px;overflow:hidden;position:relative;padding:calc(var(--rm-ui-padding-md) + var(--title-height)) var(--rm-ui-padding-md) calc(var(--rm-ui-padding-md) + var(--title-height));border:1px solid var(--rm-ui-grey-300);border-radius:var(--rm-ui-border-radius-sm)}._SignatureMainAuto_qgimg_15{padding:calc(var(--rm-ui-padding-md) + var(--title-height)) var(--rm-ui-padding-md) var(--rm-ui-padding-md)}._SignatureMainManual_qgimg_19{padding:calc(var(--rm-ui-padding-md) + var(--title-height)) var(--rm-ui-padding-md) calc(var(--rm-ui-padding-md) + var(--title-height))}._Buttons_qgimg_24{margin-top:var(--rm-ui-padding-md);display:flex;align-items:center;justify-content:space-between;gap:var(--rm-ui-padding-md)}._Header_qgimg_34{position:absolute;z-index:1;top:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md);display:flex}._HeaderManualDraw_qgimg_43{justify-content:flex-end}._HeaderNotManualDraw_qgimg_47{justify-content:center}._Content_qgimg_51{display:flex;align-items:flex-end;justify-content:center}._AutoContent_qgimg_57{display:flex;flex-direction:column;align-items:center;justify-content:flex-start}._SignatureHeaderReset_qgimg_64{position:relative;z-index:1}._SignatureManualPanel_qgimg_71>canvas,._SignatureManualPanel_qgimg_71>img{position:absolute;top:0;left:0}._SignatureManualPanelPlaceholder_qgimg_78{height:94px}._SignatureManualPanelButton_qgimg_82{position:absolute;z-index:1;bottom:var(--rm-ui-padding-md);left:var(--rm-ui-padding-md);right:var(--rm-ui-padding-md);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:center}._SignatureAutoPanelImage_qgimg_97{height:46px;max-width:100%;display:block}._SignatureAutoPanelLoader_qgimg_103{height:142px;display:inline-flex;align-items:center;padding:var(--rm-ui-padding-xs)}._SignatureAutoPanelNoteIcon_qgimg_110{stroke:var(--rm-ui-color-success)}._SignatureAutoPanelButton_qgimg_114{margin:8px 0}._SignatureAutoLabel_qgimg_118{margin:var(--rm-ui-padding-xs) 0;display:flex;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xxs)}._SignatureErrorLoading_qgimg_127{height:86px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--rm-ui-padding-xs)}

package/dist/assets/user-panel-DbR0J2Ct.css

@@ -0,0 +1 @@
+._User_svj2j_1{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:var(--rm-ui-padding-sm);font-weight:var(--rm-ui-font-weight-light);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-secondary)}._Head_svj2j_13{margin-bottom:var(--rm-ui-padding-xs);display:flex;flex-direction:row;flex-wrap:nowrap;align-items:center;justify-content:space-between;font-weight:var(--rm-ui-font-weight-medium);font-size:var(--rm-ui-font-size-body);line-height:var(--rm-ui-line-height-body);color:var(--rm-ui-color-text-primary)}._Info_svj2j_26{display:inline-flex;flex-direction:column;flex-wrap:nowrap;align-items:flex-start;justify-content:flex-start}

package/dist/components/bottom-bar/bottom-bar.component.d.ts

@@ -1,25 +1,28 @@
-import { TagProps } from '../text/text.component';
-interface BottomBarInfoItem<T> extends Pick<TagProps, 'lined' | 'weight' | 'size' | 'color'> {
+import { Base, FontColor, FontSize, FontWeight } from '../../utils/types';
+type BottomBarInfoItem<T> = {
+    lined?: boolean;
+    weight?: FontWeight;
+    size?: FontSize;
+    color?: FontColor;
     text: T;
-}
-interface BottomBarButton {
+};
+type BottomBarButton = {
     text: string;
     onClick: () => void;
     loading?: boolean;
     disabled?: boolean;
-}
-interface BottomBarInfo {
+};
+type BottomBarInfo = {
     topLeft?: BottomBarInfoItem<string> | string;
     topRight?: BottomBarInfoItem<string> | string;
     bottomLeft?: BottomBarInfoItem<string> | string;
     bottomRight?: BottomBarInfoItem<string> | string;
-}
-export interface BottomBarProps {
+};
+interface BottomBarProps extends Base {
     button: BottomBarButton;
     info: BottomBarInfo;
     message?: string;
-    className?: string;
     staticFrom?: number;
 }
-export declare const BottomBar: (props: BottomBarProps) => import("react/jsx-runtime").JSX.Element;
+export declare const BottomBar: ({ button, info, message, className, staticFrom, ...base }: BottomBarProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/bottom-bar/bottom-bar.component.js

@@ -1,79 +1,93 @@
-import { jsxs as c, jsx as e } from "react/jsx-runtime";
-import { useRef as b, useEffect as p, useMemo as u } from "react";
-import y from "clsx";
-import { useResizeObserver as f, useWindowSize as w } from "usehooks-ts";
-import { ControlButton as z } from "../../controls/control-button/control-button.component.js";
-import { Flex as n } from "../flex/flex.component.js";
-import { Text as m } from "../text/text.component.js";
-import '../../assets/bottom-bar-DDgm0BQh.css';const R = "_BottomBar_1ao8k_1", _ = "_BottomBarFixed_1ao8k_7", L = "_BottomBarStatic_1ao8k_16", d = {
-  BottomBar: R,
-  BottomBarFixed: _,
-  BottomBarStatic: L
-}, l = (o, t) => o ? typeof o == "string" ? {
+import { jsxs as l, jsx as i } from "react/jsx-runtime";
+import { useRef as p, useEffect as B, useMemo as b } from "react";
+import _ from "clsx";
+import { useResizeObserver as k, useWindowSize as u } from "usehooks-ts";
+import { ControlButton as y } from "../../controls/control-button/control-button.component.js";
+import { Text as c } from "../text/text.component.js";
+import { baseProps as g } from "../../utils/functions/functions.util.js";
+import '../../assets/bottom-bar-B35eeXqR.css';const f = "_BottomBar_xd6ok_1", w = "_Fixed_xd6ok_7", R = "_Static_xd6ok_16", z = "_TopBlock_xd6ok_20", L = "_LeftBlock_xd6ok_24", N = "_RightBlock_xd6ok_31", v = "_Message_xd6ok_38", M = "_Button_xd6ok_43", r = {
+  BottomBar: f,
+  Fixed: w,
+  Static: R,
+  TopBlock: z,
+  LeftBlock: L,
+  RightBlock: N,
+  Message: v,
+  Button: M
+}, s = (o, t) => o ? typeof o == "string" ? {
   text: o,
   lined: !1,
   weight: t.weight || "regular",
   size: t.size || "body",
   color: t.color || "text-primary"
 } : {
-  text: o.text || /* @__PURE__ */ e("wbr", {}),
+  text: o.text || /* @__PURE__ */ i("wbr", {}),
   lined: o.lined,
   weight: o.weight || t.weight || "regular",
   size: o.size || t.size || "body",
   color: o.color || t.color || "text-primary"
 } : {
-  text: /* @__PURE__ */ e("wbr", {}),
+  text: /* @__PURE__ */ i("wbr", {}),
   lined: !1,
   weight: t.weight || "regular",
   size: t.size || "body",
   color: t.color || "text-primary"
-}, I = (o) => {
-  const { button: t, info: i, message: s = "", className: g = "", staticFrom: x = 768 } = o, h = b(null), { height: a } = f({
-    ref: h,
+}, $ = ({
+  button: o,
+  info: t,
+  message: a = "",
+  className: S = "",
+  staticFrom: h = 768,
+  ...m
+}) => {
+  const d = p(null), { height: n } = k({
+    ref: d,
     box: "border-box"
-  }), { width: B } = w({ initializeWithValue: !0, debounceDelay: 150 });
-  p(() => (a ? document.body.style.marginBottom = `${Math.round(a)}px` : document.body.style.removeProperty("margin-bottom"), () => {
+  }), { width: x } = u({ initializeWithValue: !0, debounceDelay: 150 });
+  B(() => (n ? document.body.style.marginBottom = `${Math.round(n)}px` : document.body.style.removeProperty("margin-bottom"), () => {
     document.body.style.removeProperty("margin-bottom");
-  }), [a]);
-  const r = u(() => ({
-    topLeft: l(i.topLeft, { weight: "medium", color: "text-primary" }),
-    topRight: l(i.topRight, { weight: "medium", color: "text-primary" }),
-    bottomLeft: l(i.bottomLeft, { weight: "regular", color: "text-secondary" }),
-    bottomRight: l(i.bottomRight, { weight: "regular", color: "text-secondary" })
-  }), [i]);
-  return /* @__PURE__ */ c(
+  }), [n]);
+  const e = b(() => ({
+    topLeft: s(t.topLeft, { weight: "medium", color: "text-primary" }),
+    topRight: s(t.topRight, { weight: "medium", color: "text-primary" }),
+    bottomLeft: s(t.bottomLeft, { weight: "regular", color: "text-secondary" }),
+    bottomRight: s(t.bottomRight, { weight: "regular", color: "text-secondary" })
+  }), [t]);
+  return /* @__PURE__ */ l(
     "div",
     {
-      ref: h,
-      className: y(d.BottomBar, g, B >= x ? d.BottomBarStatic : d.BottomBarFixed),
+      "data-testid": g(m, "data-testid", "bottom-bar"),
+      ref: d,
+      className: _(r.BottomBar, g(m, "className"), x >= h ? r.Static : r.Fixed),
       children: [
-        /* @__PURE__ */ c(n, { direction: "row", grow: "equal", children: [
-          /* @__PURE__ */ c(n, { direction: "column", align: "start", children: [
-            /* @__PURE__ */ e(m, { ...r.topLeft, children: r.topLeft.text }),
-            /* @__PURE__ */ e(m, { ...r.bottomLeft, children: r.bottomLeft.text })
+        /* @__PURE__ */ l("div", { className: r.TopBlock, children: [
+          /* @__PURE__ */ l("div", { className: r.LeftBlock, children: [
+            /* @__PURE__ */ i(c, { ...e.topLeft, children: e.topLeft.text }),
+            /* @__PURE__ */ i(c, { ...e.bottomLeft, children: e.bottomLeft.text })
           ] }),
-          /* @__PURE__ */ c(n, { direction: "column", align: "end", children: [
-            /* @__PURE__ */ e(m, { ...r.topRight, children: r.topRight.text }),
-            /* @__PURE__ */ e(m, { ...r.bottomRight, children: r.bottomRight.text })
+          /* @__PURE__ */ l("div", { className: r.RightBlock, children: [
+            /* @__PURE__ */ i(c, { ...e.topRight, children: e.topRight.text }),
+            /* @__PURE__ */ i(c, { ...e.bottomRight, children: e.bottomRight.text })
           ] })
         ] }),
-        s && /* @__PURE__ */ e(n, { justify: "center", mt: "sm", mb: "md", children: /* @__PURE__ */ e(m, { color: "text-secondary", children: s }) }),
-        /* @__PURE__ */ e(n, { direction: "row", mt: "md", children: /* @__PURE__ */ e(
-          z,
+        a && /* @__PURE__ */ i(c, { color: "text-secondary", align: "center", className: r.Message, children: a }),
+        /* @__PURE__ */ i(
+          y,
           {
             fullWidth: !0,
             color: "primary",
             size: "lg",
-            loading: t.loading,
-            disabled: t.disabled,
-            onClick: t.onClick,
-            children: t.text
+            loading: o.loading,
+            disabled: o.disabled,
+            className: r.Button,
+            onClick: o.onClick,
+            children: o.text
           }
-        ) })
+        )
       ]
     }
   );
 };
 export {
-  I as BottomBar
+  $ as BottomBar
 };

package/dist/components/bottom-bar/index.d.ts

@@ -0,0 +1 @@
+export { BottomBar } from './bottom-bar.component';

package/dist/components/bottom-bar/index.js

@@ -0,0 +1,4 @@
+import { BottomBar as t } from "./bottom-bar.component.js";
+export {
+  t as BottomBar
+};