@redneckz/wildless-cms-uni-blocks 0.3.24 → 0.3.27

package/src/components/CreditCalculator/CreditCalculator.example.json

@@ -0,0 +1,19 @@
+{
+  "tabs": [
+    {
+      "title": "Вкладка 1",
+      "description": "Описание",
+      "icon": "CardIcon"
+    },
+    {
+      "title": "Вкладка 2",
+      "description": "Описание",
+      "icon": "ChartSquareIcon"
+    },
+    {
+      "title": "Вкладка 3",
+      "description": "Описание",
+      "icon": "DiscountShapeIcon"
+    }
+  ]
+}

package/src/components/Gallery/Gallery.example.json

@@ -1,6 +1,7 @@
 {
   "title": "Галерея",
   "description": "Описание",
+  "orientation": "horizontal",
   "cards": [
     {
       "image": {

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

@@ -83,7 +83,7 @@ const cards: GalleryCard[] = [
 const defaultProps = {
   title: 'Вы можете оплатить бонусными баллами',
   description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
-  useSwiper: 'horizontal' as ListOrientation,
+  orientation: 'vertical' as ListOrientation,
   context,
   cards: cards,
 };
@@ -91,7 +91,7 @@ const defaultProps = {
 const scrollProps = {
   title: 'Вы можете оплатить бонусными баллами',
   description: 'Удобный каталог с большим ассортиментом товаров и сервисов',
-  useSwiper: 'horizontal' as ListOrientation,
+  orientation: 'horizontal' as ListOrientation,
   context,
   cards: cards,
 };

package/src/components/Gallery/Gallery.mobile.tsx

@@ -16,7 +16,7 @@ const blockStyle: Record<BlockVersion, string> = {
 };
 
 export const Gallery = JSX<GalleryProps>(
-  ({ context, title, description, cards = [], className, useSwiper = 'horizontal' }) => {
+  ({ context, title, description, cards = [], className, orientation = 'horizontal' }) => {
     return (
       <section
         className={`relative font-sans text-primary-text bg-white px-4 py-6 overflow-hidden ${className}`}
@@ -35,14 +35,14 @@ export const Gallery = JSX<GalleryProps>(
             </div>
           ) : null}
         </div>
-        {renderCardsLayout(useSwiper, cards, context)}
+        {renderCardsLayout(orientation, cards, context)}
       </section>
     );
   },
 );
 
-function renderCardsLayout(useSwiper: ListOrientation, cards: GalleryCard[], context) {
-  return useSwiper === 'horizontal' ? (
+function renderCardsLayout(orientation: ListOrientation, cards: GalleryCard[], context) {
+  return orientation === 'horizontal' ? (
     <SwipeListControl context={context}>{cards?.map(renderCard)}</SwipeListControl>
   ) : (
     <div className="grid gap-[14px]">{cards?.map(renderCard)}</div>

package/src/components/Gallery/GalleryCardInner.tsx

@@ -10,7 +10,7 @@ export const GalleryCardInner = JSX<GalleryCard>(
   ({ title, description, image, items, button, version }) => {
     const titleStyleClasses = getTitleStyle(version, description, items);
     return (
-      <div>
+      <div className="h-full flex flex-col justify-between">
         <div>
           {image?.src ? (
             <div className="flex justify-center">

package/src/components/Gallery/GalleryContent.ts

@@ -43,5 +43,5 @@ export interface GalleryContent {
    */
   cards?: GalleryCard[];
   /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
-  useSwiper?: ListOrientation; //TODO: for mobile
+  orientation?: ListOrientation; //TODO: for mobile
 }

package/src/components/LinkDocs/LinkDocs.example.json

@@ -24,6 +24,6 @@
     }
   ],
   "columnsMode": "double",
-  "listMode": "vertical",
+  "orientation": "vertical",
   "hasBorder": true
 }

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

@@ -29,7 +29,7 @@ export default {
         className="col-span-12"
         context={mobileContext}
         {...linkDocsContentExample}
-        listMode={'horizontal'}
+        orientation="horizontal"
       />
     </div>
   ),

package/src/components/LinkDocs/LinkDocs.mobile.tsx

@@ -15,7 +15,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
     subtitle,
     icon = 'DocIconMonoColor',
     documents,
-    listMode = 'vertical',
+    orientation = 'vertical',
     hasBorder = true,
   }) => {
     return (
@@ -32,7 +32,7 @@ export const LinkDocs = JSX<LinkDocsProps>(
         {subtitle ? (
           <h3 className="mt-0 font-normal mb-5 text-center text-m-md">{subtitle}</h3>
         ) : null}
-        {listMode === 'vertical' ? (
+        {orientation === 'vertical' ? (
           <LinkDocsVerticalList hasBorder={hasBorder} documents={documents} icon={icon} />
         ) : (
           <LinkDocsHorizontalList

package/src/components/LinkDocs/LinkDocsContent.ts

@@ -34,7 +34,7 @@ export interface LinkDocsContent {
   documents?: LinkDocsItem[];
   columnsMode?: LinkColumnsMode;
   /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
-  listMode?: ListOrientation; // TODO: мобильный проп
+  orientation?: ListOrientation; // TODO: мобильный проп
   /** @title Рамка элементов (моб.) */ // TODO: мобильный проп
   hasBorder?: boolean;
   align?: AlignType;

package/src/components/MiniGallery/MiniGalleryContent.ts

@@ -2,6 +2,6 @@ import type { GalleryContent } from '../Gallery/GalleryContent';
 
 /**
  * @title Мини-галерея
- * @minItems 3
+ * @minItems 4
  */
 export type MiniGalleryContent = GalleryContent;

package/src/components/OtherProducts/OtherProductsItem.tsx

@@ -26,7 +26,7 @@ export const OtherProductsItem = JSX<BlockItemProps>(
           />
         ) : null}
         <button
-          className="border-none bg-primary-main px-0 py-[25px] w-full font-sans text-white text-base flex justify-center cursor-pointer"
+          className="border-none bg-primary-main px-0 py-[26px] mb-[1px] w-full font-sans text-white text-base flex justify-center cursor-pointer"
           onClick={handleToggle}
         >
           <span className="pr-3">{isActive ? 'Скрыть' : label}</span>