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

package/mobile/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/package.json

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

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

@@ -130,6 +130,7 @@ export default {
         isColoredFirstColumn={true}
         context={context}
         rowHeaders={rowHeaders}
+        orientation="vertical"
         columns={Array(2).fill(columns).flat()}
         visibleRowLength={2}
       />
@@ -143,7 +144,7 @@ export default {
         isColoredFirstColumn={true}
         context={context}
         rowHeaders={rowHeaders}
-        orientation={'horizontal'}
+        orientation="horizontal"
         columns={Array(2).fill(columns).flat()}
         visibleRowLength={2}
       />

package/src/components/ComparisonTable/ComparisonTable.mobile.tsx

@@ -16,7 +16,7 @@ export const ComparisonTable = JSX<ComparisonTableProps>(
     columns,
     visibleRowLength = 0,
     isColoredFirstColumn = false,
-    orientation = 'horizontal',
+    orientation = 'vertical',
   }) => {
     const tableData =
       columns?.map(({ data, header }) => ({
@@ -95,16 +95,6 @@ const renderInnerTable = ({
   handleToggleColumn,
 }) =>
   orientation === 'horizontal' ? (
-    tableData.map(
-      renderColumn({
-        context,
-        visibleRowLength,
-        isColoredFirstColumn,
-        columnsViewState,
-        handleToggleColumn,
-      }),
-    )
-  ) : (
     <SwipeListControl
       context={context}
       onSlideChange={onSlideChange(columnsViewState, setColumnsViewState)}
@@ -119,6 +109,16 @@ const renderInnerTable = ({
         }),
       )}
     </SwipeListControl>
+  ) : (
+    tableData.map(
+      renderColumn({
+        context,
+        visibleRowLength,
+        isColoredFirstColumn,
+        columnsViewState,
+        handleToggleColumn,
+      }),
+    )
   );
 
 const renderColumn =

package/src/components/ComparisonTable/ComparisonTableContent.ts

@@ -83,5 +83,5 @@ export interface ComparisonTableContent {
   /** @title Отображать заданное количество строк */
   visibleRowLength?: number;
   /** @title Отображать элементы в моб. версии (прокрутка shift+mouseScroll) */
-  orientation?: ListOrientation;
+  orientation?: ListOrientation; // TODO: мобильный проп
 }

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

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

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;