@redneckz/wildless-cms-uni-blocks 0.14.854 → 0.14.856

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

@@ -1,79 +0,0 @@
-import { Img } from '../../ui-kit/Img/Img';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-import {
-  TableInnerButton,
-  type InnerTableButtonProps,
-} from '../../ui-kit/InnerTable/InnerTableButton';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
-import { Text } from '../../ui-kit/Text/Text';
-import { type LabelDescriptionCell } from './TariffsTableContent';
-
-export type EmbeddableCellDataType =
-  | LabelDescriptionCell
-  | LinkButtonContent
-  | ImageContent
-  | RichTextProps
-  | InnerTableButtonProps;
-
-interface TableCellDataProps extends InnerTableButtonProps {
-  isVisible?: boolean;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-const renderButtonsCellData = ({ buttons }: ButtonsSectionContent) =>
-  renderButtonsSection(buttons, {
-    buttonClassName: 'basis-0',
-  });
-
-const renderLabelDescriptionCellData = ({ label, description }: LabelDescriptionCell) => (
-  <div className="space-y-2xs">
-    {label ? (
-      <div>
-        <Text size="text-h6">{label}</Text>
-      </div>
-    ) : null}
-    {description ? (
-      <div className="lg:text-l font-light text-xs">
-        <Text color="text-secondary-text">{description}</Text>
-      </div>
-    ) : null}
-  </div>
-);
-
-const renderImgCellData = ({ image }: ImageContent) => (image?.src ? <Img image={image} /> : null);
-
-const renderRichTextCellData = ({ __html, isDotted = true }: RichTextProps) => (
-  <div className="flex flex-col justify-between items-start text-h6">
-    <RichText __html={__html} isDotted={isDotted} itemSize="list-m" />
-  </div>
-);
-
-const renderInnerTableCellData = ({
-  isVisible,
-  displayTable,
-  tableSource,
-  pdfUrl,
-  isOpen,
-}: TableCellDataProps) =>
-  isVisible ? (
-    <TableInnerButton
-      className="w-fit"
-      isOpen={isOpen}
-      onClick={() => {
-        displayTable({ tableSource, pdfUrl });
-      }}
-    />
-  ) : null;
-
-export const EmbeddableCellData = {
-  Buttons: renderButtonsCellData,
-  Img: renderImgCellData,
-  RichText: renderRichTextCellData,
-  LabelDescription: renderLabelDescriptionCellData,
-  Table: renderInnerTableCellData,
-};

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

@@ -1,15 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type TariffsTableRowHeader } from './TariffsTableContent';
-
-export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
-  <div className="mb-xs">
-    {title ? (
-      <Text size="text-l" font="font-light">
-        {title}
-      </Text>
-    ) : null}
-    {icon ? <Img className="ml-auto min-w-6" image={icon} width="24" height="24" /> : null}
-  </div>
-));

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

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <SwipeListControl {...rest} padding={undefined}>
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </SwipeListControl>
-  ) : null,
-);

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

