@alfalab/core-components-tabs 6.3.0 → 6.6.0

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 (248) hide show
  1. package/CHANGELOG.md +53 -0
  2. package/components/primary-tablist/Component.d.ts +6 -0
  3. package/{dist/components → components}/primary-tablist/Component.desktop.d.ts +0 -0
  4. package/{dist/components → components}/primary-tablist/Component.desktop.js +2 -2
  5. package/components/primary-tablist/Component.js +55 -0
  6. package/{dist/esm/components → components}/primary-tablist/Component.mobile.d.ts +1 -1
  7. package/{dist/components → components}/primary-tablist/Component.mobile.js +3 -3
  8. package/components/primary-tablist/Component.responsive.d.ts +4 -0
  9. package/{dist/components → components}/primary-tablist/Component.responsive.js +4 -4
  10. package/{dist/components → components}/primary-tablist/index.css +27 -21
  11. package/{dist/components → components}/primary-tablist/mobile.css +34 -24
  12. package/{dist/cssm/components → components}/scrollable-container/Component.d.ts +2 -1
  13. package/{dist/components → components}/scrollable-container/Component.js +14 -4
  14. package/{dist/components → components}/scrollable-container/index.css +11 -6
  15. package/{dist/components → components}/scrollable-container/index.d.ts +0 -0
  16. package/{dist/components → components}/scrollable-container/index.js +0 -0
  17. package/components/secondary-tablist/Component.d.ts +8 -0
  18. package/{dist/esm/components → components}/secondary-tablist/Component.desktop.d.ts +1 -1
  19. package/{dist/components → components}/secondary-tablist/Component.desktop.js +2 -2
  20. package/components/secondary-tablist/Component.js +38 -0
  21. package/{dist/components → components}/secondary-tablist/Component.mobile.d.ts +1 -1
  22. package/{dist/components → components}/secondary-tablist/Component.mobile.js +3 -3
  23. package/{dist/cssm/components → components}/secondary-tablist/Component.responsive.d.ts +1 -1
  24. package/{dist/components → components}/secondary-tablist/Component.responsive.js +4 -4
  25. package/{dist/components → components}/secondary-tablist/index.css +15 -14
  26. package/{dist/modern/components → components}/secondary-tablist/mobile.css +21 -16
  27. package/{dist/components → components}/tab/Component.d.ts +0 -0
  28. package/{dist/components → components}/tab/Component.js +1 -1
  29. package/components/tab/index.css +8 -0
  30. package/{dist/components → components}/tab/index.d.ts +0 -0
  31. package/{dist/components → components}/tab/index.js +0 -0
  32. package/components/tabs/Component.d.ts +4 -0
  33. package/{dist/modern/components → components}/tabs/Component.desktop.d.ts +2 -2
  34. package/{dist/components → components}/tabs/Component.desktop.js +3 -3
  35. package/{dist/cssm/components → components}/tabs/Component.js +4 -3
  36. package/{dist/modern/components → components}/tabs/Component.mobile.d.ts +1 -1
  37. package/{dist/components → components}/tabs/Component.mobile.js +3 -3
  38. package/{dist/components → components}/tabs/Component.responsive.d.ts +1 -1
  39. package/{dist/components → components}/tabs/Component.responsive.js +3 -3
  40. package/cssm/components/primary-tablist/Component.d.ts +6 -0
  41. package/{dist/cssm → cssm}/components/primary-tablist/Component.desktop.d.ts +0 -0
  42. package/{dist/cssm → cssm}/components/primary-tablist/Component.desktop.js +1 -1
  43. package/cssm/components/primary-tablist/Component.js +56 -0
  44. package/{dist → cssm}/components/primary-tablist/Component.mobile.d.ts +1 -1
  45. package/{dist/cssm → cssm}/components/primary-tablist/Component.mobile.js +1 -1
  46. package/cssm/components/primary-tablist/Component.responsive.d.ts +4 -0
  47. package/{dist/cssm → cssm}/components/primary-tablist/Component.responsive.js +3 -3
  48. package/{dist/cssm → cssm}/components/primary-tablist/index.module.css +8 -2
  49. package/{dist/cssm → cssm}/components/primary-tablist/mobile.module.css +0 -0
  50. package/{dist/esm → cssm}/components/scrollable-container/Component.d.ts +2 -1
  51. package/{dist/cssm → cssm}/components/scrollable-container/Component.js +13 -3
  52. package/{dist/cssm → cssm}/components/scrollable-container/index.d.ts +0 -0
  53. package/{dist/cssm → cssm}/components/scrollable-container/index.js +0 -0
  54. package/{dist/cssm → cssm}/components/scrollable-container/index.module.css +7 -2
  55. package/cssm/components/secondary-tablist/Component.d.ts +8 -0
  56. package/{dist → cssm}/components/secondary-tablist/Component.desktop.d.ts +1 -1
  57. package/{dist/cssm → cssm}/components/secondary-tablist/Component.desktop.js +1 -1
  58. package/cssm/components/secondary-tablist/Component.js +39 -0
  59. package/{dist/cssm → cssm}/components/secondary-tablist/Component.mobile.d.ts +1 -1
  60. package/{dist/cssm → cssm}/components/secondary-tablist/Component.mobile.js +1 -1
  61. package/{dist → cssm}/components/secondary-tablist/Component.responsive.d.ts +1 -1
  62. package/{dist/cssm → cssm}/components/secondary-tablist/Component.responsive.js +3 -3
  63. package/{dist/cssm → cssm}/components/secondary-tablist/index.module.css +5 -4
  64. package/{dist/cssm → cssm}/components/secondary-tablist/mobile.module.css +0 -0
  65. package/{dist/cssm → cssm}/components/tab/Component.d.ts +0 -0
  66. package/{dist/cssm → cssm}/components/tab/Component.js +0 -0
  67. package/{dist/cssm → cssm}/components/tab/index.d.ts +0 -0
  68. package/{dist/cssm → cssm}/components/tab/index.js +0 -0
  69. package/{dist/cssm → cssm}/components/tab/index.module.css +0 -0
  70. package/cssm/components/tabs/Component.d.ts +4 -0
  71. package/{dist/cssm → cssm}/components/tabs/Component.desktop.d.ts +1 -1
  72. package/{dist/cssm → cssm}/components/tabs/Component.desktop.js +2 -2
  73. package/{dist → cssm}/components/tabs/Component.js +4 -3
  74. package/{dist/cssm → cssm}/components/tabs/Component.mobile.d.ts +1 -1
  75. package/{dist/cssm → cssm}/components/tabs/Component.mobile.js +2 -2
  76. package/{dist/cssm → cssm}/components/tabs/Component.responsive.d.ts +1 -1
  77. package/{dist/cssm → cssm}/components/tabs/Component.responsive.js +2 -2
  78. package/{dist/cssm → cssm}/desktop.d.ts +0 -0
  79. package/{dist/cssm → cssm}/desktop.js +2 -2
  80. package/{dist/cssm → cssm}/index.d.ts +0 -0
  81. package/{dist/cssm → cssm}/index.js +2 -2
  82. package/{dist/cssm → cssm}/mobile.d.ts +0 -0
  83. package/{dist/cssm → cssm}/mobile.js +2 -2
  84. package/{dist/cssm → cssm}/responsive.d.ts +0 -0
  85. package/{dist/cssm → cssm}/responsive.js +2 -2
  86. package/{dist/cssm → cssm}/tslib.es6-ce870b46.d.ts +0 -0
  87. package/{dist/cssm → cssm}/tslib.es6-ce870b46.js +0 -0
  88. package/{dist/esm → cssm}/typings.d.ts +21 -11
  89. package/{dist/cssm → cssm}/typings.js +0 -0
  90. package/{dist/cssm → cssm}/useTabs.d.ts +0 -0
  91. package/{dist/cssm → cssm}/useTabs.js +0 -0
  92. package/{dist/cssm → cssm}/vars.css +0 -0
  93. package/{dist/desktop.d.ts → desktop.d.ts} +0 -0
  94. package/{dist/desktop.js → desktop.js} +3 -3
  95. package/esm/components/primary-tablist/Component.d.ts +6 -0
  96. package/{dist/esm → esm}/components/primary-tablist/Component.desktop.d.ts +0 -0
  97. package/{dist/esm → esm}/components/primary-tablist/Component.desktop.js +3 -3
  98. package/esm/components/primary-tablist/Component.js +46 -0
  99. package/{dist/modern → esm}/components/primary-tablist/Component.mobile.d.ts +1 -1
  100. package/{dist/esm → esm}/components/primary-tablist/Component.mobile.js +4 -4
  101. package/esm/components/primary-tablist/Component.responsive.d.ts +4 -0
  102. package/{dist/esm → esm}/components/primary-tablist/Component.responsive.js +5 -5
  103. package/{dist/modern → esm}/components/primary-tablist/index.css +27 -21
  104. package/{dist/modern → esm}/components/primary-tablist/mobile.css +34 -24
  105. package/{dist/modern → esm}/components/scrollable-container/Component.d.ts +2 -1
  106. package/{dist/esm → esm}/components/scrollable-container/Component.js +14 -4
  107. package/{dist/esm → esm}/components/scrollable-container/index.css +11 -6
  108. package/{dist/esm → esm}/components/scrollable-container/index.d.ts +0 -0
  109. package/{dist/esm → esm}/components/scrollable-container/index.js +0 -0
  110. package/esm/components/secondary-tablist/Component.d.ts +8 -0
  111. package/{dist/cssm → esm}/components/secondary-tablist/Component.desktop.d.ts +1 -1
  112. package/{dist/esm → esm}/components/secondary-tablist/Component.desktop.js +3 -3
  113. package/esm/components/secondary-tablist/Component.js +29 -0
  114. package/{dist/esm → esm}/components/secondary-tablist/Component.mobile.d.ts +1 -1
  115. package/{dist/esm → esm}/components/secondary-tablist/Component.mobile.js +4 -4
  116. package/{dist/esm → esm}/components/secondary-tablist/Component.responsive.d.ts +1 -1
  117. package/{dist/esm → esm}/components/secondary-tablist/Component.responsive.js +5 -5
  118. package/{dist/modern → esm}/components/secondary-tablist/index.css +15 -14
  119. package/{dist → esm}/components/secondary-tablist/mobile.css +21 -16
  120. package/{dist/esm → esm}/components/tab/Component.d.ts +0 -0
  121. package/{dist/esm → esm}/components/tab/Component.js +1 -1
  122. package/esm/components/tab/index.css +8 -0
  123. package/{dist/esm → esm}/components/tab/index.d.ts +0 -0
  124. package/{dist/esm → esm}/components/tab/index.js +0 -0
  125. package/esm/components/tabs/Component.d.ts +4 -0
  126. package/{dist → esm}/components/tabs/Component.desktop.d.ts +1 -1
  127. package/{dist/esm → esm}/components/tabs/Component.desktop.js +5 -5
  128. package/{dist/esm → esm}/components/tabs/Component.js +4 -3
  129. package/{dist/esm → esm}/components/tabs/Component.mobile.d.ts +1 -1
  130. package/{dist/esm → esm}/components/tabs/Component.mobile.js +5 -5
  131. package/{dist/esm → esm}/components/tabs/Component.responsive.d.ts +1 -1
  132. package/{dist/esm → esm}/components/tabs/Component.responsive.js +5 -5
  133. package/{dist/esm → esm}/desktop.d.ts +0 -0
  134. package/{dist/esm → esm}/desktop.js +5 -5
  135. package/{dist/esm → esm}/index.d.ts +0 -0
  136. package/{dist/esm → esm}/index.js +5 -5
  137. package/esm/index.module-4ce3b0dd.js +4 -0
  138. package/esm/index.module-71ecf1b8.js +4 -0
  139. package/{dist/esm → esm}/mobile.d.ts +0 -0
  140. package/{dist/esm → esm}/mobile.js +5 -5
  141. package/{dist/esm → esm}/responsive.d.ts +0 -0
  142. package/{dist/esm → esm}/responsive.js +5 -5
  143. package/{dist/esm/tslib.es6-8a4b035c.d.ts → esm/tslib.es6-656bff1b.d.ts} +0 -0
  144. package/{dist/esm/tslib.es6-8a4b035c.js → esm/tslib.es6-656bff1b.js} +0 -0
  145. package/{dist/modern → esm}/typings.d.ts +21 -11
  146. package/{dist/esm → esm}/typings.js +0 -0
  147. package/{dist/esm → esm}/useTabs.d.ts +0 -0
  148. package/{dist/esm → esm}/useTabs.js +0 -0
  149. package/{dist/index.d.ts → index.d.ts} +0 -0
  150. package/{dist/index.js → index.js} +3 -3
  151. package/index.module-0ac56b69.js +6 -0
  152. package/index.module-c97a2b1a.js +6 -0
  153. package/{dist/mobile.d.ts → mobile.d.ts} +0 -0
  154. package/{dist/mobile.js → mobile.js} +3 -3
  155. package/modern/components/primary-tablist/Component.d.ts +6 -0
  156. package/{dist/modern → modern}/components/primary-tablist/Component.desktop.d.ts +0 -0
  157. package/{dist/modern → modern}/components/primary-tablist/Component.desktop.js +2 -2
  158. package/{dist/modern → modern}/components/primary-tablist/Component.js +8 -6
  159. package/{dist/cssm → modern}/components/primary-tablist/Component.mobile.d.ts +1 -1
  160. package/{dist/modern → modern}/components/primary-tablist/Component.mobile.js +3 -3
  161. package/modern/components/primary-tablist/Component.responsive.d.ts +4 -0
  162. package/{dist/modern → modern}/components/primary-tablist/Component.responsive.js +4 -4
  163. package/{dist/esm → modern}/components/primary-tablist/index.css +27 -21
  164. package/{dist/esm → modern}/components/primary-tablist/mobile.css +34 -24
  165. package/{dist → modern}/components/scrollable-container/Component.d.ts +2 -1
  166. package/{dist/modern → modern}/components/scrollable-container/Component.js +13 -4
  167. package/{dist/modern → modern}/components/scrollable-container/index.css +11 -6
  168. package/{dist/modern → modern}/components/scrollable-container/index.d.ts +0 -0
  169. package/{dist/modern → modern}/components/scrollable-container/index.js +0 -0
  170. package/modern/components/secondary-tablist/Component.d.ts +8 -0
  171. package/{dist/modern → modern}/components/secondary-tablist/Component.desktop.d.ts +1 -1
  172. package/{dist/modern → modern}/components/secondary-tablist/Component.desktop.js +2 -2
  173. package/modern/components/secondary-tablist/Component.js +24 -0
  174. package/{dist/modern → modern}/components/secondary-tablist/Component.mobile.d.ts +1 -1
  175. package/{dist/modern → modern}/components/secondary-tablist/Component.mobile.js +3 -3
  176. package/{dist/modern → modern}/components/secondary-tablist/Component.responsive.d.ts +1 -1
  177. package/{dist/modern → modern}/components/secondary-tablist/Component.responsive.js +4 -4
  178. package/{dist/esm → modern}/components/secondary-tablist/index.css +15 -14
  179. package/{dist/esm → modern}/components/secondary-tablist/mobile.css +21 -16
  180. package/{dist/modern → modern}/components/tab/Component.d.ts +0 -0
  181. package/{dist/modern → modern}/components/tab/Component.js +1 -1
  182. package/modern/components/tab/index.css +8 -0
  183. package/{dist/modern → modern}/components/tab/index.d.ts +0 -0
  184. package/{dist/modern → modern}/components/tab/index.js +0 -0
  185. package/modern/components/tabs/Component.d.ts +4 -0
  186. package/{dist/esm → modern}/components/tabs/Component.desktop.d.ts +1 -1
  187. package/{dist/modern → modern}/components/tabs/Component.desktop.js +4 -4
  188. package/{dist/modern → modern}/components/tabs/Component.js +4 -3
  189. package/{dist → modern}/components/tabs/Component.mobile.d.ts +1 -1
  190. package/{dist/modern → modern}/components/tabs/Component.mobile.js +4 -4
  191. package/{dist/modern → modern}/components/tabs/Component.responsive.d.ts +1 -1
  192. package/{dist/modern → modern}/components/tabs/Component.responsive.js +4 -4
  193. package/{dist/modern → modern}/desktop.d.ts +0 -0
  194. package/{dist/modern → modern}/desktop.js +4 -4
  195. package/{dist/modern → modern}/index.d.ts +0 -0
  196. package/{dist/modern → modern}/index.js +4 -4
  197. package/modern/index.module-4ce3b0dd.js +4 -0
  198. package/modern/index.module-71ecf1b8.js +4 -0
  199. package/{dist/modern → modern}/mobile.d.ts +0 -0
  200. package/{dist/modern → modern}/mobile.js +4 -4
  201. package/{dist/modern → modern}/responsive.d.ts +0 -0
  202. package/{dist/modern → modern}/responsive.js +4 -4
  203. package/{dist/cssm → modern}/typings.d.ts +21 -11
  204. package/{dist/modern → modern}/typings.js +0 -0
  205. package/{dist/modern → modern}/useTabs.d.ts +0 -0
  206. package/{dist/modern → modern}/useTabs.js +0 -0
  207. package/package.json +12 -15
  208. package/{dist/responsive.d.ts → responsive.d.ts} +0 -0
  209. package/{dist/responsive.js → responsive.js} +3 -3
  210. package/{dist/send-stats.js → send-stats.js} +0 -0
  211. package/{dist/tslib.es6-394cebb0.d.ts → tslib.es6-5331b0cd.d.ts} +0 -0
  212. package/{dist/tslib.es6-394cebb0.js → tslib.es6-5331b0cd.js} +0 -0
  213. package/{dist/typings.d.ts → typings.d.ts} +21 -11
  214. package/{dist/typings.js → typings.js} +0 -0
  215. package/{dist/useTabs.d.ts → useTabs.d.ts} +0 -0
  216. package/{dist/useTabs.js → useTabs.js} +0 -0
  217. package/dist/components/primary-tablist/Component.d.ts +0 -13
  218. package/dist/components/primary-tablist/Component.js +0 -50
  219. package/dist/components/primary-tablist/Component.responsive.d.ts +0 -4
  220. package/dist/components/secondary-tablist/Component.d.ts +0 -15
  221. package/dist/components/secondary-tablist/Component.js +0 -33
  222. package/dist/components/tab/index.css +0 -8
  223. package/dist/components/tabs/Component.d.ts +0 -4
  224. package/dist/cssm/components/primary-tablist/Component.d.ts +0 -13
  225. package/dist/cssm/components/primary-tablist/Component.js +0 -51
  226. package/dist/cssm/components/primary-tablist/Component.responsive.d.ts +0 -4
  227. package/dist/cssm/components/secondary-tablist/Component.d.ts +0 -15
  228. package/dist/cssm/components/secondary-tablist/Component.js +0 -34
  229. package/dist/cssm/components/tabs/Component.d.ts +0 -4
  230. package/dist/esm/components/primary-tablist/Component.d.ts +0 -13
  231. package/dist/esm/components/primary-tablist/Component.js +0 -41
  232. package/dist/esm/components/primary-tablist/Component.responsive.d.ts +0 -4
  233. package/dist/esm/components/secondary-tablist/Component.d.ts +0 -15
  234. package/dist/esm/components/secondary-tablist/Component.js +0 -24
  235. package/dist/esm/components/tab/index.css +0 -8
  236. package/dist/esm/components/tabs/Component.d.ts +0 -4
  237. package/dist/esm/index.module-4687a3b6.js +0 -4
  238. package/dist/esm/index.module-4cd5c08a.js +0 -4
  239. package/dist/index.module-a61e7b44.js +0 -6
  240. package/dist/index.module-b9c824d3.js +0 -6
  241. package/dist/modern/components/primary-tablist/Component.d.ts +0 -13
  242. package/dist/modern/components/primary-tablist/Component.responsive.d.ts +0 -4
  243. package/dist/modern/components/secondary-tablist/Component.d.ts +0 -15
  244. package/dist/modern/components/secondary-tablist/Component.js +0 -20
  245. package/dist/modern/components/tab/index.css +0 -8
  246. package/dist/modern/components/tabs/Component.d.ts +0 -4
  247. package/dist/modern/index.module-4687a3b6.js +0 -4
  248. package/dist/modern/index.module-4cd5c08a.js +0 -4
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListResponsive: ({ size, defaultMatch, ...restProps }: TabListProps) => JSX.Element;
4
- export { PrimaryTabListResponsive };
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, tagSize, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & {
13
- tagSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | undefined;
14
- } & Styles) => JSX.Element;
15
- export { SecondaryTabList };
@@ -1,33 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib_es6 = require('../../tslib.es6-394cebb0.js');
6
- var React = require('react');
7
- var cn = require('classnames');
8
- require('compute-scroll-into-view');
9
- var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
10
- var useTabs = require('../../useTabs.js');
11
- var coreComponentsTag = require('@alfalab/core-components-tag');
12
-
13
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
14
-
15
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
16
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
17
-
18
- var SecondaryTabList = function (_a) {
19
- var _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, _f = _a.tagSize, tagSize = _f === void 0 ? 'xs' : _f, onChange = _a.onChange, dataTestId = _a.dataTestId;
20
- var _g = useTabs.useTabs({
21
- titles: titles,
22
- selectedId: selectedId,
23
- onChange: onChange,
24
- }), focusedTab = _g.focusedTab, selectedTab = _g.selectedTab, getTabListItemProps = _g.getTabListItemProps;
25
- var renderContent = function () {
26
- return titles
27
- .filter(function (item) { return !item.hidden; })
28
- .map(function (item, index) { return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({}, getTabListItemProps(index), { key: item.id, className: styles.title, checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title)); });
29
- };
30
- return (React__default['default'].createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default['default'](styles.component, className, size && styles[size]) }, scrollable ? (React__default['default'].createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName }, renderContent())) : (React__default['default'].createElement("div", { className: cn__default['default'](styles.container, containerClassName) }, renderContent()))));
31
- };
32
-
33
- exports.SecondaryTabList = SecondaryTabList;
@@ -1,8 +0,0 @@
1
- /* hash: 1me07 */
2
- .tabs__component_wp7vz {
3
- outline: none;
4
- }
5
-
6
- .tabs__hidden_wp7vz {
7
- display: none;
8
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabsProps } from "../../typings";
3
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted" | "TabList">) => JSX.Element;
4
- export { Tabs };
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & Styles) => JSX.Element;
13
- export { PrimaryTabList };
@@ -1,51 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
- var React = require('react');
7
- var coreComponentsKeyboardFocusable = require('@alfalab/core-components-keyboard-focusable/dist/cssm');
8
- var cn = require('classnames');
9
- require('compute-scroll-into-view');
10
- require('../scrollable-container/index.module.css');
11
- var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
12
- var useTabs = require('../../useTabs.js');
13
-
14
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
18
-
19
- var PrimaryTabList = function (_a) {
20
- var size = _a.size, _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, onChange = _a.onChange, dataTestId = _a.dataTestId;
21
- var lineRef = React.useRef(null);
22
- var _f = useTabs.useTabs({
23
- titles: titles,
24
- selectedId: selectedId,
25
- onChange: onChange,
26
- }), selectedTab = _f.selectedTab, focusedTab = _f.focusedTab, getTabListItemProps = _f.getTabListItemProps;
27
- React.useEffect(function () {
28
- if (selectedTab && lineRef.current) {
29
- lineRef.current.style.width = selectedTab.offsetWidth + "px";
30
- lineRef.current.style.transform = "translateX(" + selectedTab.offsetLeft + "px)";
31
- }
32
- });
33
- var renderContent = function () { return (React__default['default'].createElement(React__default['default'].Fragment, null,
34
- titles.map(function (item, index) {
35
- if (item.hidden)
36
- return null;
37
- return (React__default['default'].createElement(coreComponentsKeyboardFocusable.KeyboardFocusable, { key: item.id }, function (ref, focused) {
38
- var _a;
39
- return (React__default['default'].createElement("button", tslib_es6.__assign({}, getTabListItemProps(index, ref), { type: 'button', className: cn__default['default'](styles.title, (_a = {},
40
- _a[styles.selected] = item.id === selectedId,
41
- _a[styles.disabled] = item.disabled,
42
- _a)) }),
43
- React__default['default'].createElement("span", { className: focused ? styles.focused : undefined }, item.title),
44
- item.rightAddons && (React__default['default'].createElement("span", { className: styles.rightAddons }, item.rightAddons))));
45
- }));
46
- }),
47
- React__default['default'].createElement("div", { className: styles.line, ref: lineRef }))); };
48
- return (React__default['default'].createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default['default'](styles.component, className, size && styles[size]) }, scrollable ? (React__default['default'].createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName }, renderContent())) : (React__default['default'].createElement("div", { className: cn__default['default'](styles.container, containerClassName) }, renderContent()))));
49
- };
50
-
51
- exports.PrimaryTabList = PrimaryTabList;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListResponsive: ({ size, defaultMatch, ...restProps }: TabListProps) => JSX.Element;
4
- export { PrimaryTabListResponsive };
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, tagSize, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & {
13
- tagSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | undefined;
14
- } & Styles) => JSX.Element;
15
- export { SecondaryTabList };
@@ -1,34 +0,0 @@
1
- 'use strict';
2
-
3
- Object.defineProperty(exports, '__esModule', { value: true });
4
-
5
- var tslib_es6 = require('../../tslib.es6-ce870b46.js');
6
- var React = require('react');
7
- var cn = require('classnames');
8
- require('compute-scroll-into-view');
9
- require('../scrollable-container/index.module.css');
10
- var components_scrollableContainer_Component = require('../scrollable-container/Component.js');
11
- var useTabs = require('../../useTabs.js');
12
- var coreComponentsTag = require('@alfalab/core-components-tag/dist/cssm');
13
-
14
- function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
15
-
16
- var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
17
- var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
18
-
19
- var SecondaryTabList = function (_a) {
20
- var _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, _f = _a.tagSize, tagSize = _f === void 0 ? 'xs' : _f, onChange = _a.onChange, dataTestId = _a.dataTestId;
21
- var _g = useTabs.useTabs({
22
- titles: titles,
23
- selectedId: selectedId,
24
- onChange: onChange,
25
- }), focusedTab = _g.focusedTab, selectedTab = _g.selectedTab, getTabListItemProps = _g.getTabListItemProps;
26
- var renderContent = function () {
27
- return titles
28
- .filter(function (item) { return !item.hidden; })
29
- .map(function (item, index) { return (React__default['default'].createElement(coreComponentsTag.Tag, tslib_es6.__assign({}, getTabListItemProps(index), { key: item.id, className: styles.title, checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title)); });
30
- };
31
- return (React__default['default'].createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn__default['default'](styles.component, className, size && styles[size]) }, scrollable ? (React__default['default'].createElement(components_scrollableContainer_Component.ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName }, renderContent())) : (React__default['default'].createElement("div", { className: cn__default['default'](styles.container, containerClassName) }, renderContent()))));
32
- };
33
-
34
- exports.SecondaryTabList = SecondaryTabList;
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabsProps } from "../../typings";
3
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted" | "TabList">) => JSX.Element;
4
- export { Tabs };
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & Styles) => JSX.Element;
13
- export { PrimaryTabList };
@@ -1,41 +0,0 @@
1
- import { a as __assign } from '../../tslib.es6-8a4b035c.js';
2
- import React, { useRef, useEffect } from 'react';
3
- import { KeyboardFocusable } from '@alfalab/core-components-keyboard-focusable/dist/esm';
4
- import cn from 'classnames';
5
- import 'compute-scroll-into-view';
6
- import { ScrollableContainer } from '../scrollable-container/Component.js';
7
- import { useTabs } from '../../useTabs.js';
8
-
9
- var PrimaryTabList = function (_a) {
10
- var size = _a.size, _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, onChange = _a.onChange, dataTestId = _a.dataTestId;
11
- var lineRef = useRef(null);
12
- var _f = useTabs({
13
- titles: titles,
14
- selectedId: selectedId,
15
- onChange: onChange,
16
- }), selectedTab = _f.selectedTab, focusedTab = _f.focusedTab, getTabListItemProps = _f.getTabListItemProps;
17
- useEffect(function () {
18
- if (selectedTab && lineRef.current) {
19
- lineRef.current.style.width = selectedTab.offsetWidth + "px";
20
- lineRef.current.style.transform = "translateX(" + selectedTab.offsetLeft + "px)";
21
- }
22
- });
23
- var renderContent = function () { return (React.createElement(React.Fragment, null,
24
- titles.map(function (item, index) {
25
- if (item.hidden)
26
- return null;
27
- return (React.createElement(KeyboardFocusable, { key: item.id }, function (ref, focused) {
28
- var _a;
29
- return (React.createElement("button", __assign({}, getTabListItemProps(index, ref), { type: 'button', className: cn(styles.title, (_a = {},
30
- _a[styles.selected] = item.id === selectedId,
31
- _a[styles.disabled] = item.disabled,
32
- _a)) }),
33
- React.createElement("span", { className: focused ? styles.focused : undefined }, item.title),
34
- item.rightAddons && (React.createElement("span", { className: styles.rightAddons }, item.rightAddons))));
35
- }));
36
- }),
37
- React.createElement("div", { className: styles.line, ref: lineRef }))); };
38
- return (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(styles.component, className, size && styles[size]) }, scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName) }, renderContent()))));
39
- };
40
-
41
- export { PrimaryTabList };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListResponsive: ({ size, defaultMatch, ...restProps }: TabListProps) => JSX.Element;
4
- export { PrimaryTabListResponsive };
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, tagSize, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & {
13
- tagSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | undefined;
14
- } & Styles) => JSX.Element;
15
- export { SecondaryTabList };
@@ -1,24 +0,0 @@
1
- import { a as __assign } from '../../tslib.es6-8a4b035c.js';
2
- import React from 'react';
3
- import cn from 'classnames';
4
- import 'compute-scroll-into-view';
5
- import { ScrollableContainer } from '../scrollable-container/Component.js';
6
- import { useTabs } from '../../useTabs.js';
7
- import { Tag } from '@alfalab/core-components-tag/dist/esm';
8
-
9
- var SecondaryTabList = function (_a) {
10
- var _b = _a.styles, styles = _b === void 0 ? {} : _b, className = _a.className, containerClassName = _a.containerClassName, size = _a.size, _c = _a.titles, titles = _c === void 0 ? [] : _c, _d = _a.selectedId, selectedId = _d === void 0 ? titles.length ? titles[0].id : undefined : _d, _e = _a.scrollable, scrollable = _e === void 0 ? true : _e, _f = _a.tagSize, tagSize = _f === void 0 ? 'xs' : _f, onChange = _a.onChange, dataTestId = _a.dataTestId;
11
- var _g = useTabs({
12
- titles: titles,
13
- selectedId: selectedId,
14
- onChange: onChange,
15
- }), focusedTab = _g.focusedTab, selectedTab = _g.selectedTab, getTabListItemProps = _g.getTabListItemProps;
16
- var renderContent = function () {
17
- return titles
18
- .filter(function (item) { return !item.hidden; })
19
- .map(function (item, index) { return (React.createElement(Tag, __assign({}, getTabListItemProps(index), { key: item.id, className: styles.title, checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title)); });
20
- };
21
- return (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(styles.component, className, size && styles[size]) }, scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName) }, renderContent()))));
22
- };
23
-
24
- export { SecondaryTabList };
@@ -1,8 +0,0 @@
1
- /* hash: 1me07 */
2
- .tabs__component_wp7vz {
3
- outline: none;
4
- }
5
-
6
- .tabs__hidden_wp7vz {
7
- display: none;
8
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabsProps } from "../../typings";
3
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted" | "TabList">) => JSX.Element;
4
- export { Tabs };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1eesx","container":"tabs__container_1eesx","title":"tabs__title_1eesx","xxs":"tabs__xxs_1eesx","xs":"tabs__xs_1eesx","s":"tabs__s_1eesx","m":"tabs__m_1eesx","l":"tabs__l_1eesx","xl":"tabs__xl_1eesx"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1c7rr","container":"tabs__container_1c7rr","title":"tabs__title_1c7rr","disabled":"tabs__disabled_1c7rr","focused":"tabs__focused_1c7rr","selected":"tabs__selected_1c7rr","line":"tabs__line_1c7rr","s":"tabs__s_1c7rr","xs":"tabs__xs_1c7rr","xxs":"tabs__xxs_1c7rr","m":"tabs__m_1c7rr","l":"tabs__l_1c7rr","xl":"tabs__xl_1c7rr","rightAddons":"tabs__rightAddons_1c7rr"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1eesx","container":"tabs__container_1eesx","title":"tabs__title_1eesx","xxs":"tabs__xxs_1eesx","xs":"tabs__xs_1eesx","s":"tabs__s_1eesx","m":"tabs__m_1eesx","l":"tabs__l_1eesx","xl":"tabs__xl_1eesx"};
4
- require('./components/secondary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,6 +0,0 @@
1
- 'use strict';
2
-
3
- var commonStyles = {"component":"tabs__component_1c7rr","container":"tabs__container_1c7rr","title":"tabs__title_1c7rr","disabled":"tabs__disabled_1c7rr","focused":"tabs__focused_1c7rr","selected":"tabs__selected_1c7rr","line":"tabs__line_1c7rr","s":"tabs__s_1c7rr","xs":"tabs__xs_1c7rr","xxs":"tabs__xxs_1c7rr","m":"tabs__m_1c7rr","l":"tabs__l_1c7rr","xl":"tabs__xl_1c7rr","rightAddons":"tabs__rightAddons_1c7rr"};
4
- require('./components/primary-tablist/index.css')
5
-
6
- exports.commonStyles = commonStyles;
@@ -1,13 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const PrimaryTabList: ({ size, styles, className, containerClassName, titles, selectedId, scrollable, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & Styles) => JSX.Element;
13
- export { PrimaryTabList };
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabListProps } from "../../typings";
3
- declare const PrimaryTabListResponsive: ({ size, defaultMatch, ...restProps }: TabListProps) => JSX.Element;
4
- export { PrimaryTabListResponsive };
@@ -1,15 +0,0 @@
1
- /// <reference types="react" />
2
- import React from 'react';
3
- import { Styles } from "../../typings";
4
- declare const SecondaryTabList: ({ styles, className, containerClassName, size, titles, selectedId, scrollable, tagSize, onChange, dataTestId, }: Pick<import("../../typings").TabsProps, "className" | "onChange" | "size" | "dataTestId" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable"> & {
5
- titles?: {
6
- title: string;
7
- id: React.ReactText;
8
- disabled?: boolean | undefined;
9
- rightAddons?: React.ReactNode;
10
- hidden?: boolean | undefined;
11
- }[] | undefined;
12
- } & {
13
- tagSize?: "xxs" | "xs" | "s" | "m" | "l" | "xl" | undefined;
14
- } & Styles) => JSX.Element;
15
- export { SecondaryTabList };
@@ -1,20 +0,0 @@
1
- import React from 'react';
2
- import cn from 'classnames';
3
- import 'compute-scroll-into-view';
4
- import { ScrollableContainer } from '../scrollable-container/Component.js';
5
- import { useTabs } from '../../useTabs.js';
6
- import { Tag } from '@alfalab/core-components-tag/dist/modern';
7
-
8
- const SecondaryTabList = ({ styles = {}, className, containerClassName, size, titles = [], selectedId = titles.length ? titles[0].id : undefined, scrollable = true, tagSize = 'xs', onChange, dataTestId, }) => {
9
- const { focusedTab, selectedTab, getTabListItemProps } = useTabs({
10
- titles,
11
- selectedId,
12
- onChange,
13
- });
14
- const renderContent = () => titles
15
- .filter(item => !item.hidden)
16
- .map((item, index) => (React.createElement(Tag, Object.assign({}, getTabListItemProps(index), { key: item.id, className: styles.title, checked: item.id === selectedId, size: tagSize, rightAddons: item.rightAddons }), item.title)));
17
- return (React.createElement("div", { role: 'tablist', "data-test-id": dataTestId, className: cn(styles.component, className, size && styles[size]) }, scrollable ? (React.createElement(ScrollableContainer, { activeChild: focusedTab || selectedTab, containerClassName: containerClassName }, renderContent())) : (React.createElement("div", { className: cn(styles.container, containerClassName) }, renderContent()))));
18
- };
19
-
20
- export { SecondaryTabList };
@@ -1,8 +0,0 @@
1
- /* hash: 1me07 */
2
- .tabs__component_wp7vz {
3
- outline: none;
4
- }
5
-
6
- .tabs__hidden_wp7vz {
7
- display: none;
8
- }
@@ -1,4 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabsProps } from "../../typings";
3
- declare const Tabs: ({ TabList, className, containerClassName, size, defaultMatch, children, selectedId, scrollable, keepMounted, dataTestId, onChange, }: Pick<TabsProps, "children" | "className" | "onChange" | "size" | "dataTestId" | "mobile" | "containerClassName" | "defaultMatch" | "selectedId" | "scrollable" | "keepMounted" | "TabList">) => JSX.Element;
4
- export { Tabs };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1eesx","container":"tabs__container_1eesx","title":"tabs__title_1eesx","xxs":"tabs__xxs_1eesx","xs":"tabs__xs_1eesx","s":"tabs__s_1eesx","m":"tabs__m_1eesx","l":"tabs__l_1eesx","xl":"tabs__xl_1eesx"};
2
- require('./components/secondary-tablist/index.css')
3
-
4
- export { commonStyles as c };
@@ -1,4 +0,0 @@
1
- var commonStyles = {"component":"tabs__component_1c7rr","container":"tabs__container_1c7rr","title":"tabs__title_1c7rr","disabled":"tabs__disabled_1c7rr","focused":"tabs__focused_1c7rr","selected":"tabs__selected_1c7rr","line":"tabs__line_1c7rr","s":"tabs__s_1c7rr","xs":"tabs__xs_1c7rr","xxs":"tabs__xxs_1c7rr","m":"tabs__m_1c7rr","l":"tabs__l_1c7rr","xl":"tabs__xl_1c7rr","rightAddons":"tabs__rightAddons_1c7rr"};
2
- require('./components/primary-tablist/index.css')
3
-
4
- export { commonStyles as c };