@redneckz/wildless-cms-uni-blocks 0.5.10 → 0.5.12

package/src/content-page-repository/mapJSON.spec.ts

@@ -1,28 +0,0 @@
-import { mapJSON } from './mapJSON';
-
-describe('mapJSON', () => {
-  it('should map scalars', async () => {
-    const mapper = (_: any) => (typeof _ === 'string' ? '<MAPPED>' : _);
-    expect(await mapJSON('foo', mapper)).toBe('<MAPPED>');
-  });
-
-  it('should map arrays', async () => {
-    const mapper = (_: any) => (Array.isArray(_) ? _.map((item) => item.toUpperCase()) : _);
-    expect(await mapJSON(['foo', 'bar', 'baz'], mapper)).toEqual(['FOO', 'BAR', 'BAZ']);
-  });
-
-  it('should map objects', async () => {
-    const mapper = (_: any) => ('bar' in _ ? { ..._, bar: '<MAPPED>' } : _);
-    expect(await mapJSON({ foo: { bar: 'baz' } }, mapper)).toEqual({ foo: { bar: '<MAPPED>' } });
-  });
-
-  it('should support async mappers', async () => {
-    const mapper = (_: any) => ('bar' in _ ? Promise.resolve({ ..._, bar: '<MAPPED>' }) : _);
-    expect(await mapJSON({ foo: { bar: 'baz' } }, mapper)).toEqual({ foo: { bar: '<MAPPED>' } });
-  });
-
-  it('should map nil values as is', async () => {
-    const mapper = (_: any) => (!_ ? '<EMPTY>' : _);
-    expect(await mapJSON([null, undefined, ''], mapper)).toEqual([null, undefined, '<EMPTY>']);
-  });
-});

package/src/react/IntersectionObserverTag.tsx

@@ -1,26 +0,0 @@
-import React, { ReactNode, useCallback, useRef } from 'react';
-import type { IntersectionObserverComponent } from '../components/ContentPage/ContentPageContext';
-
-export const IntersectionObserverTag: IntersectionObserverComponent = (props) => {
-  const {
-    tag: _tag = 'section',
-    observerCallback,
-    observerOptions,
-    className = '',
-    anchor = null,
-    children,
-  } = props;
-
-  const intersectionObserver = useRef<IntersectionObserver>();
-  const ref = useCallback(
-    (tag: HTMLElement | null | undefined) => {
-      if (tag && !intersectionObserver.current) {
-        intersectionObserver.current = new IntersectionObserver(observerCallback, observerOptions);
-        intersectionObserver.current.observe(tag);
-      }
-    },
-    [observerCallback, observerOptions],
-  );
-
-  return React.createElement(_tag, { ref, className, id: anchor }, children as ReactNode);
-};

package/src/services/sitemap/checkIsHrefSameOrigin.spec.ts

@@ -1,20 +0,0 @@
-import { checkIsHrefSameOrigin } from './checkIsHrefSameOrigin';
-
-describe('checkIsHrefSameOrigin', () => {
-  it('should check is URL has the same origin', () => {
-    expect(
-      checkIsHrefSameOrigin('http://foo.ru/other/path', {
-        pathname: '/some/path',
-        href: 'http://foo.ru/some/path',
-      }),
-    ).toEqual(true);
-  });
-  it('should check is URL has the other origin', () => {
-    expect(
-      checkIsHrefSameOrigin('http://foo.ru/other/path', {
-        pathname: '/some/path',
-        href: 'http://bar.ru/some/path',
-      }),
-    ).toEqual(false);
-  });
-});

package/src/services/sitemap/isTopItemActive.spec.ts

