@redneckz/wildless-cms-uni-blocks 0.14.209 → 0.14.211

package/src/components/CarouselLinks/CarouselLinkButton.mobile.tsx

@@ -1,40 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useLink } from '../../hooks/useLink';
-import { Icon } from '../../ui-kit/Icon/Icon';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { style } from '../../utils/style';
-import { type CarouselLinkProps } from './CarouselLinksContent';
-
-export type CarouselLinkButtonProps = CarouselLinkProps & {
-  className?: string;
-};
-
-export const CarouselLinkButton = JSX<CarouselLinkButtonProps>(
-  ({ className = '', icon, ...linkProps }) => {
-    const link = useLink();
-    const { text, href, target, onClick } = link(linkProps);
-
-    return text ? (
-      <div className={style('w-full pb-lg', className)}>
-        <a
-          className="bg-white flex justify-between rounded-md w-full p-lg whitespace-nowrap"
-          role="link"
-          href={href}
-          target={target}
-          onClick={onClick}
-        >
-          <div className="flex items-center space-x-lg">
-            {icon ? (
-              <Img imageClassName="text-green-dark" image={icon} width="20" height="20" />
-            ) : null}
-            <Text size="text-l" font="font-light" color="text-primary-text">
-              {text}
-            </Text>
-          </div>
-          <Icon className="text-green" name="ArrowRightIcon" width="20" height="20" />
-        </a>
-      </div>
-    ) : null;
-  },
-);

package/src/components/CarouselLinks/CarouselLinks.mobile.tsx

@@ -1,75 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type LinkProps } from '../../model/LinkProps';
-import { BlockWrapper } from '../../ui-kit/BlockWrapper';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { type FoldablePartProps } from '../../ui-kit/Foldable/FoldablePartProps';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { Headline } from '../Headline/Headline';
-import { CarouselLinkButton } from './CarouselLinkButton';
-import { type CarouselLinksContent } from './CarouselLinksContent';
-
-export interface CarouselLinksProps extends CarouselLinksContent, UniBlockProps {}
-
-export const CarouselLinks = JSX<CarouselLinksProps>(
-  ({ className, additionalDescription, description, links = [], title, ...rest }) => (
-    <BlockWrapper className={className} {...rest}>
-      <div>
-        <Headline
-          isEmbedded={true}
-          title={title}
-          description={description}
-          as="h1"
-          align="text-left"
-        />
-        <Headline
-          className="pt-m"
-          description={additionalDescription}
-          align="text-left"
-          isEmbedded={true}
-        />
-      </div>
-      {links?.length ? renderLinks(links) : null}
-    </BlockWrapper>
-  ),
-);
-
-const renderLinks = (links: LinkProps[], visibleLinksNum = 3) => {
-  const carouselLinks = (links || []).map((link, index) => (
-    <CarouselLinkButton key={String(index)} {...link} />
-  ));
-
-  const [visibleLinks, hiddenLinks] =
-    visibleLinksNum > 0
-      ? [carouselLinks.slice(0, visibleLinksNum), carouselLinks.slice(visibleLinksNum)]
-      : [carouselLinks, []];
-
-  return (
-    <div className="mt-4xl">
-      {hiddenLinks.length > 0 ? (
-        <Foldable
-          renderFoldableSection={({ isUnfolded }) => (
-            <div>
-              <div className="mb-1">{visibleLinks}</div>
-              <FoldableSection isUnfolded={isUnfolded}>{hiddenLinks}</FoldableSection>
-            </div>
-          )}
-          renderFoldButton={renderFoldButton}
-        />
-      ) : (
-        <div>{visibleLinks}</div>
-      )}
-    </div>
-  );
-};
-
-const renderFoldButton = ({ isUnfolded, onToggle }: FoldablePartProps) =>
-  isUnfolded ? null : (
-    <DefaultFoldButton
-      className="border-t-main-divider/50"
-      icon="PlusIcon"
-      label="Показать еще"
-      onClick={onToggle}
-    />
-  );