@redneckz/wildless-cms-uni-blocks 0.10.0 → 0.10.2

package/mobile/src/components/LinkDocs/LinkDocsList.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
-import { LinkDocsListItem } from './LinkDocsListItem';
-
-export interface LinkDocsListProps {
-  className?: string;
-  documents?: LinkDocsItem[];
-  columnsMode?: LinkColumnsMode;
-  icon?: Picture;
-}
-
-export const LinkDocsList = JSX<LinkDocsListProps>(
-  ({ className, documents, columnsMode = 'double', icon }) => {
-    return documents?.length ? (
-      <div className={className} role="list">
-        {documents.map((doc, i) => (
-          <div
-            key={String(i)}
-            className={columnsMode === 'double' ? 'basis-[calc(50%-20px)]' : ''}
-            role="listitem"
-          >
-            <LinkDocsListItem
-              className="group/item flex align-middle h-fit w-fit text-primary-text no-underline hover:text-primary-main"
-              doc={doc}
-              icon={icon}
-            />
-          </div>
-        ))}
-      </div>
-    ) : null;
-  },
-);

package/mobile/src/components/LinkDocs/LinkDocsListItemBase.tsx

@@ -1,63 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import { Img } from '../../ui-kit/Img/Img';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import type { LinkDocsItem } from './LinkDocsContent';
-
-export interface LinkDocsListItemProps {
-  className?: string;
-  doc: LinkDocsItem;
-  icon?: Picture;
-}
-
-export interface LinkDocsListItemBaseProps extends LinkDocsListItemProps {
-  iconClassName?: string;
-  textClassName?: string;
-  suffixClassName?: string;
-}
-
-export const LinkDocsListItemBase = JSX<LinkDocsListItemBaseProps>(
-  ({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
-    const { text, fileSize, ...linkProps } = doc;
-
-    return (
-      <a className={className} role="link" {...linkProps}>
-        {icon ? (
-          <Img
-            className={iconClassName}
-            image={getIconWithVersion(icon)}
-            width="24"
-            height="24"
-            asSVG
-          />
-        ) : null}
-        {text ? (
-          <span className={textClassName}>
-            {text}
-            <span className={suffixClassName}>
-              {linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize)}
-            </span>
-          </span>
-        ) : null}
-      </a>
-    );
-  },
-);
-
-const formatSuffix = (ext?: string, fileSize?: string) => {
-  const prefix = ext || fileSize ? ',' : '';
-  const extension = ext ? ` ${ext}` : '';
-  const size = fileSize ? ` (${fileSize})` : '';
-
-  return prefix + extension + size;
-};
-
-const getExtFromHref = (href: string) => {
-  if (!href) {
-    return '';
-  }
-
-  const index = href.lastIndexOf('.');
-
-  return index !== -1 ? href.substring(index + 1) : '';
-};

package/mobile/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import type { LinkDocsItem } from './LinkDocsContent';
-import { LinkDocsListItem } from './LinkDocsListItem';
-
-export interface LinkDocsVerticalListProps {
-  hasBorder?: boolean;
-  documents?: LinkDocsItem[];
-  icon?: Picture;
-}
-
-export const LinkDocsVerticalList = JSX<LinkDocsVerticalListProps>(
-  ({ hasBorder = true, documents, icon }) => {
-    return (
-      <div
-        className={`text-s text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`}
-        role="list"
-      >
-        {documents?.length
-          ? documents.map((doc, i) => (
-              <div key={String(i)} role="listitem">
-                <LinkDocsListItem
-                  className={hasBorder ? 'rounded-md border-gray border border-solid p-4' : ''}
-                  doc={doc}
-                  icon={icon}
-                />
-              </div>
-            ))
-          : null}
-      </div>
-    );
-  },
-);

package/mobile/src/utils/getIconWithVersion.ts

@@ -1,7 +0,0 @@
-import type { Picture } from '../model/Picture';
-import type { BlockVersion } from '../model/BlockVersion';
-
-export const getIconWithVersion = (icon: Picture, version: BlockVersion = 'primary'): Picture => ({
-  ...icon,
-  iconVersion: icon?.iconVersion ?? (version === 'secondary' ? 'white' : 'color'),
-});

package/src/components/LinkDocs/LinkDocsHorizontalList.tsx

@@ -1,21 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { LinkDocsListItem } from './LinkDocsListItem';
-import type { LinkDocsVerticalListProps } from './LinkDocsVerticalList';
-
-export const LinkDocsHorizontalList = JSX<LinkDocsVerticalListProps>(
-  ({ hasBorder = true, documents, icon }) => (
-    <SwipeListControl className="text-s text-primary-main mt-5">
-      {documents?.length
-        ? documents.map((doc, i) => (
-            <LinkDocsListItem
-              key={String(i)}
-              className={hasBorder ? 'rounded-md border-gray border border-solid p-4' : ''}
-              doc={doc}
-              icon={icon}
-            />
-          ))
-        : null}
-    </SwipeListControl>
-  ),
-);

