@redneckz/wildless-cms-uni-blocks 0.10.7 → 0.10.8

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 (212) hide show
  1. package/bundle/blocks.schema.json +1 -1
  2. package/bundle/bundle.umd.js +59 -40
  3. package/bundle/bundle.umd.min.js +1 -1
  4. package/bundle/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts +5 -0
  5. package/bundle/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
  6. package/bundle/components/CarouselTariffsCard/getPaddingStyle.d.ts +1 -1
  7. package/bundle/components/Tabs/CenteredTabs.d.ts +7 -0
  8. package/bundle/components/Tabs/LinkTab.d.ts +2 -2
  9. package/bundle/components/Tabs/TabsContent.d.ts +3 -2
  10. package/bundle/components/Tabs/renderGroupTab.d.ts +2 -2
  11. package/bundle/components/Tabs/renderTab.d.ts +3 -3
  12. package/bundle/components/Tabs/tabItemClasses.d.ts +3 -2
  13. package/dist/components/Blocks.mobile.js +2 -0
  14. package/dist/components/Blocks.mobile.js.map +1 -1
  15. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +2 -2
  16. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  17. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts +5 -0
  18. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js +17 -0
  19. package/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js.map +1 -0
  20. package/dist/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
  21. package/dist/components/CarouselRecommendationCard/cardStyle.js +4 -0
  22. package/dist/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
  23. package/dist/components/CarouselTariffsCard/getPaddingStyle.d.ts +1 -1
  24. package/dist/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
  25. package/dist/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
  26. package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.js +1 -1
  27. package/dist/components/CarouselTariffsCard/getPaddingStyle.mobile.js.map +1 -1
  28. package/dist/components/Footer/Footer.mobile.js +1 -1
  29. package/dist/components/Footer/Footer.mobile.js.map +1 -1
  30. package/dist/components/Footer/SocialMedia.mobile.js +1 -1
  31. package/dist/components/Footer/SocialMedia.mobile.js.map +1 -1
  32. package/dist/components/Tabs/CenteredTabs.d.ts +7 -0
  33. package/dist/components/Tabs/CenteredTabs.js +7 -0
  34. package/dist/components/Tabs/CenteredTabs.js.map +1 -0
  35. package/dist/components/Tabs/LinkTab.d.ts +2 -2
  36. package/dist/components/Tabs/LinkTab.js +2 -2
  37. package/dist/components/Tabs/LinkTab.js.map +1 -1
  38. package/dist/components/Tabs/ScrollableTabs.js +3 -9
  39. package/dist/components/Tabs/ScrollableTabs.js.map +1 -1
  40. package/dist/components/Tabs/Tabs.js +14 -7
  41. package/dist/components/Tabs/Tabs.js.map +1 -1
  42. package/dist/components/Tabs/TabsContent.d.ts +3 -2
  43. package/dist/components/Tabs/renderGroupTab.d.ts +2 -2
  44. package/dist/components/Tabs/renderGroupTab.js +4 -4
  45. package/dist/components/Tabs/renderGroupTab.js.map +1 -1
  46. package/dist/components/Tabs/renderTab.d.ts +3 -3
  47. package/dist/components/Tabs/renderTab.js +3 -3
  48. package/dist/components/Tabs/renderTab.js.map +1 -1
  49. package/dist/components/Tabs/tabItemClasses.d.ts +3 -2
  50. package/dist/components/Tabs/tabItemClasses.js +26 -10
  51. package/dist/components/Tabs/tabItemClasses.js.map +1 -1
  52. package/dist/hooks/useLink.js +1 -1
  53. package/dist/hooks/useLink.js.map +1 -1
  54. package/lib/common.css +1 -1
  55. package/lib/components/Blocks.mobile.js +2 -0
  56. package/lib/components/Blocks.mobile.js.map +1 -1
  57. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.mobile.d.ts +16 -0
  58. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +1 -1
  59. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  60. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.d.ts +5 -0
  61. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js +15 -0
  62. package/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.js.map +1 -0
  63. package/lib/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
  64. package/lib/components/CarouselRecommendationCard/cardStyle.js +2 -0
  65. package/lib/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
  66. package/lib/components/CarouselTariffsCard/getPaddingStyle.d.ts +1 -1
  67. package/lib/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
  68. package/lib/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
  69. package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.js +1 -1
  70. package/lib/components/CarouselTariffsCard/getPaddingStyle.mobile.js.map +1 -1
  71. package/lib/components/Footer/Footer.mobile.js +1 -1
  72. package/lib/components/Footer/Footer.mobile.js.map +1 -1
  73. package/lib/components/Footer/SocialMedia.mobile.js +1 -1
  74. package/lib/components/Footer/SocialMedia.mobile.js.map +1 -1
  75. package/lib/components/Tabs/CenteredTabs.d.ts +7 -0
  76. package/lib/components/Tabs/CenteredTabs.js +5 -0
  77. package/lib/components/Tabs/CenteredTabs.js.map +1 -0
  78. package/lib/components/Tabs/LinkTab.d.ts +2 -2
  79. package/lib/components/Tabs/LinkTab.js +2 -2
  80. package/lib/components/Tabs/LinkTab.js.map +1 -1
  81. package/lib/components/Tabs/ScrollableTabs.js +3 -9
  82. package/lib/components/Tabs/ScrollableTabs.js.map +1 -1
  83. package/lib/components/Tabs/Tabs.fixture.d.ts +1 -0
  84. package/lib/components/Tabs/Tabs.js +14 -7
  85. package/lib/components/Tabs/Tabs.js.map +1 -1
  86. package/lib/components/Tabs/TabsContent.d.ts +3 -2
  87. package/lib/components/Tabs/renderGroupTab.d.ts +2 -2
  88. package/lib/components/Tabs/renderGroupTab.js +5 -5
  89. package/lib/components/Tabs/renderGroupTab.js.map +1 -1
  90. package/lib/components/Tabs/renderTab.d.ts +3 -3
  91. package/lib/components/Tabs/renderTab.js +3 -3
  92. package/lib/components/Tabs/renderTab.js.map +1 -1
  93. package/lib/components/Tabs/tabItemClasses.d.ts +3 -2
  94. package/lib/components/Tabs/tabItemClasses.js +26 -10
  95. package/lib/components/Tabs/tabItemClasses.js.map +1 -1
  96. package/lib/hooks/useLink.js +1 -1
  97. package/lib/hooks/useLink.js.map +1 -1
  98. package/mobile/bundle/bundle.umd.js +143 -135
  99. package/mobile/bundle/bundle.umd.min.js +1 -1
  100. package/mobile/bundle/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
  101. package/mobile/bundle/components/Tabs/CenteredTabs.d.ts +7 -0
  102. package/mobile/bundle/components/Tabs/LinkTab.d.ts +2 -2
  103. package/mobile/bundle/components/Tabs/TabsContent.d.ts +3 -2
  104. package/mobile/bundle/components/Tabs/renderGroupTab.d.ts +2 -2
  105. package/mobile/bundle/components/Tabs/renderTab.d.ts +3 -3
  106. package/mobile/bundle/components/Tabs/tabItemClasses.d.ts +3 -2
  107. package/mobile/dist/components/Blocks.js +2 -0
  108. package/mobile/dist/components/Blocks.js.map +1 -1
  109. package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -4
  110. package/mobile/dist/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  111. package/mobile/dist/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
  112. package/mobile/dist/components/CarouselRecommendationCard/cardStyle.js +4 -0
  113. package/mobile/dist/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
  114. package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
  115. package/mobile/dist/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
  116. package/mobile/dist/components/Footer/Footer.js +1 -1
  117. package/mobile/dist/components/Footer/Footer.js.map +1 -1
  118. package/mobile/dist/components/Footer/SocialMedia.js +1 -1
  119. package/mobile/dist/components/Footer/SocialMedia.js.map +1 -1
  120. package/mobile/dist/components/Tabs/CenteredTabs.d.ts +7 -0
  121. package/mobile/dist/components/Tabs/CenteredTabs.js +7 -0
  122. package/mobile/dist/components/Tabs/CenteredTabs.js.map +1 -0
  123. package/mobile/dist/components/Tabs/LinkTab.d.ts +2 -2
  124. package/mobile/dist/components/Tabs/LinkTab.js +2 -2
  125. package/mobile/dist/components/Tabs/LinkTab.js.map +1 -1
  126. package/mobile/dist/components/Tabs/ScrollableTabs.js +3 -9
  127. package/mobile/dist/components/Tabs/ScrollableTabs.js.map +1 -1
  128. package/mobile/dist/components/Tabs/Tabs.js +14 -7
  129. package/mobile/dist/components/Tabs/Tabs.js.map +1 -1
  130. package/mobile/dist/components/Tabs/TabsContent.d.ts +3 -2
  131. package/mobile/dist/components/Tabs/renderGroupTab.d.ts +2 -2
  132. package/mobile/dist/components/Tabs/renderGroupTab.js +4 -4
  133. package/mobile/dist/components/Tabs/renderGroupTab.js.map +1 -1
  134. package/mobile/dist/components/Tabs/renderTab.d.ts +3 -3
  135. package/mobile/dist/components/Tabs/renderTab.js +3 -3
  136. package/mobile/dist/components/Tabs/renderTab.js.map +1 -1
  137. package/mobile/dist/components/Tabs/tabItemClasses.d.ts +3 -2
  138. package/mobile/dist/components/Tabs/tabItemClasses.js +26 -10
  139. package/mobile/dist/components/Tabs/tabItemClasses.js.map +1 -1
  140. package/mobile/dist/hooks/useLink.js +1 -1
  141. package/mobile/dist/hooks/useLink.js.map +1 -1
  142. package/mobile/lib/common.css +1 -1
  143. package/mobile/lib/components/Blocks.js +2 -0
  144. package/mobile/lib/components/Blocks.js.map +1 -1
  145. package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js +4 -4
  146. package/mobile/lib/components/CarouselRecommendationCard/CarouselRecommendationCard.js.map +1 -1
  147. package/mobile/lib/components/CarouselRecommendationCard/cardStyle.d.ts +1 -0
  148. package/mobile/lib/components/CarouselRecommendationCard/cardStyle.js +2 -0
  149. package/mobile/lib/components/CarouselRecommendationCard/cardStyle.js.map +1 -0
  150. package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.js +1 -1
  151. package/mobile/lib/components/CarouselTariffsCard/getPaddingStyle.js.map +1 -1
  152. package/mobile/lib/components/Footer/Footer.js +1 -1
  153. package/mobile/lib/components/Footer/Footer.js.map +1 -1
  154. package/mobile/lib/components/Footer/SocialMedia.js +1 -1
  155. package/mobile/lib/components/Footer/SocialMedia.js.map +1 -1
  156. package/mobile/lib/components/Tabs/CenteredTabs.d.ts +7 -0
  157. package/mobile/lib/components/Tabs/CenteredTabs.js +5 -0
  158. package/mobile/lib/components/Tabs/CenteredTabs.js.map +1 -0
  159. package/mobile/lib/components/Tabs/LinkTab.d.ts +2 -2
  160. package/mobile/lib/components/Tabs/LinkTab.js +2 -2
  161. package/mobile/lib/components/Tabs/LinkTab.js.map +1 -1
  162. package/mobile/lib/components/Tabs/ScrollableTabs.js +3 -9
  163. package/mobile/lib/components/Tabs/ScrollableTabs.js.map +1 -1
  164. package/mobile/lib/components/Tabs/Tabs.js +14 -7
  165. package/mobile/lib/components/Tabs/Tabs.js.map +1 -1
  166. package/mobile/lib/components/Tabs/TabsContent.d.ts +3 -2
  167. package/mobile/lib/components/Tabs/renderGroupTab.d.ts +2 -2
  168. package/mobile/lib/components/Tabs/renderGroupTab.js +5 -5
  169. package/mobile/lib/components/Tabs/renderGroupTab.js.map +1 -1
  170. package/mobile/lib/components/Tabs/renderTab.d.ts +3 -3
  171. package/mobile/lib/components/Tabs/renderTab.js +3 -3
  172. package/mobile/lib/components/Tabs/renderTab.js.map +1 -1
  173. package/mobile/lib/components/Tabs/tabItemClasses.d.ts +3 -2
  174. package/mobile/lib/components/Tabs/tabItemClasses.js +26 -10
  175. package/mobile/lib/components/Tabs/tabItemClasses.js.map +1 -1
  176. package/mobile/lib/hooks/useLink.js +1 -1
  177. package/mobile/lib/hooks/useLink.js.map +1 -1
  178. package/mobile/src/components/Blocks.ts +2 -0
  179. package/mobile/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +14 -20
  180. package/mobile/src/components/CarouselRecommendationCard/cardStyle.ts +2 -0
  181. package/mobile/src/components/CarouselTariffsCard/getPaddingStyle.tsx +2 -2
  182. package/mobile/src/components/Footer/Footer.tsx +1 -1
  183. package/mobile/src/components/Footer/SocialMedia.tsx +1 -1
  184. package/mobile/src/components/Tabs/CenteredTabs.tsx +12 -0
  185. package/mobile/src/components/Tabs/LinkTab.tsx +5 -5
  186. package/mobile/src/components/Tabs/ScrollableTabs.tsx +5 -13
  187. package/mobile/src/components/Tabs/Tabs.tsx +21 -19
  188. package/mobile/src/components/Tabs/TabsContent.ts +3 -2
  189. package/mobile/src/components/Tabs/renderGroupTab.tsx +11 -10
  190. package/mobile/src/components/Tabs/renderTab.tsx +5 -13
  191. package/mobile/src/components/Tabs/tabItemClasses.ts +28 -10
  192. package/mobile/src/hooks/useLink.ts +1 -1
  193. package/package.json +1 -1
  194. package/src/components/Blocks.mobile.ts +2 -0
  195. package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.fixture.mobile.tsx +148 -0
  196. package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.mobile.tsx +63 -0
  197. package/src/components/CarouselRecommendationCard/CarouselRecommendationCard.tsx +1 -3
  198. package/src/components/CarouselRecommendationCard/cardStyle.ts +2 -0
  199. package/src/components/CarouselTariffsCard/getPaddingStyle.mobile.tsx +2 -2
  200. package/src/components/CarouselTariffsCard/getPaddingStyle.tsx +1 -1
  201. package/src/components/Footer/Footer.mobile.tsx +1 -1
  202. package/src/components/Footer/SocialMedia.mobile.tsx +1 -1
  203. package/src/components/Tabs/CenteredTabs.tsx +12 -0
  204. package/src/components/Tabs/LinkTab.tsx +5 -5
  205. package/src/components/Tabs/ScrollableTabs.tsx +5 -13
  206. package/src/components/Tabs/Tabs.fixture.tsx +27 -0
  207. package/src/components/Tabs/Tabs.tsx +21 -19
  208. package/src/components/Tabs/TabsContent.ts +3 -2
  209. package/src/components/Tabs/renderGroupTab.tsx +11 -10
  210. package/src/components/Tabs/renderTab.tsx +5 -13
  211. package/src/components/Tabs/tabItemClasses.ts +28 -10
  212. package/src/hooks/useLink.ts +1 -1
