@redneckz/wildless-cms-uni-blocks 0.13.23 → 0.14.0

package/mobile/src/utils/useDebouncedEffect.ts

@@ -1,14 +0,0 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-
-export const useDebouncedEffect = <Deps extends any[]>(
-  effect: () => void | (() => void),
-  deps: Deps,
-  delay = 300,
-) =>
-  useEffect(() => {
-    const timerId = setTimeout(effect, delay);
-
-    return () => {
-      clearTimeout(timerId);
-    };
-  }, deps);

package/src/components/BonusBenefitsBlock/bonusBenefitAlign.mobile.ts

@@ -1 +0,0 @@
-export const bonusBenefitAlign = 'text-left';

package/src/components/BonusBenefitsBlock/bonusBenefitAlign.ts

@@ -1 +0,0 @@
-export const bonusBenefitAlign = 'text-center';

package/src/components/CarouselCatalogCard/CatalogCard.ts

@@ -1,22 +0,0 @@
-import type { ProductColorVersion } from '../../model/ProductColorVersion';
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-
-const colors: ProductColorVersion[] = ['black', 'white'];
-
-const buttonPrimary: ButtonContent = {
-  href: '/credit-cards',
-  text: 'Подробнее',
-  target: '_blank',
-  version: 'primary',
-  icon: {
-    icon: 'AppleIcon',
-  },
-};
-
-export const CATALOG_CARD = {
-  title: 'SATURN S-VI',
-  description: 'Керамическое кольцо с глянцевой поверхностью и огранкой по внешним контурам',
-  price: 5600,
-  colors: colors,
-  button: buttonPrimary,
-};

package/src/components/CarouselProductCard/alignTextStyle.mobile.tsx

@@ -1 +0,0 @@
-export const alignTextStyle = 'text-left';

package/src/components/CarouselProductCard/alignTextStyle.tsx

@@ -1 +0,0 @@
-export const alignTextStyle = 'text-center';

package/src/components/Footer/buttonStylesWithText.ts

@@ -1,11 +0,0 @@
-import { style } from '../../utils/style';
-import { ButtonSize } from './MediaButton';
-import { buttonSizeStyles } from './buttonSizeStyles';
-
-export const buttonStylesWithText = (text: string, buttonSize: ButtonSize) =>
-  text
-    ? ''
-    : style(
-        'py-m group/media flex items-center justify-center box-border',
-        buttonSizeStyles[buttonSize],
-      );

package/src/components/TariffsTable/EmbeddableCellData.mobile.tsx

@@ -1,45 +0,0 @@
-import type { ButtonContent } from '../../ui-kit/Button/ButtonContent';
-import { renderButtonsSection } from '../../ui-kit/Button/renderButtonsSection';
-import { Img } from '../../ui-kit/Img/Img';
-import type { ImageContent } from '../../ui-kit/Img/ImgProps';
-import { List } from '../../ui-kit/List/List';
-import type { ListProps } from '../../ui-kit/List/ListProps';
-import type { LabelDescriptionCell } from './TariffsTableContent';
-import type { ButtonsSectionContent } from '../../ui-kit/Button/ButtonsSectionContent';
-
-export type EmbeddableCellDataType =
-  | ButtonContent
-  | LabelDescriptionCell
-  | ImageContent
-  | ListProps;
-
-const renderButtonsCellData = ({ buttons }: ButtonsSectionContent) =>
-  renderButtonsSection(buttons, {
-    className: 'mt-s',
-    buttonClassName: 'w-12 h-12',
-  });
-
-const renderLabelDescriptionCellData = ({ label, description }: LabelDescriptionCell) => (
-  <div>
-    {label ? <div className="mb-xs">{label}</div> : null}
-    {description ? <div className="text-s text-secondary-text">{description}</div> : null}
-  </div>
-);
-
-const renderImgCellData = ({ image }: ImageContent) =>
-  image?.src ? <Img image={image} className="m-0" imageClassName="m-0" /> : null;
-
-const renderListCellData = ({ isDotted, ...rest }: ListProps) => (
-  <List
-    className="flex flex-col justify-between items-start text-m pl-xs text-base"
-    isDotted={isDotted ?? true}
-    {...rest}
-  />
-);
-
-export const EmbeddableCellData = {
-  Buttons: renderButtonsCellData,
-  Img: renderImgCellData,
-  List: renderListCellData,
-  LabelDescription: renderLabelDescriptionCellData,
-};

package/src/components/TariffsTable/TariffsTable.mobile.tsx

