@redneckz/wildless-cms-uni-blocks 0.14.6 → 0.14.8

package/src/components/ContentPage/ContentPage.tsx

@@ -35,7 +35,7 @@ export const ContentPage: JSXBlock<ContentPageProps> = JSX<ContentPageProps>(
     useBlockRouterProvider();
 
     return (
-      <div className="@container" data-theme={colorPalette}>
+      <div data-theme={colorPalette}>
         <section className={style('relative', pageStyle, className)}>
           {slots?.header ? (
             <div className="relative z-10 mb-lg shadow-[0_8px_32px_0px_#00000014]">

package/src/components/Depository/DepositoryContent.ts

@@ -1,3 +1,6 @@
 import type { UniBlockContent } from '../../model/JSXBlock';
 
+/**
+ * @title Депозитарий
+ */
 export type DepositoryContent = UniBlockContent;

package/src/components/Header/HeaderSubMenu.tsx

@@ -22,7 +22,7 @@ export interface HeaderSubMenuProps {
   internetBankUrl?: string;
 }
 
-const HEADER_AREA_KEY = 'header';
+const HEADER_AREA_KEYS = ['all', 'header'];
 
 export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
   ({ subItems = [], version, internetBankUrl }) => {
@@ -33,7 +33,7 @@ export const HeaderSubMenu = JSX<HeaderSubMenuProps>(
     const visibleSubItems = useMemo(
       () =>
         subItems.filter(
-          (item) => !item.displayArea || item.displayArea.toLowerCase() === HEADER_AREA_KEY,
+          (item) => !item.displayArea || HEADER_AREA_KEYS.includes(item.displayArea.toLowerCase()),
         ),
       [subItems],
     );

package/src/components/OfficesAtmsMap/OfficesAtmsMapContent.ts

@@ -35,6 +35,9 @@ export type AtmsDef = {
  */
 export type OfficesAtmsBlockDef = EmptyOption | OfficesDef | AtmsDef;
 
+/**
+ * @title Блок офисов и банкоматов
+ */
 export type OfficesAtmsMapContent = UniBlockContent & {
   data?: OfficesAtmsBlockDef;
 };

package/src/components/StickyBottomMenu/StickyBottomMenu.mobile.tsx

@@ -35,11 +35,13 @@ export const StickyBottomMenu = JSX<StickyBottomMenuProps>(({ ...rest }) => {
   );
 
   return (
-    <BlockWrapper
-      className="fixed bottom-0 left-0 right-0 my-0 mx-auto w-full bg-transparent z-[100]"
-      padding="p-0"
-    >
-      {<RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />}
-    </BlockWrapper>
+    <div className="w-full mb-5">
+      <BlockWrapper
+        className="@container-normal fixed w-full h-[74px] bottom-0 left-0 my-0 mx-auto bg-transparent z-[100]"
+        padding="p-0"
+      >
+        <RenderMenuItems menuItems={menuItemsWithButton} onClick={toggle} />
+      </BlockWrapper>
+    </div>
   );
 });

package/src/components/SwipeListControlBlock/SwipeListControlBlockContent.ts

@@ -1,3 +1,6 @@
 import type { SwipeListControlContent } from '../../ui-kit/SwipeListControl/SwipeListControlContent';
 
+/**
+ * @title Swipe-контроллер
+ */
 export type SwipeListControlBlockContent = SwipeListControlContent;

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

@@ -21,13 +21,13 @@ export const Sitemap = JSX<SitemapProps>(({ className, topItems }) => {
   );
 });
 
-const FOOTER_AREA_KEY = 'footer';
+const FOOTER_AREA_KEYS = ['all', 'footer'];
 
 const renderColumn = (menuItem: TopMenuItemProps & { onClick: () => void }, index: number) => {
   const { text, items = [], href, target, onClick } = menuItem;
 
   const visibleSubItems = items.filter(
-    (_) => !_.displayArea || _.displayArea.toLowerCase() === FOOTER_AREA_KEY,
+    (_) => !_.displayArea || FOOTER_AREA_KEYS.includes(_.displayArea.toLowerCase()),
   );
 
   return (