@@ -3,5 +3,6 @@ import '../../setup-fixture';
3
3
  declare const _default: {
4
4
  default: JSX.Element;
5
5
  scrollable: JSX.Element;
6
+ centered: JSX.Element;
6
7
  };
7
8
  export default _default;
@@ -3,10 +3,11 @@ import { JSX } from '@redneckz/uni-jsx';
3
3
  import { useCallback, useEffect, useState } from '@redneckz/uni-jsx/lib/hooks';
4
4
  import { defaultEventBus } from '../../EventBus/defaultEventBus.js';
5
5
  import { BlockWrapper } from '../../ui-kit/BlockWrapper.js';
6
+ import { CenteredTabs } from './CenteredTabs.js';
6
7
  import { renderTab } from './renderTab.js';
7
8
  import { ScrollableTabs } from './ScrollableTabs.js';
8
9
  export const Tabs = JSX((props) => {
9
- const { className = '', tabs, showCounter, isSticky, tabsMode, ...rest } = props;
10
+ const { className = '', tabs, isSticky, ...rest } = props;
10
11
  const [currentTab, setCurrentTab] = useState(tabs ? tabs[0] : undefined);
11
12
  useEffect(() => {
12
13
  if (!tabs || !tabs[0]) {
@@ -23,13 +24,19 @@ export const Tabs = JSX((props) => {
23
24
  fireTabEvent(selectedTab);
24
25
  setCurrentTab(selectedTab);
25
26
  }, []);
26
- return (_jsx(BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children: tabsMode === 'scrollable' ? (_jsx(ScrollableTabs, { tabs: tabs, onClick: handleClick, currentTab: currentTab, showCounter: showCounter, ...rest })) : (tabs?.map(renderTab({
27
- onClick: handleClick,
28
- currentTab,
29
- showCounter,
30
- ...rest,
31
- }))) }));
27
+ return (_jsx(BlockWrapper, { className: `relative box-border flex gap-x-1 w-full ${isSticky ? 'sticky top-1 z-20' : ''} ${className}`, role: "tablist", ...rest, children: renderTabs({ tabs, onClick: handleClick, currentTab, ...rest }) }));
32
28
  });
29
+ const renderTabs = ({ tabsMode, tabs, ...rest }) => {
30
+ switch (tabsMode) {
31
+ case 'wideScreen':
32
+ return tabs?.map(renderTab({ tabsMode, ...rest }));
33
+ case 'centered':
34
+ return _jsx(CenteredTabs, { tabs: tabs, tabsMode: tabsMode, ...rest });
35
+ case 'scrollable':
36
+ return _jsx(ScrollableTabs, { tabs: tabs, tabsMode: tabsMode, ...rest });
37
+ }
38
+ return null;
39
+ };
33
40
  const fireTabEvent = (tab) => {
34
41
  if (tab.type === 'group') {
35
42
  defaultEventBus.fire('tab', { type: tab.type, label: tab.ref });
@@ -1 +1 @@
1
- {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":";AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AAC/E,OAAO,EAAE,eAAe,EAAE,MAAM,gCAAgC,CAAC;AAEjE,OAAO,EAAE,YAAY,EAAE,MAAM,2BAA2B,CAAC;AACzD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AACxC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAKlD,MAAM,CAAC,MAAM,IAAI,GAAG,GAAG,CAAiB,CAAC,KAAK,EAAE,EAAE;IAChD,MAAM,EAAE,SAAS,GAAG,EAAE,EAAE,IAAI,EAAE,WAAW,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,IAAI,EAAE,GAAG,KAAK,CAAC;IAEjF,MAAM,CAAC,UAAU,EAAE,aAAa,CAAC,GAAG,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC;IAEzE,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,CAAC,IAAI,IAAI,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE;YACrB,OAAO;SACR;QAED,YAAY,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC;IACxB,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,SAAS,CAAC,GAAG,EAAE;QACb,IAAI,UAAU,EAAE,IAAI,KAAK,OAAO,EAAE;YAChC,eAAe,CAAC,OAAO,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,UAAU,CAAC,IAAI,EAAE,KAAK,EAAE,UAAU,CAAC,GAAG,EAAE,CAAC,CAAC;SAClF;IACH,CAAC,EAAE,CAAC,UAAU,CAAC,CAAC,CAAC;IAEjB,MAAM,WAAW,GAAG,WAAW,CAAC,CAAC,WAAoB,EAAE,EAAE;QACvD,YAAY,CAAC,WAAW,CAAC,CAAC;QAC1B,aAAa,CAAC,WAAW,CAAC,CAAC;IAC7B,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,OAAO,CACL,KAAC,YAAY,IACX,SAAS,EAAE,2CACT,QAAQ,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,EACnC,IAAI,SAAS,EAAE,EACf,IAAI,EAAC,SAAS,KACV,IAAI,YAEP,QAAQ,KAAK,YAAY,CAAC,CAAC,CAAC,CAC3B,KAAC,cAAc,IACb,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,WAAW,EACpB,UAAU,EAAE,UAAU,EACtB,WAAW,EAAE,WAAW,KACpB,IAAI,GACR,CACH,CAAC,CAAC,CAAC,CACF,IAAI,EAAE,GAAG,CACP,SAAS,CAAC;YACR,OAAO,EAAE,WAAW;YACpB,UAAU;YACV,WAAW;YACX,GAAG,IAAI;SACR,CAAC,CACH,CACF,GACY,CAChB,CAAC;AACJ,CAAC,CAAC,CAAC;AAEH,MAAM,YAAY,GAAG,CAAC,GAAY,EAAE,EAAE;IACpC,IAAI,GAAG,CAAC,IAAI,KAAK,OAAO,EAAE;QACxB,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,GAAG,EAAE,CAAC,CAAC;KACjE;IACD,IAAI,GAAG,CAAC,IAAI,KAAK,MAAM,EAAE;QACvB,eAAe,CAAC,IAAI,CAAC,KAAK,EAAE,EAAE,IAAI,EAAE,GAAG,CAAC,IAAI,EAAE,KAAK,EAAE,GAAG,CAAC,IAAI,EAAE,CAAC,CAAC;KAClE;AACH,CAAC,CAAC"}
1
+ {"version":3,"file":"Tabs.js","sourceRoot":"","sources":["../../../src/components/Tabs/Tabs.tsx"],"names":[],"mappings":"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"}
@@ -27,10 +27,11 @@ export declare type TabData = GroupTabData | LinkTabData;
27
27
  /**
28
28
  * @enumNames [
29
29
  * "По ширине экрана",
30
- * "С прокруткой"
30
+ * "С прокруткой",
31
+ * "По центру"
31
32
  * ]
32
33
  */
33
- export declare type TabsMode = 'wideScreen' | 'scrollable';
34
+ export declare type TabsMode = 'wideScreen' | 'scrollable' | 'centered';
34
35
  /**
35
36
  * @title Вкладки
36
37
  */
@@ -1,4 +1,4 @@
1
1
  /// <reference types="react" />
2
- import type { GroupTabData } from './TabsContent';
3
2
  import type { RenderTabProps } from './renderTab';
4
- export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, isScrollable }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;
3
+ import type { GroupTabData } from './TabsContent';
4
+ export declare const renderGroupTab: ({ page, currentTab, showCounter, onClick, tabsMode }: RenderTabProps) => (tab: GroupTabData, i: number) => JSX.Element;
@@ -1,18 +1,18 @@
1
1
  import { jsxs as _jsxs, jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
- import { ACTIVE_TEXT_CLASSES, INACTIVE_TEXT_CLASSES, TEXT_CLASSES, WHITE_ACTIVE_TEXT_CLASSES, getGroupTabClassName, } from './tabItemClasses.js';
2
+ import { ACTIVE_TEXT_CLASSES, getGroupTabClassName, INACTIVE_TEXT_CLASSES, TEXT_CLASSES, WHITE_ACTIVE_TEXT_CLASSES, } from './tabItemClasses.js';
3
3
  const BADGE_CLASSES = 'min-w-[22px] h-[22px] rounded-full text-xs ml-2 flex justify-center items-center';
4
4
  const ACTIVE_BADGE_CLASSES = 'bg-white/30 text-white';
5
5
  const INACTIVE_BADGE_CLASSES = 'bg-main-divider text-secondary-text group-hover/btn:text-primary-main';
6
- export const renderGroupTab = ({ page, currentTab, showCounter, onClick, isScrollable = false }) => (tab, i) => {
6
+ export const renderGroupTab = ({ page, currentTab, showCounter, onClick, tabsMode }) => (tab, i) => {
7
7
  const active = currentTab === tab;
8
8
  const count = tab.ref && page?.blocks
9
9
  ? page.blocks.filter((block) => block?.labels?.includes(tab.ref)).length
10
10
  : 0;
11
- return (_jsx("div", { className: getGroupTabClassName('div', active, isScrollable), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: _jsxs("div", { className: `flex flex-1 items-center justify-center ${getGroupTabClassName('text', active, isScrollable)}`, children: [renderTitle(tab.title, active, isScrollable), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
11
+ return (_jsx("div", { className: getGroupTabClassName('div', active, tabsMode), role: "tab", "aria-selected": active, onClick: () => onClick(tab), children: _jsxs("div", { className: `flex flex-1 items-center justify-center ${getGroupTabClassName('text', active, tabsMode)}`, children: [renderTitle(tab.title, active, tabsMode), renderCount(showCounter, count, active)] }) }, `group-${String(i)}`));
12
12
  };
13
- const renderTitle = (title, active, isScrollable) => {
13
+ const renderTitle = (title, active, tabsMode) => {
14
14
  const activeClassName = active ? WHITE_ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES;
15
- const titleClassName = isScrollable
15
+ const titleClassName = tabsMode === 'scrollable'
16
16
  ? `${TEXT_CLASSES} ${activeClassName}`
17
17
  : `${TEXT_CLASSES} ${active ? ACTIVE_TEXT_CLASSES : INACTIVE_TEXT_CLASSES}`;
18
18
  return title ? _jsx("h3", { className: titleClassName, children: title }) : null;
@@ -1 +1 @@
1
- {"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";AAEA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACrB,YAAY,EACZ,yBAAyB,EACzB,oBAAoB,GACrB,MAAM,kBAAkB,CAAC;AAE1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAE1E,MAAM,CAAC,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAkB,EAAE,EAAE,CACrF,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,cAEE,SAAS,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5D,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,eACE,SAAS,EAAE,2CAA2C,oBAAoB,CACxE,MAAM,EACN,MAAM,EACN,YAAY,CACb,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,YAAY,CAAC,EAC5C,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IACxF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACnF,MAAM,cAAc,GAAG,YAAY;QACjC,CAAC,CAAC,GAAG,YAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;IAE9E,OAAO,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
1
+ {"version":3,"file":"renderGroupTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderGroupTab.tsx"],"names":[],"mappings":";AACA,OAAO,EACL,mBAAmB,EACnB,oBAAoB,EACpB,qBAAqB,EACrB,YAAY,EACZ,yBAAyB,GAC1B,MAAM,kBAAkB,CAAC;AAG1B,MAAM,aAAa,GACjB,kFAAkF,CAAC;AACrF,MAAM,oBAAoB,GAAG,wBAAwB,CAAC;AACtD,MAAM,sBAAsB,GAC1B,uEAAuE,CAAC;AAE1E,MAAM,CAAC,MAAM,cAAc,GACzB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,QAAQ,EAAkB,EAAE,EAAE,CACzE,CAAC,GAAiB,EAAE,CAAS,EAAE,EAAE;IAC/B,MAAM,MAAM,GAAG,UAAU,KAAK,GAAG,CAAC;IAElC,MAAM,KAAK,GACT,GAAG,CAAC,GAAG,IAAI,IAAI,EAAE,MAAM;QACrB,CAAC,CAAC,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,GAAG,CAAC,GAAa,CAAC,CAAC,CAAC,MAAM;QAClF,CAAC,CAAC,CAAC,CAAC;IAER,OAAO,CACL,cAEE,SAAS,EAAE,oBAAoB,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxD,IAAI,EAAC,KAAK,mBACK,MAAM,EACrB,OAAO,EAAE,GAAG,EAAE,CAAC,OAAO,CAAC,GAAG,CAAC,YAE3B,eACE,SAAS,EAAE,2CAA2C,oBAAoB,CACxE,MAAM,EACN,MAAM,EACN,QAAQ,CACT,EAAE,aAEF,WAAW,CAAC,GAAG,CAAC,KAAK,EAAE,MAAM,EAAE,QAAQ,CAAC,EACxC,WAAW,CAAC,WAAW,EAAE,KAAK,EAAE,MAAM,CAAC,IACpC,IAfD,SAAS,MAAM,CAAC,CAAC,CAAC,EAAE,CAgBrB,CACP,CAAC;AACJ,CAAC,CAAC;AAEJ,MAAM,WAAW,GAAG,CAAC,KAAyB,EAAE,MAAe,EAAE,QAAmB,EAAE,EAAE;IACtF,MAAM,eAAe,GAAG,MAAM,CAAC,CAAC,CAAC,yBAAyB,CAAC,CAAC,CAAC,qBAAqB,CAAC;IACnF,MAAM,cAAc,GAClB,QAAQ,KAAK,YAAY;QACvB,CAAC,CAAC,GAAG,YAAY,IAAI,eAAe,EAAE;QACtC,CAAC,CAAC,GAAG,YAAY,IAAI,MAAM,CAAC,CAAC,CAAC,mBAAmB,CAAC,CAAC,CAAC,qBAAqB,EAAE,CAAC;IAEhF,OAAO,KAAK,CAAC,CAAC,CAAC,aAAI,SAAS,EAAE,cAAc,YAAG,KAAK,GAAM,CAAC,CAAC,CAAC,IAAI,CAAC;AACpE,CAAC,CAAC;AAEF,MAAM,WAAW,GAAG,CAAC,WAAgC,EAAE,KAAa,EAAE,MAAe,EAAE,EAAE;IACvF,OAAO,WAAW,IAAI,KAAK,CAAC,CAAC,CAAC,CAC5B,cAAK,SAAS,EAAE,GAAG,aAAa,IAAI,MAAM,CAAC,CAAC,CAAC,oBAAoB,CAAC,CAAC,CAAC,sBAAsB,EAAE,YACzF,KAAK,GACF,CACP,CAAC,CAAC,CAAC,IAAI,CAAC;AACX,CAAC,CAAC"}
@@ -1,11 +1,11 @@
1
1
  /// <reference types="react" />
2
2
  import type { ContentPageDef } from '../../model/ContentPageDef';
3
- import type { TabData } from './TabsContent';
3
+ import type { TabData, TabsMode } from './TabsContent';
4
4
  export interface RenderTabProps {
5
5
  page?: ContentPageDef;
6
6
  currentTab?: TabData;
7
7
  showCounter?: boolean;
8
8
  onClick: (tab: TabData) => void;
9
- isScrollable?: boolean;
9
+ tabsMode?: TabsMode;
10
10
  }
11
- export declare const renderTab: ({ page, currentTab, showCounter, onClick, isScrollable }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;
11
+ export declare const renderTab: ({ page, showCounter, ...rest }: RenderTabProps) => (tab: TabData, i: number) => JSX.Element | null;
@@ -2,16 +2,16 @@ import { jsx as _jsx } from "@redneckz/uni-jsx/jsx-runtime";
2
2
  import { assertUnreachable } from '../../utils/assertUnreachable.js';
3
3
  import { LinkTab } from './LinkTab.js';
4
4
  import { renderGroupTab } from './renderGroupTab.js';
5
- export const renderTab = ({ page, currentTab, showCounter, onClick, isScrollable = false }) => (tab, i) => {
5
+ export const renderTab = ({ page, showCounter, ...rest }) => (tab, i) => {
6
6
  const type = tab.type;
7
7
  if (!(type === 'group' || type === 'link')) {
8
8
  return null;
9
9
  }
10
10
  switch (type) {
11
11
  case 'group':
12
- return renderGroupTab({ page, currentTab, showCounter, onClick, isScrollable })(tab, i);
12
+ return renderGroupTab({ page, showCounter, ...rest })(tab, i);
13
13
  case 'link': {
14
- return (_jsx(LinkTab, { tab: tab, currentTab: currentTab, isScrollable: isScrollable, onClick: onClick }, String(i)));
14
+ return _jsx(LinkTab, { tab: tab, ...rest }, String(i));
15
15
  }
16
16
  default:
17
17
  assertUnreachable(type);
@@ -1 +1 @@
1
- {"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,GAAG,KAAK,EAAkB,EAAE,EAAE,CACrF,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,UAAU,EAAE,WAAW,EAAE,OAAO,EAAE,YAAY,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAC1F,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,CACL,KAAC,OAAO,IAEN,GAAG,EAAE,GAAG,EACR,UAAU,EAAE,UAAU,EACtB,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,IAJX,MAAM,CAAC,CAAC,CAAC,CAKd,CACH,CAAC;SACH;QACD;YACE,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
1
+ {"version":3,"file":"renderTab.js","sourceRoot":"","sources":["../../../src/components/Tabs/renderTab.tsx"],"names":[],"mappings":";AACA,OAAO,EAAE,iBAAiB,EAAE,MAAM,+BAA+B,CAAC;AAClE,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAWlD,MAAM,CAAC,MAAM,SAAS,GACpB,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAkB,EAAE,EAAE,CACnD,CAAC,GAAY,EAAE,CAAS,EAAE,EAAE;IAC1B,MAAM,IAAI,GAAG,GAAG,CAAC,IAAI,CAAC;IAEtB,IAAI,CAAC,CAAC,IAAI,KAAK,OAAO,IAAI,IAAI,KAAK,MAAM,CAAC,EAAE;QAC1C,OAAO,IAAI,CAAC;KACb;IAED,QAAQ,IAAI,EAAE;QACZ,KAAK,OAAO;YACV,OAAO,cAAc,CAAC,EAAE,IAAI,EAAE,WAAW,EAAE,GAAG,IAAI,EAAE,CAAC,CAAC,GAAG,EAAE,CAAC,CAAC,CAAC;QAChE,KAAK,MAAM,CAAC,CAAC;YACX,OAAO,KAAC,OAAO,IAAiB,GAAG,EAAE,GAAG,KAAM,IAAI,IAA7B,MAAM,CAAC,CAAC,CAAC,CAAwB,CAAC;SACxD;QACD;YACE,iBAAiB,CAAC,IAAI,CAAC,CAAC;KAC3B;IAED,OAAO,IAAI,CAAC;AACd,CAAC,CAAC"}
@@ -1,3 +1,4 @@
1
+ import type { TabsMode } from './TabsContent';
1
2
  export declare const LINK_CLASSES = "h-12 flex-1 flex items-center justify-center cursor-pointer";
2
3
  export declare const ACTIVE_LINK_CLASSES = "bg-primary-main";
3
4
  export declare const INACTIVE_LINK_CLASSES = "group/btn bg-white";
@@ -7,5 +8,5 @@ export declare const TEXT_CLASSES = "font-sans text-m text-center";
7
8
  export declare const ACTIVE_TEXT_CLASSES = "text-white";
8
9
  export declare const INACTIVE_TEXT_CLASSES = "text-secondary-text group-hover/btn:text-primary-main";
9
10
  export declare const WHITE_ACTIVE_TEXT_CLASSES = "text-primary-main";
10
- export declare const getGroupTabClassName: (type: string, active: boolean, isScrollable: boolean) => any;
11
- export declare const getLinkTabClassName: (type: string, active: boolean, isScrollable: boolean) => any;
11
+ export declare const getGroupTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
12
+ export declare const getLinkTabClassName: (type: string, active: boolean, tabsMode?: TabsMode) => any;
@@ -13,7 +13,11 @@ const GROUP_TAB_CLASSES = {
13
13
  active: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${SCROLLABLE_ACTIVE_LINK_CLASSES}`,
14
14
  default: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`,
15
15
  },
16
- default: {
16
+ centered: {
17
+ active: `px-4 rounded-md ${LINK_CLASSES} ${WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
18
+ default: `px-4 rounded-md ${LINK_CLASSES} group/btn bg-transparent whitespace-nowrap`,
19
+ },
20
+ wideScreen: {
17
21
  active: `${LINK_CLASSES} ${WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
18
22
  default: `${LINK_CLASSES} ${INACTIVE_LINK_CLASSES} whitespace-nowrap`,
19
23
  },
@@ -23,7 +27,11 @@ const GROUP_TAB_CLASSES = {
23
27
  active: `h-full border-0 border-b-2`,
24
28
  default: ``,
25
29
  },
26
- default: {
30
+ centered: {
31
+ active: '',
32
+ default: '',
33
+ },
34
+ wideScreen: {
27
35
  active: '',
28
36
  default: '',
29
37
  },
@@ -35,7 +43,11 @@ const LINK_TAB_CLASSES = {
35
43
  active: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${SCROLLABLE_ACTIVE_LINK_CLASSES}`,
36
44
  default: `inline-flex px-4 grow whitespace-nowrap ${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`,
37
45
  },
38
- default: {
46
+ centered: {
47
+ active: `px-4 rounded-md ${LINK_CLASSES} ${WIDESCREEN_ACTIVE_LINK_CLASSES} whitespace-nowrap`,
48
+ default: `px-4 rounded-md ${LINK_CLASSES} group/btn bg-transparent whitespace-nowrap`,
49
+ },
50
+ wideScreen: {
39
51
  active: `${LINK_CLASSES} ${WIDESCREEN_ACTIVE_LINK_CLASSES}`,
40
52
  default: `${LINK_CLASSES} ${INACTIVE_LINK_CLASSES}`,
41
53
  },
@@ -45,20 +57,24 @@ const LINK_TAB_CLASSES = {
45
57
  active: `${TEXT_CLASSES} flex items-center h-full border-0 border-b-2 ${WHITE_ACTIVE_TEXT_CLASSES}`,
46
58
  default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`,
47
59
  },
48
- default: {
60
+ centered: {
61
+ active: `${TEXT_CLASSES} ${ACTIVE_TEXT_CLASSES}`,
62
+ default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`,
63
+ },
64
+ wideScreen: {
49
65
  active: `${TEXT_CLASSES} ${ACTIVE_TEXT_CLASSES}`,
50
66
  default: `${TEXT_CLASSES} ${INACTIVE_TEXT_CLASSES}`,
51
67
  },
52
68
  },
53
69
  };
54
- export const getGroupTabClassName = (type, active, isScrollable) => {
55
- const styleType = isScrollable ? 'scrollable' : 'default';
70
+ export const getGroupTabClassName = (type, active, tabsMode) => {
56
71
  const styleActive = active ? 'active' : 'default';
57
- return GROUP_TAB_CLASSES[type][styleType][styleActive];
72
+ const mode = tabsMode || 'wideScreen';
73
+ return GROUP_TAB_CLASSES[type][mode][styleActive];
58
74
  };
59
- export const getLinkTabClassName = (type, active, isScrollable) => {
60
- const styleType = isScrollable ? 'scrollable' : 'default';
75
+ export const getLinkTabClassName = (type, active, tabsMode) => {
61
76
  const styleActive = active ? 'active' : 'default';
62
- return LINK_TAB_CLASSES[type][styleType][styleActive];
77
+ const mode = tabsMode || 'wideScreen';
78
+ return LINK_TAB_CLASSES[type][mode][styleActive];
63
79
  };
64
80
  //# sourceMappingURL=tabItemClasses.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,YAAY,GAAG,6DAA6D,CAAC;AAC1F,MAAM,CAAC,MAAM,mBAAmB,GAAG,iBAAiB,CAAC;AACrD,MAAM,CAAC,MAAM,qBAAqB,GAAG,oBAAoB,CAAC;AAE1D,MAAM,CAAC,MAAM,8BAA8B,GAAG,4BAA4B,CAAC;AAC3E,MAAM,CAAC,MAAM,8BAA8B,GAAG,4BAA4B,CAAC;AAE3E,MAAM,CAAC,MAAM,YAAY,GAAG,8BAA8B,CAAC;AAC3D,MAAM,CAAC,MAAM,mBAAmB,GAAG,YAAY,CAAC;AAChD,MAAM,CAAC,MAAM,qBAAqB,GAAG,uDAAuD,CAAC;AAE7F,MAAM,CAAC,MAAM,yBAAyB,GAAG,mBAAmB,CAAC;AAE7D,MAAM,iBAAiB,GAAG;IACxB,GAAG,EAAE;QACH,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,YAAY,IAAI,8BAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,YAAY,IAAI,qBAAqB,EAAE;SAC5F;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,YAAY,IAAI,8BAA8B,oBAAoB;YAC7E,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,oBAAoB;SACtE;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,4BAA4B;YACpC,OAAO,EAAE,EAAE;SACZ;QACD,OAAO,EAAE;YACP,MAAM,EAAE,EAAE;YACV,OAAO,EAAE,EAAE;SACZ;KACF;CACF,CAAC;AACF,MAAM,gBAAgB,GAAG;IACvB,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,2CAA2C,YAAY,IAAI,8BAA8B,EAAE;YACnG,OAAO,EAAE,2CAA2C,YAAY,IAAI,qBAAqB,EAAE;SAC5F;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,YAAY,IAAI,8BAA8B,EAAE;YAC3D,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE;SACpD;KACF;IACD,IAAI,EAAE;QACJ,UAAU,EAAE;YACV,MAAM,EAAE,GAAG,YAAY,iDAAiD,yBAAyB,EAAE;YACnG,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE;SACpD;QACD,OAAO,EAAE;YACP,MAAM,EAAE,GAAG,YAAY,IAAI,mBAAmB,EAAE;YAChD,OAAO,EAAE,GAAG,YAAY,IAAI,qBAAqB,EAAE;SACpD;KACF;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,oBAAoB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IAC3F,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,iBAAiB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;AACzD,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,mBAAmB,GAAG,CAAC,IAAY,EAAE,MAAe,EAAE,YAAqB,EAAE,EAAE;IAC1F,MAAM,SAAS,GAAG,YAAY,CAAC,CAAC,CAAC,YAAY,CAAC,CAAC,CAAC,SAAS,CAAC;IAC1D,MAAM,WAAW,GAAG,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC;IAElD,OAAO,gBAAgB,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,WAAW,CAAC,CAAC;AACxD,CAAC,CAAC"}
1
+ {"version":3,"file":"tabItemClasses.js","sourceRoot":"","sources":["../../../src/components/Tabs/tabItemClasses.ts"],"names":[],"mappings":"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"}
@@ -9,7 +9,7 @@ export function useLink(params = {}) {
9
9
  const { close } = useDialog();
10
10
  return (props) => ({
11
11
  ...props,
12
- href: isRemote ? props.href : adjustHref(router)(props.href, basePath),
12
+ href: isRemote && !basePath ? props.href : adjustHref(router)(props.href, basePath),
13
13
  'aria-label': props.text,
14
14
  onClick: handlerDecorator(handleHref(props), props),
15
15
  });
@@ -1 +1 @@
1
- {"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/hooks/useLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAWxC,MAAM,UAAU,OAAO,CAAC,SAAwB,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEtC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC;IAE9B,OAAO,CAA2C,KAAQ,EAAiB,EAAE,CAAC,CAAC;QAC7E,GAAG,KAAK;QACR,IAAI,EAAE,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC;QACtE,YAAY,EAAE,KAAK,CAAC,IAAI;QACxB,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;KACpD,CAAC,CAAC;IAEH,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAkC;QAC3E,OAAO,CAAC,EAAqB,EAAE,EAAE;YAC/B,OAAO,IAAI,OAAO,CAAC,EAAE,CAAC,CAAC;YAEvB,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;gBAClD,kBAAkB;gBAClB,OAAO;aACR;YAED,KAAK,EAAE,CAAC;YAER,iBAAiB;YACjB,EAAE,EAAE,cAAc,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;AACH,CAAC"}
1
+ {"version":3,"file":"useLink.js","sourceRoot":"","sources":["../../src/hooks/useLink.ts"],"names":[],"mappings":"AACA,OAAO,EAAE,SAAS,EAAE,MAAM,4BAA4B,CAAC;AAEvD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AACjD,OAAO,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AACtD,OAAO,EAAE,SAAS,EAAE,MAAM,aAAa,CAAC;AAWxC,MAAM,UAAU,OAAO,CAAC,SAAwB,EAAE;IAChD,MAAM,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,MAAM,CAAC;IAEtC,MAAM,MAAM,GAAG,SAAS,EAAE,CAAC;IAC3B,MAAM,EAAE,KAAK,EAAE,GAAG,SAAS,EAAE,CAAC;IAE9B,OAAO,CAA2C,KAAQ,EAAiB,EAAE,CAAC,CAAC;QAC7E,GAAG,KAAK;QACR,IAAI,EAAE,QAAQ,IAAI,CAAC,QAAQ,CAAC,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,UAAU,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,IAAI,EAAE,QAAQ,CAAC;QACnF,YAAY,EAAE,KAAK,CAAC,IAAI;QACxB,OAAO,EAAE,gBAAgB,CAAC,UAAU,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;KACpD,CAAC,CAAC;IAEH,SAAS,UAAU,CAAC,EAAE,IAAI,EAAE,MAAM,EAAE,OAAO,EAAkC;QAC3E,OAAO,CAAC,EAAqB,EAAE,EAAE;YAC/B,OAAO,IAAI,OAAO,CAAC,EAAE,CAAC,CAAC;YAEvB,IAAI,CAAC,IAAI,IAAI,QAAQ,IAAI,CAAC,UAAU,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE;gBAClD,kBAAkB;gBAClB,OAAO;aACR;YAED,KAAK,EAAE,CAAC;YAER,iBAAiB;YACjB,EAAE,EAAE,cAAc,EAAE,CAAC;YACrB,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC,CAAC;IACJ,CAAC;AACH,CAAC"}