@redneckz/wildless-cms-uni-blocks 0.14.430 → 0.14.431

package/src/components/CalculatorDeposit/renderDepositParamsForm.tsx

@@ -0,0 +1,59 @@
+import type { FormFieldRegisterer } from '../../hooks/useForm';
+import { renderBinaryRadioButtonGroup } from '../../ui-kit/Calculator/renderBinaryRadioButtonGroup';
+import { renderPayout } from '../../ui-kit/Calculator/renderPayout';
+import type { CalculatorDepositParamsViewSettings } from './CalculatorDepositContent';
+import type { DepositCalculatorParams } from './getDepositCalculatorParams';
+import { renderRegistrationType } from './renderRegistrationType';
+
+export const renderDepositParamsForm = (
+  params: DepositCalculatorParams & CalculatorDepositParamsViewSettings,
+  field: FormFieldRegisterer<any>,
+) => (
+  <div className="grid gap-lg">
+    <div className="flex gap-lg">
+      {params.isShowReplenish
+        ? renderBinaryRadioButtonGroup({
+            title: 'Пополнение',
+            ...field('isReplenish'),
+            value: params.isReplenish,
+            orientation: 'vertical',
+            items: [
+              { id: 'withReplenish', text: 'С пополнением' },
+              { id: 'withoutReplenish', text: 'Без пополнения' },
+            ],
+          })
+        : null}
+      {params.isShowWithdrawn
+        ? renderBinaryRadioButtonGroup({
+            title: 'Снятие',
+            ...field('isWithdrawn'),
+            value: params.isWithdrawn,
+            orientation: 'vertical',
+            items: [
+              { id: 'wthDrawn', text: 'Со снятием' },
+              { id: 'noWithdrawn', text: 'Без снятия' },
+            ],
+          })
+        : null}
+    </div>
+    <div className="border-b border-main-divider w-full" />
+    <div className="flex gap-lg">
+      {params.isShowMonthlyInterestPayment
+        ? renderPayout({
+            title: 'Выплата процентов',
+            ...field('isMonthlyInterestPayment'),
+            value: params.isMonthlyInterestPayment,
+            orientation: 'vertical',
+          })
+        : null}
+      {params.isShowRemoteRegistration
+        ? renderRegistrationType({
+            title: 'Оформление',
+            ...field('isRemoteRegistration'),
+            value: params.isRemoteRegistration,
+            orientation: 'vertical',
+          })
+        : null}
+    </div>
+  </div>
+);

package/src/components/CalculatorDeposit/renderDepositResult.tsx

