@redneckz/wildless-cms-uni-blocks 0.14.151 → 0.14.153

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (67) hide show
  1. package/bundle/bundle.umd.js +31 -12
  2. package/bundle/bundle.umd.min.js +1 -1
  3. package/bundle/components/TabsLayout/TabsLayoutRedirectSection.d.ts +6 -0
  4. package/bundle/components/TabsLayout/useScrollToTab.d.ts +2 -0
  5. package/dist/components/TabsLayout/TabsLayout.js +5 -6
  6. package/dist/components/TabsLayout/TabsLayout.js.map +1 -1
  7. package/dist/components/TabsLayout/TabsLayoutRedirectSection.d.ts +6 -0
  8. package/dist/components/TabsLayout/TabsLayoutRedirectSection.js +27 -0
  9. package/dist/components/TabsLayout/TabsLayoutRedirectSection.js.map +1 -0
  10. package/dist/components/TabsLayout/useScrollToTab.d.ts +2 -0
  11. package/dist/components/TabsLayout/useScrollToTab.js +17 -0
  12. package/dist/components/TabsLayout/useScrollToTab.js.map +1 -0
  13. package/lib/components/TabsLayout/TabsLayout.js +6 -7
  14. package/lib/components/TabsLayout/TabsLayout.js.map +1 -1
  15. package/lib/components/TabsLayout/TabsLayoutRedirectSection.d.ts +6 -0
  16. package/lib/components/TabsLayout/TabsLayoutRedirectSection.js +25 -0
  17. package/lib/components/TabsLayout/TabsLayoutRedirectSection.js.map +1 -0
  18. package/lib/components/TabsLayout/useScrollToTab.d.ts +2 -0
  19. package/lib/components/TabsLayout/useScrollToTab.js +14 -0
  20. package/lib/components/TabsLayout/useScrollToTab.js.map +1 -0
  21. package/mobile/bundle/bundle.umd.js +31 -12
  22. package/mobile/bundle/bundle.umd.min.js +1 -1
  23. package/mobile/bundle/components/TabsLayout/TabsLayoutRedirectSection.d.ts +6 -0
  24. package/mobile/bundle/components/TabsLayout/useScrollToTab.d.ts +2 -0
  25. package/mobile/dist/components/TabsLayout/TabsLayout.js +5 -6
  26. package/mobile/dist/components/TabsLayout/TabsLayout.js.map +1 -1
  27. package/mobile/dist/components/TabsLayout/TabsLayoutRedirectSection.d.ts +6 -0
  28. package/mobile/dist/components/TabsLayout/TabsLayoutRedirectSection.js +27 -0
  29. package/mobile/dist/components/TabsLayout/TabsLayoutRedirectSection.js.map +1 -0
  30. package/mobile/dist/components/TabsLayout/useScrollToTab.d.ts +2 -0
  31. package/mobile/dist/components/TabsLayout/useScrollToTab.js +17 -0
  32. package/mobile/dist/components/TabsLayout/useScrollToTab.js.map +1 -0
  33. package/mobile/lib/components/TabsLayout/TabsLayout.js +6 -7
  34. package/mobile/lib/components/TabsLayout/TabsLayout.js.map +1 -1
  35. package/mobile/lib/components/TabsLayout/TabsLayoutRedirectSection.d.ts +6 -0
  36. package/mobile/lib/components/TabsLayout/TabsLayoutRedirectSection.js +25 -0
  37. package/mobile/lib/components/TabsLayout/TabsLayoutRedirectSection.js.map +1 -0
  38. package/mobile/lib/components/TabsLayout/useScrollToTab.d.ts +2 -0
  39. package/mobile/lib/components/TabsLayout/useScrollToTab.js +14 -0
  40. package/mobile/lib/components/TabsLayout/useScrollToTab.js.map +1 -0
  41. package/mobile/src/components/TabsLayout/TabsLayout.tsx +6 -7
  42. package/mobile/src/components/TabsLayout/TabsLayoutRedirectSection.tsx +32 -0
  43. package/mobile/src/components/TabsLayout/useScrollToTab.ts +16 -0
  44. package/mobile/src/components/UnitBlock/UnitBlock.example.json +7 -1
  45. package/mobile/src/components/UnitBlock/UnitBlock.ui.json +1 -1
  46. package/package.json +1 -1
  47. package/src/components/TabsLayout/TabsLayout.tsx +6 -7
  48. package/src/components/TabsLayout/TabsLayoutRedirectSection.tsx +32 -0
  49. package/src/components/TabsLayout/useScrollToTab.ts +16 -0
  50. package/src/components/UnitBlock/UnitBlock.example.json +7 -1
  51. package/src/components/UnitBlock/UnitBlock.ui.json +1 -1
  52. package/bundle/components/TabsLayout/TabsLayoutRedirectTab.d.ts +0 -6
  53. package/dist/components/TabsLayout/TabsLayoutRedirectTab.d.ts +0 -6
  54. package/dist/components/TabsLayout/TabsLayoutRedirectTab.js +0 -17
  55. package/dist/components/TabsLayout/TabsLayoutRedirectTab.js.map +0 -1
  56. package/lib/components/TabsLayout/TabsLayoutRedirectTab.d.ts +0 -6
  57. package/lib/components/TabsLayout/TabsLayoutRedirectTab.js +0 -15
  58. package/lib/components/TabsLayout/TabsLayoutRedirectTab.js.map +0 -1
  59. package/mobile/bundle/components/TabsLayout/TabsLayoutRedirectTab.d.ts +0 -6
  60. package/mobile/dist/components/TabsLayout/TabsLayoutRedirectTab.d.ts +0 -6
  61. package/mobile/dist/components/TabsLayout/TabsLayoutRedirectTab.js +0 -17
  62. package/mobile/dist/components/TabsLayout/TabsLayoutRedirectTab.js.map +0 -1
  63. package/mobile/lib/components/TabsLayout/TabsLayoutRedirectTab.d.ts +0 -6
  64. package/mobile/lib/components/TabsLayout/TabsLayoutRedirectTab.js +0 -15
  65. package/mobile/lib/components/TabsLayout/TabsLayoutRedirectTab.js.map +0 -1
  66. package/mobile/src/components/TabsLayout/TabsLayoutRedirectTab.tsx +0 -26
  67. package/src/components/TabsLayout/TabsLayoutRedirectTab.tsx +0 -26
