@redneckz/wildless-cms-uni-blocks 0.14.2 → 0.14.3

package/src/ui-kit/Button/Button.fixture.tsx

@@ -9,17 +9,17 @@ export default {
       <div>
         <p>Private clients</p>
         <div className="flex gap-xl" data-theme="pc">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
-          <Button href="https://www.rshb.ru/" target="_blank" text="Link" version="secondary" />
-          <Button href="https://www.rshb.ru/" target="_blank" text="Secondary" version="link" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Primary" version="primary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Link" version="secondary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Secondary" version="link" />
         </div>
       </div>
       <div>
         <p>Business clients</p>
         <div className="flex gap-xl" data-theme="bc">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Primary" version="primary" />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Secondary"
             version="secondary"
@@ -29,9 +29,9 @@ export default {
       <div>
         <p>Ecosystem own</p>
         <div className="flex gap-xl" data-theme="eo">
-          <Button href="https://www.rshb.ru/" target="_blank" text="Primary" version="primary" />
+          <Button href="https://old.rshb.ru/" target="_blank" text="Primary" version="primary" />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Secondary"
             version="secondary"
@@ -42,14 +42,14 @@ export default {
         <p>Disabled</p>
         <div className="flex gap-xl">
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Primary"
             version="primary"
             disabled
           />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             text="Secondary"
             version="secondary"
@@ -61,7 +61,7 @@ export default {
         <p>With Icon</p>
         <div className="flex gap-xl" data-theme="pc">
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             aboveText="Доступно в"
             appendLeft={
@@ -74,7 +74,7 @@ export default {
             version="secondary"
           />
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             aboveText="Загрузите в"
             appendLeft={
@@ -87,7 +87,7 @@ export default {
           />
 
           <Button
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             appendRight={
               <div>
@@ -104,14 +104,14 @@ export default {
         <div className="flex gap-xl" data-theme="pc">
           <Button
             rounded
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             version="secondary"
             appendLeft={<Img image={{ icon: 'PlayMarketIcon' }} width="20" height="21" />}
           />
           <Button
             rounded
-            href="https://www.rshb.ru/"
+            href="https://old.rshb.ru/"
             target="_blank"
             version="secondary"
             appendLeft={<Img image={{ icon: 'AppleIcon' }} width="18" height="20" />}
@@ -123,7 +123,7 @@ export default {
   'primary (Private clients)': (
     <div data-theme="pc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="primary"
@@ -133,7 +133,7 @@ export default {
   'secondary (Private clients)': (
     <div data-theme="pc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="secondary"
@@ -143,7 +143,7 @@ export default {
   'primary (Business clients)': (
     <div data-theme="bc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="primary"
@@ -153,7 +153,7 @@ export default {
   'secondary (Business clients)': (
     <div data-theme="bc">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="secondary"
@@ -163,7 +163,7 @@ export default {
   'primary (Ecosystem own)': (
     <div data-theme="eo">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="primary"
@@ -173,7 +173,7 @@ export default {
   'secondary (Ecosystem own)': (
     <div data-theme="eo">
       <Button
-        href="https://www.rshb.ru/"
+        href="https://old.rshb.ru/"
         target="_blank"
         text="Оформить кредит"
         version="secondary"
@@ -182,7 +182,7 @@ export default {
   ),
   'primary (disabled)': (
     <Button
-      href="https://www.rshb.ru/"
+      href="https://old.rshb.ru/"
       target="_blank"
       text="Оформить кредит"
       version="primary"
@@ -191,7 +191,7 @@ export default {
   ),
   'secondary (disabled)': (
     <Button
-      href="https://www.rshb.ru/"
+      href="https://old.rshb.ru/"
       target="_blank"
       text="Оформить кредит"
       version="secondary"

package/src/ui-kit/ClientOnly.tsx

@@ -0,0 +1,6 @@
+import { JSX } from '@redneckz/uni-jsx';
+import { isSSR } from '@redneckz/uni-jsx/lib/hooks/vue/isSSR';
+
+const isClient = !isSSR();
+
+export const ClientOnly = JSX(({ children }) => (isClient ? children : null));

package/src/ui-kit/HeaderItem/HeaderItem.fixture.tsx

@@ -3,6 +3,6 @@ import '../../setup-fixture';
 import { HeaderItem } from './HeaderItem';
 
 export default {
-  default: <HeaderItem href="https://www.rshb.ru/" target="_blank" text="Россельхозбанк" />,
-  active: <HeaderItem href="https://www.rshb.ru/" target="_blank" text="Россельхозбанк" active />,
+  default: <HeaderItem href="https://old.rshb.ru/" target="_blank" text="Россельхозбанк" />,
+  active: <HeaderItem href="https://old.rshb.ru/" target="_blank" text="Россельхозбанк" active />,
 };

package/src/ui-kit/Logo/Logo.fixture.tsx

@@ -2,4 +2,4 @@ import '../../setup-fixture';
 
 import { Logo } from './Logo';
 
-export default <Logo href="https://www.rshb.ru/" />;
+export default <Logo href="https://old.rshb.ru/" />;

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

@@ -5,6 +5,7 @@ import { SwipeListContainer } from './SwipeListContainer';
 import type { SwipeListControlContent } from './SwipeListControlContent';
 import { SwipeListControlDots } from './SwipeListControlDots';
 import { useSwipeListScroll } from './useSwipeListScroll';
+import { isShowDots } from './isShowDots';
 
 const DEFAULT_GAP = 14;
 
@@ -29,7 +30,7 @@ export const SwipeListControl = JSX<SwipeListControlProps>(
     version,
     gap = DEFAULT_GAP,
     padding = DEFAULT_PADDING,
-    showDots = true,
+    showDots = isShowDots,
     minHeight,
     children,
     onVisibleIndicesChange,

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

@@ -19,6 +19,7 @@ const dotStyle =
 const inactiveDotStyle = 'w-2 h-2 opacity-30';
 
 export interface SwipeListControlDotsProps {
+  className?: string;
   containerRef?: { current: HTMLDivElement | null };
   activeIndex?: number;
   dotCount?: number;
@@ -27,7 +28,14 @@ export interface SwipeListControlDotsProps {
 }
 
 export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
-  ({ containerRef, activeIndex, dotCount = 0, listType = 'horizontal-list', version }) => {
+  ({
+    className = '',
+    containerRef,
+    activeIndex,
+    dotCount = 0,
+    listType = 'horizontal-list',
+    version,
+  }) => {
     const handleClick = (idx: number) => {
       if (idx !== activeIndex && containerRef?.current) {
         containerRef.current.children[idx]?.scrollIntoView({
@@ -40,9 +48,10 @@ export const SwipeListControlDots = JSX<SwipeListControlDotsProps>(
     return dotCount ? (
       <div
         className={style(
-          'flex gap-xs @lg:hidden',
+          'flex gap-xs',
           containerStyles[listType],
           version ? 'group' : '',
+          className,
         )}
         {...(version ? { 'data-ver': version } : {})}
       >

package/src/ui-kit/SwipeListControl/isShowDots.mobile.tsx

@@ -0,0 +1 @@
+export const isShowDots = true;

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

@@ -0,0 +1 @@
+export const isShowDots = false;

package/src/ui-kit/TopItem/TopItem.fixture.tsx

@@ -3,6 +3,6 @@ import '../../setup-fixture';
 import { TopItem } from './TopItem';
 
 export default {
-  default: <TopItem href="https://www.rshb.ru/" target="_blank" text="Экосистема Своё" />,
-  active: <TopItem href="https://www.rshb.ru/" target="_blank" text="Экосистема Своё" active />,
+  default: <TopItem href="https://old.rshb.ru/" target="_blank" text="Экосистема Своё" />,
+  active: <TopItem href="https://old.rshb.ru/" target="_blank" text="Экосистема Своё" active />,
 };