@@ -1,56 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../model/JSXBlock';
-import { Headline } from '../Headline/Headline';
-import type {
-  CellDef,
-  TariffsTableColumn,
-  TariffsTableContent,
-  TariffsTableRowHeader,
-} from './TariffsTableContent';
-import { TariffsTableHorizontal } from './TariffsTableHorizontal';
-import { TariffsTableVertical } from './TariffsTableVertical';
-
-export interface TariffsTableProps extends TariffsTableContent, UniBlockProps {}
-
-export const TariffsTable = JSX<TariffsTableProps>(
-  ({
-    className,
-    title,
-    description,
-    tariffsColumns: columns,
-    rowHeaders,
-    orientation = 'vertical',
-    ...rest
-  }) => {
-    const colData = getColData(columns);
-    const tiles = getTiles(rowHeaders, colData);
-
-    return (
-      <section
-        className={`p-6xl space-3xl bg-white font-sans text-primary-text overflow-x-hidden ${className}`}
-      >
-        <Headline
-          title={title}
-          description={description}
-          headlineVersion="M"
-          align="text-left"
-          isEmbedded={true}
-        />
-        {orientation === 'vertical' ? (
-          <TariffsTableVertical tiles={tiles} {...rest} />
-        ) : (
-          <TariffsTableHorizontal tiles={tiles} {...rest} />
-        )}
-      </section>
-    );
-  },
-);
-
-const getColData = (columns: TariffsTableColumn[] | undefined) =>
-  columns?.[0]?.data ? columns[0].data : [];
-
-const getTiles = (rowHeaders: TariffsTableRowHeader[] | undefined, colData: CellDef[][]) =>
-  rowHeaders?.map((header, i) => ({
-    header,
-    data: colData?.[i] || [{}],
-  }));

package/src/hooks/useBool.ts

@@ -1,19 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-
-export function useBool(defaultValue = false): [
-  boolean,
-  {
-    setValue: (_: boolean) => void;
-    setTrue: () => void;
-    setFalse: () => void;
-    toggle: () => void;
-  },
-] {
-  const [value, setValue] = useState<boolean>(defaultValue);
-
-  const setTrue = useCallback(() => setValue(true), []);
-  const setFalse = useCallback(() => setValue(false), []);
-  const toggle = useCallback(() => setValue((_) => !_), []);
-
-  return [value, { setValue, setTrue, setFalse, toggle }];
-}

package/src/hooks/useList.ts

@@ -1,24 +0,0 @@
-import { useCallback, useState } from '@redneckz/uni-jsx/lib/hooks';
-
-export function useList<T>(initialList: T[] = []): [
-  T[],
-  {
-    setList: (_: T[]) => void;
-    push: (item: T) => void;
-    pop: () => void;
-    remove: (item: T) => void;
-    clear: () => void;
-  },
-] {
-  const [list, setList] = useState<T[]>(initialList);
-
-  const push = useCallback((item: T) => setList((_) => [..._, item]), []);
-  const pop = useCallback(() => setList((_) => _.slice(0, -1)), []);
-  const remove = useCallback(
-    (item: T) => setList((_) => _.filter((currentItem) => currentItem !== item)),
-    [],
-  );
-  const clear = useCallback(() => setList([]), []);
-
-  return [list, { setList, push, pop, remove, clear }];
-}

package/src/hooks/useOutsideClick.ts

@@ -1,25 +0,0 @@
-import { useEffect, useRef } from '@redneckz/uni-jsx/lib/hooks';
-
-export function useOutsideClick<R extends Node>(onClick: () => void) {
-  const targetRef = useRef<R | null>(null);
-
-  useEffect(() => {
-    const handleClickOutside = (event: { target?: any }) => {
-      if (
-        targetRef &&
-        targetRef.current &&
-        event.target instanceof Node &&
-        !targetRef.current.contains(event.target)
-      ) {
-        onClick();
-      }
-    };
-    document.addEventListener('click', handleClickOutside);
-
-    return () => {
-      document.removeEventListener('click', handleClickOutside);
-    };
-  }, [onClick]);
-
-  return targetRef;
-}

package/src/utils/useDebouncedEffect.ts

@@ -1,14 +0,0 @@
-import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
-
-export const useDebouncedEffect = <Deps extends any[]>(
-  effect: () => void | (() => void),
-  deps: Deps,
-  delay = 300,
-) =>
-  useEffect(() => {
-    const timerId = setTimeout(effect, delay);
-
-    return () => {
-      clearTimeout(timerId);
-    };
-  }, deps);