odaptos_design_system 2.0.153 → 2.0.155
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/odaptos_design_system.cjs.development.js +7 -1
- package/dist/odaptos_design_system.cjs.development.js.map +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js +1 -1
- package/dist/odaptos_design_system.cjs.production.min.js.map +1 -1
- package/dist/odaptos_design_system.esm.js +7 -1
- package/dist/odaptos_design_system.esm.js.map +1 -1
- package/package.json +1 -1
- package/src/Molecules/Tabs/TabsUnderLine.tsx +7 -1
|
@@ -16228,19 +16228,22 @@ const TabsUnderline = ({
|
|
|
16228
16228
|
className,
|
|
16229
16229
|
isArrowIconDisplay = false
|
|
16230
16230
|
}) => {
|
|
16231
|
-
const [internalValue, setInternalValue] = React.useState(value !== undefined ? value : defaultValue ?? 0);
|
|
16231
|
+
const [internalValue, setInternalValue] = React.useState(value !== undefined ? value : defaultValue ?? tabs[0].value);
|
|
16232
16232
|
React.useEffect(() => {
|
|
16233
16233
|
if (value !== undefined) {
|
|
16234
|
+
console.log('VALUE 1', value);
|
|
16234
16235
|
setInternalValue(value);
|
|
16235
16236
|
}
|
|
16236
16237
|
}, [value]);
|
|
16237
16238
|
React.useEffect(() => {
|
|
16238
16239
|
if (value === undefined && defaultValue !== undefined) {
|
|
16240
|
+
console.log('VALUE 2', defaultValue);
|
|
16239
16241
|
setInternalValue(defaultValue);
|
|
16240
16242
|
}
|
|
16241
16243
|
}, [defaultValue, value]);
|
|
16242
16244
|
const onClickTab = (_event, index) => {
|
|
16243
16245
|
if (tabs[index].disabled) return;else {
|
|
16246
|
+
console.log('VALUE 3', index);
|
|
16244
16247
|
setInternalValue(index);
|
|
16245
16248
|
onChange(index, tabs[index].value);
|
|
16246
16249
|
}
|
|
@@ -16264,6 +16267,9 @@ const TabsUnderline = ({
|
|
|
16264
16267
|
}
|
|
16265
16268
|
}
|
|
16266
16269
|
}, tabs.map((item, index) => {
|
|
16270
|
+
console.log('item---', item);
|
|
16271
|
+
console.log('tabs---', tabs);
|
|
16272
|
+
console.log('internalValue---', internalValue);
|
|
16267
16273
|
let renderTab = /*#__PURE__*/React__default.createElement(Tab, {
|
|
16268
16274
|
key: `tab#${index}`,
|
|
16269
16275
|
className: !isArrowIconDisplay ? styles$T.tab_label : styles$T.tab_label_icon,
|