@redneckz/wildless-cms-uni-blocks 0.3.4 → 0.3.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redneckz/wildless-cms-uni-blocks",
-  "version": "0.3.4",
+  "version": "0.3.5",
   "private": false,
   "license": "MIT",
   "author": "ЦК",

package/src/components/Accordion/utils/isActiveHandler.ts

@@ -5,8 +5,7 @@ export const isActiveHandler = ({ context, blocks }) => {
   const hasContent = blocks?.length;
   const icon: IconName = isActive ? 'MinusIcon' : 'PlusIcon';
 
-  const getContentBlock = ({ target }) =>
-    target.tagName === 'BUTTON' ? target.nextSibling : target.parentNode.nextSibling;
+  const getContentBlock = ({ currentTarget }) => currentTarget.nextSibling;
 
   const handleToggle = (e: MouseEvent) => {
     if (!hasContent) {

package/src/components/Blocks.mobile.ts

@@ -1,8 +1,10 @@
+import { Accordion } from './Accordion/Accordion';
 import { ExchangeRateTile } from './ExchangeRateTile/ExchangeRateTile';
 import { Footer } from './Footer/Footer';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { LinkDocs } from './LinkDocs/LinkDocs';
+import { MobileAppTile } from './MobileAppTile/MobileAppTile';
 import { Placeholder } from './Placeholder/Placeholder';
 import { ProductBlock } from './ProductBlock/ProductBlock';
 import { ProductGallery } from './ProductGallery/ProductGallery';
@@ -10,14 +12,16 @@ import { StepsBlock } from './StepsBlock/StepsBlock';
 import { TextBlock } from './TextBlock/TextBlock';
 
 export const Blocks = {
+  Accordion,
   ExchangeRateTile,
   Footer,
   Header,
   Headline,
   LinkDocs,
+  MobileAppTile,
   Placeholder,
   ProductBlock,
   ProductGallery,
-  TextBlock,
   StepsBlock,
+  TextBlock,
 };

package/src/components/ContentPage/ContentPage.page.json

@@ -83,7 +83,13 @@
                 "size": {
                   "width": 280,
                   "height": 280
-                }
+                },
+                "sources": [
+                  {
+                    "src": "money-1.png 1x, money-1-2x.png 2x",
+                    "format": "png"
+                  }
+                ]
               }
             }
           },
@@ -1312,22 +1318,18 @@
             "label": "Accordion label 1",
             "blocks": [
               {
-                "type": "TextBlock",
-                "data": {
-                  "title": "Title",
-                  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
-                  "blockVersion": "secondary-light",
-                  "iconVersion": "small"
-                }
+                "accordionBlockType": "TextBlock",
+                "title": "Title",
+                "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+                "blockVersion": "secondary-light",
+                "iconVersion": "small"
               },
               {
-                "type": "TextBlock",
-                "data": {
-                  "title": "Title",
-                  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
-                  "blockVersion": "secondary-light",
-                  "iconVersion": "small"
-                }
+                "accordionBlockType": "TextBlock",
+                "title": "Title",
+                "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+                "blockVersion": "secondary-light",
+                "iconVersion": "small"
               }
             ]
           },
@@ -1335,22 +1337,18 @@
             "label": "Accordion label 2",
             "blocks": [
               {
-                "type": "TextBlock",
-                "data": {
-                  "title": "Title",
-                  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
-                  "blockVersion": "secondary-light",
-                  "iconVersion": "small"
-                }
+                "accordionBlockType": "TextBlock",
+                "title": "Title",
+                "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+                "blockVersion": "secondary-light",
+                "iconVersion": "small"
               },
               {
-                "type": "TextBlock",
-                "data": {
-                  "title": "Title",
-                  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
-                  "blockVersion": "secondary-light",
-                  "iconVersion": "small"
-                }
+                "accordionBlockType": "TextBlock",
+                "title": "Title",
+                "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+                "blockVersion": "secondary-light",
+                "iconVersion": "small"
               }
             ]
           },
