@trilogy-ds/react 0.0.1-beta-131 → 0.0.1-beta-133

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 (84) hide show
  1. package/lib/components/alert/Alert.native.js +9 -9
  2. package/lib/components/columns/{item/ColumnsItem.d.ts → column/Column.d.ts} +3 -3
  3. package/lib/components/columns/{item/ColumnsItem.js → column/Column.js} +3 -3
  4. package/lib/components/columns/{item/ColumnsItem.native.d.ts → column/Column.native.d.ts} +4 -4
  5. package/lib/components/columns/column/Column.native.js +32 -0
  6. package/lib/components/columns/{item/ColumnsItemProps.d.ts → column/ColumnProps.d.ts} +1 -1
  7. package/lib/components/columns/column/ColumnProps.js +2 -0
  8. package/lib/components/columns/column/index.d.ts +2 -0
  9. package/lib/components/columns/column/index.js +3 -0
  10. package/lib/components/columns/index.d.ts +2 -2
  11. package/lib/components/columns/index.js +3 -3
  12. package/lib/components/enumsComponentsName.d.ts +2 -2
  13. package/lib/components/enumsComponentsName.js +3 -3
  14. package/lib/components/price/Price.d.ts +1 -3
  15. package/lib/components/price/Price.js +43 -38
  16. package/lib/components/price/Price.native.d.ts +1 -4
  17. package/lib/components/price/Price.native.js +9 -15
  18. package/lib/components/price/PriceProps.d.ts +3 -3
  19. package/lib/components/price/PricePropsDefaults.js +7 -4
  20. package/lib/components/rows/index.d.ts +2 -2
  21. package/lib/components/rows/index.js +3 -3
  22. package/lib/components/rows/{item/RowItem.d.ts → row/Row.d.ts} +3 -3
  23. package/lib/components/rows/row/Row.js +21 -0
  24. package/lib/components/rows/{item/RowItem.native.d.ts → row/Row.native.d.ts} +4 -4
  25. package/lib/components/rows/row/Row.native.js +22 -0
  26. package/lib/components/rows/{item/RowItemProps.d.ts → row/RowProps.d.ts} +1 -1
  27. package/lib/components/rows/row/RowProps.js +2 -0
  28. package/lib/components/rows/row/index.d.ts +2 -0
  29. package/lib/components/rows/row/index.js +3 -0
  30. package/lib/components/select/option/SelectOption.native.js +5 -5
  31. package/lib/components/tabs/Tabs.js +5 -41
  32. package/lib/components/tabs/index.d.ts +5 -2
  33. package/lib/components/tabs/index.js +6 -3
  34. package/lib/components/tabs/tab-list/TabList.d.ts +8 -0
  35. package/lib/components/tabs/tab-list/TabList.js +17 -0
  36. package/lib/components/tabs/tab-list/TabListProps.d.ts +10 -0
  37. package/lib/components/tabs/tab-list/TabListProps.js +2 -0
  38. package/lib/components/tabs/tab-list/TabListPropsDefaults.js +49 -0
  39. package/lib/components/tabs/tab-list/index.d.ts +2 -0
  40. package/lib/components/tabs/tab-list/index.js +3 -0
  41. package/lib/components/tabs/{item/TabsItem.d.ts → tab-list/tab/Tab.d.ts} +3 -3
  42. package/lib/components/tabs/tab-list/tab/Tab.js +65 -0
  43. package/lib/components/tabs/tab-list/tab/TabProps.d.ts +16 -0
  44. package/lib/components/tabs/tab-list/tab/TabProps.js +2 -0
  45. package/lib/components/tabs/{item/TabsItemPropsDefaults.js → tab-list/tab/TabPropsDefaults.js} +7 -14
  46. package/lib/components/tabs/tab-list/tab/index.d.ts +2 -0
  47. package/lib/components/tabs/tab-list/tab/index.js +3 -0
  48. package/lib/components/tabs/tab-panels/TabPanels.d.ts +8 -0
  49. package/lib/components/tabs/tab-panels/TabPanels.js +17 -0
  50. package/lib/components/tabs/tab-panels/TabPanelsProps.d.ts +9 -0
  51. package/lib/components/tabs/tab-panels/TabPanelsProps.js +2 -0
  52. package/lib/components/tabs/tab-panels/TabPanelsPropsDefaults.js +37 -0
  53. package/lib/components/tabs/tab-panels/index.d.ts +2 -0
  54. package/lib/components/tabs/tab-panels/index.js +3 -0
  55. package/lib/components/tabs/tab-panels/tab-panel/TabPanel.d.ts +8 -0
  56. package/lib/components/tabs/tab-panels/tab-panel/TabPanel.js +17 -0
  57. package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.d.ts +9 -0
  58. package/lib/components/tabs/tab-panels/tab-panel/TabPanelProps.js +2 -0
  59. package/lib/components/tabs/tab-panels/tab-panel/TabPanelPropsDefaults.js +30 -0
  60. package/lib/components/tabs/tab-panels/tab-panel/index.d.ts +2 -0
  61. package/lib/components/tabs/tab-panels/tab-panel/index.js +3 -0
  62. package/lib/version.d.ts +1 -1
  63. package/lib/version.js +1 -1
  64. package/package.json +1 -1
  65. package/lib/components/columns/item/ColumnsItem.native.js +0 -32
  66. package/lib/components/columns/item/ColumnsItemProps.js +0 -2
  67. package/lib/components/columns/item/index.d.ts +0 -2
  68. package/lib/components/columns/item/index.js +0 -3
  69. package/lib/components/rows/item/RowItem.js +0 -21
  70. package/lib/components/rows/item/RowItem.native.js +0 -22
  71. package/lib/components/rows/item/RowItemProps.js +0 -2
  72. package/lib/components/rows/item/index.d.ts +0 -2
  73. package/lib/components/rows/item/index.js +0 -3
  74. package/lib/components/tabs/Tabs.native.d.ts +0 -18
  75. package/lib/components/tabs/Tabs.native.js +0 -70
  76. package/lib/components/tabs/item/TabsItem.js +0 -65
  77. package/lib/components/tabs/item/TabsItem.native.d.ts +0 -16
  78. package/lib/components/tabs/item/TabsItem.native.js +0 -78
  79. package/lib/components/tabs/item/TabsItemProps.d.ts +0 -16
  80. package/lib/components/tabs/item/TabsItemProps.js +0 -2
  81. package/lib/components/tabs/item/index.d.ts +0 -2
  82. package/lib/components/tabs/item/index.js +0 -3
  83. /package/lib/components/columns/{item/ColumnsItemPropsDefaults.js → column/ColumnPropsDefaults.js} +0 -0
  84. /package/lib/components/rows/{item/RowsItemPropsDefaults.js → row/RowPropsDefaults.js} +0 -0