@@ -1,60 +0,0 @@
-import type { Router } from '../../components/ContentPage/ContentPageContext';
-import { isTopItemActive } from './isTopItemActive';
-
-const router: Router = {
-  href: 'https://foo.ru/natural/credits',
-  pathname: '/natural',
-  push: () => undefined,
-  replace: () => undefined,
-  query: {},
-};
-
-describe('isTopItemActive', () => {
-  it('should check is top item active', () => {
-    const menuItem = {
-      href: 'https://foo.ru/natural',
-      items: [
-        {
-          href: 'https://bar.ru/credits',
-        },
-      ],
-    };
-    expect(isTopItemActive(router)(menuItem)).toEqual(true);
-  });
-
-  it('should check is sub item active', () => {
-    const menuItem = {
-      href: 'https://bar.ru/natural',
-      items: [
-        {
-          href: 'https://foo.ru/natural/credits',
-        },
-      ],
-    };
-    expect(isTopItemActive(router)(menuItem)).toEqual(true);
-  });
-
-  it('should check is top item has same origin', () => {
-    const menuItem = {
-      href: 'https://foo.ru/svoe',
-      items: [
-        {
-          href: 'https://bar.ru/credits',
-        },
-      ],
-    };
-    expect(isTopItemActive(router)(menuItem)).toEqual(true);
-  });
-
-  it('should check is top item has not active', () => {
-    const menuItem = {
-      href: 'https://bar.ru/svoe',
-      items: [
-        {
-          href: 'https://bar.ru/svoe/credits',
-        },
-      ],
-    };
-    expect(isTopItemActive(router)(menuItem)).toEqual(false);
-  });
-});

package/src/services/sitemap/mergeTopItems.spec.ts

@@ -1,20 +0,0 @@
-import { mergeTopItems } from './mergeTopItems';
-
-describe('mergeTopItems', () => {
-  it('should return original items if no extra items provided', () => {
-    const items = [{ href: '/' }];
-    expect(mergeTopItems(items)).toEqual(items);
-  });
-
-  it('should append extra items to original ones', () => {
-    const items = [{ href: '/' }];
-    const extraItems = [{ href: '/foo' }, { href: '/bar' }];
-    expect(mergeTopItems(items, extraItems)).toEqual(items.concat(extraItems));
-  });
-
-  it('should replace original items with duplicating extra items (by href)', () => {
-    const items = [{ href: '/foo' }];
-    const extraItems = [{ href: '/foo', text: 'foo' }, { href: '/bar' }];
-    expect(mergeTopItems(items, extraItems)).toEqual(extraItems);
-  });
-});

package/src/ui-kit/Foldable/useActiveHandler.ts

@@ -1,33 +0,0 @@
-import { useState } from '@redneckz/uni-jsx/lib/hooks';
-import type { IconName } from '../../icons/IconName';
-
-export const foldableBlockClassNames = 'transition-all duration-300 max-h-0 overflow-hidden';
-
-export interface ActiveHandler {
-  initialState?: boolean;
-}
-
-export const useActiveHandler = ({ initialState = false }: ActiveHandler) => {
-  const [isActive, setIsActive] = useState(initialState);
-  const icon: IconName = isActive ? 'ArrowUpIcon' : 'ArrowDownIcon';
-
-  const handleToggle = (e) => {
-    const currentTarget = e.currentTarget as HTMLElement;
-
-    if (!currentTarget) {
-      return;
-    }
-
-    setIsActive(!isActive);
-    const wrapperBlock = currentTarget.previousSibling as HTMLElement;
-    const contentBlock = wrapperBlock.getElementsByClassName(
-      foldableBlockClassNames,
-    )[0] as HTMLElement;
-
-    contentBlock.style.maxHeight = contentBlock.style.maxHeight
-      ? ''
-      : `${contentBlock.scrollHeight}px`;
-  };
-
-  return { icon, handleToggle, isActive };
-};

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

@@ -1,18 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-
-export interface SelectOptionProps {
-  className?: string;
-  value?: string;
-  selected?: boolean;
-  disabled?: boolean;
-}
-
-export const SelectOption = JSX<SelectOptionProps>(
-  ({ className = '', value, selected, disabled = false, children }) => {
-    return (
-      <option className={className} value={`${value}`} selected={selected} disabled={disabled}>
-        {children}
-      </option>
-    );
-  },
-);

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

@@ -1,91 +0,0 @@
-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/src/ui-kit/SwipeListControl/utils/getIndexParts.spec.ts