@@ -1358,22 +1356,18 @@
             "label": "Accordion label 3",
             "blocks": [
               {
-                "type": "TextBlock",
-                "data": {
-                  "title": "Title",
-                  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
-                  "blockVersion": "secondary-light",
-                  "iconVersion": "small"
-                }
+                "accordionBlockType": "TextBlock",
+                "title": "Title",
+                "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+                "blockVersion": "secondary-light",
+                "iconVersion": "small"
               },
               {
-                "type": "TextBlock",
-                "data": {
-                  "title": "Title",
-                  "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
-                  "blockVersion": "secondary-light",
-                  "iconVersion": "small"
-                }
+                "accordionBlockType": "TextBlock",
+                "title": "Title",
+                "description": "Lorem ipsum dolor sit amet consectetur adipisicing elit. Doloremque minima odio soluta cupiditate pariatur, labore molestias quas necessitatibus nesciunt in praesentium accusamus provident sequi maiores autem. Voluptas quam neque iste?",
+                "blockVersion": "secondary-light",
+                "iconVersion": "small"
               }
             ]
           }

package/src/components/ContentPage/ContentPage.tsx

@@ -88,11 +88,11 @@ function renderBlock(
   i: number,
 ) {
   const { type } = block;
-  if (!(type in blocksRegistry)) {
+  if (!(type && type in blocksRegistry)) {
     console.warn(`No block with "${type}" is registered`);
   }
 
-  const BlockComponent = blocksRegistry[type] || Placeholder;
+  const BlockComponent = blocksRegistry[type || 'Placeholder'] || Placeholder;
   return blockDecorator(
     {
       blockClassName: style2className(block.style),

package/src/components/ContentPage/isBlockInRegistry.ts

@@ -1,5 +1,3 @@
-import { BlockDef } from '../../types';
-
-export function isBlockInRegistry<T>(block: BlockDef, registry: Record<string, T>) {
-  return block.type in registry;
+export function isBlockInRegistry<T>(blockType: string | undefined, registry: Record<string, T>) {
+  return (blockType || '') in registry;
 }

package/src/components/ContentPage/normalizePage.mobile.ts

@@ -32,6 +32,9 @@ export function normalizePage(
 
 function getMobileBlocks(blocks?: BlockDef[]) {
   return blocks
-    ?.filter((block) => isBlockInRegistry(block, Blocks) && !block.mobile?.hidden)
+    ?.filter(
+      (block) =>
+        isBlockInRegistry(block?.type || block?.mobile?.type, Blocks) && !block.mobile?.hidden,
+    )
     .map(normalizeBlock);
 }

package/src/components/ContentPage/normalizePage.ts

@@ -31,5 +31,5 @@ export function normalizePage<T extends ContentPageDef | undefined | null>(
 }
 
 function getDesktopBlocks(blocks?: BlockDef[]) {
-  return blocks?.filter((block) => isBlockInRegistry(block, Blocks)).map(normalizeBlock);
+  return blocks?.filter((block) => isBlockInRegistry(block?.type, Blocks)).map(normalizeBlock);
 }

package/src/components/Headline/HeadlineContent.ts

@@ -1,5 +1,5 @@
 import type { BgColorVersion } from '../../model/BgColorVersion';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { AlignType } from '../BaseTile/BaseTileProps';

package/src/components/MobileAppTile/MobileAppTileContent.ts

@@ -1,5 +1,5 @@
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 
 /**

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

@@ -0,0 +1,9 @@
+import { context } from '../../setup-fixture';
+
+import { Placeholder } from './Placeholder';
+
+export default (
+  <div className="container grid grid-cols-12">
+    <Placeholder className="col-span-12" context={context} title="Неизвестный блок" />
+  </div>
+);

package/src/components/Placeholder/Placeholder.tsx

@@ -1,7 +1,12 @@
 import { JSX } from '@redneckz/uni-jsx';
 import type { PlaceholderContent } from '../../components/Placeholder/PlaceholderContent';
-import { Tile } from '../Tile/Tile';
 import type { UniBlockProps } from '../../types';
+import { Description } from '../../ui-kit/Description/Description';
+import { Heading } from '../../ui-kit/Heading/Heading';
+import { BaseTile } from '../BaseTile/BaseTile';
+import { getTileHeadingType } from '../BaseTile/getTileHeadingType';
+import { getTileMinHeight } from '../BaseTile/getTileMinHeight';
+import { getTileRightPadding } from '../BaseTile/getTileRightPadding';
 
 export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
   className?: string;
@@ -9,13 +14,35 @@ export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
 
 const GOLDEN_RATIO = 1.618;
 
-export const Placeholder = JSX<PlaceholderProps>(({ className, context, title }) => {
-  return (
-    <Tile className={className} context={context} title={title} description="Блок в разработке...">
-      <figure className="m-0 min-w-[600px]">{renderShimmer()}</figure>
-    </Tile>
-  );
-});
+export const Placeholder = JSX<PlaceholderProps>(
+  ({ className, context, title, description = 'Блок в разработке...' }) => {
+    return (
+      <section
+        className={`bg-white text-primary-text font-sans p-9 box-border ${className} ${getTileRightPadding(
+          className,
+        )} ${getTileMinHeight(className)} `}
+      >
+        <BaseTile
+          context={context}
+          title={
+            title ? (
+              <Heading
+                headingType={getTileHeadingType(className)}
+                title={title}
+                className={`whitespace-pre-wrap max-w-[600px]`}
+              />
+            ) : null
+          }
+        >
+          {description ? (
+            <Description className="mt-4 max-w-[600px]" description={description} />
+          ) : null}
+          <figure className="m-0 min-w-[600px]">{renderShimmer()}</figure>
+        </BaseTile>
+      </section>
+    );
+  },
+);
 
 const renderShimmer = (size = 3) =>
   goldenSequence(100, size)

package/src/components/Placeholder/PlaceholderContent.ts

@@ -1,6 +1,7 @@
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 
 /**
  * @hidden
  */
-export type PlaceholderContent = HeadingContent;
+export type PlaceholderContent = HeadingContent & DescriptionContent;

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

@@ -10,6 +10,12 @@ const image: Picture = {
     width: 280,
     height: 280,
   },
+  sources: [
+    {
+      src: 'money-1.png 1x, money-1-2x.png 2x',
+      format: 'png',
+    },
+  ],
 };
 
 export default {

package/src/components/ProductBlock/ProductBlockContent.ts

@@ -1,7 +1,7 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { LinkProps } from '../../model/LinkProps';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent, HeadingTypeContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';

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

@@ -10,11 +10,18 @@ const moneyImage: Picture = {
     height: 280,
   },
   alt: 'Варианты потребительского кредита',
+  sources: [
+    {
+      src: 'money-1.png 1x, money-1-2x.png 2x',
+      format: 'png',
+    },
+  ],
 };
 
 const worker: Picture = {
   src: 'money-2.png',
   format: 'webp',
+  alt: 'Варианты потребительского кредита',
   size: {
     width: 280,
     height: 280,
@@ -24,6 +31,7 @@ const worker: Picture = {
 const creditCard: Picture = {
   src: 'credit-card-1.png',
   format: 'webp',
+  alt: 'Варианты потребительского кредита',
   size: {
     width: 280,
     height: 280,

package/src/components/ProductTile/ProductTileContent.ts

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { TextBenefit } from '../BenefitsBlock/BenefitsBlockContent';

package/src/components/PromoTile/PromoTileContent.ts

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 
 /**

package/src/components/Tile/TileContent.ts

@@ -1,6 +1,6 @@
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ButtonContent } from '../../ui-kit/Button/ButtonProps';
-import type { DescriptionContent } from '../../ui-kit/Description/DescriptionProps';
+import type { DescriptionContent } from '../../ui-kit/Description/DescriptionContent';
 import type { HeadingContent } from '../../ui-kit/Heading/HeadingContent';
 import type { ImageContent } from '../../ui-kit/Img/ImgProps';
 import type { ListContent } from '../../ui-kit/List/ListContent';

package/src/types.ts

@@ -5,7 +5,7 @@ import type { BlockVersion } from './model/BlockVersion';
 export type ColorPalette = 'pc' | 'bc' | 'eo' | 'eo2' | 'eo3' | 'eo4';
 
 export interface BaseBlockDef {
-  type: string;
+  type?: string;
   style?: string[];
   content?: BlockContent;
   version?: BlockVersion;

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

@@ -1,5 +1,9 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { DescriptionProps } from './DescriptionProps';
+import { DescriptionContent } from './DescriptionContent';
+
+export interface DescriptionProps extends DescriptionContent {
+  className?: string;
+}
 
 export const Description = JSX<DescriptionProps>((props) => {
   const { className, description } = props;

package/src/ui-kit/Description/{DescriptionProps.ts → DescriptionContent.ts}

@@ -2,7 +2,3 @@ export interface DescriptionContent {
   /** @title Описание */
   description?: string;
 }
-
-export interface DescriptionProps extends DescriptionContent {
-  className?: string;
-}

package/dist/components/Placeholder/Placeholder.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../types';
-import type { PlaceholderContent } from './PlaceholderContent';
-export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
-    className?: string;
-}
-export declare const Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<PlaceholderProps, any>, context?: any) => any;

package/dist/components/Placeholder/Placeholder.mobile.js

@@ -1,15 +0,0 @@
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Placeholder = void 0;
-const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
-const uni_jsx_1 = require("@redneckz/uni-jsx");
-const Tile_1 = require("../Tile/Tile");
-const GOLDEN_RATIO = 1.618;
-exports.Placeholder = (0, uni_jsx_1.JSX)(({ className = '', context, title }) => {
-    return ((0, jsx_runtime_1.jsx)(Tile_1.Tile, { className: `pr-0 min-h-0 ${className}`, context: context, title: title, description: "\u0411\u043B\u043E\u043A \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435...", children: (0, jsx_runtime_1.jsx)("figure", { className: "m-0", children: renderShimmer() }) }));
-});
-const renderShimmer = (size = 3) => goldenSequence(100, size)
-    .map((_) => Math.floor(_))
-    .map(renderShimmerItem);
-const renderShimmerItem = (width = 100, index) => ((0, jsx_runtime_1.jsx)("div", { style: { width: `${width}%` }, className: "h-4 mt-2 bg-secondary-light" }, String(index)));
-const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
-//# sourceMappingURL=Placeholder.mobile.js.map

package/dist/components/Placeholder/Placeholder.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Placeholder.mobile.js","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.mobile.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AAExC,uCAAoC;AAOpC,MAAM,YAAY,GAAG,KAAK,CAAC;AAEd,QAAA,WAAW,GAAG,IAAA,aAAG,EAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,uBAAC,WAAI,IACH,SAAS,EAAE,gBAAgB,SAAS,EAAE,EACtC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,iGAAsB,YAElC,mCAAQ,SAAS,EAAC,KAAK,YAAE,aAAa,EAAE,GAAU,GAC7C,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,CACjC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC;KACtB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACzB,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,iBAAiB,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CACxD,gCAAyB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,EAAE,SAAS,EAAC,6BAA6B,IAArF,MAAM,CAAC,KAAK,CAAC,CAA2E,CACnG,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAY,EAAY,EAAE,CAC/D,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}

package/dist/ui-kit/Description/DescriptionProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/DescriptionProps.ts"],"names":[],"mappings":""}

package/lib/components/Placeholder/Placeholder.mobile.d.ts

@@ -1,6 +0,0 @@
-import type { UniBlockProps } from '../../types';
-import type { PlaceholderContent } from './PlaceholderContent';
-export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
-    className?: string;
-}
-export declare const Placeholder: (props: import("@redneckz/uni-jsx").PropsWithChildren<PlaceholderProps, any>, context?: any) => any;

package/lib/components/Placeholder/Placeholder.mobile.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
-import { JSX } from '@redneckz/uni-jsx';
-import { Tile } from '../Tile/Tile.js';
-const GOLDEN_RATIO = 1.618;
-export const Placeholder = JSX(({ className = '', context, title }) => {
-    return (_jsx(Tile, { className: `pr-0 min-h-0 ${className}`, context: context, title: title, description: "\u0411\u043B\u043E\u043A \u0432 \u0440\u0430\u0437\u0440\u0430\u0431\u043E\u0442\u043A\u0435...", children: _jsx("figure", { className: "m-0", children: renderShimmer() }) }));
-});
-const renderShimmer = (size = 3) => goldenSequence(100, size)
-    .map((_) => Math.floor(_))
-    .map(renderShimmerItem);
-const renderShimmerItem = (width = 100, index) => (_jsx("div", { style: { width: `${width}%` }, className: "h-4 mt-2 bg-secondary-light" }, String(index)));
-const goldenSequence = (first, size) => [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);
-//# sourceMappingURL=Placeholder.mobile.js.map

package/lib/components/Placeholder/Placeholder.mobile.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Placeholder.mobile.js","sourceRoot":"","sources":["../../../src/components/Placeholder/Placeholder.mobile.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AAExC,OAAO,EAAE,IAAI,EAAE,MAAM,cAAc,CAAC;AAOpC,MAAM,YAAY,GAAG,KAAK,CAAC;AAE3B,MAAM,CAAC,MAAM,WAAW,GAAG,GAAG,CAAmB,CAAC,EAAE,SAAS,GAAG,EAAE,EAAE,OAAO,EAAE,KAAK,EAAE,EAAE,EAAE;IACtF,OAAO,CACL,KAAC,IAAI,IACH,SAAS,EAAE,gBAAgB,SAAS,EAAE,EACtC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,KAAK,EACZ,WAAW,EAAC,iGAAsB,YAElC,iBAAQ,SAAS,EAAC,KAAK,YAAE,aAAa,EAAE,GAAU,GAC7C,CACR,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,aAAa,GAAG,CAAC,IAAI,GAAG,CAAC,EAAE,EAAE,CACjC,cAAc,CAAC,GAAG,EAAE,IAAI,CAAC;KACtB,GAAG,CAAC,CAAC,CAAC,EAAE,EAAE,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC;KACzB,GAAG,CAAC,iBAAiB,CAAC,CAAC;AAE5B,MAAM,iBAAiB,GAAG,CAAC,KAAK,GAAG,GAAG,EAAE,KAAa,EAAE,EAAE,CAAC,CACxD,cAAyB,KAAK,EAAE,EAAE,KAAK,EAAE,GAAG,KAAK,GAAG,EAAE,EAAE,SAAS,EAAC,6BAA6B,IAArF,MAAM,CAAC,KAAK,CAAC,CAA2E,CACnG,CAAC;AAEF,MAAM,cAAc,GAAG,CAAC,KAAa,EAAE,IAAY,EAAY,EAAE,CAC/D,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,cAAc,CAAC,KAAK,GAAG,YAAY,EAAE,IAAI,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC"}

package/lib/ui-kit/Description/DescriptionProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DescriptionProps.js.map

package/lib/ui-kit/Description/DescriptionProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/DescriptionProps.ts"],"names":[],"mappings":""}

package/mobile/dist/ui-kit/Description/DescriptionProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/DescriptionProps.ts"],"names":[],"mappings":""}

package/mobile/lib/ui-kit/Description/DescriptionProps.js

@@ -1,2 +0,0 @@
-export {};
-//# sourceMappingURL=DescriptionProps.js.map

package/mobile/lib/ui-kit/Description/DescriptionProps.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"DescriptionProps.js","sourceRoot":"","sources":["../../../src/ui-kit/Description/DescriptionProps.ts"],"names":[],"mappings":""}

package/src/components/Placeholder/Placeholder.mobile.tsx

@@ -1,35 +0,0 @@
-import { JSX } from '@redneckz/uni-jsx';
-import type { UniBlockProps } from '../../types';
-import { Tile } from '../Tile/Tile';
-import type { PlaceholderContent } from './PlaceholderContent';
-
-export interface PlaceholderProps extends PlaceholderContent, UniBlockProps {
-  className?: string;
-}
-
-const GOLDEN_RATIO = 1.618;
-
-export const Placeholder = JSX<PlaceholderProps>(({ className = '', context, title }) => {
-  return (
-    <Tile
-      className={`pr-0 min-h-0 ${className}`}
-      context={context}
-      title={title}
-      description="Блок в разработке..."
-    >
-      <figure className="m-0">{renderShimmer()}</figure>
-    </Tile>
-  );
-});
-
-const renderShimmer = (size = 3) =>
-  goldenSequence(100, size)
-    .map((_) => Math.floor(_))
-    .map(renderShimmerItem);
-
-const renderShimmerItem = (width = 100, index: number) => (
-  <div key={String(index)} style={{ width: `${width}%` }} className="h-4 mt-2 bg-secondary-light" />
-);
-
-const goldenSequence = (first: number, size: number): number[] =>
-  [first].concat(size > 0 ? goldenSequence(first / GOLDEN_RATIO, size - 1) : []);