hds-web 1.0.4 → 1.0.5
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.
- package/dist/index.es.js +4 -4
- package/dist/index.js +3 -3
- package/package.json +1 -1
- package/src/HDS/components/Tables/tableB.js +14 -15
package/package.json
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { useState } from 'react';
|
|
3
|
-
import { v4 as uuidv4 } from 'uuid';
|
|
4
3
|
import { Typography } from '../../foundation/Typography'
|
|
5
4
|
import { Icon } from '../common-components/Icon'
|
|
6
5
|
import { Tab } from '../Tabs'
|
|
@@ -25,7 +24,7 @@ export default function TableB(props) {
|
|
|
25
24
|
TABLE_HEADER,
|
|
26
25
|
children
|
|
27
26
|
} = props;
|
|
28
|
-
const [activeTab, setActiveTab] = useState(
|
|
27
|
+
const [activeTab, setActiveTab] = useState(2);
|
|
29
28
|
return (
|
|
30
29
|
<div className=" max-w-7xl">
|
|
31
30
|
<div className="sm:flex sm:items-center flex justify-around ">
|
|
@@ -55,7 +54,7 @@ export default function TableB(props) {
|
|
|
55
54
|
</div>
|
|
56
55
|
</div>
|
|
57
56
|
|
|
58
|
-
|
|
57
|
+
<div className=''>
|
|
59
58
|
<div className="-mx-4 mt-8 sm:-mx-0 bg-neutral-0 rounded-3xl ">
|
|
60
59
|
<table className="min-w-full shadow rounded-3xl ">
|
|
61
60
|
<thead>
|
|
@@ -109,12 +108,12 @@ export default function TableB(props) {
|
|
|
109
108
|
</tr>
|
|
110
109
|
</thead>
|
|
111
110
|
<tbody className="divide-y divide-neutral-200 rounded-b-3xl">
|
|
112
|
-
{TABLE_VALUE.map((value) => (
|
|
113
|
-
<tr className='divide-x divide-neutral-200' key={
|
|
114
|
-
{Object.keys(value).map((key) => (
|
|
115
|
-
<React.Fragment key={
|
|
111
|
+
{TABLE_VALUE.map((value, index) => (
|
|
112
|
+
<tr className='divide-x divide-neutral-200' key={index}>
|
|
113
|
+
{Object.keys(value).map((key, index) => (
|
|
114
|
+
<React.Fragment key={index}>
|
|
116
115
|
{key === 'rowTitle' && (<td
|
|
117
|
-
key={
|
|
116
|
+
key={key}
|
|
118
117
|
className="px-8 py-7 w-[22.5rem] whitespace-pre-line "
|
|
119
118
|
>
|
|
120
119
|
<Typography className='max-w-[22rem] text-neutral-700' textStyle='body1c'>{value[key]}</Typography>
|
|
@@ -123,7 +122,7 @@ export default function TableB(props) {
|
|
|
123
122
|
|
|
124
123
|
{key !== 'rowTitle' && (
|
|
125
124
|
<td
|
|
126
|
-
key={
|
|
125
|
+
key={key}
|
|
127
126
|
className="px-8 py-7 text-center"
|
|
128
127
|
>
|
|
129
128
|
{value[key]['text'] && (
|
|
@@ -145,7 +144,7 @@ export default function TableB(props) {
|
|
|
145
144
|
</tbody>
|
|
146
145
|
</table>
|
|
147
146
|
</div>
|
|
148
|
-
</div>
|
|
147
|
+
</div>
|
|
149
148
|
|
|
150
149
|
<div className='hidden md:block' >
|
|
151
150
|
<div className="-mx-4 mt-8 sm:-mx-0 bg-neutral-0 rounded-3xl ">
|
|
@@ -203,12 +202,12 @@ export default function TableB(props) {
|
|
|
203
202
|
</tr>
|
|
204
203
|
</thead>
|
|
205
204
|
<tbody className="divide-y divide-neutral-200 rounded-b-3xl">
|
|
206
|
-
{TABLE_VALUE.map((value) => (
|
|
207
|
-
<tr className='divide-x divide-neutral-200' key={
|
|
205
|
+
{TABLE_VALUE.map((value, index) => (
|
|
206
|
+
<tr className='divide-x divide-neutral-200' key={index}>
|
|
208
207
|
{Object.keys(value).map((key) => (
|
|
209
|
-
<React.Fragment key={
|
|
208
|
+
<React.Fragment key={key}>
|
|
210
209
|
{key === 'rowTitle' && (<td
|
|
211
|
-
key={
|
|
210
|
+
key={key}
|
|
212
211
|
className="px-8 py-7 w-[22.5rem] whitespace-pre-line "
|
|
213
212
|
>
|
|
214
213
|
<Typography className='max-w-[22rem] text-neutral-700' textStyle='body1c'>{value[key]}</Typography>
|
|
@@ -217,7 +216,7 @@ export default function TableB(props) {
|
|
|
217
216
|
|
|
218
217
|
{key !== 'rowTitle' && (
|
|
219
218
|
<td
|
|
220
|
-
key={
|
|
219
|
+
key={key}
|
|
221
220
|
className="px-8 py-7 text-center"
|
|
222
221
|
>
|
|
223
222
|
{value[key]['text'] && (
|