@redneckz/wildless-cms-uni-blocks 0.8.24 → 0.8.26

package/mobile/src/components/AccordionItem/AccordionItem.tsx

@@ -1,90 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent';
-import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { JSXBlock } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import type { AccordionContent } from '../Accordion/AccordionContent';
-import type { AccordionItemProps } from './AccordionItemProps';
-
-const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
-
-export const AccordionItem: JSXBlock<AccordionItemProps> = JSX<AccordionItemProps>(
-  ({ className = '', label = '', labelIcon, isExpanded, ...rest }) => {
-    const { bordered } = getParentBlockContent(rest.options, {} as AccordionContent);
-
-    return (
-      <li
-        className={`${
-          bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'
-        } border-solid border-main-divider ${className}`}
-      >
-        <Foldable
-          isFoldButtonOnTop={true}
-          unfoldedByDefault={isExpanded}
-          renderFoldableSection={({ isUnfolded }) => (
-            <FoldableSection
-              className="flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0"
-              isUnfolded={isUnfolded}
-            >
-              {renderChildren(rest)}
-            </FoldableSection>
-          )}
-          renderFoldButton={({ isUnfolded, onToggle }) => (
-            <FoldButton
-              className={bordered ? '' : 'py-3.5 px-0'}
-              label={label}
-              icon={icons[Number(isUnfolded)]}
-              primaryIcon={labelIcon}
-              onClick={onToggle}
-            />
-          )}
-        />
-      </li>
-    );
-  },
-);
-
-AccordionItem.childrenTypes = [];
-
-interface FoldButtonProps {
-  className?: string;
-  label: string;
-  icon: IconName;
-  primaryIcon?: Picture;
-  onClick?: () => void;
-}
-
-const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon, onClick }) => (
-  <button
-    className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`}
-    onClick={onClick}
-  >
-    <div className="flex group-hover:text-primary-main">
-      {primaryIcon ? (
-        <Img
-          image={getIconWithVersion(primaryIcon)}
-          className="mr-3 flex-shrink-0"
-          width="24"
-          height="24"
-          asSVG
-        />
-      ) : null}
-      <Text size="text-m-title-xs" font="font-medium">
-        {label}
-      </Text>
-    </div>
-    <Img
-      className="flex-shrink-0"
-      image={getIconWithVersion({ icon: icon })}
-      width="24"
-      height="24"
-      asSVG
-    />
-  </button>
-));

package/mobile/src/components/AccordionItem/AccordionItem.ui.json

@@ -1,7 +0,0 @@
-{
-  "content": {
-    "labelIcon": {
-      "ui:field": "icon"
-    }
-  }
-}

package/mobile/src/components/AccordionItem/AccordionItemContent.ts

@@ -1,15 +0,0 @@
-import type { Picture } from '../../model/Picture';
-
-/**
- * @title Элемент аккордиона
- */
-export interface AccordionItemContent {
-  /**
-   * @title Название
-   * @default Список
-   */
-  label?: string;
-  /** @title Отображать в раскрытом виде */
-  isExpanded?: boolean;
-  labelIcon?: Picture; // TODO: только для мобильной версии
-}

package/mobile/src/components/AccordionItem/AccordionItemProps.ts

@@ -1,4 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { AccordionItemContent } from './AccordionItemContent';
-
-export interface AccordionItemProps extends AccordionItemContent, UniBlockProps {}

package/mobile/src/components/OtherProductsItem/OtherProductsItem.example.json

@@ -1,22 +0,0 @@
-{
-  "content": {
-    "label": "Другие продукты N",
-    "isUnfolded": true
-  },
-  "blocks": [
-    {
-      "type": "Bonus",
-      "content": {
-        "title": "Начисление баллов",
-        "description": "Описание",
-        "bonusItems": [
-          {
-            "title": "Плитка 1",
-            "description": "Описание плитки 1"
-          }
-        ]
-      },
-      "style": ["col-span-12"]
-    }
-  ]
-}

package/mobile/src/components/OtherProductsItem/OtherProductsItem.tsx

@@ -1,50 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent';
-import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import type { OtherProductsContent } from '../OtherProducts/OtherProductsContent';
-import type { OtherProductsItemContent } from './OtherProductsItemContent';
-
-export interface OtherProductsItemProps extends OtherProductsItemContent, UniBlockProps {}
-
-const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
-
-export const OtherProductsItem: JSXBlock<OtherProductsItemProps> = JSX<OtherProductsItemProps>(
-  ({ className, label = '', isUnfolded: unfoldedByDefault, ...rest }) => {
-    const { colorPalette } = getParentBlockContent(rest.options, {} as OtherProductsContent);
-
-    return (
-      <div className={`border-0 border-b border-solid border-main-divider ${className}`}>
-        <Foldable
-          unfoldedByDefault={unfoldedByDefault}
-          renderFoldableSection={({ isUnfolded }) => (
-            <div className="box-border">
-              <FoldableSection
-                className="grid grid-cols-12 gap-1 border-box"
-                isUnfolded={isUnfolded}
-              >
-                {renderChildren(rest)}
-              </FoldableSection>
-            </div>
-          )}
-          renderFoldButton={({ isUnfolded, onToggle }) => (
-            <DefaultFoldButton
-              label={label}
-              icon={icons[Number(isUnfolded)]}
-              dataTheme={colorPalette || rest.options?.page?.colorPalette}
-              onClick={onToggle}
-            />
-          )}
-        />
-      </div>
-    );
-  },
-);
-
-OtherProductsItem.childrenTypes = {
-  exclude: ['OtherProductsItem'],
-};

package/mobile/src/components/OtherProductsItem/OtherProductsItem.ui.json

@@ -1 +0,0 @@
-{}

package/mobile/src/components/OtherProductsItem/OtherProductsItemContent.ts

@@ -1,13 +0,0 @@
-/**
- * @title Элемент списка
- */
-export interface OtherProductsItemContent {
-  /**
-   * @title Название
-   * @default Список
-   */
-  label?: string;
-
-  /** @title Отображать в раскрытом виде */
-  isUnfolded?: boolean;
-}

package/src/components/Accordion/AccordionItemsList.tsx

@@ -1,5 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-
-export const AccordionItemsList = JSX(({ children }) => (
-  <ul className="list-none m-0 p-0">{children}</ul>
-));

package/src/components/AccordionItem/AccordionItem.example.json

@@ -1,25 +0,0 @@
-{
-  "content": {
-    "label": "Аккордеон 1",
-    "isExpanded": true,
-    "labelIcon": {
-      "icon": "CardIcon"
-    }
-  },
-  "blocks": [
-    {
-      "type": "Bonus",
-      "content": {
-        "title": "Начисление баллов",
-        "description": "Описание",
-        "bonusItems": [
-          {
-            "title": "Плитка 1",
-            "description": "Описание плитки 1"
-          }
-        ]
-      },
-      "style": ["col-span-12"]
-    }
-  ]
-}

package/src/components/AccordionItem/AccordionItem.fixture.mobile.tsx

@@ -1,17 +0,0 @@
-import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
-import { ACCORDION_ITEM } from '../Accordion/Accordion.fixture';
-import { AccordionItemsList } from '../Accordion/AccordionItemsList';
-import { Blocks } from '../Blocks';
-import { AccordionItem } from './AccordionItem';
-
-const options = {
-  blocksRegistry: Blocks,
-} as BlockRendererOptions;
-
-export default {
-  default: (
-    <AccordionItemsList>
-      <AccordionItem {...ACCORDION_ITEM.content} block={ACCORDION_ITEM} options={options} />
-    </AccordionItemsList>
-  ),
-};

package/src/components/AccordionItem/AccordionItem.fixture.tsx

@@ -1,17 +0,0 @@
-import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
-import { ACCORDION_ITEM } from '../Accordion/Accordion.fixture';
-import { AccordionItemsList } from '../Accordion/AccordionItemsList';
-import { Blocks } from '../Blocks';
-import { AccordionItem } from './AccordionItem';
-
-const options = {
-  blocksRegistry: Blocks,
-} as BlockRendererOptions;
-
-export default {
-  default: (
-    <AccordionItemsList>
-      <AccordionItem {...ACCORDION_ITEM.content} block={ACCORDION_ITEM} options={options} />
-    </AccordionItemsList>
-  ),
-};

package/src/components/AccordionItem/AccordionItem.mobile.tsx

@@ -1,90 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent';
-import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { JSXBlock } from '../../model/JSXBlock';
-import type { Picture } from '../../model/Picture';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import type { AccordionContent } from '../Accordion/AccordionContent';
-import type { AccordionItemProps } from './AccordionItemProps';
-
-const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
-
-export const AccordionItem: JSXBlock<AccordionItemProps> = JSX<AccordionItemProps>(
-  ({ className = '', label = '', labelIcon, isExpanded, ...rest }) => {
-    const { bordered } = getParentBlockContent(rest.options, {} as AccordionContent);
-
-    return (
-      <li
-        className={`${
-          bordered ? 'border p-4 rounded mb-4' : 'border-0 border-b last:border-b-0'
-        } border-solid border-main-divider ${className}`}
-      >
-        <Foldable
-          isFoldButtonOnTop={true}
-          unfoldedByDefault={isExpanded}
-          renderFoldableSection={({ isUnfolded }) => (
-            <FoldableSection
-              className="flex flex-wrap group-last:last:pb-0 gap-5 [&>*]:p-0"
-              isUnfolded={isUnfolded}
-            >
-              {renderChildren(rest)}
-            </FoldableSection>
-          )}
-          renderFoldButton={({ isUnfolded, onToggle }) => (
-            <FoldButton
-              className={bordered ? '' : 'py-3.5 px-0'}
-              label={label}
-              icon={icons[Number(isUnfolded)]}
-              primaryIcon={labelIcon}
-              onClick={onToggle}
-            />
-          )}
-        />
-      </li>
-    );
-  },
-);
-
-AccordionItem.childrenTypes = [];
-
-interface FoldButtonProps {
-  className?: string;
-  label: string;
-  icon: IconName;
-  primaryIcon?: Picture;
-  onClick?: () => void;
-}
-
-const FoldButton = JSX<FoldButtonProps>(({ className, icon, label, primaryIcon, onClick }) => (
-  <button
-    className={`border-none bg-transparent flex justify-between text-left w-full font-sans text-primary-text group cursor-pointer ${className}`}
-    onClick={onClick}
-  >
-    <div className="flex group-hover:text-primary-main">
-      {primaryIcon ? (
-        <Img
-          image={getIconWithVersion(primaryIcon)}
-          className="mr-3 flex-shrink-0"
-          width="24"
-          height="24"
-          asSVG
-        />
-      ) : null}
-      <Text size="text-m-title-xs" font="font-medium">
-        {label}
-      </Text>
-    </div>
-    <Img
-      className="flex-shrink-0"
-      image={getIconWithVersion({ icon: icon })}
-      width="24"
-      height="24"
-      asSVG
-    />
-  </button>
-));

package/src/components/AccordionItem/AccordionItem.tsx

@@ -1,58 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { JSXBlock } from '../../model/JSXBlock';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import { Img } from '../../ui-kit/Img/Img';
-import { Text } from '../../ui-kit/Text/Text';
-import type { AccordionItemProps } from './AccordionItemProps';
-
-const icons: IconName[] = ['PlusIcon', 'MinusIcon'];
-
-export const AccordionItem: JSXBlock<AccordionItemProps> = JSX<AccordionItemProps>(
-  ({ className = '', label = '', isExpanded, ...rest }) => (
-    <li
-      className={`border-0 border-b border-solid border-main-divider last:border-b-0 ${className}`}
-    >
-      <Foldable
-        isFoldButtonOnTop={true}
-        unfoldedByDefault={isExpanded}
-        renderFoldableSection={({ isUnfolded }) => (
-          <FoldableSection className="grid grid-cols-12 gap-5 [&>*]:p-0" isUnfolded={isUnfolded}>
-            {renderChildren(rest)}
-          </FoldableSection>
-        )}
-        renderFoldButton={({ isUnfolded, onToggle }) => (
-          <FoldButton label={label} icon={icons[Number(isUnfolded)]} onClick={onToggle} />
-        )}
-      />
-    </li>
-  ),
-);
-
-AccordionItem.childrenTypes = [];
-
-interface FoldButtonProps {
-  label: string;
-  icon: IconName;
-  onClick?: () => void;
-}
-
-const FoldButton = JSX<FoldButtonProps>(({ label, icon, onClick }) => (
-  <button
-    className="border-none bg-transparent px-0 pt-5 pb-3.5 flex justify-between text-left w-full font-sans text-h6 cursor-pointer"
-    onClick={onClick}
-  >
-    <Text size="text-xl" font="font-medium">
-      {label}
-    </Text>
-    <Img
-      image={{ icon }}
-      className="text-primary-main flex-shrink-0"
-      width="24"
-      height="24"
-      asSVG
-    />
-  </button>
-));

package/src/components/AccordionItem/AccordionItem.ui.json

@@ -1,7 +0,0 @@
-{
-  "content": {
-    "labelIcon": {
-      "ui:field": "icon"
-    }
-  }
-}

package/src/components/AccordionItem/AccordionItemContent.ts

@@ -1,15 +0,0 @@
-import type { Picture } from '../../model/Picture';
-
-/**
- * @title Элемент аккордиона
- */
-export interface AccordionItemContent {
-  /**
-   * @title Название
-   * @default Список
-   */
-  label?: string;
-  /** @title Отображать в раскрытом виде */
-  isExpanded?: boolean;
-  labelIcon?: Picture; // TODO: только для мобильной версии
-}

package/src/components/AccordionItem/AccordionItemProps.ts

@@ -1,4 +0,0 @@
-import type { UniBlockProps } from '../../model/JSXBlock';
-import type { AccordionItemContent } from './AccordionItemContent';
-
-export interface AccordionItemProps extends AccordionItemContent, UniBlockProps {}

package/src/components/OtherProductsItem/OtherProductsItem.example.json

@@ -1,22 +0,0 @@
-{
-  "content": {
-    "label": "Другие продукты N",
-    "isUnfolded": true
-  },
-  "blocks": [
-    {
-      "type": "Bonus",
-      "content": {
-        "title": "Начисление баллов",
-        "description": "Описание",
-        "bonusItems": [
-          {
-            "title": "Плитка 1",
-            "description": "Описание плитки 1"
-          }
-        ]
-      },
-      "style": ["col-span-12"]
-    }
-  ]
-}

package/src/components/OtherProductsItem/OtherProductsItem.fixture.tsx

@@ -1,20 +0,0 @@
-import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOptions';
-import { Blocks } from '../Blocks';
-import { OTHER_PRODUCTS_ITEM } from '../OtherProducts/OtherProducts.fixture';
-import { OtherProductsItem } from './OtherProductsItem';
-
-const options = {
-  blocksRegistry: Blocks,
-} as BlockRendererOptions;
-
-export default {
-  default: (
-    <div className="container">
-      <OtherProductsItem
-        {...OTHER_PRODUCTS_ITEM.content}
-        block={OTHER_PRODUCTS_ITEM}
-        options={options}
-      />
-    </div>
-  ),
-};

package/src/components/OtherProductsItem/OtherProductsItem.tsx

@@ -1,50 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import { getParentBlockContent } from '../../BlockRenderer/getParentBlockContent';
-import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
-import { DefaultFoldButton } from '../../ui-kit/Foldable/DefaultFoldButton';
-import { Foldable } from '../../ui-kit/Foldable/Foldable';
-import { FoldableSection } from '../../ui-kit/Foldable/FoldableSection';
-import type { IconName } from '../../ui-kit/Icon/IconProps';
-import type { OtherProductsContent } from '../OtherProducts/OtherProductsContent';
-import type { OtherProductsItemContent } from './OtherProductsItemContent';
-
-export interface OtherProductsItemProps extends OtherProductsItemContent, UniBlockProps {}
-
-const icons: IconName[] = ['ArrowDownIcon', 'ArrowUpIcon'];
-
-export const OtherProductsItem: JSXBlock<OtherProductsItemProps> = JSX<OtherProductsItemProps>(
-  ({ className, label = '', isUnfolded: unfoldedByDefault, ...rest }) => {
-    const { colorPalette } = getParentBlockContent(rest.options, {} as OtherProductsContent);
-
-    return (
-      <div className={`border-0 border-b border-solid border-main-divider ${className}`}>
-        <Foldable
-          unfoldedByDefault={unfoldedByDefault}
-          renderFoldableSection={({ isUnfolded }) => (
-            <div className="box-border">
-              <FoldableSection
-                className="grid grid-cols-12 gap-1 border-box"
-                isUnfolded={isUnfolded}
-              >
-                {renderChildren(rest)}
-              </FoldableSection>
-            </div>
-          )}
-          renderFoldButton={({ isUnfolded, onToggle }) => (
-            <DefaultFoldButton
-              label={label}
-              icon={icons[Number(isUnfolded)]}
-              dataTheme={colorPalette || rest.options?.page?.colorPalette}
-              onClick={onToggle}
-            />
-          )}
-        />
-      </div>
-    );
-  },
-);
-
-OtherProductsItem.childrenTypes = {
-  exclude: ['OtherProductsItem'],
-};

package/src/components/OtherProductsItem/OtherProductsItem.ui.json

@@ -1 +0,0 @@
-{}

package/src/components/OtherProductsItem/OtherProductsItemContent.ts

@@ -1,13 +0,0 @@
-/**
- * @title Элемент списка
- */
-export interface OtherProductsItemContent {
-  /**
-   * @title Название
-   * @default Список
-   */
-  label?: string;
-
-  /** @title Отображать в раскрытом виде */
-  isUnfolded?: boolean;
-}