@@ -1,19 +0,0 @@
-import { getIndexParts } from './getIndexParts';
-
-// pre-baked array containing [start, end] boundary scrollLeft values for scrollableElements
-const scrollPoints: [number, number][] = [
-  [0, 100],
-  [100, 200],
-];
-
-describe('getIndexParts', () => {
-  it("should return index and it's decimal part if scrollLeft lies within given intervals, right boundary non-inclusive", () => {
-    expect(getIndexParts(0, scrollPoints)).toEqual({ index: 0, fraction: 0 });
-    expect(getIndexParts(199, scrollPoints)).toEqual({ index: 1, fraction: 0.99 });
-  });
-
-  it('should return index equal -1 and fraction equal 0 if scrollLeft is outside given intervals', () => {
-    expect(getIndexParts(-1, scrollPoints)).toEqual({ index: -1, fraction: 0 });
-    expect(getIndexParts(200, scrollPoints)).toEqual({ index: -1, fraction: 0 });
-  });
-});

package/src/ui-kit/SwipeListControl/utils/getScrollPoints.spec.ts

@@ -1,42 +0,0 @@
-import { getScrollPoints } from './getScrollPoints';
-
-const props = {
-  gap: 14,
-  padding: 16,
-  clientWidth: 500,
-  scrollWidth: 1914,
-  childElementCount: 4,
-  itemWidth: 460, // clientWidth - 1 * padding - gap = visible 10px of adjacent element
-};
-
-// pre-baked array containing accurate [start, end] boundary scrollLeft values for scrollableElements
-const scrollPoints: [number, number][] = [
-  [0, 470],
-  [470, 944],
-  [944, 1414],
-  [1414, 1914],
-];
-
-const twoItemsScrollPointsProps = {
-  gap: 14,
-  padding: 16,
-  clientWidth: 414,
-  scrollWidth: 794,
-  childElementCount: 2,
-  itemWidth: 380,
-};
-
-const twoItemsScrollPoints: [number, number][] = [
-  [0, 380],
-  [380, 794],
-];
-
-describe('getScrollPoints', () => {
-  it('should return array containing scroll breakpoints delimiting each child', () => {
-    expect(getScrollPoints(props)).toEqual(scrollPoints);
-  });
-
-  it('should correctly handle case with 2 items in container', () => {
-    expect(getScrollPoints(twoItemsScrollPointsProps)).toEqual(twoItemsScrollPoints);
-  });
-});

package/src/utils/adjustHref.spec.ts

@@ -1,25 +0,0 @@
-import { adjustHref } from './adjustHref';
-
-describe('adjustHref', () => {
-  it('should compute URL relative to some base URL', () => {
-    expect(
-      adjustHref('http://foo.ru/other/path', {
-        pathname: '/some/path',
-        href: 'http://foo.ru/some/path',
-      }),
-    ).toBe('/other/path');
-  });
-
-  it('should compute mobile URL for mobile pages', () => {
-    expect(
-      adjustHref('http://foo.ru/other/path', {
-        pathname: '/mobile/some/path',
-        href: 'http://foo.ru/mobile/some/path',
-      }),
-    ).toBe('/mobile/other/path');
-  });
-
-  it('should return nothing if nothing provided', () => {
-    expect(adjustHref(undefined, { pathname: '/mobile/some/path' })).toBe(undefined);
-  });
-});

package/src/utils/maxBy.spec.ts

@@ -1,11 +0,0 @@
-import { maxBy } from './maxBy';
-
-describe('maxBy', () => {
-  it('should return max value', () => {
-    expect(maxBy((_: number) => _)([1, 3, 2])).toBe(3);
-  });
-
-  it('should return max value with respect to discriminator', () => {
-    expect(maxBy((_: string) => _.length)(['123', '123456789', '123456'])).toBe('123456789');
-  });
-});

package/src/utils/url.spec.ts

@@ -1,17 +0,0 @@
-import { getOrigin, withoutQuery } from './url';
-
-describe('url', () => {
-  describe('withoutQuery', () => {
-    it('should return URL without query params', () => {
-      expect(withoutQuery('http://foo.ru/other/path?first=1&second=2')).toBe(
-        'http://foo.ru/other/path',
-      );
-    });
-  });
-
-  describe('getOrigin', () => {
-    it('should return origin of specified URL', () => {
-      expect(getOrigin('http://foo.ru/other/path?first=1&second=2')).toBe('http://foo.ru');
-    });
-  });
-});