@redneckz/wildless-cms-uni-blocks 0.8.15 → 0.8.17

package/mobile/src/components/Footer/MediaButton.tsx

@@ -1,45 +1,45 @@
 import { JSX } from '@redneckz/uni-jsx';
-import { Img } from '../../ui-kit/Img/Img';
-import { getIconWithVersion } from '../../utils/getIconWithVersion';
-import { style } from '../../utils/style';
-import type { Picture } from '../../model/Picture';
 import type { IconVersion } from '../../model/IconVersion';
+import type { Picture } from '../../model/Picture';
 import { Button } from '../../ui-kit/Button/Button';
 import type { ButtonWithIconProps } from '../../ui-kit/Button/ButtonProps';
+import { Img } from '../../ui-kit/Img/Img';
+import { getIconWithVersion } from '../../utils/getIconWithVersion';
+import { style } from '../../utils/style';
 
 const ICONS_MAP: Array<{
   origins: string[];
-  icon: Picture;
+  iconMapped: Picture;
   label: string;
 }> = [
   {
     origins: ['t.me', 'telegram.org'],
-    icon: { icon: 'TelegramIcon' },
+    iconMapped: { icon: 'TelegramIcon' },
     label: 'Телеграм',
   },
   {
     origins: ['vk.com'],
-    icon: { icon: 'VKIcon' },
+    iconMapped: { icon: 'VKIcon' },
     label: 'ВКонтакте',
   },
   {
     origins: ['ok.ru'],
-    icon: { icon: 'OkIcon' },
+    iconMapped: { icon: 'OkIcon' },
     label: 'Одноклассники',
   },
   {
     origins: ['apps.apple.com'],
-    icon: { icon: 'AppleIcon' },
+    iconMapped: { icon: 'AppleIcon' },
     label: 'App Store',
   },
   {
     origins: ['play.google.com'],
-    icon: { icon: 'PlayMarketIcon' },
+    iconMapped: { icon: 'PlayMarketIcon' },
     label: 'Google Play',
   },
   {
     origins: ['youtube.com'],
-    icon: { icon: 'YoutubeIcon' },
+    iconMapped: { icon: 'YoutubeIcon' },
     label: 'Youtube',
   },
 ];