package/src/components/LinkDocs/LinkDocsList.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import type { LinkColumnsMode, LinkDocsItem } from './LinkDocsContent';
-import { LinkDocsListItem } from './LinkDocsListItem';
-
-export interface LinkDocsListProps {
-  className?: string;
-  documents?: LinkDocsItem[];
-  columnsMode?: LinkColumnsMode;
-  icon?: Picture;
-}
-
-export const LinkDocsList = JSX<LinkDocsListProps>(
-  ({ className, documents, columnsMode = 'double', icon }) => {
-    return documents?.length ? (
-      <div className={className} role="list">
-        {documents.map((doc, i) => (
-          <div
-            key={String(i)}
-            className={columnsMode === 'double' ? 'basis-[calc(50%-20px)]' : ''}
-            role="listitem"
-          >
-            <LinkDocsListItem
-              className="group/item flex align-middle h-fit w-fit text-primary-text no-underline hover:text-primary-main"
-              doc={doc}
-              icon={icon}
-            />
-          </div>
-        ))}
-      </div>
-    ) : null;
-  },
-);

package/src/components/LinkDocs/LinkDocsListItem.mobile.tsx

@@ -1,12 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { LinkDocsListItemBase } from './LinkDocsListItemBase';
-import type { LinkDocsListItemProps } from './LinkDocsListItemBase';
-
-export const LinkDocsListItem = JSX<LinkDocsListItemProps>(({ className = '', doc, icon }) => (
-  <LinkDocsListItemBase
-    className={`flex h-full box-border ${className}`}
-    iconClassName="mr-3 min-w-6 min-h-6"
-    doc={doc}
-    icon={icon}
-  />
-));

package/src/components/LinkDocs/LinkDocsListItemBase.tsx

@@ -1,63 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import { Img } from '../../ui-kit/Img/Img';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import type { LinkDocsItem } from './LinkDocsContent';
-
-export interface LinkDocsListItemProps {
-  className?: string;
-  doc: LinkDocsItem;
-  icon?: Picture;
-}
-
-export interface LinkDocsListItemBaseProps extends LinkDocsListItemProps {
-  iconClassName?: string;
-  textClassName?: string;
-  suffixClassName?: string;
-}
-
-export const LinkDocsListItemBase = JSX<LinkDocsListItemBaseProps>(
-  ({ className, iconClassName, textClassName, suffixClassName, doc, icon }) => {
-    const { text, fileSize, ...linkProps } = doc;
-
-    return (
-      <a className={className} role="link" {...linkProps}>
-        {icon ? (
-          <Img
-            className={iconClassName}
-            image={getIconWithVersion(icon)}
-            width="24"
-            height="24"
-            asSVG
-          />
-        ) : null}
-        {text ? (
-          <span className={textClassName}>
-            {text}
-            <span className={suffixClassName}>
-              {linkProps?.href && formatSuffix(getExtFromHref(linkProps.href), fileSize)}
-            </span>
-          </span>
-        ) : null}
-      </a>
-    );
-  },
-);
-
-const formatSuffix = (ext?: string, fileSize?: string) => {
-  const prefix = ext || fileSize ? ',' : '';
-  const extension = ext ? ` ${ext}` : '';
-  const size = fileSize ? ` (${fileSize})` : '';
-
-  return prefix + extension + size;
-};
-
-const getExtFromHref = (href: string) => {
-  if (!href) {
-    return '';
-  }
-
-  const index = href.lastIndexOf('.');
-
-  return index !== -1 ? href.substring(index + 1) : '';
-};

package/src/components/LinkDocs/LinkDocsVerticalList.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { Picture } from '../../model/Picture';
-import type { LinkDocsItem } from './LinkDocsContent';
-import { LinkDocsListItem } from './LinkDocsListItem';
-
-export interface LinkDocsVerticalListProps {
-  hasBorder?: boolean;
-  documents?: LinkDocsItem[];
-  icon?: Picture;
-}
-
-export const LinkDocsVerticalList = JSX<LinkDocsVerticalListProps>(
-  ({ hasBorder = true, documents, icon }) => {
-    return (
-      <div
-        className={`text-s text-primary-main flex flex-col mt-5 ${hasBorder ? 'gap-3.5' : 'gap-2'}`}
-        role="list"
-      >
-        {documents?.length
-          ? documents.map((doc, i) => (
-              <div key={String(i)} role="listitem">
-                <LinkDocsListItem
-                  className={hasBorder ? 'rounded-md border-gray border border-solid p-4' : ''}
-                  doc={doc}
-                  icon={icon}
-                />
-              </div>
-            ))
-          : null}
-      </div>
-    );
-  },
-);

package/src/utils/getIconWithVersion.ts

@@ -1,7 +0,0 @@
-import type { Picture } from '../model/Picture';
-import type { BlockVersion } from '../model/BlockVersion';
-
-export const getIconWithVersion = (icon: Picture, version: BlockVersion = 'primary'): Picture => ({
-  ...icon,
-  iconVersion: icon?.iconVersion ?? (version === 'secondary' ? 'white' : 'color'),
-});