@redneckz/wildless-cms-uni-blocks 0.7.4 → 0.7.6

package/src/ui-kit/SwipeListControl/SwipeListContainer.tsx

@@ -3,7 +3,8 @@ import { useCallback, useRef } from '@redneckz/uni-jsx/lib/hooks';
 import type { IntersectionObserverOptions } from '../../hooks/useIntersectionObserver';
 import { mapChildren } from '../../utils/mapChildren';
 import { style } from '../../utils/style';
-import type { SwipeContainerProps, SwipeListControlType } from './SwipeListControlProps';
+import type { SwipeListControlType } from './SwipeListControlContent';
+import type { SwipeContainerProps } from './SwipeListControlProps';
 import { SwipeListItem } from './SwipeListItem';
 
 type ItemsVisibilityList = Array<IntersectionObserverEntry | undefined>;

package/src/ui-kit/SwipeListControl/SwipeListControlContent.ts

@@ -0,0 +1,17 @@
+import type { BlockVersion } from '../../model/BlockVersion';
+
+/**
+ * @title Вид
+ * @enumNames ["Горизонтальный", "Вертикальный"]
+ */
+export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+
+/**
+ * @title Swipe-контроллер
+ */
+export interface SwipeListControlContent {
+  /** @title Точки-индикаторы */
+  showDots?: boolean;
+  listType?: SwipeListControlType;
+  version?: BlockVersion;
+}

package/src/ui-kit/SwipeListControl/SwipeListControlDots.tsx

@@ -1,5 +1,5 @@
 import { JSX } from '@redneckz/uni-jsx';
-import type { SwipeListControlType } from './SwipeListControlProps';
+import type { SwipeListControlType } from './SwipeListControlContent';
 
 const containerStyles: Record<SwipeListControlType, string> = {
   'horizontal-list': 'mx-auto mt-5 w-fit',
@@ -11,7 +11,8 @@ const activeDotStyles: Record<SwipeListControlType, string> = {
   'vertical-list': 'h-6',
 };
 
-const dotStyle = 'cursor-pointer bg-primary-main rounded-full transition-width duration-300';
+const dotStyle =
+  'cursor-pointer bg-primary-main rounded-full transition-width duration-300 group-data-secondary:bg-white';
 
 const inactiveDotStyle = 'w-2 h-2 opacity-30';
 

package/src/ui-kit/SwipeListControl/SwipeListControlProps.ts

@@ -1,8 +1,4 @@
-/**
- * @title Вид
- * @enumNames ["Горизонтальный", "Вертикальный"]
- */
-export type SwipeListControlType = 'horizontal-list' | 'vertical-list';
+import type { SwipeListControlContent } from './SwipeListControlContent';
 
 /**
  * @title Контейнер
@@ -17,11 +13,8 @@ export interface SwipeContainerProps {
 /**
  * @title Swipe-контроллер
  */
-export interface SwipeListControlProps extends SwipeContainerProps {
+export interface SwipeListControlProps extends SwipeListControlContent, SwipeContainerProps {
   className?: string;
-  /** @title Точки-индикаторы */
-  showDots?: boolean;
   /** @hidden */
   onVisibleIndicesChange?: (indices: number[]) => void;
-  listType?: SwipeListControlType;
 }

package/src/utils/addSpacesBetweenNumbers.ts

@@ -1,2 +1,2 @@
 export const addSpacesBetweenNumbers = (number: number) =>
-  new Intl.NumberFormat('ru-RU', { maximumSignificantDigits: 3 }).format(number);
+  new Intl.NumberFormat('ru-RU', {}).format(number);

package/tailwind.config.cjs

@@ -209,6 +209,7 @@ module.exports = {
             start: 'rgba(var(--color-gradient-from), <alpha-value>)',
             end: 'rgba(var(--color-gradient-to), <alpha-value>)',
           },
+          disabled: 'rgba(242, 242, 242, <alpha-value>)',
         },
         primary: {
           main: 'rgba(var(--color-primary-main), <alpha-value>)',