@@ -57,12 +57,17 @@ const buttonSizeStyles = {
 };
 
 export const MediaButton = JSX<MediaButtonProps>(
-  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, ...rest }) => {
+  ({ iconVersion = 'color', buttonSize = 'default', rounded = false, icon, ...rest }) => {
     const { href, version } = rest;
 
-    const { icon, label } =
+    const { iconMapped, label } =
       ICONS_MAP.find(({ origins }) => origins.some((_) => href?.includes(_))) || {};
-    const iconWithVersion = icon ? { ...getIconWithVersion(icon), iconVersion } : null;
+
+    const iconCustom = icon ?? iconMapped;
+
+    const iconWithVersion = iconCustom
+      ? { ...getIconWithVersion(iconCustom), iconVersion }
+      : undefined;
 
     return (
       <Button

package/mobile/src/components/Header/HeaderChatBotButton.tsx

@@ -2,16 +2,13 @@ import { JSX } from '@redneckz/uni-jsx';
 import { useBool } from '../../hooks/useBool';
 import type { IconVersion } from '../../model/IconVersion';
 import { style } from '../../utils/style';
-import type { ChatBot as ChatBotWithEmptyOption } from './HeaderContent';
 import { HeaderSecondaryMenuButton } from './HeaderSecondaryMenuButton';
 import { useChatBot } from './useChatBot';
 
-export type ChatBot = Exclude<ChatBotWithEmptyOption, ''>;
-
 interface HeaderChatBotButtonProps {
   className?: string;
   iconVersion?: IconVersion;
-  chat?: ChatBot;
+  chat?: string;
   onClick?: () => void;
 }
 

package/mobile/src/components/Header/HeaderContent.ts

@@ -7,12 +7,6 @@ import type { IconProps, Picture } from '../../model/Picture';
  */
 export type SubMenuItem = LinkProps & IconProps;
 
-/**
- * @title Чат-бот
- * @enumNames ["", "Для физических лиц", "Для юридических лиц"]
- */
-export type ChatBot = '' | 'personal' | 'business';
-
 /**
  * @title Ссылка дополнительного меню
  * @required ["text", "href"]
@@ -40,5 +34,4 @@ export interface HeaderContent {
   showSubMenu?: boolean;
   /** @hidden */
   bgColor?: BgColorVersion;
-  chat?: ChatBot;
 }

package/mobile/src/components/Header/HeaderSecondaryMenu.tsx

@@ -8,14 +8,13 @@ import { Location } from '../../ui-kit/Location/Location';
 import { TopItem } from '../../ui-kit/TopItem/TopItem';
 import { style } from '../../utils/style';
 import { HeaderChatBotButton } from './HeaderChatBotButton';
-import type { ChatBot } from './HeaderContent';
+import { projectSettings } from '../../ProjectSettings';
 
 interface HeaderSecondaryMenuContent {
   version?: BlockVersion;
   defaultLocation?: string;
   officesLink?: string;
   foreignOffices?: ForeignOffice[];
-  chat?: ChatBot;
 }
 
 export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
@@ -23,7 +22,7 @@ export interface HeaderSecondaryMenuProps extends HeaderSecondaryMenuContent {
 }
 
 export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
-  ({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices, chat }) => {
+  ({ version, className, officesLink, defaultLocation = 'Москва', foreignOffices }) => {
     const [isShowLocationModal, { setTrue: showLocationModal, setFalse: hideLocationModal }] =
       useBool();
 
@@ -43,8 +42,12 @@ export const HeaderSecondaryMenu = JSX<HeaderSecondaryMenuProps>(
         {officesLink ? (
           <TopItem className="mr-7" flat={true} href={officesLink} text="Офисы и банкоматы" />
         ) : null}
-        {chat ? (
-          <HeaderChatBotButton className="mr-5" iconVersion={iconVersion} chat={chat} />
+        {projectSettings.CHAT_BOT ? (
+          <HeaderChatBotButton
+            className="mr-5"
+            iconVersion={iconVersion}
+            chat={projectSettings.CHAT_BOT}
+          />
         ) : null}
         {isShowLocationModal ? (
           <Location

package/mobile/src/components/Header/useChatBot.ts

@@ -1,15 +1,14 @@
 import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
 import { useExternalNS } from '../../hooks/useExternalNS';
-import { ChatBot } from './HeaderChatBotButton';
 
 const CHATBOT_NAMESPACE = 'chatbot';
 
-const CHATBOT_URL: Record<ChatBot, string> = {
+const CHATBOT_URL: Record<string, string> = {
   personal: '//chat.mes.rshb.ru/assets/js/webchat_rshb',
   business: '', //TODO: add url business chat
 };
 
-export const useChatBot = (chat: ChatBot) => {
+export const useChatBot = (chat: string) => {
   useEffect(() => globalThis.localStorage?.setItem('webchat-keep-open', String(Date.now())), []);
 
   return useExternalNS(CHATBOT_NAMESPACE, CHATBOT_URL[chat]);

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

@@ -2,19 +2,19 @@ import type { ButtonVersion } from '../../model/ButtonVersion';
 import { Button } from '../../ui-kit/Button/Button';
 import type { BackwardButtonProps } from '../../ui-kit/Button/ButtonProps';
 import { Img } from '../../ui-kit/Img/Img';
+import { style } from '../../utils/style';
 
 export function renderBackwardButton(
   button: BackwardButtonProps,
   version: ButtonVersion,
   className: string,
 ) {
-  const { text, href, target, onClick } = button;
+  const { text, href, target } = button;
   const iconVersion = version === 'primary' ? 'white' : 'black';
   const backwardIcon = button?.icon || { icon: 'ArrowLeftIcon' };
 
-  // TODO Move click handler to Button
   return (
-    <div className={`flex items-center cursor-pointer ${className}`} onClick={onClick}>
+    <div className={style('flex items-center', className)}>
       <Button
         version={version}
         rounded
@@ -29,7 +29,9 @@ export function renderBackwardButton(
           asSVG
         />
       </Button>
-      {text ? <span className="text-m">{text}</span> : null}
+      {text ? (
+        <Button version="link" text={text} href={href} target={target} ariaLabel={text} />
+      ) : null}
     </div>
   );
 }

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

@@ -15,7 +15,6 @@
               "height": 299
             }
           },
-          "version": "primary",
           "description": "Описание",
           "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],
           "benefits": [
@@ -50,7 +49,6 @@
               "height": 299
             }
           },
-          "version": "primary",
           "description": "Описание",
           "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"],
           "benefits": [
@@ -71,6 +69,7 @@
           ]
         }
       }
-    ]
+    ],
+    "version": "primary"
   }
 }

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

@@ -61,7 +61,7 @@ function renderProductBlock(block: ProductBlockInnerContent & UniBlockProps, i:
     >
       <div className="flex grow">
         <ProductBlockInner
-          className="pl-12 z-10 text-secondary-text group-data-secondary:text-white"
+          className="pl-12 z-10 group-data-secondary:text-white"
           textBlockClassName="mb-[154px]"
           headlineVersion="XXL"
           {...block}

package/mobile/src/components/Tabs/Tabs.tsx

@@ -35,7 +35,7 @@ export const Tabs = JSX<TabsBlockProps>((props) => {
   return (
     <BlockWrapper
       className={`relative box-border flex gap-x-1 w-full ${
-        isSticky ? 'sticky top-1 z-20 ' : ''
+        isSticky ? 'sticky top-1 z-20' : ''
       } ${className}`}
       role="tablist"
       {...rest}

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

@@ -35,6 +35,7 @@
             {
               "tableCellType": "List",
               "isDotted": true,
+              "listItemSize": "M",
               "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
             },
             {
@@ -45,6 +46,7 @@
             {
               "tableCellType": "List",
               "isDotted": false,
+              "listItemSize": "M",
               "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
             }
           ],
@@ -56,6 +58,7 @@
             {
               "tableCellType": "List",
               "isDotted": true,
+              "listItemSize": "M",
               "items": ["Элемент списка 1", "Элемент списка 2", "Элемент списка 3"]
             }
           ],

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

@@ -80,6 +80,7 @@ export type LabelDescriptionCellDef = LabelDescriptionCell & {
 
 /**
  * @title Список
+ * @default { "listItemSize": "M", "isDotted": true  }
  */
 export type ListBlockDef = ListProps & {
   /** @default List */

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

@@ -3,7 +3,7 @@
     "version": "primary",
     "isPadding": false,
     "isInnerPadding": true,
-    "align": "left",
+    "align": "stretch",
     "gap": ""
   },
   "style": ["col-span-12"],

package/mobile/src/components/VerticalLayout/VerticalLayout.tsx

@@ -1,6 +1,6 @@
 import { JSX } from '@redneckz/uni-jsx';
 import { renderChildren } from '../../BlockRenderer/renderChildren';
-import type { AlignType } from '../../model/AlignType';
+import type { AlignTypeWithStretch } from '../../model/AlignType';
 import type { JSXBlock, UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
 import { style } from '../../utils/style';
@@ -9,7 +9,8 @@ import type { VerticalLayoutContent } from './VerticalLayoutContent';
 
 export interface VerticalLayoutProps extends VerticalLayoutContent, UniBlockProps {}
 
-const alignStyle: Record<AlignType, string> = {
+const alignStyle: Record<AlignTypeWithStretch, string> = {
+  stretch: 'items-stretch',
   left: 'items-start',
   center: 'items-center',
   right: 'items-end',
@@ -19,7 +20,7 @@ export const VerticalLayout: JSXBlock<VerticalLayoutProps> = JSX<VerticalLayoutP
   ({
     className = '',
     gap = '',
-    align,
+    align = 'stretch',
     isPadding = false,
     isInnerPadding = true,
     version = 'transparent',

package/mobile/src/components/VerticalLayout/VerticalLayoutContent.ts

@@ -1,4 +1,4 @@
-import type { AlignType } from '../../model/AlignType';
+import type { AlignTypeWithStretch } from '../../model/AlignType';
 import type { BlockVersion } from '../../model/BlockVersion';
 import type { ColorPalette } from '../../model/ContentPageDef';
 import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
@@ -9,7 +9,7 @@ import type { GapVersion } from '../HorizontalLayout/HorizontalLayoutContent';
 export interface VerticalLayoutContent {
   colorPalette?: ColorPalette;
   version?: BlockVersion;
-  align?: AlignType;
+  align?: AlignTypeWithStretch;
   gap?: GapVersion;
   /** @title Внутренний отступ компоновщика */
   isPadding?: boolean;

package/mobile/src/components/Video/Video.tsx

@@ -1,6 +1,8 @@
 import { JSX } from '@redneckz/uni-jsx';
+import { useRouter } from '../../hooks/useRouter';
 import type { UniBlockProps } from '../../model/JSXBlock';
 import { BlockWrapper } from '../../ui-kit/BlockWrapper';
+import { adjustHref } from '../../utils/adjustHref';
 import { style } from '../../utils/style';
 import { Headline } from '../Headline/Headline';
 import { getPaddings } from './getPaddings';
@@ -8,19 +10,23 @@ import type { VideoContent } from './VideoContent';
 
 interface VideoProps extends VideoContent, UniBlockProps {}
 
-export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...rest }) => (
-  <BlockWrapper className={style(getPaddings(className), className)} {...rest}>
-    <Headline title={title} headlineVersion="M" />
-    {src ? (
-      <video
-        className="m-auto w-full object-fill"
-        preload="metadata"
-        poster={previewImg?.src}
-        style={{ maxHeight: 524 }}
-        controls
-      >
-        <source src={src} />
-      </video>
-    ) : null}
-  </BlockWrapper>
-));
+export const Video = JSX<VideoProps>(({ className, title, src, previewImg, ...rest }) => {
+  const router = useRouter();
+
+  return (
+    <BlockWrapper className={style(getPaddings(className), className)} {...rest}>
+      <Headline title={title} headlineVersion="M" />
+      {src ? (
+        <video
+          className="m-auto w-full object-fill"
+          preload="metadata"
+          poster={adjustHref(router)(previewImg?.src)}
+          style={{ maxHeight: 524 }}
+          controls
+        >
+          <source src={adjustHref(router)(src)} />
+        </video>
+      ) : null}
+    </BlockWrapper>
+  );
+});

package/mobile/src/hooks/useLink.ts

@@ -12,7 +12,7 @@ interface Clickable {
   onClick(ev?: PreventableEvent): void;
 }
 
-export function useLink(isRemote?: boolean) {
+export function useLink(isRemote = false) {
   const router = useRouter();
 
   return <L extends Partial<LinkProps & Clickable>>(props: L): L & Clickable => ({

package/mobile/src/model/AlignType.ts

@@ -7,3 +7,14 @@
  * ]
  */
 export type AlignType = 'left' | 'center' | 'right';
+
+/**
+ * @title Выравнивание
+ * @enumNames [
+ *    "Во всю ширину",
+ *    "По левому краю",
+ *    "По центру",
+ *    "По правому краю"
+ * ]
+ */
+export type AlignTypeWithStretch = 'stretch' | 'left' | 'center' | 'right';

package/mobile/src/services/sitemap/isTopItemActive.ts

@@ -1,11 +1,6 @@
 import type { Router } from '../../hooks/useRouter';
 import { projectSettings } from '../../ProjectSettings';
 import { isHrefActive } from './isHrefActive';
-import { TopMenuItem } from './SitemapProps';
 
-export const isTopItemActive =
-  (router: Router) =>
-  (topItem: TopMenuItem): boolean =>
-    projectSettings.BASE_PATH
-      ? isHrefActive({ pathname: projectSettings.BASE_PATH })(topItem)
-      : topItem.items?.some(isHrefActive(router)) || isHrefActive(router)(topItem);
+export const isTopItemActive = (router: Router) =>
+  isHrefActive(projectSettings.BASE_PATH ? { pathname: projectSettings.BASE_PATH } : router);

package/mobile/src/ui-kit/Img/ImgAsPicture.tsx

@@ -23,7 +23,7 @@ export const ImgAsPicture = JSX<ImageProps>(
               .map(({ src, format, media }, index) => (
                 <source
                   key={`${index}_${src}`}
-                  srcSet={adjustSrcset(router, pathPrefix)(src)}
+                  srcSet={adjustSrc(router, pathPrefix)(src)}
                   type={formatToMimeType(format)}
                   media={media ? `(max-width: ${media}px)` : ''}
                   {...image.size}
@@ -32,7 +32,7 @@ export const ImgAsPicture = JSX<ImageProps>(
           : null}
         {image?.src
           ? renderImg(
-              { ...image, src: adjustSrcset(router, pathPrefix)(image.src) },
+              { ...image, src: adjustSrc(router, pathPrefix)(image.src) },
               imageClassName,
               isMobile,
             )
@@ -64,14 +64,8 @@ const renderImg = (image: Picture, imageClassName = '', isMobile = false) => {
   );
 };
 
-const adjustSrcset = (router: Router, pathPrefix?: string) => (srcset: string | undefined) =>
-  srcset
-    ?.split(/\s*,\s*/)
-    .map((src) => src.trim())
-    .filter(Boolean)
-    .map((src) => (isURL(src) ? src : joinPath(pathPrefix, src)))
-    .map(adjustHref(router))
-    .join(', ');
+const adjustSrc = (router: Router, pathPrefix?: string) => (src: string | undefined) =>
+  src && !isURL(src) ? adjustHref(router)(joinPath(pathPrefix, src)) : src;
 
 const formatToMimeType = (format: ImgSource['format']) =>
   format ? `image/${String(format)}` : undefined;

package/mobile/src/wlc.json

@@ -2,5 +2,7 @@
   "PROD_BRANCH": "master",
   "FORCED_DRAFT_FLOW": false,
   "YANDEX_MAP_API_KEY": "f4b40c1e-1891-45f2-b307-90c481af210b",
-  "SITEMAP": "sayt-rshb"
+  "SITEMAP": "sayt-rshb",
+  "CHAT_BOT": "personal",
+  "BASE_PATH": "/natural/"
 }

package/package.json

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

package/src/BlockRenderer/BlockRendererOptions.ts

@@ -10,4 +10,5 @@ export interface BlockRendererOptions {
   parent?: Slot;
   ancestors?: BlockAncestors;
   className?: string;
+  extraProps?: Record<string, any>;
 }

package/src/BlockRenderer/renderBlock.tsx

@@ -15,6 +15,7 @@ export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
     blocksRegistry = {},
     ancestors = DEFAULT_ANCESTORS,
     className = '',
+    extraProps = {},
   } = options;
   const { type } = block;
 
@@ -44,6 +45,7 @@ export function renderBlock(block: BlockDef, options: BlockRendererOptions) {
             block={block}
             options={options}
             {...content}
+            {...extraProps}
           />
         ) : null;
       },

package/src/BlockRenderer/renderBlockList.tsx

@@ -7,7 +7,7 @@ import { renderBlock } from './renderBlock';
 
 export interface BlocksListRendererProps extends BlockRendererOptions {
   slotName?: SlotName;
-  renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+  renderProps?: (block: BlockDef, options: BlockRendererOptions) => VNode;
 }
 
 const EMPTY_ANCESTORS: BlockAncestors = [];
@@ -18,12 +18,12 @@ export const renderBlocksList = (
     key,
     ancestors = EMPTY_ANCESTORS,
     slotName = DEFAULT_SLOT_NAME,
-    renderChild = renderBlock,
+    renderProps = renderBlock,
     ...options
   }: BlocksListRendererProps,
 ): VNode[] =>
   (blocks || []).map((_: BlockDef, j: number) =>
-    renderChild(_, {
+    renderProps(_, {
       ...options,
       key: `${key ? key : _.type}-${j}`,
       ancestors: options.parent

package/src/BlockRenderer/renderChildren.ts

@@ -6,20 +6,20 @@ import { renderBlocksList } from './renderBlockList';
 
 interface ChildrenRendererProps extends UniBlockProps {
   children?: VNode;
-  renderChild?: (block: BlockDef, options: BlockRendererOptions) => VNode;
+  renderProps?: (block: BlockDef, options: BlockRendererOptions) => VNode;
 }
 
 export function renderChildren({
   children,
   block,
   options,
-  renderChild,
+  renderProps,
 }: ChildrenRendererProps): VNode[] | null {
   if (children) {
     return children;
   }
 
   return block && options
-    ? renderBlocksList(block.blocks, { ...options, parent: block, renderChild })
+    ? renderBlocksList(block.blocks, { ...options, parent: block, renderProps })
     : null;
 }

package/src/ProjectSettings.ts

@@ -6,6 +6,7 @@ export interface ProjectSettings {
   ASSIST_PROJECT_ID?: string;
   SITEMAP?: string;
   FOOTER?: string;
+  CHAT_BOT?: string; // "personal" or "business"
   CDN?: string; // Should ends with "/"
   BASE_PATH?: string; // Should ends with "/"
   YANDEX_MAP_API_KEY?: string;
@@ -42,6 +43,9 @@ export const projectSettings = new (class implements ProjectSettings {
   get FOOTER() {
     return this._.FOOTER;
   }
+  get CHAT_BOT() {
+    return this._.CHAT_BOT;
+  }
   get CDN() {
     return appendSlash(this._.CDN);
   }

package/src/components/Accordion/Accordion.fixture.tsx

@@ -2,10 +2,8 @@ import type { BlockRendererOptions } from '../../BlockRenderer/BlockRendererOpti
 import type { BlockDef } from '../../model/ContentPageDef';
 import '../../setup-fixture';
 import { Blocks } from '../Blocks';
-import { defaultProps as GALLERY } from '../Gallery/Gallery.fixture';
 import { HEADLINE } from '../Headline/Headline.fixture';
 import { linkDocsContentExample } from '../LinkDocs/linkDocsContentExample';
-import { defaultProps as MINI_GALLERY } from '../MiniGallery/MiniGallery.fixture';
 import { PICTURE_TEXT } from '../PictureText/PictureText.fixture';
 import { PRODUCT_TILE } from '../ProductTile/ProductTile.fixture';
 import { TEXT_BLOCK } from '../TextBlock/TextBlock.fixture';
@@ -67,16 +65,6 @@ export default {
                 { type: 'ProductTile', content: PRODUCT_TILE, style: ['col-span-6'] },
               ],
             },
-            {
-              type: 'AccordionItem',
-              content: { label: 'Accordion label 7' },
-              blocks: [{ type: 'Gallery', content: GALLERY }],
-            },
-            {
-              type: 'AccordionItem',
-              content: { label: 'Accordion label 8' },
-              blocks: [{ type: 'MiniGallery', content: MINI_GALLERY }],
-            },
           ],
         }}
         options={options}

package/src/components/Blocks.mobile.ts

@@ -3,7 +3,6 @@ import { Accordion } from './Accordion/Accordion';
 import { AccordionItem } from './AccordionItem/AccordionItem';
 import { ComparisonTable } from './ComparisonTable/ComparisonTable';
 import { Footer } from './Footer/Footer';
-import { Gallery } from './Gallery/Gallery';
 import { Header } from './Header/Header';
 import { Headline } from './Headline/Headline';
 import { LinkDocs } from './LinkDocs/LinkDocs';
@@ -20,7 +19,6 @@ export const Blocks: BlocksRegistry = {
   AccordionItem,
   ComparisonTable,
   Footer,
-  Gallery,
   Header,
   Headline,
   LinkDocs,