@@ -0,0 +1,6 @@
1
+ import { type Tab } from './TabsLayoutContent';
2
+ interface TabsLayoutRedirectSectionProps {
3
+ tab: Tab;
4
+ }
5
+ export declare const TabsLayoutRedirectSection: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectSectionProps, any, any>;
6
+ export {};
@@ -0,0 +1,2 @@
1
+ import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
2
+ export declare const useScrollToTab: (activeTabIndex: number, scroll: SwipeListScroll) => void;
@@ -12,20 +12,19 @@ const style_1 = require("../../utils/style");
12
12
  const CarouselScrollButtons_1 = require("../Carousel/CarouselScrollButtons");
13
13
  const alignTabStyle_1 = require("./alignTabStyle");
14
14
  const TabsLayoutButton_1 = require("./TabsLayoutButton");
15
- const TabsLayoutRedirectTab_1 = require("./TabsLayoutRedirectTab");
15
+ const TabsLayoutRedirectSection_1 = require("./TabsLayoutRedirectSection");
16
+ const useScrollToTab_1 = require("./useScrollToTab");
16
17
  exports.TabsLayout = (0, uni_jsx_1.JSX)(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
17
18
  const [activeTabIndex, setActiveTabIndex] = (0, hooks_1.useState)(getInitSelectedIndex(tabs));
18
19
  const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
19
20
  const itemCount = tabs.length;
20
21
  const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = (0, useCarouselControls_1.useCarouselControls)({ itemCount }, activeTabIndex);
21
22
  const [containerRef, scroll] = (0, useSwipeListScroll_1.useSwipeListScroll)({ itemCount });
22
- (0, hooks_1.useEffect)(() => {
23
- scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
24
- }, []);
25
- return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b-8 border-primary-main", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), (0, jsx_runtime_1.jsx)(CarouselScrollButtons_1.CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? ((0, jsx_runtime_1.jsx)(TabsLayoutRedirectTab_1.TabsLayoutRedirectTab, { tab: tabs[activeTabIndex] })) : ((0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
23
+ (0, useScrollToTab_1.useScrollToTab)(activeTabIndex, scroll);
24
+ return ((0, jsx_runtime_1.jsxs)(BlockWrapper_1.BlockWrapper, { className: (0, style_1.style)(className), defaultPadding: "p-0", ...rest, children: [(0, jsx_runtime_1.jsxs)("div", { className: "relative border-b-8 border-primary-main", children: [(0, jsx_runtime_1.jsx)(SwipeListContainer_1.SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), (0, jsx_runtime_1.jsx)(CarouselScrollButtons_1.CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), (0, jsx_runtime_1.jsx)("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? ((0, jsx_runtime_1.jsx)(TabsLayoutRedirectSection_1.TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : ((0, renderBlockList_1.renderBlocksList)(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
26
25
  });
27
26
  exports.TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
28
- exports.TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
27
+ exports.TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
29
28
  const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
30
29
  const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
31
30
  const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => ((0, jsx_runtime_1.jsx)(TabsLayoutButton_1.TabsLayoutButton, { className: alignTabStyle_1.alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
@@ -1 +1 @@
1
- {"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { type Tab } from './TabsLayoutContent';
2
+ interface TabsLayoutRedirectSectionProps {
3
+ tab: Tab;
4
+ }
5
+ export declare const TabsLayoutRedirectSection: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectSectionProps, any, any>;
6
+ export {};
@@ -0,0 +1,27 @@
1
+ Object.defineProperty(exports, "__esModule", { value: true });
2
+ exports.TabsLayoutRedirectSection = void 0;
3
+ const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
+ const uni_jsx_1 = require("@redneckz/uni-jsx");
5
+ const useDebouncedEffect_1 = require("@redneckz/uni-jsx/lib/hooks/useDebouncedEffect");
6
+ const useLink_1 = require("../../hooks/useLink");
7
+ const Shimmer_1 = require("../../ui-kit/Shimmer/Shimmer");
8
+ const url_1 = require("../../utils/url");
9
+ const REDIRECT_DELAY = 0.8 * 1000;
10
+ exports.TabsLayoutRedirectSection = (0, uni_jsx_1.JSX)(({ tab }) => {
11
+ const link = (0, useLink_1.useLink)();
12
+ const { onClick } = link({
13
+ ...tab,
14
+ onClick: () => {
15
+ /**
16
+ * In the current implementation of useLink, there is no follow-by-link method,
17
+ * and default routing won't work if the link is external.
18
+ */
19
+ if (tab.href && !(0, url_1.isLocalURL)(tab.href)) {
20
+ globalThis.location.href = tab.href;
21
+ }
22
+ },
23
+ });
24
+ (0, useDebouncedEffect_1.useDebouncedEffect)(onClick, [], REDIRECT_DELAY);
25
+ return (0, jsx_runtime_1.jsx)(Shimmer_1.Shimmer, { className: "col-span-12 p-xl", size: 5 });
26
+ });
27
+ //# sourceMappingURL=TabsLayoutRedirectSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabsLayoutRedirectSection.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectSection.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uFAAoF;AACpF,iDAA8C;AAC9C,0DAAuD;AACvD,yCAA6C;AAG7C,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMrB,QAAA,yBAAyB,GAAG,IAAA,aAAG,EAAiC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IACvB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACvB,GAAG,GAAG;QACN,OAAO,EAAE,GAAG,EAAE;YACZ;;;eAGG;YACH,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,IAAA,gBAAU,EAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACrC,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;aACrC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,IAAA,uCAAkB,EAAC,OAAO,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAEhD,OAAO,uBAAC,iBAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
2
+ export declare const useScrollToTab: (activeTabIndex: number, scroll: SwipeListScroll) => void;
@@ -0,0 +1,17 @@
1
+ Object.defineProperty(exports, "__esModule", { value: true });
2
+ exports.useScrollToTab = void 0;
3
+ const hooks_1 = require("@redneckz/uni-jsx/lib/hooks");
4
+ const useBool_1 = require("@redneckz/uni-jsx/lib/hooks/useBool");
5
+ const useScrollToTab = (activeTabIndex, scroll) => {
6
+ const [initState, { setTrue: setInitStateTrue }] = (0, useBool_1.useBool)(false);
7
+ (0, hooks_1.useEffect)(() => {
8
+ scroll.scrollTo(activeTabIndex, {
9
+ behavior: initState ? 'smooth' : 'auto',
10
+ block: 'nearest',
11
+ inline: 'center',
12
+ });
13
+ !initState && setInitStateTrue();
14
+ }, [activeTabIndex, initState]);
15
+ };
16
+ exports.useScrollToTab = useScrollToTab;
17
+ //# sourceMappingURL=useScrollToTab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollToTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/useScrollToTab.ts"],"names":[],"mappings":";;AAAA,uDAAwD;AACxD,iEAA8D;AAGvD,MAAM,cAAc,GAAG,CAAC,cAAsB,EAAE,MAAuB,EAAE,EAAE;IAChF,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,GAAG,IAAA,iBAAO,EAAC,KAAK,CAAC,CAAC;IAElE,IAAA,iBAAS,EAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE;YAC9B,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACvC,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,CAAC,SAAS,IAAI,gBAAgB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC;AAXW,QAAA,cAAc,kBAWzB"}
@@ -1,6 +1,6 @@
1
1
  import { jsx as _jsx, jsxs as _jsxs } from "@redneckz/uni-jsx/jsx-runtime";
2
2
  import { JSX } from '@redneckz/uni-jsx';
3
- import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
3
+ import { useState } from '@redneckz/uni-jsx/lib/hooks';
4
4
  import { renderBlocksList } from '../../BlockRenderer/renderBlockList.js';
5
5
  import { useCarouselControls } from '../../hooks/useCarouselControls.js';
6
6
  import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
@@ -10,20 +10,19 @@ import { style } from '../../utils/style.js';
10
10
  import { CarouselScrollButtons } from '../Carousel/CarouselScrollButtons.js';
11
11
  import { alignTabStyle } from './alignTabStyle.js';
12
12
  import { TabsLayoutButton } from './TabsLayoutButton.js';
13
- import { TabsLayoutRedirectTab } from './TabsLayoutRedirectTab.js';
13
+ import { TabsLayoutRedirectSection } from './TabsLayoutRedirectSection.js';
14
+ import { useScrollToTab } from './useScrollToTab.js';
14
15
  export const TabsLayout = JSX(({ className = '', tabs = [], block, tabAlign, ...rest }) => {
15
16
  const [activeTabIndex, setActiveTabIndex] = useState(getInitSelectedIndex(tabs));
16
17
  const slotName = getSlotName(tabs[activeTabIndex], activeTabIndex);
17
18
  const itemCount = tabs.length;
18
19
  const [activeSlideIndex, { inc: incActiveSlideIndex, dec: decActiveSlideIndex }] = useCarouselControls({ itemCount }, activeTabIndex);
19
20
  const [containerRef, scroll] = useSwipeListScroll({ itemCount });
20
- useEffect(() => {
21
- scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
22
- }, []);
23
- return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [_jsxs("div", { className: "relative border-b-8 border-primary-main", children: [_jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), _jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (_jsx(TabsLayoutRedirectTab, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
21
+ useScrollToTab(activeTabIndex, scroll);
22
+ return (_jsxs(BlockWrapper, { className: style(className), defaultPadding: "p-0", ...rest, children: [_jsxs("div", { className: "relative border-b-8 border-primary-main", children: [_jsx(SwipeListContainer, { itemClassName: "flex", containerRef: containerRef, snapAlign: "snap-end", gap: 8, onVisibleIndicesChange: scroll.handleVisibleIndicesChange, children: tabs.map(renderTabButton(activeTabIndex, setActiveTabIndex, tabAlign)) }), _jsx(CarouselScrollButtons, { scroll: scroll, arrowsPadded: true, onScrollLeft: decActiveSlideIndex, onScrollRight: incActiveSlideIndex, activeIndex: activeSlideIndex, itemCount: itemCount })] }), _jsx("div", { className: "space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs", children: tabs[activeTabIndex]?.href ? (_jsx(TabsLayoutRedirectSection, { tab: tabs[activeTabIndex] })) : (renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })) })] }));
24
23
  });
25
24
  TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
26
- TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
25
+ TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
27
26
  const getSlotName = (tab, index) => tab?.title || `Слот №${index}`;
28
27
  const getInitSelectedIndex = (tabs) => tabs.reduce((selectedIndex, tab, i) => (tab.selected ? i : selectedIndex), 0);
29
28
  const renderTabButton = (activeTabIndex, onClick, tabAlign = 'start') => (tab, i) => (_jsx(TabsLayoutButton, { className: alignTabStyle[tabAlign], tab: tab, isActive: activeTabIndex === i, onClick: () => onClick(i) }, String(i)));
@@ -1 +1 @@
1
- {"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"TabsLayout.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayout.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,6 @@
1
+ import { type Tab } from './TabsLayoutContent';
2
+ interface TabsLayoutRedirectSectionProps {
3
+ tab: Tab;
4
+ }
5
+ export declare const TabsLayoutRedirectSection: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectSectionProps, any, any>;
6
+ export {};
@@ -0,0 +1,25 @@
1
+ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
+ import { JSX } from '@redneckz/uni-jsx';
3
+ import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
4
+ import { useLink } from '../../hooks/useLink.js';
5
+ import { Shimmer } from '../../ui-kit/Shimmer/Shimmer.js';
6
+ import { isLocalURL } from '../../utils/url.js';
7
+ const REDIRECT_DELAY = 0.8 * 1000;
8
+ export const TabsLayoutRedirectSection = JSX(({ tab }) => {
9
+ const link = useLink();
10
+ const { onClick } = link({
11
+ ...tab,
12
+ onClick: () => {
13
+ /**
14
+ * In the current implementation of useLink, there is no follow-by-link method,
15
+ * and default routing won't work if the link is external.
16
+ */
17
+ if (tab.href && !isLocalURL(tab.href)) {
18
+ globalThis.location.href = tab.href;
19
+ }
20
+ },
21
+ });
22
+ useDebouncedEffect(onClick, [], REDIRECT_DELAY);
23
+ return _jsx(Shimmer, { className: "col-span-12 p-xl", size: 5 });
24
+ });
25
+ //# sourceMappingURL=TabsLayoutRedirectSection.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"TabsLayoutRedirectSection.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectSection.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AACvD,OAAO,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAG7C,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMlC,MAAM,CAAC,MAAM,yBAAyB,GAAG,GAAG,CAAiC,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IACvF,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IACvB,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC;QACvB,GAAG,GAAG;QACN,OAAO,EAAE,GAAG,EAAE;YACZ;;;eAGG;YACH,IAAI,GAAG,CAAC,IAAI,IAAI,CAAC,UAAU,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE;gBACrC,UAAU,CAAC,QAAQ,CAAC,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;aACrC;QACH,CAAC;KACF,CAAC,CAAC;IAEH,kBAAkB,CAAC,OAAO,EAAE,EAAE,EAAE,cAAc,CAAC,CAAC;IAEhD,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
2
+ export declare const useScrollToTab: (activeTabIndex: number, scroll: SwipeListScroll) => void;
@@ -0,0 +1,14 @@
1
+ import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
2
+ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
3
+ export const useScrollToTab = (activeTabIndex, scroll) => {
4
+ const [initState, { setTrue: setInitStateTrue }] = useBool(false);
5
+ useEffect(() => {
6
+ scroll.scrollTo(activeTabIndex, {
7
+ behavior: initState ? 'smooth' : 'auto',
8
+ block: 'nearest',
9
+ inline: 'center',
10
+ });
11
+ !initState && setInitStateTrue();
12
+ }, [activeTabIndex, initState]);
13
+ };
14
+ //# sourceMappingURL=useScrollToTab.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"useScrollToTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/useScrollToTab.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,OAAO,EAAE,MAAM,qCAAqC,CAAC;AAG9D,MAAM,CAAC,MAAM,cAAc,GAAG,CAAC,cAAsB,EAAE,MAAuB,EAAE,EAAE;IAChF,MAAM,CAAC,SAAS,EAAE,EAAE,OAAO,EAAE,gBAAgB,EAAE,CAAC,GAAG,OAAO,CAAC,KAAK,CAAC,CAAC;IAElE,SAAS,CAAC,GAAG,EAAE;QACb,MAAM,CAAC,QAAQ,CAAC,cAAc,EAAE;YAC9B,QAAQ,EAAE,SAAS,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM;YACvC,KAAK,EAAE,SAAS;YAChB,MAAM,EAAE,QAAQ;SACjB,CAAC,CAAC;QACH,CAAC,SAAS,IAAI,gBAAgB,EAAE,CAAC;IACnC,CAAC,EAAE,CAAC,cAAc,EAAE,SAAS,CAAC,CAAC,CAAC;AAClC,CAAC,CAAC"}
@@ -1,5 +1,5 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
- import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
2
+ import { useState } from '@redneckz/uni-jsx/lib/hooks';
3
3
  import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
4
4
  import { useCarouselControls } from '../../hooks/useCarouselControls';
5
5
  import { type Align } from '../../model/Align';
@@ -12,7 +12,8 @@ import { CarouselScrollButtons } from '../Carousel/CarouselScrollButtons';
12
12
  import { alignTabStyle } from './alignTabStyle';
13
13
  import { TabsLayoutButton } from './TabsLayoutButton';
14
14
  import { type Tab, type TabsLayoutContent } from './TabsLayoutContent';
15
- import { TabsLayoutRedirectTab } from './TabsLayoutRedirectTab';
15
+ import { TabsLayoutRedirectSection } from './TabsLayoutRedirectSection';
16
+ import { useScrollToTab } from './useScrollToTab';
16
17
 
17
18
  export interface TabsLayoutProps extends TabsLayoutContent, UniBlockProps {}
18
19
 
@@ -29,9 +30,7 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
29
30
 
30
31
  const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({ itemCount });
31
32
 
32
- useEffect(() => {
33
- scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
34
- }, []);
33
+ useScrollToTab(activeTabIndex, scroll);
35
34
 
36
35
  return (
37
36
  <BlockWrapper className={style(className)} defaultPadding="p-0" {...rest}>
@@ -56,7 +55,7 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
56
55
  </div>
57
56
  <div className="space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs">
58
57
  {tabs[activeTabIndex]?.href ? (
59
- <TabsLayoutRedirectTab tab={tabs[activeTabIndex]} />
58
+ <TabsLayoutRedirectSection tab={tabs[activeTabIndex]} />
60
59
  ) : (
61
60
  renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })
62
61
  )}
@@ -67,7 +66,7 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
67
66
  );
68
67
 
69
68
  TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
70
- TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
69
+ TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
71
70
 
72
71
  const getSlotName = (tab: Tab, index: number): string => tab?.title || `Слот №${index}`;
73
72
 
@@ -0,0 +1,32 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+ import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
3
+ import { useLink } from '../../hooks/useLink';
4
+ import { Shimmer } from '../../ui-kit/Shimmer/Shimmer';
5
+ import { isLocalURL } from '../../utils/url';
6
+ import { type Tab } from './TabsLayoutContent';
7
+
8
+ const REDIRECT_DELAY = 0.8 * 1000;
9
+
10
+ interface TabsLayoutRedirectSectionProps {
11
+ tab: Tab;
12
+ }
13
+
14
+ export const TabsLayoutRedirectSection = JSX<TabsLayoutRedirectSectionProps>(({ tab }) => {
15
+ const link = useLink();
16
+ const { onClick } = link({
17
+ ...tab,
18
+ onClick: () => {
19
+ /**
20
+ * In the current implementation of useLink, there is no follow-by-link method,
21
+ * and default routing won't work if the link is external.
22
+ */
23
+ if (tab.href && !isLocalURL(tab.href)) {
24
+ globalThis.location.href = tab.href;
25
+ }
26
+ },
27
+ });
28
+
29
+ useDebouncedEffect(onClick, [], REDIRECT_DELAY);
30
+
31
+ return <Shimmer className="col-span-12 p-xl" size={5} />;
32
+ });
@@ -0,0 +1,16 @@
1
+ import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
2
+ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
3
+ import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
4
+
5
+ export const useScrollToTab = (activeTabIndex: number, scroll: SwipeListScroll) => {
6
+ const [initState, { setTrue: setInitStateTrue }] = useBool(false);
7
+
8
+ useEffect(() => {
9
+ scroll.scrollTo(activeTabIndex, {
10
+ behavior: initState ? 'smooth' : 'auto',
11
+ block: 'nearest',
12
+ inline: 'center',
13
+ });
14
+ !initState && setInitStateTrue();
15
+ }, [activeTabIndex, initState]);
16
+ };
@@ -1 +1,7 @@
1
- {}
1
+ {
2
+ "content": {
3
+ "prefix": "префикс",
4
+ "unit": 1,
5
+ "suffix": "суффикс"
6
+ }
7
+ }
@@ -1 +1 @@
1
- { "prefix": "префикс", "unit": 1, "suffix": "суффикс" }
1
+ {}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@redneckz/wildless-cms-uni-blocks",
3
- "version": "0.14.151",
3
+ "version": "0.14.153",
4
4
  "private": false,
5
5
  "license": "MIT",
6
6
  "author": "ЦК",
@@ -1,5 +1,5 @@
1
1
  import { JSX } from '@redneckz/uni-jsx';
2
- import { useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
2
+ import { useState } from '@redneckz/uni-jsx/lib/hooks';
3
3
  import { renderBlocksList } from '../../BlockRenderer/renderBlockList';
4
4
  import { useCarouselControls } from '../../hooks/useCarouselControls';
5
5
  import { type Align } from '../../model/Align';
@@ -12,7 +12,8 @@ import { CarouselScrollButtons } from '../Carousel/CarouselScrollButtons';
12
12
  import { alignTabStyle } from './alignTabStyle';
13
13
  import { TabsLayoutButton } from './TabsLayoutButton';
14
14
  import { type Tab, type TabsLayoutContent } from './TabsLayoutContent';
15
- import { TabsLayoutRedirectTab } from './TabsLayoutRedirectTab';
15
+ import { TabsLayoutRedirectSection } from './TabsLayoutRedirectSection';
16
+ import { useScrollToTab } from './useScrollToTab';
16
17
 
17
18
  export interface TabsLayoutProps extends TabsLayoutContent, UniBlockProps {}
18
19
 
@@ -29,9 +30,7 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
29
30
 
30
31
  const [containerRef, scroll] = useSwipeListScroll<HTMLDivElement>({ itemCount });
31
32
 
32
- useEffect(() => {
33
- scroll.scrollTo(activeTabIndex, { behavior: 'auto' });
34
- }, []);
33
+ useScrollToTab(activeTabIndex, scroll);
35
34
 
36
35
  return (
37
36
  <BlockWrapper className={style(className)} defaultPadding="p-0" {...rest}>
@@ -56,7 +55,7 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
56
55
  </div>
57
56
  <div className="space-y-px @5xl:space-y-0 @5xl:grid @5xl:grid-cols-12 @5xl:gap-2xs">
58
57
  {tabs[activeTabIndex]?.href ? (
59
- <TabsLayoutRedirectTab tab={tabs[activeTabIndex]} />
58
+ <TabsLayoutRedirectSection tab={tabs[activeTabIndex]} />
60
59
  ) : (
61
60
  renderBlocksList(block?.slots?.[slotName], { ...rest?.options, slotName })
62
61
  )}
@@ -67,7 +66,7 @@ export const TabsLayout: JSXBlock<TabsLayoutProps> = JSX<TabsLayoutProps>(
67
66
  );
68
67
 
69
68
  TabsLayout.slots = ({ tabs }) => tabs?.filter((_) => !_.href).map(getSlotName) || [];
70
- TabsLayout.childrenTypes = { exclude: ['TabsLayout'] };
69
+ TabsLayout.childrenTypes = { exclude: ['TabsLayout'] }; //TODO: fix this on wcms
71
70
 
72
71
  const getSlotName = (tab: Tab, index: number): string => tab?.title || `Слот №${index}`;
73
72
 
@@ -0,0 +1,32 @@
1
+ import { JSX } from '@redneckz/uni-jsx';
2
+ import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
3
+ import { useLink } from '../../hooks/useLink';
4
+ import { Shimmer } from '../../ui-kit/Shimmer/Shimmer';
5
+ import { isLocalURL } from '../../utils/url';
6
+ import { type Tab } from './TabsLayoutContent';
7
+
8
+ const REDIRECT_DELAY = 0.8 * 1000;
9
+
10
+ interface TabsLayoutRedirectSectionProps {
11
+ tab: Tab;
12
+ }
13
+
14
+ export const TabsLayoutRedirectSection = JSX<TabsLayoutRedirectSectionProps>(({ tab }) => {
15
+ const link = useLink();
16
+ const { onClick } = link({
17
+ ...tab,
18
+ onClick: () => {
19
+ /**
20
+ * In the current implementation of useLink, there is no follow-by-link method,
21
+ * and default routing won't work if the link is external.
22
+ */
23
+ if (tab.href && !isLocalURL(tab.href)) {
24
+ globalThis.location.href = tab.href;
25
+ }
26
+ },
27
+ });
28
+
29
+ useDebouncedEffect(onClick, [], REDIRECT_DELAY);
30
+
31
+ return <Shimmer className="col-span-12 p-xl" size={5} />;
32
+ });
@@ -0,0 +1,16 @@
1
+ import { useEffect } from '@redneckz/uni-jsx/lib/hooks';
2
+ import { useBool } from '@redneckz/uni-jsx/lib/hooks/useBool';
3
+ import { type SwipeListScroll } from '../../ui-kit/SwipeListControl/useSwipeListScroll';
4
+
5
+ export const useScrollToTab = (activeTabIndex: number, scroll: SwipeListScroll) => {
6
+ const [initState, { setTrue: setInitStateTrue }] = useBool(false);
7
+
8
+ useEffect(() => {
9
+ scroll.scrollTo(activeTabIndex, {
10
+ behavior: initState ? 'smooth' : 'auto',
11
+ block: 'nearest',
12
+ inline: 'center',
13
+ });
14
+ !initState && setInitStateTrue();
15
+ }, [activeTabIndex, initState]);
16
+ };
@@ -1 +1,7 @@
1
- {}
1
+ {
2
+ "content": {
3
+ "prefix": "префикс",
4
+ "unit": 1,
5
+ "suffix": "суффикс"
6
+ }
7
+ }
@@ -1 +1 @@
1
- { "prefix": "префикс", "unit": 1, "suffix": "суффикс" }
1
+ {}
@@ -1,6 +0,0 @@
1
- import { type Tab } from './TabsLayoutContent';
2
- interface TabsLayoutRedirectTabProps {
3
- tab: Tab;
4
- }
5
- export declare const TabsLayoutRedirectTab: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectTabProps, any, any>;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { type Tab } from './TabsLayoutContent';
2
- interface TabsLayoutRedirectTabProps {
3
- tab: Tab;
4
- }
5
- export declare const TabsLayoutRedirectTab: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectTabProps, any, any>;
6
- export {};
@@ -1,17 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.TabsLayoutRedirectTab = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const useDebouncedEffect_1 = require("@redneckz/uni-jsx/lib/hooks/useDebouncedEffect");
6
- const useLink_1 = require("../../hooks/useLink");
7
- const Shimmer_1 = require("../../ui-kit/Shimmer/Shimmer");
8
- const REDIRECT_DELAY = 0.5 * 1000;
9
- exports.TabsLayoutRedirectTab = (0, uni_jsx_1.JSX)(({ tab }) => {
10
- const link = (0, useLink_1.useLink)();
11
- (0, useDebouncedEffect_1.useDebouncedEffect)(() => {
12
- const { onClick } = link(tab);
13
- onClick();
14
- }, [tab], REDIRECT_DELAY);
15
- return (0, jsx_runtime_1.jsx)(Shimmer_1.Shimmer, { className: "col-span-12 p-xl", size: 5 });
16
- });
17
- //# sourceMappingURL=TabsLayoutRedirectTab.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsLayoutRedirectTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uFAAoF;AACpF,iDAA8C;AAC9C,0DAAuD;AAGvD,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMrB,QAAA,qBAAqB,GAAG,IAAA,aAAG,EAA6B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC/E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,IAAA,uCAAkB,EAChB,GAAG,EAAE;QACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,GAAG,CAAC,EACL,cAAc,CACf,CAAC;IAEF,OAAO,uBAAC,iBAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { type Tab } from './TabsLayoutContent';
2
- interface TabsLayoutRedirectTabProps {
3
- tab: Tab;
4
- }
5
- export declare const TabsLayoutRedirectTab: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectTabProps, any, any>;
6
- export {};
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { JSX } from '@redneckz/uni-jsx';
3
- import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
4
- import { useLink } from '../../hooks/useLink.js';
5
- import { Shimmer } from '../../ui-kit/Shimmer/Shimmer.js';
6
- const REDIRECT_DELAY = 0.5 * 1000;
7
- export const TabsLayoutRedirectTab = JSX(({ tab }) => {
8
- const link = useLink();
9
- useDebouncedEffect(() => {
10
- const { onClick } = link(tab);
11
- onClick();
12
- }, [tab], REDIRECT_DELAY);
13
- return _jsx(Shimmer, { className: "col-span-12 p-xl", size: 5 });
14
- });
15
- //# sourceMappingURL=TabsLayoutRedirectTab.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsLayoutRedirectTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAA6B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC/E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,kBAAkB,CAChB,GAAG,EAAE;QACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,GAAG,CAAC,EACL,cAAc,CACf,CAAC;IAEF,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { type Tab } from './TabsLayoutContent';
2
- interface TabsLayoutRedirectTabProps {
3
- tab: Tab;
4
- }
5
- export declare const TabsLayoutRedirectTab: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectTabProps, any, any>;
6
- export {};
@@ -1,6 +0,0 @@
1
- import { type Tab } from './TabsLayoutContent';
2
- interface TabsLayoutRedirectTabProps {
3
- tab: Tab;
4
- }
5
- export declare const TabsLayoutRedirectTab: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectTabProps, any, any>;
6
- export {};
@@ -1,17 +0,0 @@
1
- Object.defineProperty(exports, "__esModule", { value: true });
2
- exports.TabsLayoutRedirectTab = void 0;
3
- const jsx_runtime_1 = require("@redneckz/uni-jsx/jsx-runtime");
4
- const uni_jsx_1 = require("@redneckz/uni-jsx");
5
- const useDebouncedEffect_1 = require("@redneckz/uni-jsx/lib/hooks/useDebouncedEffect");
6
- const useLink_1 = require("../../hooks/useLink");
7
- const Shimmer_1 = require("../../ui-kit/Shimmer/Shimmer");
8
- const REDIRECT_DELAY = 0.5 * 1000;
9
- exports.TabsLayoutRedirectTab = (0, uni_jsx_1.JSX)(({ tab }) => {
10
- const link = (0, useLink_1.useLink)();
11
- (0, useDebouncedEffect_1.useDebouncedEffect)(() => {
12
- const { onClick } = link(tab);
13
- onClick();
14
- }, [tab], REDIRECT_DELAY);
15
- return (0, jsx_runtime_1.jsx)(Shimmer_1.Shimmer, { className: "col-span-12 p-xl", size: 5 });
16
- });
17
- //# sourceMappingURL=TabsLayoutRedirectTab.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsLayoutRedirectTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectTab.tsx"],"names":[],"mappings":";;;AAAA,+CAAwC;AACxC,uFAAoF;AACpF,iDAA8C;AAC9C,0DAAuD;AAGvD,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMrB,QAAA,qBAAqB,GAAG,IAAA,aAAG,EAA6B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC/E,MAAM,IAAI,GAAG,IAAA,iBAAO,GAAE,CAAC;IAEvB,IAAA,uCAAkB,EAChB,GAAG,EAAE;QACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,GAAG,CAAC,EACL,cAAc,CACf,CAAC;IAEF,OAAO,uBAAC,iBAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}
@@ -1,6 +0,0 @@
1
- import { type Tab } from './TabsLayoutContent';
2
- interface TabsLayoutRedirectTabProps {
3
- tab: Tab;
4
- }
5
- export declare const TabsLayoutRedirectTab: import("@redneckz/uni-jsx").UNIComponent<TabsLayoutRedirectTabProps, any, any>;
6
- export {};
@@ -1,15 +0,0 @@
1
- import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { JSX } from '@redneckz/uni-jsx';
3
- import { useDebouncedEffect } from '@redneckz/uni-jsx/lib/hooks/useDebouncedEffect';
4
- import { useLink } from '../../hooks/useLink.js';
5
- import { Shimmer } from '../../ui-kit/Shimmer/Shimmer.js';
6
- const REDIRECT_DELAY = 0.5 * 1000;
7
- export const TabsLayoutRedirectTab = JSX(({ tab }) => {
8
- const link = useLink();
9
- useDebouncedEffect(() => {
10
- const { onClick } = link(tab);
11
- onClick();
12
- }, [tab], REDIRECT_DELAY);
13
- return _jsx(Shimmer, { className: "col-span-12 p-xl", size: 5 });
14
- });
15
- //# sourceMappingURL=TabsLayoutRedirectTab.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"TabsLayoutRedirectTab.js","sourceRoot":"","sources":["../../../src/components/TabsLayout/TabsLayoutRedirectTab.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,kBAAkB,EAAE,MAAM,gDAAgD,CAAC;AACpF,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,8BAA8B,CAAC;AAGvD,MAAM,cAAc,GAAG,GAAG,GAAG,IAAI,CAAC;AAMlC,MAAM,CAAC,MAAM,qBAAqB,GAAG,GAAG,CAA6B,CAAC,EAAE,GAAG,EAAE,EAAE,EAAE;IAC/E,MAAM,IAAI,GAAG,OAAO,EAAE,CAAC;IAEvB,kBAAkB,CAChB,GAAG,EAAE;QACH,MAAM,EAAE,OAAO,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC;QAC9B,OAAO,EAAE,CAAC;IACZ,CAAC,EACD,CAAC,GAAG,CAAC,EACL,cAAc,CACf,CAAC;IAEF,OAAO,KAAC,OAAO,IAAC,SAAS,EAAC,kBAAkB,EAAC,IAAI,EAAE,CAAC,GAAI,CAAC;AAC3D,CAAC,CAAC,CAAC"}