@redneckz/wildless-cms-uni-blocks 0.5.5 → 0.5.7

package/src/model/ButtonVersion.ts

@@ -1,6 +1,6 @@
 /**
  * @title Цвет кнопки
- * @default primary
  * @enumNames ["Основная", "Второстепенная", "Белая", "Ссылка"]
+ * @default primary
  */
 export type ButtonVersion = 'primary' | 'secondary' | 'white' | 'link';

package/src/model/Footnote.ts

@@ -0,0 +1,4 @@
+export interface Footnote {
+  /** @title Сноска */
+  footnote?: string;
+}

package/src/model/HeadlineType.ts

@@ -14,6 +14,11 @@ export type DescriptionProps = {
   description?: string;
 };
 
+export type LabelProps = {
+  /** @title Название */
+  label?: string;
+};
+
 export type HeadlineCommonProps = TitleProps & DescriptionProps;
 
 export type HeadlineProps = HeadlineCommonProps & {

package/src/model/Picture.ts

@@ -67,3 +67,8 @@ export interface Picture extends Img, ImgSource {
   sources?: ImgSource[];
   className?: string;
 }
+
+export type IconProps = {
+  /** @title Иконка */
+  icon?: Picture;
+};

package/src/model/ProductColorVersion.ts

@@ -0,0 +1,4 @@
+/**
+ * @enumNames ["Черный", "Белый"]
+ */
+export type ProductColorVersion = 'black' | 'white';

package/src/services/sitemap/useSitemap.ts

@@ -1,12 +1,14 @@
 import { useAsyncData } from '@redneckz/uni-jsx/lib/hooks/useAsyncData';
 import type { HeaderContent } from '../../components/Header/HeaderContent';
 import { projectSettings } from '../../ProjectSettings';
+import type { Fallback } from '../../types/Fallback';
 import { fetchJSONUnsafe } from '../../utils/fetchJSON';
 
-export function useSitemap(): HeaderContent {
+export function useSitemap(fallback: Fallback = {}): HeaderContent {
   const { data } = useAsyncData<HeaderContent>(
     `/wcms-resources/${projectSettings.SITEMAP || 'sitemap'}.json`,
     fetchJSONUnsafe,
+    { fallback },
   );
 
   return data || {};

package/src/types/Fallback.ts

@@ -0,0 +1,4 @@
+type Key = string;
+type Data = any;
+export type FallbackMap = Record<Key, () => Promise<Data>>;
+export type Fallback = Record<Key, Data>;

package/src/types.ts

@@ -50,6 +50,7 @@ export interface ContentPageDef extends ContentPageMeta {
   style?: string[];
   blocks?: BlockDef[];
   slots?: SlotsMap;
+  fallback?: Record<string, unknown>;
   likeControl?: boolean;
   colorPalette?: ColorPalette;
 }

package/src/ui-kit/BenefitItem/BenefitItemProps.ts

@@ -1,6 +1,7 @@
-import type { Picture } from '../../model/Picture';
+import type { IconProps } from '../../model/Picture';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { IconVersion } from '../../model/IconVersion';
+import type { DescriptionProps, LabelProps } from '../../model/HeadlineType';
 
 export interface BenefitItemCommonProps {
   benefitsVersion?: IconVersion;
@@ -10,13 +11,7 @@ export interface BenefitItemCommonProps {
   className?: string;
 }
 
-export type BenefitItemProps = {
-  icon?: Picture;
-  /** @title Название */
-  label?: string;
-  /** @title Описание */
-  description?: string;
-};
+export type BenefitItemProps = DescriptionProps & LabelProps & IconProps;
 
 /**
  * @title Преимущество

package/src/ui-kit/Button/ButtonProps.ts

@@ -1,6 +1,6 @@
 import type { ButtonVersion } from '../../model/ButtonVersion';
 import type { LinkProps } from '../../model/LinkProps';
-import type { Picture } from '../../model/Picture';
+import type { IconProps, Picture } from '../../model/Picture';
 import type { VNode } from '../../model/VNode';
 
 /**
@@ -51,15 +51,14 @@ export interface ButtonContent {
   buttons?: ButtonWithIconProps[];
 }
 
-export interface BackwardButtonProps extends ButtonProps {
-  /** @title Иконка */
-  icon?: Picture;
-  /** @title Верхний текст */
-  aboveText?: string;
-  /** @hidden */
-  appendLeft?: VNode;
-  /** @title Закругленные углы */
-  rounded?: boolean;
-  /** @hidden */
-  asSVG?: boolean;
-}
+export type BackwardButtonProps = ButtonProps &
+  IconProps & {
+    /** @title Верхний текст */
+    aboveText?: string;
+    /** @hidden */
+    appendLeft?: VNode;
+    /** @title Закругленные углы */
+    rounded?: boolean;
+    /** @hidden */
+    asSVG?: boolean;
+  };

package/src/ui-kit/Button/ButtonSection.tsx

@@ -28,12 +28,29 @@ function renderButton(
     return null;
   }
   const imgStyle = version === 'primary' ? 'group-hover:text-black' : 'group-hover:text-white';
+  const iconVersion = version === 'secondary' ? 'normal' : 'white';
 
   return icon ? (
     <Button
       key={String(i)}
-      appendLeft={<Img imageClassName={imgStyle} image={icon} width="24" height="24" asSVG />}
-      appendRight={<Img imageClassName={imgStyle} image={iconRight} width="24" height="24" asSVG />}
+      appendLeft={
+        <Img
+          imageClassName={imgStyle}
+          image={{ ...icon, iconVersion: iconVersion }}
+          width="24"
+          height="24"
+          asSVG
+        />
+      }
+      appendRight={
+        <Img
+          imageClassName={imgStyle}
+          image={{ ...iconRight, iconVersion: iconVersion }}
+          width="24"
+          height="24"
+          asSVG
+        />
+      }
       version={version}
       {...button}
     />

package/src/ui-kit/Button/buttonClassNameConstants.ts

@@ -8,10 +8,12 @@ export const buttonStyleMap: Record<ButtonVersion, string> = {
   link: '',
 };
 
+const DisabledStyle = 'bg-main-divider text-main-disabled';
+
 export const buttonDisabledStyleMap: Record<ButtonVersion, string> = {
-  primary: 'bg-secondary-dark text-secondary-text',
-  secondary: 'bg-secondary-light text-secondary-text',
-  white: 'bg-white text-primary-text',
+  primary: DisabledStyle,
+  secondary: DisabledStyle,
+  white: DisabledStyle,
   link: '',
 };
 

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

@@ -45,7 +45,7 @@ export const Foldable = JSX<FoldableProps>(
 
     const buttonClassName =
       foldButtonClasses ||
-      'border-none bg-primary-main hover:bg-primary-hover px-0 py-5 mb-[1px] w-full font-sans text-white text-h4 flex justify-center cursor-pointer';
+      'border-none bg-primary-main hover:bg-primary-hover focus:bg-primary-main active:bg-primary-active px-0 py-5 mb-[1px] w-full font-sans text-white text-h4 flex justify-center cursor-pointer';
     const getFoldButtonLabel = isActive ? 'Скрыть' : foldButtonLabel;
 
     return blocks ? (

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

@@ -10,7 +10,7 @@ export const Input = JSX<InputProps>(
 
     return (
       <input
-        className={`border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text ${className}`}
+        className={`border rounded-md border-main-stroke hover:border-primary-hover active:border-primary-text focus:border-primary-text text-primary-text outline-none ${className}`}
         id={id}
         name={name || id}
         type={type}

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

@@ -1,5 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { addSpacesBetweenNumbers } from '../../utils/addSpacesBetweenNumbers';
+import { clamp } from '../../utils/clamp';
 import type { InputRangeProps } from './InputRangeProps';
 
 const DISABLED_INPUT_CLASSES = 'disabled:border-main-stroke disabled:bg-main-divider';
@@ -16,27 +17,19 @@ export const InputRange = JSX<InputRangeProps>(
     disabled = false,
     onChange,
   }) => {
-    const handleChange = (_: string) => {
+    const getSanitizedValue = (_: string) => Number(_.replace(/\D/g, ''));
+
+    const handleChange = (e) => {
       if (!onChange) {
         return;
       }
-      const sanitizedValue = Number(_.replace(/\D/g, ''));
-      onChange(sanitizedValue);
+
+      onChange(clamp(getSanitizedValue(e.target.value as string), min, max));
     };
+
     const inputStyle = {
       backgroundSize: `${(((value - min) * 100) / (max - min)).toFixed(2)}% 100%`,
     };
-    const handleBlur = () => {
-      if (!onChange) {
-        return;
-      }
-      if (value < min) {
-        onChange(min);
-      }
-      if (value > max) {
-        onChange(max);
-      }
-    };
 
     return (
       <div className={className}>
@@ -44,11 +37,11 @@ export const InputRange = JSX<InputRangeProps>(
           {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}`}
+            outline-none p-0 pl-4 box-border text-primary-text hover:border-primary-hover focus:border-primary-focus ${DISABLED_INPUT_CLASSES}`}
             value={addSpacesBetweenNumbers(value)}
             disabled={disabled}
-            onChange={(e) => handleChange(e.target.value as string)}
-            onBlur={handleBlur}
+            onChange={handleChange}
+            onBlur={handleChange}
           />
           <div className="absolute inset-x-0 -bottom-1 px-4 leading-[18px]">
             <input
@@ -59,19 +52,25 @@ export const InputRange = JSX<InputRangeProps>(
               step={step}
               value={value}
               disabled={disabled}
-              onChange={(e) => handleChange(e.target.value as string)}
+              onChange={handleChange}
               style={inputStyle}
             />
           </div>
         </label>
-        <div className="flex justify-between my-2">
-          {items.map((item, i) => (
-            <span key={String(i)} className="text-s-light text-secondary-text">
-              {item}
-            </span>
-          ))}
-        </div>
+        {renderRangeCaption(items)}
       </div>
     );
   },
 );
+
+function renderRangeCaption(items) {
+  return (
+    <div className="flex justify-between my-2">
+      {items.map((item, i) => (
+        <span key={String(i)} className="text-s-light text-secondary-text">
+          {item}
+        </span>
+      ))}
+    </div>
+  );
+}

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

@@ -5,7 +5,8 @@ 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 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"
+        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/RadioButtonGroup/RadioButtonGroup.tsx

@@ -16,7 +16,7 @@ interface RadioButtonGroupProps extends UniBlockProps {
 export const RadioButtonGroup = JSX<RadioButtonGroupProps>(
   ({ items, checkedItem, onChangeCheckedItem }) => {
     return (
-      <div>
+      <div className="flex flex-col gap-3">
         {items?.map(({ id, text }) => (
           <Checkbox
             key={id}

package/src/ui-kit/SearchBar/SearchBarInner.tsx

@@ -55,7 +55,7 @@ export const SearchBarInner = JSX<SearchBarInnerProps>(({ className, isMobile =
         <Button
           version="primary"
           text="Найти"
-          className="invisible peer-focus:visible absolute top-1 right-1"
+          className="invisible peer-focus:visible absolute top-[3px] right-1"
           onClick={(ev) => {
             ev?.preventDefault();
             console.log('click');

package/src/ui-kit/SelectCustom/SelectCustom.fixture.tsx

@@ -0,0 +1,15 @@
+import { SelectCustom } from './SelectCustom';
+
+const rates = [
+  { text: 'USD', key: '1' },
+  { text: 'EUR', key: '2' },
+  { text: 'Other', key: '3' },
+];
+
+export default {
+  default: (
+    <div className="w-[1280px] ml-10 flex flex-col">
+      <SelectCustom options={rates} label="Заголовок" onChange={(_) => console.log(_)} />
+    </div>
+  ),
+};

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

@@ -0,0 +1,91 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { Icon } from '../Icon/Icon';
+import { useState, useEffect } from '@redneckz/uni-jsx/lib/hooks';
+
+export interface OptionProps {
+  key: string;
+  text: string;
+}
+
+export interface SelectCustomProps {
+  className?: string;
+  label?: string;
+  value?: OptionProps;
+  onChange: (value: OptionProps) => void;
+  options: OptionProps[];
+  isBorder?: boolean;
+}
+
+export const SelectCustom = JSX<SelectCustomProps>(
+  ({ className = '', isBorder = true, label, options = [], value, onChange }) => {
+    const [selectedItem, setSelectedItem] = useState(options[0] || { key: '', text: '' });
+    const [isOpen, setIsOpen] = useState(false);
+
+    const choiceOption = (option: OptionProps) => {
+      setSelectedItem(option);
+      setIsOpen(false);
+      onChange(option);
+    };
+
+    const isSelected = (option) => Boolean(option.key === selectedItem.key);
+
+    useEffect(() => {
+      setSelectedItem(value || { key: '', text: '' });
+    }, [value]);
+
+    return (
+      <div className={`${isOpen ? 'z-10' : ''} ${className}`}>
+        {label ? <span className="mb-2">{label}</span> : null}
+        <div className={`relative w-fit`}>
+          <div
+            className={`text-m-light flex justify-between items-center min-h-[56px] mb-0.5 p-4 pr-8 text-primary-text cursor-pointer
+            ${getBorderStyle(isBorder)}`}
+            onClick={() => setIsOpen(!isOpen)}
+          >
+            {selectedItem.text}
+            <Icon
+              name="ArrowUpIcon"
+              width="16"
+              height="16"
+              className={`absolute right-3 ${isOpen ? '' : 'rotate-180'}`}
+            />
+          </div>
+          {options.length > 0 ? (
+            <div className={`h-0 ${isOpen ? '' : 'overflow-hidden'}`}>
+              <div className={`bg-white text-l rounded-md`}>
+                {options.map(renderOption(choiceOption, isOpen, isSelected))}
+              </div>
+            </div>
+          ) : null}
+        </div>
+      </div>
+    );
+  },
+);
+
+const renderOption =
+  (choiceOption, isOpen: boolean, isSelected) => (option: OptionProps, i: number) => {
+    return (
+      <div
+        key={String(i)}
+        onClick={() => {
+          choiceOption(option);
+        }}
+        className="flex px-4 py-3 cursor-pointer hover:bg-main-divider pr-11"
+      >
+        <span>{option.text}</span>
+        <Icon
+          name="DoneSimpleIcon"
+          width="16"
+          height="16"
+          className={['absolute right-4 pt-0.5', isSelected(option) && isOpen ? '' : 'hidden'].join(
+            ' ',
+          )}
+        />
+      </div>
+    );
+  };
+
+function getBorderStyle(isBorder) {
+  return isBorder ? 'border border-main-stroke rounded-md hover:border-primary-hover' : '';
+}

package/cosmos-static/icons/StateMortgageIcon.svg

@@ -1 +0,0 @@
-<svg id="icon" width="24" height="24" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M1 22h22m-3.219.01v-4.46" stroke="#000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M19.802 10.89c-1.22 0-2.2.98-2.2 2.2v2.27c0 1.22.98 2.2 2.2 2.2 1.22 0 2.2-.98 2.2-2.2v-2.27c0-1.22-.98-2.2-2.2-2.2Z" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M2.102 6.02c0-2.01 1-3.02 2.99-3.02h6.23c1.99 0 2.98 1.01 2.98 3.02V22m-12.2 0V10.01" stroke="#000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M5.8 8.25h4.95M5.8 12h4.95" stroke="currentColor" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/><path d="M8.25 22v-3.75" stroke="#000" stroke-width="2" stroke-miterlimit="10" stroke-linecap="round" stroke-linejoin="round"/></svg>

package/dist/components/Calculator/MortgageCalculatorForm.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../types';
-import { CommonCalculatorProps, MortgageCalculatorParams } from './CalculatorContent';
-export interface MortgageCalculatorProp extends MortgageCalculatorParams, CommonCalculatorProps, UniBlockProps {
-}
-export declare const MortgageCalculatorForm: import("@redneckz/uni-jsx").UNIComponent<MortgageCalculatorProp, any, any>;

package/dist/components/Calculator/MortgageCalculatorForm.js

@@ -1,34 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MortgageCalculatorForm = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-// TEMP
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const Checkbox_1 = require("../../ui-kit/Checkbox/Checkbox");
-const constants_1 = require("./constants");
-const getCreditRate_1 = require("./getCreditRate");
-const Rate_1 = require("./Rate");
-const renderButtonSection_1 = require("./renderButtonSection");
-const renderInitialFeeInput_1 = require("./renderInitialFeeInput");
-const renderMonthsInput_1 = require("./renderMonthsInput");
-const renderProposalMortgage_1 = require("./renderProposalMortgage");
-const renderRealEstateValue_1 = require("./renderRealEstateValue");
-exports.MortgageCalculatorForm = (0, uni_jsx_1.JSX)(({ context, className = '', buttons }) => {
-    const [moneyValue, setMoneyValue] = (0, hooks_1.useState)(1000000);
-    const [monthsValue, setMonthsValue] = (0, hooks_1.useState)(12);
-    const [isInsurance, toggleIsInsurance] = (0, hooks_1.useState)(false);
-    const [isFullInsurance, toggleIsFullInsurance] = (0, hooks_1.useState)(false);
-    const calculatorParams = {}; // getCalculatorParams(context, { isAnnuity: isInsurance });
-    const minMonths = /*calculatorParams?.minMonths ||*/ constants_1.DEFAULT_MIN_MONTHS;
-    const maxMonths = /* calculatorParams?.maxMonths || */ constants_1.DEFAULT_MAX_MONTHS;
-    const rate = (0, getCreditRate_1.getCreditRate)({ calculatorParams, isInsurance: isInsurance });
-    const proposalMortgageValue = { credit: 3892000, period: 15, taxRefund: 650000 }; // TODO: hardcode
-    return ((0, jsx_runtime_1.jsxs)("section", { className: className, children: [(0, jsx_runtime_1.jsxs)("div", { className: "w-[468px]", children: [(0, renderRealEstateValue_1.renderRealEstateValue)('Стоимость недвижимости, ₽', { moneyValue }, setMoneyValue), (0, renderInitialFeeInput_1.renderInitialFeeInput)('Первоначальный взнос, ₽', {
-                        moneyValue,
-                    }, setMoneyValue), (0, renderMonthsInput_1.renderMonthsInput)('Срок ипотеки, месяцев', {
-                        minMonths,
-                        maxMonths,
-                        monthsValue,
-                    }, setMonthsValue), (0, jsx_runtime_1.jsxs)("div", { className: "mt-7", children: [(0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { text: "\u0421\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435 \u0436\u0438\u0437\u043D\u0438", checked: isInsurance, onChange: toggleIsInsurance }), (0, jsx_runtime_1.jsx)(Checkbox_1.Checkbox, { className: "mt-4", text: "\u0421\u0442\u0440\u0430\u0445\u043E\u0432\u0430\u043D\u0438\u0435 \u0436\u0438\u0437\u043D\u0438, \u0437\u0434\u043E\u0440\u043E\u0432\u044C\u044F \u0438 \u0432\u0440\u0435\u043C\u0435\u043D\u043D\u043E\u0439 \u0443\u0442\u0440\u0430\u0442\u044B \u0442\u0440\u0443\u0434\u043E\u0441\u043F\u043E\u0441\u043E\u0431\u043D\u043E\u0441\u0442\u0438", checked: isFullInsurance, onChange: toggleIsFullInsurance })] })] }), (0, jsx_runtime_1.jsx)(Rate_1.Rate, { rate: rate, rateBlockClassName: "tracking-[-25px]", unit: "%" }), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("div", { className: "w-[351px]", children: (0, renderProposalMortgage_1.renderProposalMortgage)(proposalMortgageValue) }), (0, renderButtonSection_1.renderButtonSection)(context, buttons)] })] }));
-});
-//# sourceMappingURL=MortgageCalculatorForm.js.map

package/dist/components/Calculator/MortgageCalculatorForm.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"MortgageCalculatorForm.js","sourceRoot":"","sources":["../../../src/components/Calculator/MortgageCalculatorForm.tsx"],"names":[],"mappings":";;;AAAA,OAAO;AACP,+CAAwC;AACxC,uDAAuD;AAEvD,6DAA0D;AAG1D,2CAAqE;AACrE,mDAAgD;AAChD,iCAA8B;AAC9B,+DAA4D;AAC5D,mEAAgE;AAChE,2DAAwD;AACxD,qEAAkE;AAClE,mEAAgE;AAOnD,QAAA,sBAAsB,GAAG,IAAA,aAAG,EACvC,CAAC,EAAE,OAAO,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,EAAE,EAAE;IACvC,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,IAAA,gBAAQ,EAAC,OAAO,CAAC,CAAC;IACtD,MAAM,CAAC,WAAW,EAAE,cAAc,CAAC,GAAG,IAAA,gBAAQ,EAAC,EAAE,CAAC,CAAC;IACnD,MAAM,CAAC,WAAW,EAAE,iBAAiB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IACzD,MAAM,CAAC,eAAe,EAAE,qBAAqB,CAAC,GAAG,IAAA,gBAAQ,EAAC,KAAK,CAAC,CAAC;IAEjE,MAAM,gBAAgB,GAAG,EAAE,CAAC,CAAC,4DAA4D;IAEzF,MAAM,SAAS,GAAG,kCAAkC,CAAC,8BAAkB,CAAC;IACxE,MAAM,SAAS,GAAG,oCAAoC,CAAC,8BAAkB,CAAC;IAE1E,MAAM,IAAI,GAAG,IAAA,6BAAa,EAAC,EAAE,gBAAgB,EAAE,WAAW,EAAE,WAAW,EAAE,CAAC,CAAC;IAC3E,MAAM,qBAAqB,GAAG,EAAE,MAAM,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,CAAC,CAAC,iBAAiB;IAEnG,OAAO,CACL,qCAAS,SAAS,EAAE,SAAS,aAC3B,iCAAK,SAAS,EAAC,WAAW,aACvB,IAAA,6CAAqB,EAAC,2BAA2B,EAAE,EAAE,UAAU,EAAE,EAAE,aAAa,CAAC,EACjF,IAAA,6CAAqB,EACpB,yBAAyB,EACzB;wBACE,UAAU;qBACX,EACD,aAAa,CACd,EACA,IAAA,qCAAiB,EAChB,uBAAuB,EACvB;wBACE,SAAS;wBACT,SAAS;wBACT,WAAW;qBACZ,EACD,cAAc,CACf,EACD,iCAAK,SAAS,EAAC,MAAM,aACnB,uBAAC,mBAAQ,IAAC,IAAI,EAAC,mGAAmB,EAAC,OAAO,EAAE,WAAW,EAAE,QAAQ,EAAE,iBAAiB,GAAI,EACxF,uBAAC,mBAAQ,IACP,SAAS,EAAC,MAAM,EAChB,IAAI,EAAC,yVAAiE,EACtE,OAAO,EAAE,eAAe,EACxB,QAAQ,EAAE,qBAAqB,GAC/B,IACE,IACF,EACN,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,EAAE,kBAAkB,EAAC,kBAAkB,EAAC,IAAI,EAAC,GAAG,GAAG,EACnE,4CACE,gCAAK,SAAS,EAAC,WAAW,YAAE,IAAA,+CAAsB,EAAC,qBAAqB,CAAC,GAAO,EAC/E,IAAA,yCAAmB,EAAC,OAAO,EAAE,OAAO,CAAC,IAClC,IACE,CACX,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Navigation/Navigation.d.ts

@@ -1,5 +0,0 @@
-import type { UniBlockProps } from '../../types';
-import type { NavigationContent } from './NavigationContent';
-export interface NavigationProps extends NavigationContent, UniBlockProps {
-}
-export declare const Navigation: import("@redneckz/uni-jsx").UNIComponent<NavigationProps, any, any>;

package/dist/components/Navigation/Navigation.js

@@ -1,17 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Navigation = 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");
-const BlockWrapper_1 = require("../../ui-kit/BlockWrapper");
-const findActiveSubItem_1 = require("../../services/sitemap/findActiveSubItem");
-const NavigationItem_1 = require("./NavigationItem");
-exports.Navigation = (0, uni_jsx_1.JSX)(({ className, context, title, buttons, ...rest }) => {
-    const router = context.useRouter();
-    const { handlerDecorator } = context;
-    const activeButton = (0, findActiveSubItem_1.findActiveSubItem)(router)(buttons);
-    return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { context: context, className: `font-sans text-primary-text flex items-center justify-between ${className || ''}`, ...rest, children: [(0, jsx_runtime_1.jsx)("h2", { className: "text-xl font-medium m-0", children: title }), buttons?.length ? ((0, jsx_runtime_1.jsx)("div", { className: "flex rounded-md overflow-hidden bg-white", children: buttons
-                    .filter(({ text }) => text)
-                    .map((button, i) => ((0, jsx_runtime_1.jsx)(NavigationItem_1.NavigationItem, { className: "first:rounded-tl-md first:rounded-bl-md last:rounded-tr-md last:rounded-br-md", isActive: button === activeButton, ...(0, useLink_1.useLink)({ router, handlerDecorator }, button) }, String(i)))) })) : null] }));
-});
-//# sourceMappingURL=Navigation.js.map

package/dist/components/Navigation/Navigation.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Navigation.js","sourceRoot":"","sources":["../../../src/components/Navigation/Navigation.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,iDAA8C;AAC9C,4DAAyD;AACzD,gFAA6E;AAG7E,qDAAkD;AAIrC,QAAA,UAAU,GAAG,IAAA,aAAG,EAC3B,CAAC,EAAE,SAAS,EAAE,OAAO,EAAE,KAAK,EAAE,OAAO,EAAE,GAAG,IAAI,EAAE,EAAE,EAAE;IAClD,MAAM,MAAM,GAAG,OAAO,CAAC,SAAS,EAAE,CAAC;IACnC,MAAM,EAAE,gBAAgB,EAAE,GAAG,OAAO,CAAC;IAErC,MAAM,YAAY,GAAG,IAAA,qCAAiB,EAAC,MAAM,CAAC,CAAC,OAAO,CAAC,CAAC;IAExD,OAAO,CACL,wBAAC,2BAAY,IACX,OAAO,EAAE,OAAO,EAChB,SAAS,EAAE,iEACT,SAAS,IAAI,EACf,EAAE,KACE,IAAI,aAER,+BAAI,SAAS,EAAC,yBAAyB,YAAE,KAAK,GAAM,EACnD,OAAO,EAAE,MAAM,CAAC,CAAC,CAAC,CACjB,gCAAK,SAAS,EAAC,0CAA0C,YACtD,OAAO;qBACL,MAAM,CAAC,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE,CAAC,IAAI,CAAC;qBAC1B,GAAG,CAAC,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,CAAC,CAClB,uBAAC,+BAAc,IAEb,SAAS,EAAC,+EAA+E,EACzF,QAAQ,EAAE,MAAM,KAAK,YAAY,KAC7B,IAAA,iBAAO,EAAC,EAAE,MAAM,EAAE,gBAAgB,EAAE,EAAE,MAAM,CAAC,IAH5C,MAAM,CAAC,CAAC,CAAC,CAId,CACH,CAAC,GACA,CACP,CAAC,CAAC,CAAC,IAAI,IACK,CAChB,CAAC;AACJ,CAAC,CACF,CAAC"}

package/dist/components/Navigation/NavigationContent.d.ts

@@ -1,10 +0,0 @@
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
-/**
- * @title Навигация
- */
-export interface NavigationContent {
-    /** @title Заголовок */
-    title?: string;
-    /** @title Список ссылок */
-    buttons?: ButtonProps[];
-}

package/dist/components/Navigation/NavigationContent.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationContent.js","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationContent.ts"],"names":[],"mappings":""}

package/dist/components/Navigation/NavigationItem.d.ts

@@ -1,4 +0,0 @@
-import type { ButtonProps } from '../../ui-kit/Button/ButtonProps';
-export declare const NavigationItem: import("@redneckz/uni-jsx").UNIComponent<ButtonProps & {
-    isActive: boolean;
-}, any, any>;

package/dist/components/Navigation/NavigationItem.js

@@ -1,6 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.NavigationItem = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-exports.NavigationItem = (0, uni_jsx_1.JSX)(({ className, text, onClick, href, target, isActive }) => ((0, jsx_runtime_1.jsx)("a", { className: `bg-inherit no-underline px-4 py-2.5 cursor-pointer rounded text-s border border-solid hover:text-primary-main ${className || ''} ${isActive ? 'border-primary-main text-primary-main' : 'border-white text-secondary-text'}`, onClick: onClick, href: href, target: target, children: text })));
-//# sourceMappingURL=NavigationItem.js.map

package/dist/components/Navigation/NavigationItem.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"NavigationItem.js","sourceRoot":"","sources":["../../../src/components/Navigation/NavigationItem.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAG3B,QAAA,cAAc,GAAG,IAAA,aAAG,EAC/B,CAAC,EAAE,SAAS,EAAE,IAAI,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,EAAE,CAAC,CACxD,8BACE,SAAS,EAAE,iHACT,SAAS,IAAI,EACf,IAAI,QAAQ,CAAC,CAAC,CAAC,uCAAuC,CAAC,CAAC,CAAC,kCAAkC,EAAE,EAC7F,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,MAAM,EAAE,MAAM,YAEb,IAAI,GACH,CACL,CACF,CAAC"}

package/dist/hooks/useScript.d.ts

@@ -1,6 +0,0 @@
-export declare type ScriptStatus = 'idle' | 'loading' | 'ready' | 'error';
-export interface UseScriptOptions {
-    shouldPreventLoad?: boolean;
-    removeOnUnmount?: boolean;
-}
-export declare function useScript(src: string | null, options?: UseScriptOptions): ScriptStatus;

package/dist/hooks/useScript.js

@@ -1,75 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.useScript = void 0;
-const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
-const cachedScriptStatuses = {};
-function getScriptNode(src) {
-    const node = document.querySelector(`script[src="${src}"]`);
-    const status = node?.getAttribute('data-status');
-    return {
-        node,
-        status,
-    };
-}
-function getScriptStatus(type) {
-    return type === 'load' ? 'ready' : 'error';
-}
-function getInitialValueStatus(src, options) {
-    if (!src || options?.shouldPreventLoad) {
-        return 'idle';
-    }
-    if (typeof window === 'undefined') {
-        return 'loading';
-    }
-    return cachedScriptStatuses[src] ?? 'loading';
-}
-function useScript(src, options) {
-    const [status, setStatus] = (0, hooks_1.useState)(getInitialValueStatus(src, options));
-    // eslint-disable-next-line complexity
-    (0, hooks_1.useEffect)(() => {
-        if (!src || options?.shouldPreventLoad) {
-            return undefined;
-        }
-        const cachedScriptStatus = cachedScriptStatuses[src];
-        if (cachedScriptStatus === 'ready' || cachedScriptStatus === 'error') {
-            setStatus(cachedScriptStatus);
-            return undefined;
-        }
-        const script = getScriptNode(src);
-        let scriptNode = script.node;
-        if (!scriptNode) {
-            scriptNode = document.createElement('script');
-            scriptNode.src = src;
-            scriptNode.async = true;
-            scriptNode.setAttribute('data-status', 'loading');
-            document.body.appendChild(scriptNode);
-            const setAttributeFromEvent = (event) => {
-                const scriptStatus = getScriptStatus(event.type);
-                scriptNode?.setAttribute('data-status', scriptStatus);
-            };
-            scriptNode.addEventListener('load', setAttributeFromEvent);
-            scriptNode.addEventListener('error', setAttributeFromEvent);
-        }
-        else {
-            setStatus(script.status ?? cachedScriptStatus ?? 'loading');
-        }
-        const setStateFromEvent = (event) => {
-            const newStatus = getScriptStatus(event.type);
-            setStatus(newStatus);
-            cachedScriptStatuses[src] = newStatus;
-        };
-        scriptNode.addEventListener('load', setStateFromEvent);
-        scriptNode.addEventListener('error', setStateFromEvent);
-        return () => {
-            if (scriptNode) {
-                scriptNode.removeEventListener('load', setStateFromEvent);
-                scriptNode.removeEventListener('error', setStateFromEvent);
-            }
-            if (scriptNode && options?.removeOnUnmount) {
-                scriptNode.remove();
-            }
-        };
-    }, [src, options?.shouldPreventLoad, options?.removeOnUnmount]);
-    return status;
-}
-exports.useScript = useScript;
-//# sourceMappingURL=useScript.js.map