@redneckz/wildless-cms-uni-blocks 0.3.93 → 0.3.95

package/bundle/bundle.umd.js

@@ -1827,7 +1827,7 @@
 
   function renderInput(props) {
       const { placeholder, rates, selected, value, setValue, setSelected } = props;
-      return (jsxs("div", { className: "relative flex items-center", children: [jsx(Input, { className: "h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12", placeholder: placeholder, type: "text", value: value, onChange: setValue }), rates.length ? (jsx(Select, { className: "h-9 -translate-x-4 bg-transparent", value: selected, onChange: (_) => setSelected(_), children: rates.map((_, i) => (jsx(SelectOption, { value: _.code, children: _.code }, String(i)))) })) : null] }));
+      return (jsxs("div", { className: "relative flex items-center", children: [jsx(Input, { className: "shrink-0 h-13 border pl-4 pt-4 pb-4 rounded-md text-l w-full appearance-none -mr-12", placeholder: placeholder, type: "text", value: value, onChange: setValue }), rates.length ? (jsx(Select, { className: "shrink-0 w-20 h-9 -translate-x-8 bg-transparent", value: selected, onChange: (_) => setSelected(_), children: rates.map((_, i) => (jsx(SelectOption, { value: _.code, children: _.code }, String(i)))) })) : null] }));
   }
 
   const ExchangeCurrencyCalculator = JSX(({ context, className = '', currencyRatesBuy, currencyRatesSell, button }) => {
@@ -2123,7 +2123,7 @@
       ${isActive
         ? 'bg-white/30 text-white'
         : 'bg-main-divider text-secondary-text group-hover:text-primary-main'}`;
-      return (jsxs("div", { className: `flex-1 flex items-center justify-center cursor-pointer ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": isActive, children: [tab?.title ? jsx("div", { className: tabText, children: tab.title }) : null, isShowCounter ? (jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: tab.count })) : null] }, String(i)));
+      return (jsxs("div", { className: `flex-1 flex items-center justify-center cursor-pointer m-1 ${tabBg}`, role: "tab", onClick: () => onTabClick(tab.tag), "aria-selected": isActive, children: [tab?.title ? jsx("div", { className: tabText, children: tab.title }) : null, isShowCounter ? (jsx("div", { className: `flex items-center justify-center ${counterBlockStyle}`, children: tab.count })) : null] }, String(i)));
   };
 
   const GroupBlock = JSX(({ className = '', tabs, context, groupBlocks = [], isShowCounter, ...rest }) => {
@@ -2587,22 +2587,6 @@
           }) }));
   };
 
-  const SAFE_DEPOSIT_RENTAL_URL = '/api/v1/safe-deposit-rental.json';
-  function useSafeDepositRental(useAsyncData) {
-      const { data } = useAsyncData(SAFE_DEPOSIT_RENTAL_URL, fetchSafeDepositRental);
-      const result = data || [];
-      return result;
-  }
-  async function fetchSafeDepositRental() {
-      try {
-          const response = await fetch(SAFE_DEPOSIT_RENTAL_URL);
-          return await response.json();
-      }
-      catch (err) {
-          console.error(err);
-      }
-  }
-
   const Radio = JSX(({ name, text, value, checked, onChange, className }) => (jsx("div", { className: className, children: jsxs("label", { className: "flex items-center relative cursor-pointer", children: [jsx("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", type: "radio", value: value, name: name, checked: checked, onChange: onChange }), text ? jsx("span", { className: "font-sans ml-3 text-m-base cursor-pointer", children: text }) : null] }) })));
 
   const SafeDepositRentalForm = ({ cities, cellDimensions, cellOptions, days, setDays, context, }) => {
@@ -2691,9 +2675,69 @@
   };
 
   const DEFAULT_DAYS = 26;
+  const DATA = {
+      cities: [
+          {
+              city: 'Москва',
+              offices: [
+                  {
+                      office: 'МоскваОфис1',
+                      rate: 1,
+                  },
+                  {
+                      office: 'МоскваОфис2',
+                      rate: 2,
+                  },
+                  {
+                      office: 'МоскваОфис3',
+                      rate: 3,
+                  },
+              ],
+          },
+          {
+              city: 'Краснодар',
+              offices: [
+                  {
+                      office: 'КраснодарОфис1',
+                      rate: 2,
+                  },
+                  {
+                      office: 'КраснодарОфис2',
+                      rate: 4,
+                  },
+                  {
+                      office: 'КраснодарОфис3',
+                      rate: 6,
+                  },
+              ],
+          },
+      ],
+      cellDimensions: [
+          {
+              dimension: 'маленькая',
+          },
+          {
+              dimension: 'средняя',
+          },
+          {
+              dimension: 'большая',
+          },
+      ],
+      cellOptions: [
+          {
+              option: '125x225x375',
+          },
+          {
+              option: '200x300x400',
+          },
+          {
+              option: '300x400x500',
+          },
+      ],
+  };
   const SafeDepositRental = JSX(({ context, className = '', ...rest }) => {
       const [days, setDays] = context.useState(DEFAULT_DAYS);
-      const data = useSafeDepositRental(context.useAsyncData);
+      const data = DATA;
       return (jsxs(BlockWrapper, { context: context, className: `bg-white px-8 py-12 ${className}`, ...rest, children: [jsxs("div", { className: "flex justify-between align-top mb-6", children: [data?.cities?.length ? (jsx(SafeDepositRentalForm, { ...data, days: days, setDays: setDays, context: context })) : null, jsx(SafeDepositRentalTotal, { days: days })] }), jsx("p", { className: "text-button font-light text-secondary-text", children: "\u0410\u0440\u0435\u043D\u0434\u0430 \u0421\u042F, \u0432 \u0441\u043B\u0443\u0447\u0430\u0435 \u043F\u0440\u043E\u0432\u0435\u0434\u0435\u043D\u0438\u044F \u043F\u0440\u043E\u0446\u0435\u0434\u0443\u0440\u044B \u043A\u0443\u043F\u043B\u0438-\u043F\u0440\u043E\u0434\u0430\u0436\u0438, \u0441 \u0438\u0441\u043F\u043E\u043B\u044C\u0437\u043E\u0432\u0430\u043D\u0438\u0435\u043C \u043D\u0430\u043B\u0438\u0447\u043D\u044B\u0445 \u0434\u0435\u043D\u0435\u0433 \u0438\u043B\u0438 \u043F\u0440\u043E\u0446\u0435\u0434\u0443\u0440\u044B \u0438\u043F\u043E\u0442\u0435\u0447\u043D\u043E\u0439 \u0441\u0434\u0435\u043B\u043A\u0438" })] }));
   });