@@ -1,83 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { type TariffTableContentProps } from './TariffsTableCell';
-import { type CellDef } from './TariffsTableContent';
-
-interface TariffTableCellInnerProps extends TariffTableContentProps {
-  cellIdx: number;
-  rowIdx: number;
-}
-
-interface RenderCellProps {
-  cell: CellDef;
-  cellProps: CellProps;
-}
-
-interface CellProps {
-  isVisible?: boolean;
-  cellIdx: number;
-  rowIdx: number;
-  fieldIdx: number;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-export interface RenderCellInnerProps extends TariffTableCellInnerProps {
-  cell: CellDef;
-  fieldIdx: number;
-}
-
-export const RenderCellInner = JSX<RenderCellInnerProps>(
-  ({
-    cell,
-    fieldIdx,
-    rowIdx,
-    cellIdx,
-    setTableInner,
-    tableInner,
-    openTableInnerIdx,
-    setOpenTableInnerIdx,
-  }) => {
-    const [isVisible, setVisibility] = useState(true);
-
-    useEffect(() => {
-      if (cellIdx !== openTableInnerIdx || !tableInner) {
-        setVisibility(true);
-      }
-    }, [tableInner, openTableInnerIdx]);
-
-    const displayTable = (props: TariffsTableInnerContent) => {
-      setVisibility(false);
-      setOpenTableInnerIdx(cellIdx);
-      setTableInner(props);
-    };
-
-    return renderCell({
-      cell,
-      cellProps: {
-        rowIdx,
-        cellIdx,
-        fieldIdx,
-        displayTable,
-        isVisible,
-      },
-    });
-  },
-);
-
-const renderCell = ({ cell, cellProps }: RenderCellProps) => {
-  if (!cell) {
-    return null;
-  }
-
-  const { tableCellType: type, ...rest } = cell;
-
-  if (!type || !(type in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[type];
-
-  return <EmbeddableCellInner {...cellProps} {...rest} />;
-};

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

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type VNode } from '../../model/VNode';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { TableTileHeader } from './TableTileHeader';
-import { type CellDef, type TariffsTableTile } from './TariffsTableContent';
-
-export interface TariffsTableTileCellProps extends UniBlockProps {
-  tile?: TariffsTableTile;
-}
-
-export const TariffsTableTileCell = JSX<TariffsTableTileCellProps>(({ tile, ...rest }) => (
-  <div className="h-full">
-    <TableTileHeader title={tile?.header?.title} />
-    {tile?.data?.length
-      ? tile.data.map((cell, i) => (
-          <div key={String(i)} className="mb-xs">
-            {renderCell(cell, rest)}
-          </div>
-        ))
-      : null}
-  </div>
-));
-
-function renderCell(cell: CellDef, props: UniBlockProps): VNode {
-  if (!cell || !cell.tableCellType || !(cell.tableCellType in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[cell.tableCellType];
-
-  return <EmbeddableCellInner displayTable={() => null} isVisible={true} {...cell} {...props} />;
-}

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

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableVertical = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <div className="flex flex-col gap-s">
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </div>
-  ) : null,
-);

package/mobile/src/components/TariffsTable/constants.ts

@@ -1,4 +0,0 @@
-export const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
-export const firstCellStyle = 'w-80 flex-shrink-0';
-export const COLS_LENGTH_FOR_SCROLL = 2;
-export const COLUMN_WIDTH = 4 * 80 + 40; // w-80 + pl-10 = 360px

package/src/components/TariffsTable/EmbeddableCellData.tsx

@@ -1,79 +0,0 @@
-import { Img } from '../../ui-kit/Img/Img';
-import { type ImageContent } from '../../ui-kit/Img/ImgProps';
-import {
-  TableInnerButton,
-  type InnerTableButtonProps,
-} from '../../ui-kit/InnerTable/InnerTableButton';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { type ButtonsSectionContent } from '../../ui-kit/LinkButton/ButtonsSectionContent';
-import { type LinkButtonContent } from '../../ui-kit/LinkButton/LinkButtonContent';
-import { renderButtonsSection } from '../../ui-kit/LinkButton/renderButtonsSection';
-import { RichText } from '../../ui-kit/RichText/RichText';
-import { type RichTextProps } from '../../ui-kit/RichText/RichTextProps';
-import { Text } from '../../ui-kit/Text/Text';
-import { type LabelDescriptionCell } from './TariffsTableContent';
-
-export type EmbeddableCellDataType =
-  | LabelDescriptionCell
-  | LinkButtonContent
-  | ImageContent
-  | RichTextProps
-  | InnerTableButtonProps;
-
-interface TableCellDataProps extends InnerTableButtonProps {
-  isVisible?: boolean;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-const renderButtonsCellData = ({ buttons }: ButtonsSectionContent) =>
-  renderButtonsSection(buttons, {
-    buttonClassName: 'basis-0',
-  });
-
-const renderLabelDescriptionCellData = ({ label, description }: LabelDescriptionCell) => (
-  <div className="space-y-2xs">
-    {label ? (
-      <div>
-        <Text size="text-h6">{label}</Text>
-      </div>
-    ) : null}
-    {description ? (
-      <div className="lg:text-l font-light text-xs">
-        <Text color="text-secondary-text">{description}</Text>
-      </div>
-    ) : null}
-  </div>
-);
-
-const renderImgCellData = ({ image }: ImageContent) => (image?.src ? <Img image={image} /> : null);
-
-const renderRichTextCellData = ({ __html, isDotted = true }: RichTextProps) => (
-  <div className="flex flex-col justify-between items-start text-h6">
-    <RichText __html={__html} isDotted={isDotted} itemSize="list-m" />
-  </div>
-);
-
-const renderInnerTableCellData = ({
-  isVisible,
-  displayTable,
-  tableSource,
-  pdfUrl,
-  isOpen,
-}: TableCellDataProps) =>
-  isVisible ? (
-    <TableInnerButton
-      className="w-fit"
-      isOpen={isOpen}
-      onClick={() => {
-        displayTable({ tableSource, pdfUrl });
-      }}
-    />
-  ) : null;
-
-export const EmbeddableCellData = {
-  Buttons: renderButtonsCellData,
-  Img: renderImgCellData,
-  RichText: renderRichTextCellData,
-  LabelDescription: renderLabelDescriptionCellData,
-  Table: renderInnerTableCellData,
-};

package/src/components/TariffsTable/TableTileHeader.tsx

@@ -1,15 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { type TariffsTableRowHeader } from './TariffsTableContent';
-
-export const TableTileHeader = JSX<TariffsTableRowHeader>(({ title, icon }) => (
-  <div className="mb-xs">
-    {title ? (
-      <Text size="text-l" font="font-light">
-        {title}
-      </Text>
-    ) : null}
-    {icon ? <Img className="ml-auto min-w-6" image={icon} width="24" height="24" /> : null}
-  </div>
-));

package/src/components/TariffsTable/TariffsTableHorizontal.tsx

@@ -1,14 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { SwipeListControl } from '../../ui-kit/SwipeListControl/SwipeListControl';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableHorizontal = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <SwipeListControl {...rest} padding={undefined}>
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </SwipeListControl>
-  ) : null,
-);

package/src/components/TariffsTable/TariffsTableRenderCell.tsx

@@ -1,83 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
-import { type TariffsTableInnerContent } from '../../ui-kit/InnerTable/InnerTableProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { type TariffTableContentProps } from './TariffsTableCell';
-import { type CellDef } from './TariffsTableContent';
-
-interface TariffTableCellInnerProps extends TariffTableContentProps {
-  cellIdx: number;
-  rowIdx: number;
-}
-
-interface RenderCellProps {
-  cell: CellDef;
-  cellProps: CellProps;
-}
-
-interface CellProps {
-  isVisible?: boolean;
-  cellIdx: number;
-  rowIdx: number;
-  fieldIdx: number;
-  displayTable: (props: TariffsTableInnerContent) => void;
-}
-
-export interface RenderCellInnerProps extends TariffTableCellInnerProps {
-  cell: CellDef;
-  fieldIdx: number;
-}
-
-export const RenderCellInner = JSX<RenderCellInnerProps>(
-  ({
-    cell,
-    fieldIdx,
-    rowIdx,
-    cellIdx,
-    setTableInner,
-    tableInner,
-    openTableInnerIdx,
-    setOpenTableInnerIdx,
-  }) => {
-    const [isVisible, setVisibility] = useState(true);
-
-    useEffect(() => {
-      if (cellIdx !== openTableInnerIdx || !tableInner) {
-        setVisibility(true);
-      }
-    }, [tableInner, openTableInnerIdx]);
-
-    const displayTable = (props: TariffsTableInnerContent) => {
-      setVisibility(false);
-      setOpenTableInnerIdx(cellIdx);
-      setTableInner(props);
-    };
-
-    return renderCell({
-      cell,
-      cellProps: {
-        rowIdx,
-        cellIdx,
-        fieldIdx,
-        displayTable,
-        isVisible,
-      },
-    });
-  },
-);
-
-const renderCell = ({ cell, cellProps }: RenderCellProps) => {
-  if (!cell) {
-    return null;
-  }
-
-  const { tableCellType: type, ...rest } = cell;
-
-  if (!type || !(type in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[type];
-
-  return <EmbeddableCellInner {...cellProps} {...rest} />;
-};

package/src/components/TariffsTable/TariffsTableTileCell.tsx

@@ -1,33 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type VNode } from '../../model/VNode';
-import { type UniBlockProps } from '../../UniBlock/UniBlockProps';
-import { EmbeddableCellData } from './EmbeddableCellData';
-import { TableTileHeader } from './TableTileHeader';
-import { type CellDef, type TariffsTableTile } from './TariffsTableContent';
-
-export interface TariffsTableTileCellProps extends UniBlockProps {
-  tile?: TariffsTableTile;
-}
-
-export const TariffsTableTileCell = JSX<TariffsTableTileCellProps>(({ tile, ...rest }) => (
-  <div className="h-full">
-    <TableTileHeader title={tile?.header?.title} />
-    {tile?.data?.length
-      ? tile.data.map((cell, i) => (
-          <div key={String(i)} className="mb-xs">
-            {renderCell(cell, rest)}
-          </div>
-        ))
-      : null}
-  </div>
-));
-
-function renderCell(cell: CellDef, props: UniBlockProps): VNode {
-  if (!cell || !cell.tableCellType || !(cell.tableCellType in EmbeddableCellData)) {
-    return null;
-  }
-
-  const EmbeddableCellInner = EmbeddableCellData[cell.tableCellType];
-
-  return <EmbeddableCellInner displayTable={() => null} isVisible={true} {...cell} {...props} />;
-}

package/src/components/TariffsTable/TariffsTableVertical.tsx

@@ -1,13 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { type TariffsTableProps } from './TariffsTableContent';
-import { TariffsTableTileCell } from './TariffsTableTileCell';
-
-export const TariffsTableVertical = JSX<TariffsTableProps>(({ tiles, ...rest }) =>
-  tiles?.length ? (
-    <div className="flex flex-col gap-s">
-      {tiles.map((tile, i) => (
-        <TariffsTableTileCell key={String(i)} tile={tile} {...rest} />
-      ))}
-    </div>
-  ) : null,
-);

package/src/components/TariffsTable/constants.ts

@@ -1,4 +0,0 @@
-export const dividerStyle = '@4xl:border-main-divider @4xl:border-b';
-export const firstCellStyle = 'w-80 flex-shrink-0';
-export const COLS_LENGTH_FOR_SCROLL = 2;
-export const COLUMN_WIDTH = 4 * 80 + 40; // w-80 + pl-10 = 360px