@@ -14,7 +14,7 @@ type DepositResultProps = {
 export const renderDepositResult = ({
   income,
   finalSum,
-  buttons,
+  buttons = [],
   footnotes = [],
 }: DepositResultProps) => (
   <div className={CalculatorStyle.result}>

package/src/ui-kit/Calculator/CalculatorStyle.tsx

@@ -1,6 +1,6 @@
 export const CalculatorStyle = {
-  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-m gap-y-7 @xl:gap-y-4xl',
+  wrapper: 'flex flex-col justify-between @4xl:flex-row gap-x-s gap-y-7 @xl:gap-y-4xl',
   input:
-    'flex flex-col @xl:max-w-md gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0',
-  result: 'flex flex-col gap-y-xl @xl:w-96',
+    'flex flex-col lg:max-w-80 gap-2xl border-b border-b-main-divider @xl:border-none pb-3xl @xl:pb-0',
+  result: 'flex flex-col gap-y-xl',
 };

package/src/ui-kit/Calculator/renderBinaryRadioButtonGroup.tsx

@@ -4,7 +4,6 @@ import {
   type RadioButtonItem,
 } from '../../ui-kit/RadioButtonGroup/RadioButtonGroup';
 import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
 
 export interface BinaryRadioButtonGroupProps {
   items: [truthy: RadioButtonItem, falsy: RadioButtonItem];
@@ -25,7 +24,7 @@ export const renderBinaryRadioButtonGroup = ({
   radioGroupClassName,
   onChange,
 }: BinaryRadioButtonGroupProps) => (
-  <div className="space-y-s">
+  <div className="grid gap-s whitespace-nowrap">
     {title ? (
       <div className="hidden @5xl:block">
         <Text color="text-secondary-text" font="font-light">
@@ -45,7 +44,7 @@ export const renderBinaryRadioButtonGroup = ({
       orientation={orientation}
       items={items}
       checkedItem={items[value ? 0 : 1].id}
-      className={style('flex-col sm:flex-row', radioGroupClassName)}
+      className={radioGroupClassName}
       onChange={(_) => onChange && onChange(_ === items[0].id)}
     />
   </div>

package/src/ui-kit/Calculator/renderRate.tsx

@@ -1,9 +1,11 @@
+import { type VNode } from '../../model/VNode';
 import { CalculatorValueBlock } from './CalculatorValueBlock';
 import { Rate, type RateProps } from './Rate';
 import { UnknownRate, type UnknownRateProps } from './UnknownRate';
 
 interface RenderRateProps extends RateProps, UnknownRateProps {
   isUnknownRateShown?: boolean;
+  children?: VNode;
 }
 
 export const renderRate = ({
@@ -13,13 +15,14 @@ export const renderRate = ({
   fractionDigits = 2,
   isUnknownRateShown = true,
   color = 'text-secondary-text',
+  children,
   ...rest
 }: RenderRateProps) =>
   isUnknownRateShown && rate === 0 ? (
     <UnknownRate title={title} {...rest} />
   ) : (
     <div>
-      <div className="hidden @xl:block">
+      <div className="hidden @xl:block min-w-96">
         <Rate
           title={title}
           rate={rate}
@@ -40,5 +43,6 @@ export const renderRate = ({
           {...rest}
         />
       </div>
+      {children}
     </div>
   );

package/tailwind.config.cjs

@@ -73,7 +73,7 @@ module.exports = {
       fontSize: {
         'title-large': ['7.5rem', '10rem'], // 120px 160px
         'title-extra': ['15.625rem', '14.687rem'], // 250px 235px
-        'title-huge': ['12rem', '15rem'], // 200px 250px
+        'title-huge': ['11rem', '14rem'], // 176px 224px
         h0: [
           '3.5rem',
           {

package/bundle/ui-kit/Breadcrumb.d.ts

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../model/LinkProps';
-export interface BreadcrumbProps extends LinkProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Breadcrumb: import("@redneckz/uni-jsx").UNIComponent<BreadcrumbProps, any, any>;

package/dist/ui-kit/Breadcrumb.d.ts

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../model/LinkProps';
-export interface BreadcrumbProps extends LinkProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Breadcrumb: import("@redneckz/uni-jsx").UNIComponent<BreadcrumbProps, any, any>;

package/dist/ui-kit/Breadcrumb.js

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useLink_1 = require("../hooks/useLink");
-exports.Breadcrumb = (0, uni_jsx_1.JSX)(({ className = '', children, ...props }) => {
-    const link = (0, useLink_1.useLink)();
-    const { text, href, target, onClick } = link(props);
-    return href ? ((0, jsx_runtime_1.jsx)("a", { className: `no-underline ${className}`, href: href, target: target, onClick: onClick, children: (0, jsx_runtime_1.jsx)("span", { className: className, children: text || children }) })) : ((0, jsx_runtime_1.jsx)("span", { className: className, children: text || children }));
-});
-//# sourceMappingURL=Breadcrumb.js.map

package/dist/ui-kit/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/ui-kit/Breadcrumb.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,8CAA2C;AAQ9B,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BAAG,SAAS,EAAE,gBAAgB,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACrF,iCAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,GACnD,CACL,CAAC,CAAC,CAAC,CACF,iCAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,CACtD,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/lib/ui-kit/Breadcrumb.d.ts

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../model/LinkProps';
-export interface BreadcrumbProps extends LinkProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Breadcrumb: import("@redneckz/uni-jsx").UNIComponent<BreadcrumbProps, any, any>;

package/lib/ui-kit/Breadcrumb.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../hooks/useLink.js';
-export const Breadcrumb = JSX(({ className = '', children, ...props }) => {
-    const link = useLink();
-    const { text, href, target, onClick } = link(props);
-    return href ? (_jsx("a", { className: `no-underline ${className}`, href: href, target: target, onClick: onClick, children: _jsx("span", { className: className, children: text || children }) })) : (_jsx("span", { className: className, children: text || children }));
-});
-//# sourceMappingURL=Breadcrumb.js.map

package/lib/ui-kit/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/ui-kit/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQ3C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,YAAG,SAAS,EAAE,gBAAgB,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACrF,eAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,GACnD,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,CACtD,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/bundle/ui-kit/Breadcrumb.d.ts

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../model/LinkProps';
-export interface BreadcrumbProps extends LinkProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Breadcrumb: import("@redneckz/uni-jsx").UNIComponent<BreadcrumbProps, any, any>;

package/mobile/dist/ui-kit/Breadcrumb.d.ts

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../model/LinkProps';
-export interface BreadcrumbProps extends LinkProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Breadcrumb: import("@redneckz/uni-jsx").UNIComponent<BreadcrumbProps, any, any>;

package/mobile/dist/ui-kit/Breadcrumb.js

@@ -1,11 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Breadcrumb = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const useLink_1 = require("../hooks/useLink");
-exports.Breadcrumb = (0, uni_jsx_1.JSX)(({ className = '', children, ...props }) => {
-    const link = (0, useLink_1.useLink)();
-    const { text, href, target, onClick } = link(props);
-    return href ? ((0, jsx_runtime_1.jsx)("a", { className: `no-underline ${className}`, href: href, target: target, onClick: onClick, children: (0, jsx_runtime_1.jsx)("span", { className: className, children: text || children }) })) : ((0, jsx_runtime_1.jsx)("span", { className: className, children: text || children }));
-});
-//# sourceMappingURL=Breadcrumb.js.map

package/mobile/dist/ui-kit/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/ui-kit/Breadcrumb.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,8CAA2C;AAQ9B,QAAA,UAAU,GAAG,IAAA,aAAG,EAAkB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,8BAAG,SAAS,EAAE,gBAAgB,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACrF,iCAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,GACnD,CACL,CAAC,CAAC,CAAC,CACF,iCAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,CACtD,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/lib/ui-kit/Breadcrumb.d.ts

@@ -1,6 +0,0 @@
-import { type LinkProps } from '../model/LinkProps';
-export interface BreadcrumbProps extends LinkProps {
-    className?: string;
-    onClick?: () => void;
-}
-export declare const Breadcrumb: import("@redneckz/uni-jsx").UNIComponent<BreadcrumbProps, any, any>;

package/mobile/lib/ui-kit/Breadcrumb.js

@@ -1,9 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../hooks/useLink.js';
-export const Breadcrumb = JSX(({ className = '', children, ...props }) => {
-    const link = useLink();
-    const { text, href, target, onClick } = link(props);
-    return href ? (_jsx("a", { className: `no-underline ${className}`, href: href, target: target, onClick: onClick, children: _jsx("span", { className: className, children: text || children }) })) : (_jsx("span", { className: className, children: text || children }));
-});
-//# sourceMappingURL=Breadcrumb.js.map

package/mobile/lib/ui-kit/Breadcrumb.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Breadcrumb.js","sourceRoot":"","sources":["../../src/ui-kit/Breadcrumb.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,OAAO,EAAE,MAAM,kBAAkB,CAAC;AAQ3C,MAAM,CAAC,MAAM,UAAU,GAAG,GAAG,CAAkB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,QAAQ,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE;IACxF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,KAAK,CAAC,CAAC;IAEpD,OAAO,IAAI,CAAC,CAAC,CAAC,CACZ,YAAG,SAAS,EAAE,gBAAgB,SAAS,EAAE,EAAE,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,OAAO,YACrF,eAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,GACnD,CACL,CAAC,CAAC,CAAC,CACF,eAAM,SAAS,EAAE,SAAS,YAAG,IAAI,IAAI,QAAQ,GAAQ,CACtD,CAAC;AACJ,CAAC,CAAC,CAAC"}

package/mobile/src/ui-kit/Breadcrumb.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../hooks/useLink';
-import { type LinkProps } from '../model/LinkProps';
-
-export interface BreadcrumbProps extends LinkProps {
-  className?: string;
-  onClick?: () => void;
-}
-
-export const Breadcrumb = JSX<BreadcrumbProps>(({ className = '', children, ...props }) => {
-  const link = useLink();
-  const { text, href, target, onClick } = link(props);
-
-  return href ? (
-    <a className={`no-underline ${className}`} href={href} target={target} onClick={onClick}>
-      <span className={className}>{text || children}</span>
-    </a>
-  ) : (
-    <span className={className}>{text || children}</span>
-  );
-});

package/src/ui-kit/Breadcrumb.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../hooks/useLink';
-import { type LinkProps } from '../model/LinkProps';
-
-export interface BreadcrumbProps extends LinkProps {
-  className?: string;
-  onClick?: () => void;
-}
-
-export const Breadcrumb = JSX<BreadcrumbProps>(({ className = '', children, ...props }) => {
-  const link = useLink();
-  const { text, href, target, onClick } = link(props);
-
-  return href ? (
-    <a className={`no-underline ${className}`} href={href} target={target} onClick={onClick}>
-      <span className={className}>{text || children}</span>
-    </a>
-  ) : (
-    <span className={className}>{text || children}</span>
-  );
-});