@redneckz/wildless-cms-uni-blocks 0.4.5 → 0.4.7

package/src/ui-kit/CurrencyInput/CurrencyInput.tsx

@@ -0,0 +1,70 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { clamp } from '../../utils/clamp';
+
+// ISO 4217 codes
+/**
+ * @title Валюта
+ * @enumNames ["Рубль", "Доллар", "Евро"]
+ * @default "RUB"
+ */
+type Currency = 'RUB' | 'USD' | 'EUR';
+
+const CurrencyMap: Record<Currency, string> = {
+  RUB: '₽',
+  USD: '$',
+  EUR: '€',
+};
+
+type CurrencyInputProps = {
+  className?: string;
+  label?: string;
+  currency?: Currency;
+  onChange?: (value: string) => void;
+  name?: string;
+  value?: string;
+  placeholder?: string;
+  minValue?: number;
+  maxValue?: number;
+};
+
+export const CurrencyInput = JSX<CurrencyInputProps>(
+  ({
+    className = '',
+    label,
+    currency = 'RUB',
+    onChange,
+    value = '',
+    minValue = 0,
+    maxValue = 300000,
+    ...inputProps
+  }) => {
+    const handleChange = (e: any) => {
+      if (!onChange) {
+        return;
+      }
+
+      const newValue =
+        e.target.value === '' ? '' : String(clamp(e.target.value as number, minValue, maxValue));
+
+      onChange(newValue);
+    };
+
+    return (
+      <div className={className}>
+        {label ? <label className="block text-m-light mb-2">{label}</label> : null}
+        <div className="h-[56px] relative flex items-center">
+          <input
+            type="number"
+            className="text-l pl-4 pr-8 w-full h-full rounded-md border border-solid border-main-stroke"
+            onChange={handleChange}
+            value={value}
+            min={minValue}
+            max={maxValue}
+            {...inputProps}
+          />
+          <span className="text-xl-light absolute right-4">{CurrencyMap[currency]}</span>
+        </div>
+      </div>
+    );
+  },
+);

package/src/ui-kit/InnerTable/InnerTable.tsx

@@ -18,7 +18,7 @@ export const InnerTable = JSX<InnerTableProps>(({ context, dataUrl, pdfUrl }) =>
   const currencies = tableData?.map((item) => item.currency ?? '');
 
   return tableData ? (
-    <div className="bg-white z-10 pr-[50px]">
+    <div className="bg-white z-10">
       <InnerTableHeader
         currencies={currencies}
         activeTabIndex={activeTabIndex}

package/src/ui-kit/InnerTable/InnerTableButton.tsx

@@ -10,9 +10,9 @@ export interface TableInnerButtonProps extends TariffsTableInnerEvent, UniBlockP
 }
 
 export const TableInnerButton = JSX<TableInnerButtonProps>(
-  ({ isOpen, dataUrl, rowIdx, cellIdx, fieldIdx }) => {
+  ({ isOpen, dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx }) => {
     const handleClick = () => {
-      EventBus.inst.fire('tariffInnerTable', { dataUrl, rowIdx, cellIdx, fieldIdx });
+      EventBus.inst.fire('tariffInnerTable', { dataUrl, pdfUrl, rowIdx, cellIdx, fieldIdx });
     };
 
     return (

package/src/ui-kit/InnerTable/InnerTableHeader.tsx

@@ -33,7 +33,7 @@ export const InnerTableHeader = JSX<InnerTableHeaderProps>(
           version="secondary"
           className="flex justify-center items-center text-l-light text-primary-main px-8"
         >
-          <Img image="DocDownload" className="mr-[10px]" width="24" height="24" asSVG />
+          <Img image="DocDownloadIcon" className="mr-[10px]" width="24" height="24" asSVG />
           <span>Скачать в PDF</span>
         </Button>
       ) : null}

package/src/ui-kit/InputRange/InputRange.tsx

@@ -41,7 +41,7 @@ export const InputRange = JSX<InputRangeProps>(
     return (
       <div className={className}>
         <label className="block relative">
-          {title ? <span className="text-m font-light">{title}</span> : null}
+          {title ? <span className="text-m-light">{title}</span> : null}
           <input
             className={`m-0 mt-2 font-sans text-h3 w-full h-14 border border-solid border-main-stroke rounded-md
                         outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus ${DISABLED_INPUT_CLASSES}`}

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

@@ -28,7 +28,7 @@ export const Logo = JSX<Partial<LogoProps>>(
         target={targetBlank ? '_blank' : '_self'}
         aria-label="Россельхозбанк"
       >
-        <Img image={{ icon: 'Logo' }} className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`} asSVG />
+        <Img image={{ icon: 'LogoIcon' }} className={`${SVG_COLOR[bgColor]} w-10 h-[38px]`} asSVG />
         {hideTitle ? null : (
           <span className={`${TEXT_COLOR[bgColor]} text-s font-medium ml-2.5`}>
             {children || 'Россельхозбанк'}

package/src/ui-kit/Logo/Logo.tsx

@@ -50,7 +50,7 @@ export const Logo = JSX<Partial<LogoProps>>(
           <Img image={logo.image} className={SVG_COLOR[bgColor]} width="40" height="45" asSVG />
         ) : (
           <Img
-            image={{ icon: 'Logo', iconVersion: ICON_VERSION_MAP[bgColor] }}
+            image={{ icon: 'LogoIcon', iconVersion: ICON_VERSION_MAP[bgColor] }}
             className={`${SVG_COLOR[bgColor]} w-10`}
             width="40"
             height="45"

package/src/ui-kit/Radio/Radio.tsx

@@ -5,7 +5,7 @@ export const Radio = JSX<RadioProps>(({ name, text, value, checked, onChange, cl
   <div className={className}>
     <label className="flex items-center relative cursor-pointer">
       <input
-        className="appearance-none flex justify-center items-center w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
+        className="appearance-none flex justify-center items-center shrink-0 w-5 h-5 border-2 border-primary-main rounded-full cursor-pointer after:block after:w-2.5 after:h-2.5 after:rounded-full checked:after:bg-primary-main"
         type="radio"
         value={value}
         name={name}

package/src/ui-kit/Select/Select.tsx

@@ -22,6 +22,7 @@ export const Select = JSX<SelectProps>(
         name={name || id}
         value={value}
         onChange={(e) => onChange(e.target.value as string)}
+        placeholder="12321321312"
       >
         {children}
       </select>

package/src/ui-kit/Select/SelectOption.tsx

@@ -4,12 +4,13 @@ export interface SelectOptionProps {
   className?: string;
   value?: string;
   selected?: boolean;
+  disabled?: boolean;
 }
 
 export const SelectOption = JSX<SelectOptionProps>(
-  ({ className = '', value, selected, children }) => {
+  ({ className = '', value, selected, disabled = false, children }) => {
     return (
-      <option className={className} value={`${value}`} selected={selected}>
+      <option className={className} value={`${value}`} selected={selected} disabled={disabled}>
         {children}
       </option>
     );

package/mobile/src/components/SafeDepositRental/SafeDepositRental.example.json

@@ -1,3 +0,0 @@
-{
-  "title": "Аренда сейфовых ячеек"
-}

package/src/components/SafeDepositRental/SafeDepositRental.example.json

@@ -1,3 +0,0 @@
-{
-  "title": "Аренда сейфовых ячеек"
-}