@@ -0,0 +1,37 @@
1
+ export default {
2
+ "children": {
3
+ "type": "react",
4
+ "values": [
5
+ "undefined",
6
+ "null",
7
+ "string",
8
+ "number",
9
+ "false",
10
+ "true",
11
+ "JSXElementConstructor<any>>",
12
+ "ReactNode>",
13
+ "ReactPortal"
14
+ ]
15
+ },
16
+ "testId": {
17
+ "type": "string",
18
+ "values": [
19
+ "undefined",
20
+ "string"
21
+ ]
22
+ },
23
+ "id": {
24
+ "type": "string",
25
+ "values": [
26
+ "undefined",
27
+ "string"
28
+ ]
29
+ },
30
+ "className": {
31
+ "type": "string",
32
+ "values": [
33
+ "undefined",
34
+ "string"
35
+ ]
36
+ }
37
+ };
@@ -0,0 +1,2 @@
1
+ import TabPanels from './TabPanels';
2
+ export default TabPanels;
@@ -0,0 +1,3 @@
1
+ import TabPanels from './TabPanels';
2
+ export default TabPanels;
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFNBQVMsTUFBTSxhQUFhLENBQUE7QUFFbkMsZUFBZSxTQUFTLENBQUEifQ==
@@ -0,0 +1,8 @@
1
+ import React from 'react';
2
+ import { TabPanelProps } from './TabPanelProps';
3
+ /**
4
+ * Tab Panel Component
5
+ * @param children {ReactChild} React Child Element
6
+ */
7
+ declare const TabPanel: React.ForwardRefExoticComponent<TabPanelProps & React.RefAttributes<unknown>>;
8
+ export default TabPanel;
@@ -0,0 +1,17 @@
1
+ import { __assign, __rest } from "tslib";
2
+ import React from 'react';
3
+ import { useTrilogyContext } from '../../../../context';
4
+ import { hashClass } from '../../../../helpers';
5
+ import clsx from 'clsx';
6
+ /**
7
+ * Tab Panel Component
8
+ * @param children {ReactChild} React Child Element
9
+ */
10
+ var TabPanel = React.forwardRef(function (props) {
11
+ var children = props.children, className = props.className, testId = props.testId, others = __rest(props, ["children", "className", "testId"]);
12
+ var styled = useTrilogyContext().styled;
13
+ var classes = hashClass(styled, clsx('tab-panel', className));
14
+ return (React.createElement("div", __assign({ "data-testid": testId, className: classes }, others), children));
15
+ });
16
+ export default TabPanel;
17
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWwuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvVGFiUGFuZWwudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUE7QUFFekIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBQzdDLE9BQU8sRUFBRSxTQUFTLEVBQUUsTUFBTSxXQUFXLENBQUE7QUFDckMsT0FBTyxJQUFJLE1BQU0sTUFBTSxDQUFBO0FBRXZCOzs7R0FHRztBQUNILElBQU0sUUFBUSxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFvQjtJQUM3QyxJQUFBLFFBQVEsR0FBbUMsS0FBSyxTQUF4QyxFQUFFLFNBQVMsR0FBd0IsS0FBSyxVQUE3QixFQUFFLE1BQU0sR0FBZ0IsS0FBSyxPQUFyQixFQUFLLE1BQU0sVUFBSyxLQUFLLEVBQWxELG1DQUEwQyxDQUFGLENBQVU7SUFDaEQsSUFBQSxNQUFNLEdBQUssaUJBQWlCLEVBQUUsT0FBeEIsQ0FBd0I7SUFDdEMsSUFBTSxPQUFPLEdBQUcsU0FBUyxDQUFDLE1BQU0sRUFBRSxJQUFJLENBQUMsV0FBVyxFQUFFLFNBQVMsQ0FBQyxDQUFDLENBQUE7SUFFL0QsT0FBTyxDQUNMLHFEQUFrQixNQUFNLEVBQUUsU0FBUyxFQUFFLE9BQU8sSUFBTSxNQUFNLEdBQ3JELFFBQVEsQ0FDTCxDQUNQLENBQUE7QUFDSCxDQUFDLENBQUMsQ0FBQTtBQUVGLGVBQWUsUUFBUSxDQUFBIn0=
@@ -0,0 +1,9 @@
1
+ /// <reference types="react" />
2
+ import { Dev } from '../../../../objects';
3
+ /**
4
+ * Tabs Item Interface
5
+ */
6
+ export interface TabPanelProps extends Dev {
7
+ children: React.ReactNode;
8
+ className?: string;
9
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFiUGFuZWxQcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy90YWItcGFuZWxzL3RhYi1wYW5lbC9UYWJQYW5lbFByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
@@ -0,0 +1,30 @@
1
+ export default {
2
+ "children": {
3
+ "type": "react",
4
+ "values": [
5
+ "undefined",
6
+ "null",
7
+ "string",
8
+ "number",
9
+ "false",
10
+ "true",
11
+ "JSXElementConstructor<any>>",
12
+ "ReactNode>",
13
+ "ReactPortal"
14
+ ]
15
+ },
16
+ "className": {
17
+ "type": "string",
18
+ "values": [
19
+ "undefined",
20
+ "string"
21
+ ]
22
+ },
23
+ "testId": {
24
+ "type": "string",
25
+ "values": [
26
+ "undefined",
27
+ "string"
28
+ ]
29
+ }
30
+ };
@@ -0,0 +1,2 @@
1
+ import TabPanel from './TabPanel';
2
+ export default TabPanel;
@@ -0,0 +1,3 @@
1
+ import TabPanel from './TabPanel';
2
+ export default TabPanel;
3
+ //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvdGFiLXBhbmVscy90YWItcGFuZWwvaW5kZXgudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxRQUFRLE1BQU0sWUFBWSxDQUFBO0FBRWpDLGVBQWUsUUFBUSxDQUFBIn0=
package/lib/version.d.ts CHANGED
@@ -1 +1 @@
1
- export declare const version = "0.0.1-beta-131";
1
+ export declare const version = "0.0.1-beta-133";
package/lib/version.js CHANGED
@@ -1,2 +1,2 @@
1
- export var version = "0.0.1-beta-131";
1
+ export var version = "0.0.1-beta-133";
2
2
  //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoidmVyc2lvbi5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uL3ZlcnNpb24udHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsTUFBTSxDQUFDLElBQU0sT0FBTyxHQUFHLGdCQUFnQixDQUFBIn0=
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@trilogy-ds/react",
3
- "version": "0.0.1-beta-131",
3
+ "version": "0.0.1-beta-133",
4
4
  "author": "Bouygues Telecom",
5
5
  "files": [
6
6
  "lib"
@@ -1,32 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import React, { useContext } from 'react';
3
- import { StyleSheet, View } from 'react-native';
4
- import { ColumnsContext } from '../../../components/columns/Columns.native';
5
- import { ComponentName } from '../../../components/enumsComponentsName';
6
- import { Alignable } from '../../../objects';
7
- /**
8
- * Columns Item Component - Columns Child
9
- * @param size {ColumnsSize} Size 1-12
10
- * @param mobileSize {ColumnsSize} if size is missing.
11
- * @param children {React.ReactNode}
12
- * @param verticalCentered {boolean} Vertical center Column item
13
- */
14
- var ColumnsItem = function (_a) {
15
- var children = _a.children, size = _a.size, mobileSize = _a.mobileSize, verticalAlign = _a.verticalAlign, others = __rest(_a, ["children", "size", "mobileSize", "verticalAlign"]);
16
- var columnsContextValues = useContext(ColumnsContext);
17
- var realSize = size || mobileSize;
18
- var styles = StyleSheet.create({
19
- columnsItem: {
20
- height: columnsContextValues.scrollable ? '100%' : undefined,
21
- flex: !realSize ? 1 : realSize,
22
- justifyContent: verticalAlign === Alignable.ALIGNED_CENTER ? 'center' : 'flex-start',
23
- flexBasis: "".concat((realSize ? realSize / 12 : 12) * 100, "%"),
24
- flexGrow: 0,
25
- maxWidth: "".concat(((realSize ? realSize : 12) / 12) * 100, "%"),
26
- },
27
- });
28
- return (React.createElement(View, __assign({ style: styles.columnsItem }, others), children));
29
- };
30
- ColumnsItem.displayName = ComponentName.ColumnsItem;
31
- export default ColumnsItem;
32
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9jb2x1bW5zL2l0ZW0vQ29sdW1uc0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxVQUFVLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFDekMsT0FBTyxFQUFFLFVBQVUsRUFBRSxJQUFJLEVBQUUsTUFBTSxjQUFjLENBQUE7QUFFL0MsT0FBTyxFQUFFLGNBQWMsRUFBRSxNQUFNLHFDQUFxQyxDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsU0FBUyxFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRXJDOzs7Ozs7R0FNRztBQUNILElBQU0sV0FBVyxHQUFHLFVBQUMsRUFBMEU7SUFBeEUsSUFBQSxRQUFRLGNBQUEsRUFBRSxJQUFJLFVBQUEsRUFBRSxVQUFVLGdCQUFBLEVBQUUsYUFBYSxtQkFBQSxFQUFLLE1BQU0sY0FBdEQsbURBQXdELENBQUY7SUFDekUsSUFBTSxvQkFBb0IsR0FBRyxVQUFVLENBQUMsY0FBYyxDQUFDLENBQUE7SUFFdkQsSUFBTSxRQUFRLEdBQUcsSUFBSSxJQUFJLFVBQVUsQ0FBQTtJQUVuQyxJQUFNLE1BQU0sR0FBRyxVQUFVLENBQUMsTUFBTSxDQUFDO1FBQy9CLFdBQVcsRUFBRTtZQUNYLE1BQU0sRUFBRSxvQkFBb0IsQ0FBQyxVQUFVLENBQUMsQ0FBQyxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsU0FBUztZQUM1RCxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUFDLENBQUMsUUFBUTtZQUM5QixjQUFjLEVBQUUsYUFBYSxLQUFLLFNBQVMsQ0FBQyxjQUFjLENBQUMsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsWUFBWTtZQUNwRixTQUFTLEVBQUUsVUFBRyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxHQUFHLEVBQUUsQ0FBQyxDQUFDLENBQUMsRUFBRSxDQUFDLEdBQUcsR0FBRyxNQUFHO1lBQ3RELFFBQVEsRUFBRSxDQUFDO1lBQ1gsUUFBUSxFQUFFLFVBQUcsQ0FBQyxDQUFDLFFBQVEsQ0FBQyxDQUFDLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxFQUFFLENBQUMsR0FBRyxFQUFFLENBQUMsR0FBRyxHQUFHLE1BQUc7U0FDeEQ7S0FDRixDQUFDLENBQUE7SUFFRixPQUFPLENBQ0wsb0JBQUMsSUFBSSxhQUFDLEtBQUssRUFBRSxNQUFNLENBQUMsV0FBVyxJQUFNLE1BQU0sR0FDeEMsUUFBUSxDQUNKLENBQ1IsQ0FBQTtBQUNILENBQUMsQ0FBQTtBQUVELFdBQVcsQ0FBQyxXQUFXLEdBQUcsYUFBYSxDQUFDLFdBQVcsQ0FBQTtBQUVuRCxlQUFlLFdBQVcsQ0FBQSJ9
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQ29sdW1uc0l0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvY29sdW1ucy9pdGVtL0NvbHVtbnNJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
@@ -1,2 +0,0 @@
1
- import ColumnsItem from './ColumnsItem';
2
- export default ColumnsItem;
@@ -1,3 +0,0 @@
1
- import ColumnsItem from './ColumnsItem';
2
- export default ColumnsItem;
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL2NvbHVtbnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLFdBQVcsTUFBTSxlQUFlLENBQUE7QUFFdkMsZUFBZSxXQUFXLENBQUEifQ==
@@ -1,21 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import * as React from 'react';
3
- import { is } from '../../../services/classify';
4
- import { hashClass } from '../../../helpers';
5
- import clsx from 'clsx';
6
- import { useTrilogyContext } from '../../../context';
7
- /**
8
- * Rows Item Component
9
- * @param narrow {boolean} Align same elements horizontaly
10
- * @param children {React.ReactNode}
11
- * - -------------------------- WEB PROPERTIES -------------------
12
- * @param className {string} additionnal CSS Classes
13
- */
14
- var RowItem = React.forwardRef(function (props, ref) {
15
- var className = props.className, id = props.id, narrow = props.narrow, others = __rest(props, ["className", "id", "narrow"]);
16
- var styled = useTrilogyContext().styled;
17
- var classes = hashClass(styled, clsx('row', narrow && is('narrow'), className));
18
- return React.createElement("div", __assign({ id: id, ref: ref, className: classes }, others));
19
- });
20
- export default RowItem;
21
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvcm93cy9pdGVtL1Jvd0l0ZW0udHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssS0FBSyxNQUFNLE9BQU8sQ0FBQTtBQUU5QixPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0scUJBQXFCLENBQUE7QUFDeEMsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUNyQyxPQUFPLElBQUksTUFBTSxNQUFNLENBQUE7QUFDdkIsT0FBTyxFQUFFLGlCQUFpQixFQUFFLE1BQU0sV0FBVyxDQUFBO0FBRTdDOzs7Ozs7R0FNRztBQUNILElBQU0sT0FBTyxHQUFHLEtBQUssQ0FBQyxVQUFVLENBQUMsVUFBQyxLQUFvQixFQUFFLEdBQW9DO0lBQ2xGLElBQUEsU0FBUyxHQUE0QixLQUFLLFVBQWpDLEVBQUUsRUFBRSxHQUF3QixLQUFLLEdBQTdCLEVBQUUsTUFBTSxHQUFnQixLQUFLLE9BQXJCLEVBQUssTUFBTSxVQUFLLEtBQUssRUFBNUMsNkJBQW9DLENBQUYsQ0FBVTtJQUUxQyxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJQUN0QyxJQUFNLE9BQU8sR0FBRyxTQUFTLENBQUMsTUFBTSxFQUFFLElBQUksQ0FBQyxLQUFLLEVBQUUsTUFBTSxJQUFJLEVBQUUsQ0FBQyxRQUFRLENBQUMsRUFBRSxTQUFTLENBQUMsQ0FBQyxDQUFBO0lBQ2pGLE9BQU8sc0NBQUssRUFBRSxFQUFFLEVBQUUsRUFBRSxHQUFHLEVBQUUsR0FBRyxFQUFFLFNBQVMsRUFBRSxPQUFPLElBQU0sTUFBTSxFQUFJLENBQUE7QUFDbEUsQ0FBQyxDQUFDLENBQUE7QUFFRixlQUFlLE9BQU8sQ0FBQSJ9
@@ -1,22 +0,0 @@
1
- import { __assign, __rest } from "tslib";
2
- import * as React from 'react';
3
- import { StyleSheet, View } from 'react-native';
4
- import { ComponentName } from '../../../components/enumsComponentsName';
5
- /**
6
- * Rows Item Component
7
- * @param narrow {boolean} Align same elements horizontaly
8
- * @param children {React.ReactNode}
9
- */
10
- var RowItem = function (_a) {
11
- var children = _a.children, narrow = _a.narrow, others = __rest(_a, ["children", "narrow"]);
12
- var styles = StyleSheet.create({
13
- rowItem: {
14
- flexGrow: (narrow && 0) || 1,
15
- flexShrink: 1,
16
- },
17
- });
18
- return (React.createElement(View, __assign({ style: styles.rowItem }, others), children));
19
- };
20
- RowItem.displayName = ComponentName.RowsItem;
21
- export default RowItem;
22
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbS5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9Sb3dJdGVtLm5hdGl2ZS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sS0FBSyxLQUFLLE1BQU0sT0FBTyxDQUFBO0FBQzlCLE9BQU8sRUFBRSxVQUFVLEVBQUUsSUFBSSxFQUFFLE1BQU0sY0FBYyxDQUFBO0FBRS9DLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUVoRTs7OztHQUlHO0FBQ0gsSUFBTSxPQUFPLEdBQUcsVUFBQyxFQUE4QztJQUE1QyxJQUFBLFFBQVEsY0FBQSxFQUFFLE1BQU0sWUFBQSxFQUFLLE1BQU0sY0FBN0Isc0JBQStCLENBQUY7SUFDNUMsSUFBTSxNQUFNLEdBQUcsVUFBVSxDQUFDLE1BQU0sQ0FBQztRQUMvQixPQUFPLEVBQUU7WUFDUCxRQUFRLEVBQUUsQ0FBQyxNQUFNLElBQUksQ0FBQyxDQUFDLElBQUksQ0FBQztZQUM1QixVQUFVLEVBQUUsQ0FBQztTQUNkO0tBQ0YsQ0FBQyxDQUFBO0lBRUYsT0FBTyxDQUNMLG9CQUFDLElBQUksYUFBQyxLQUFLLEVBQUUsTUFBTSxDQUFDLE9BQU8sSUFBTSxNQUFNLEdBQ3BDLFFBQVEsQ0FDSixDQUNSLENBQUE7QUFDSCxDQUFDLENBQUE7QUFFRCxPQUFPLENBQUMsV0FBVyxHQUFHLGFBQWEsQ0FBQyxRQUFRLENBQUE7QUFFNUMsZUFBZSxPQUFPLENBQUEifQ==
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiUm93SXRlbVByb3BzLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy9yb3dzL2l0ZW0vUm93SXRlbVByb3BzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiIifQ==
@@ -1,2 +0,0 @@
1
- import RowItem from './RowItem';
2
- export default RowItem;
@@ -1,3 +0,0 @@
1
- import RowItem from './RowItem';
2
- export default RowItem;
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3Jvd3MvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxXQUFXLENBQUE7QUFFL0IsZUFBZSxPQUFPLENBQUEifQ==
@@ -1,18 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabsProps } from './TabsProps';
3
- import { ComponentName } from '../../components/enumsComponentsName';
4
- /**
5
- * Tabs Component
6
- * @param children {ReactNode} Children for tabs
7
- * @param onClick onClick event
8
- * @param activeIndex {number} default active tab index
9
- * @param disabled {boolean} Disabled tabs
10
- * @param inverted {boolean} dark mode
11
- * @param shadowless {boolean} No shadow
12
- * @param centered {boolean} Centered tabs
13
- */
14
- declare const Tabs: {
15
- ({ children, onClick, activeIndex, inverted, ...others }: TabsProps): JSX.Element;
16
- displayName: ComponentName;
17
- };
18
- export default Tabs;
@@ -1,70 +0,0 @@
1
- import { __assign, __read, __rest } from "tslib";
2
- import React, { useState } from 'react';
3
- import { ScrollView, StyleSheet } from 'react-native';
4
- import { Text, TextLevels } from '../../components/text';
5
- import TabsItem from './item';
6
- import { getColorStyle, TrilogyColor } from '../../objects';
7
- import { ComponentName } from '../../components/enumsComponentsName';
8
- /**
9
- * Tabs Component
10
- * @param children {ReactNode} Children for tabs
11
- * @param onClick onClick event
12
- * @param activeIndex {number} default active tab index
13
- * @param disabled {boolean} Disabled tabs
14
- * @param inverted {boolean} dark mode
15
- * @param shadowless {boolean} No shadow
16
- * @param centered {boolean} Centered tabs
17
- */
18
- var Tabs = function (_a) {
19
- var children = _a.children, onClick = _a.onClick, activeIndex = _a.activeIndex, inverted = _a.inverted, others = __rest(_a, ["children", "onClick", "activeIndex", "inverted"]);
20
- var _b = __read(useState(activeIndex), 2), activateIndex = _b[0], setActivateIndex = _b[1];
21
- var _c = __read(React.useState(false), 2), isIcons = _c[0], setIsIcons = _c[1];
22
- var isActive = function (index, childPropsActive) {
23
- if (typeof childPropsActive !== 'undefined' && !activateIndex) {
24
- return childPropsActive;
25
- }
26
- if (index === activateIndex) {
27
- return true;
28
- }
29
- };
30
- var toggleActive = function (e, index) {
31
- setActivateIndex(index);
32
- if (onClick) {
33
- onClick(e);
34
- }
35
- };
36
- var styles = StyleSheet.create({
37
- tabs: {
38
- height: isIcons ? 64 : 48,
39
- flexDirection: 'row',
40
- backgroundColor: inverted ? getColorStyle(TrilogyColor.MAIN) : getColorStyle(TrilogyColor.BACKGROUND),
41
- },
42
- });
43
- return (React.createElement(ScrollView, __assign({ horizontal: true, showsHorizontalScrollIndicator: false, style: styles.tabs }, others), children &&
44
- Array.isArray(children) &&
45
- // eslint-disable-next-line @typescript-eslint/no-explicit-any
46
- children.map(function (child, index) {
47
- var _a;
48
- if (!isIcons && child.props.iconName)
49
- setIsIcons(true);
50
- var props = {
51
- active: (_a = child.props.active) !== null && _a !== void 0 ? _a : (Boolean(isActive(index, child.props.active)) || false),
52
- key: index,
53
- tabIndex: index,
54
- inverted: inverted,
55
- onClick: function (event) {
56
- toggleActive(event, index);
57
- if (child) {
58
- if (child.props.onClick) {
59
- child.props.onClick(event);
60
- }
61
- }
62
- },
63
- };
64
- return typeof child.valueOf() === 'string' ? (React.createElement(TabsItem, { active: props.active, onClick: function (e) { return onClick === null || onClick === void 0 ? void 0 : onClick(e); } },
65
- React.createElement(Text, { level: TextLevels.THREE }, String(child)))) : (React.cloneElement(child, props));
66
- })));
67
- };
68
- Tabs.displayName = ComponentName.Tabs;
69
- export default Tabs;
70
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFicy5uYXRpdmUuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvVGFicy5uYXRpdmUudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiI7QUFBQSxPQUFPLEtBQUssRUFBRSxFQUFFLFFBQVEsRUFBRSxNQUFNLE9BQU8sQ0FBQTtBQUN2QyxPQUFPLEVBQUUsVUFBVSxFQUFFLFVBQVUsRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUVyRCxPQUFPLEVBQUUsSUFBSSxFQUFFLFVBQVUsRUFBRSxNQUFNLG1CQUFtQixDQUFBO0FBQ3BELE9BQU8sUUFBUSxNQUFNLFFBQVEsQ0FBQTtBQUM3QixPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLFdBQVcsQ0FBQTtBQUN2RCxPQUFPLEVBQUUsYUFBYSxFQUFFLE1BQU0sa0NBQWtDLENBQUE7QUFFaEU7Ozs7Ozs7OztHQVNHO0FBQ0gsSUFBTSxJQUFJLEdBQUcsVUFBQyxFQUFrRTtJQUFoRSxJQUFBLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFdBQVcsaUJBQUEsRUFBRSxRQUFRLGNBQUEsRUFBSyxNQUFNLGNBQXJELGtEQUF1RCxDQUFGO0lBQzNELElBQUEsS0FBQSxPQUFvQyxRQUFRLENBQUMsV0FBVyxDQUFDLElBQUEsRUFBeEQsYUFBYSxRQUFBLEVBQUUsZ0JBQWdCLFFBQXlCLENBQUE7SUFDekQsSUFBQSxLQUFBLE9BQXdCLEtBQUssQ0FBQyxRQUFRLENBQUMsS0FBSyxDQUFDLElBQUEsRUFBNUMsT0FBTyxRQUFBLEVBQUUsVUFBVSxRQUF5QixDQUFBO0lBRW5ELElBQU0sUUFBUSxHQUFHLFVBQUMsS0FBYSxFQUFFLGdCQUFpQztRQUNoRSxJQUFJLE9BQU8sZ0JBQWdCLEtBQUssV0FBVyxJQUFJLENBQUMsYUFBYSxFQUFFO1lBQzdELE9BQU8sZ0JBQWdCLENBQUE7U0FDeEI7UUFDRCxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7WUFDM0IsT0FB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
@@ -1,65 +0,0 @@
1
- import { __assign, __read, __rest } from "tslib";
2
- import clsx from 'clsx';
3
- import React, { useEffect, useState } from 'react';
4
- import { hashClass } from '../../../helpers/hashClassesHelpers';
5
- import { useTrilogyContext } from '../../../context/index';
6
- import { Icon } from '../../../components/icon';
7
- /**
8
- * Tabs Item Component
9
- * @param active {boolean} active tab item
10
- * @param children {ReactChild} React Child Element
11
- * @param onClick onClick Event
12
- * @param iconName {IconNameValues | IconName} add icon name
13
- * @param disabled {boolean} disable tab item
14
- * - -------------------------- WEB PROPERTIES -------------------------------
15
- * @param className {string} Additionnal CSS Classes
16
- * @param testId {string} Test Id for Test Integration
17
- * @param to {string} Link
18
- * @param href {string} <a />
19
- * @param routerLink Custom Router Link as props
20
- */
21
- var TabsItem = React.forwardRef(function (props, ref) {
22
- var active = props.active, children = props.children, className = props.className, onClick = props.onClick, to = props.to, href = props.href, routerLink = props.routerLink, iconName = props.iconName, disabled = props.disabled, testId = props.testId, others = __rest(props, ["active", "children", "className", "onClick", "to", "href", "routerLink", "iconName", "disabled", "testId"]);
23
- var _a = __read(useState(active || false), 2), activeItem = _a[0], setActiveItem = _a[1];
24
- var styled = useTrilogyContext().styled;
25
- // accessibility
26
- var a11y = {
27
- a: {
28
- 'aria-selected': activeItem,
29
- 'data-tab-navigation': '',
30
- },
31
- };
32
- useEffect(function () {
33
- setActiveItem(active || false);
34
- }, [active]);
35
- var classes = hashClass(styled, clsx('tab', className, { 'is-active': activeItem }));
36
- if (routerLink && (to || href)) {
37
- var RouterLink = (routerLink ? routerLink : 'a');
38
- return (React.createElement(RouterLink, __assign({ ref: ref, "data-testid": testId, tabIndex: 0 }, a11y.a, { to: to, href: href, className: classes }, others, { onClick: function (e) {
39
- if (!disabled) {
40
- var target = e.target;
41
- setActiveItem(active || false);
42
- target.active = active;
43
- if (onClick) {
44
- onClick(e);
45
- }
46
- }
47
- } }),
48
- React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
49
- children));
50
- }
51
- return (React.createElement("button", __assign({ ref: ref, "aria-disabled": disabled, disabled: disabled, className: classes, role: 'tab', "data-testid": testId }, a11y.a, others, { onClick: function (e) {
52
- if (!disabled) {
53
- var target = e.target;
54
- setActiveItem(active || false);
55
- target.active = active;
56
- if (onClick) {
57
- onClick(e);
58
- }
59
- }
60
- } }),
61
- React.createElement("div", { className: 'tab-icon' }, iconName && React.createElement(Icon, { align: 'ALIGNED_CENTER', size: 'small', name: iconName })),
62
- children));
63
- });
64
- export default TabsItem;
65
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0uanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9UYWJzSXRlbS50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IjtBQUFBLE9BQU8sSUFBSSxNQUFNLE1BQU0sQ0FBQTtBQUN2QixPQUFPLEtBQUssRUFBRSxFQUFFLFNBQVMsRUFBRSxRQUFRLEVBQUUsTUFBTSxPQUFPLENBQUE7QUFFbEQsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLDhCQUE4QixDQUFBO0FBQ3hELE9BQU8sRUFBRSxpQkFBaUIsRUFBRSxNQUFNLGlCQUFpQixDQUFBO0FBQ25ELE9BQU8sRUFBRSxJQUFJLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUV4Qzs7Ozs7Ozs7Ozs7OztHQWFHO0FBQ0gsSUFBTSxRQUFRLEdBQUcsS0FBSyxDQUFDLFVBQVUsQ0FBQyxVQUFDLEtBQW9CLEVBQUUsR0FBeUI7SUFDeEUsSUFBQSxNQUFNLEdBQWdHLEtBQUssT0FBckcsRUFBRSxRQUFRLEdBQXNGLEtBQUssU0FBM0YsRUFBRSxTQUFTLEdBQTJFLEtBQUssVUFBaEYsRUFBRSxPQUFPLEdBQWtFLEtBQUssUUFBdkUsRUFBRSxFQUFFLEdBQThELEtBQUssR0FBbkUsRUFBRSxJQUFJLEdBQXdELEtBQUssS0FBN0QsRUFBRSxVQUFVLEdBQTRDLEtBQUssV0FBakQsRUFBRSxRQUFRLEdBQWtDLEtBQUssU0FBdkMsRUFBRSxRQUFRLEdBQXdCLEtBQUssU0FBN0IsRUFBRSxNQUFNLEdBQWdCLEtBQUssT0FBckIsRUFBSyxNQUFNLFVBQUssS0FBSyxFQUE3Ryw0R0FBcUcsQ0FBRixDQUFVO0lBRTdHLElBQUEsS0FBQSxPQUE4QixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQS9ELFVBQVUsUUFBQSxFQUFFLGFBQWEsUUFBc0MsQ0FBQTtJQUM5RCxJQUFBLE1BQU0sR0FBSyxpQkFBaUIsRUFBRSxPQUF4QixDQUF3QjtJ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
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import { TabsItemProps } from './TabsItemProps';
3
- import { ComponentName } from '../../../components/enumsComponentsName';
4
- /**
5
- * Tabs Item Component
6
- * @param active {boolean} active tab item
7
- * @param children {ReactChild} React Child Element
8
- * @param onClick onClick Event
9
- * @param iconName {IconNameValues | IconName} add icon name
10
- * @param disabled {boolean} disable tab item
11
- */
12
- declare const TabsItem: {
13
- ({ active, children, onClick, iconName, disabled, ...others }: TabsItemProps): JSX.Element;
14
- displayName: ComponentName;
15
- };
16
- export default TabsItem;
@@ -1,78 +0,0 @@
1
- import { __assign, __read, __rest } from "tslib";
2
- import React, { useEffect, useState } from 'react';
3
- import { Animated, StyleSheet, TouchableOpacity, View } from 'react-native';
4
- import { getColorStyle, TrilogyColor } from '../../../objects/facets/Color';
5
- import { ComponentName } from '../../../components/enumsComponentsName';
6
- import { Icon } from '../../../components/icon';
7
- import { Text, TextLevels } from '../../../components/text';
8
- /**
9
- * Tabs Item Component
10
- * @param active {boolean} active tab item
11
- * @param children {ReactChild} React Child Element
12
- * @param onClick onClick Event
13
- * @param iconName {IconNameValues | IconName} add icon name
14
- * @param disabled {boolean} disable tab item
15
- */
16
- var TabsItem = function (_a) {
17
- var active = _a.active, children = _a.children, onClick = _a.onClick, iconName = _a.iconName, disabled = _a.disabled, others = __rest(_a, ["active", "children", "onClick", "iconName", "disabled"]);
18
- // eslint-disable-next-line @typescript-eslint/no-unused-vars
19
- var _b = __read(useState(active || false), 2), setActiveItem = _b[1];
20
- var _c = __read(useState(false), 2), setInPressIn = _c[1];
21
- var animatedBorderStyle = {
22
- borderBottomWidth: (active && 2) || 0,
23
- };
24
- var getIconColor = React.useMemo(function () {
25
- if (disabled)
26
- return TrilogyColor.DISABLED;
27
- if (active)
28
- return TrilogyColor.MAIN;
29
- return TrilogyColor.MAIN;
30
- }, [disabled, active]);
31
- var getBorderColor = React.useMemo(function () {
32
- if (disabled)
33
- return 'transparent';
34
- if (active)
35
- return getColorStyle(TrilogyColor.MAIN);
36
- return 'transparent';
37
- }, [disabled, active]);
38
- var styles = StyleSheet.create({
39
- tabsItem: {
40
- alignItems: 'center',
41
- justifyContent: 'center',
42
- paddingVertical: 6,
43
- paddingHorizontal: 14,
44
- position: 'relative',
45
- height: iconName ? 60 : 44,
46
- },
47
- text: {
48
- color: getColorStyle(getIconColor),
49
- textAlign: 'center',
50
- },
51
- border: {
52
- position: 'absolute',
53
- bottom: 0,
54
- left: 0,
55
- right: 0,
56
- borderBottomColor: getBorderColor,
57
- },
58
- });
59
- useEffect(function () {
60
- setActiveItem(active || false);
61
- }, [active]);
62
- return (React.createElement(TouchableOpacity, __assign({ activeOpacity: 1, onPressIn: function () { return setInPressIn(true); }, onPressOut: function () { return setInPressIn(false); }, style: [styles.tabsItem], onPress: function (e) {
63
- if (!disabled) {
64
- setActiveItem(active || false);
65
- if (onClick) {
66
- onClick(e);
67
- }
68
- }
69
- } }, others),
70
- iconName && (React.createElement(View, null,
71
- React.createElement(Icon, { color: getIconColor, size: 'small', name: iconName }))),
72
- children &&
73
- (typeof children.valueOf() === 'string' ? (React.createElement(Text, { style: styles.text, level: TextLevels.TWO }, String(children))) : (children)),
74
- React.createElement(Animated.View, { style: [styles.border, animatedBorderStyle] })));
75
- };
76
- TabsItem.displayName = ComponentName.TabsItem;
77
- export default TabsItem;
78
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW0ubmF0aXZlLmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vLi4vY29tcG9uZW50cy90YWJzL2l0ZW0vVGFic0l0ZW0ubmF0aXZlLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiO0FBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxTQUFTLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFBO0FBQ2xELE9BQU8sRUFBRSxRQUFRLEVBQUUsVUFBVSxFQUFFLGdCQUFnQixFQUFFLElBQUksRUFBRSxNQUFNLGNBQWMsQ0FBQTtBQUUzRSxPQUFPLEVBQUUsYUFBYSxFQUFFLFlBQVksRUFBRSxNQUFNLHdCQUF3QixDQUFBO0FBQ3BFLE9BQU8sRUFBRSxhQUFhLEVBQUUsTUFBTSxrQ0FBa0MsQ0FBQTtBQUNoRSxPQUFPLEVBQUUsSUFBSSxFQUFFLE1BQU0sbUJBQW1CLENBQUE7QUFDeEMsT0FBTyxFQUFFLElBQUksRUFBRSxVQUFVLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQTtBQUVwRDs7Ozs7OztHQU9HO0FBQ0gsSUFBTSxRQUFRLEdBQUcsVUFBQyxFQUEyRTtJQUF6RSxJQUFBLE1BQU0sWUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLE9BQU8sYUFBQSxFQUFFLFFBQVEsY0FBQSxFQUFFLFFBQVEsY0FBQSxFQUFLLE1BQU0sY0FBMUQseURBQTRELENBQUY7SUFDMUUsNkRBQTZEO0lBQ3ZELElBQUEsS0FBQSxPQUFvQixRQUFRLENBQVUsTUFBTSxJQUFJLEtBQUssQ0FBQyxJQUFBLEVBQW5ELGFBQWEsUUFBc0MsQ0FBQTtJQUN0RCxJQUFBLEtBQUEsT0FBbUIsUUFBUSxDQUFVLEtBQUssQ0FBQyxJQUFBLEVBQXhDLFlBQVksUUFBNEIsQ0FBQTtJQUVqRCxJQUFNLG1CQUFtQixHQUFHO1FBQzFCLGlCQUFpQixFQUFFLENBQUMsTUFBTSxJQUFJLENBQUMsQ0FBQyxJQUFJLENBQUM7S0FDdEMsQ0FBQTtJQUVELElBQU0sWUFBWSxHQUFHLEtB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
@@ -1,16 +0,0 @@
1
- /// <reference types="react" />
2
- import { IconName, IconNameValues } from '../../../components/icon';
3
- import { Accessibility, Clickable, Dev } from '../../../objects';
4
- import { CommonProps } from '../../../objects/facets/CommonProps';
5
- /**
6
- * Tabs Item Interface
7
- */
8
- export interface TabsItemProps extends Clickable, Accessibility, Dev, CommonProps {
9
- children: React.ReactNode;
10
- active?: boolean;
11
- to?: string;
12
- href?: string;
13
- routerLink?: React.ElementType;
14
- iconName?: IconNameValues | IconName;
15
- disabled?: boolean;
16
- }
@@ -1,2 +0,0 @@
1
- export {};
2
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGFic0l0ZW1Qcm9wcy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uL2NvbXBvbmVudHMvdGFicy9pdGVtL1RhYnNJdGVtUHJvcHMudHMiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IiJ9
@@ -1,2 +0,0 @@
1
- import TabItem from './TabsItem';
2
- export default TabItem;
@@ -1,3 +0,0 @@
1
- import TabItem from './TabsItem';
2
- export default TabItem;
3
- //# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiaW5kZXguanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9jb21wb25lbnRzL3RhYnMvaXRlbS9pbmRleC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLE9BQU8sTUFBTSxZQUFZLENBQUE7QUFFaEMsZUFBZSxPQUFPLENBQUEifQ==