@rabex-kit/rabex-ui 0.1.32 → 0.1.34
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/RTableHead/index.d.ts +1 -1
- package/dist/RTableRow/index.d.ts +1 -1
- package/dist/Theme/Tabs/index.d.ts +1 -2673
- package/dist/rabex-ui.cjs.development.js +101 -51
- package/dist/rabex-ui.cjs.development.js.map +1 -1
- package/dist/rabex-ui.cjs.production.min.js +1 -1
- package/dist/rabex-ui.cjs.production.min.js.map +1 -1
- package/dist/rabex-ui.esm.js +101 -51
- package/dist/rabex-ui.esm.js.map +1 -1
- package/package.json +1 -1
@@ -2199,7 +2199,7 @@ var _excluded$c = ["className"];
|
|
2199
2199
|
* You can read Material-UI TableHead Documentation [here](https://mui.com/material-ui/api/table-head/).
|
2200
2200
|
*
|
2201
2201
|
* ```typescript
|
2202
|
-
* import { TableHead } from '@rabex-kit/
|
2202
|
+
* import { TableHead } from '@rabex-kit/rabex-ui';
|
2203
2203
|
* ```
|
2204
2204
|
* @param props
|
2205
2205
|
* @returns
|
@@ -2225,7 +2225,7 @@ var _excluded$d = ["className"];
|
|
2225
2225
|
* You can read Material-UI TableRow Documentation [here](https://mui.com/material-ui/api/table-row/).
|
2226
2226
|
*
|
2227
2227
|
* ```typescript
|
2228
|
-
* import { TableRow } from '@rabex-kit/
|
2228
|
+
* import { TableRow } from '@rabex-kit/rabex-ui';
|
2229
2229
|
* ```
|
2230
2230
|
* @param props
|
2231
2231
|
* @returns
|
@@ -2276,7 +2276,10 @@ var TabPanel = function TabPanel(_ref) {
|
|
2276
2276
|
* @returns
|
2277
2277
|
*/
|
2278
2278
|
var Tabs = /*#__PURE__*/styled(MuiTabs, {
|
2279
|
-
name: 'MuiTabs'
|
2279
|
+
name: 'MuiTabs',
|
2280
|
+
shouldForwardProp: function shouldForwardProp(prop) {
|
2281
|
+
return !['hasBorder', 'isSeprate'].includes(prop);
|
2282
|
+
}
|
2280
2283
|
})(function () {
|
2281
2284
|
return {};
|
2282
2285
|
});
|
@@ -3128,20 +3131,28 @@ var RabexTabs = {
|
|
3128
3131
|
root: function root(_ref) {
|
3129
3132
|
var ownerState = _ref.ownerState,
|
3130
3133
|
theme = _ref.theme;
|
3131
|
-
|
3134
|
+
// The ownerState now contains all the props you need
|
3135
|
+
var _ref2 = ownerState || {},
|
3136
|
+
hasBorder = _ref2.hasBorder,
|
3137
|
+
isSeparate = _ref2.isSeparate,
|
3138
|
+
size = _ref2.size,
|
3139
|
+
mode = _ref2.mode,
|
3140
|
+
variant = _ref2.variant,
|
3141
|
+
orientation = _ref2.orientation;
|
3142
|
+
// Default styles applied to all tabs
|
3143
|
+
var baseStyles = {
|
3132
3144
|
borderRadius: 8,
|
3133
3145
|
minHeight: 'unset',
|
3134
3146
|
color: theme.palette.base.A10
|
3135
|
-
}
|
3147
|
+
};
|
3148
|
+
// Mode-specific styles
|
3149
|
+
var modeStyles = mode === 'underline' ? {
|
3136
3150
|
'& .MuiTab-root.Mui-selected': {
|
3137
3151
|
borderRadius: 4,
|
3138
3152
|
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
|
3139
3153
|
},
|
3140
|
-
'& .MuiTabs-flexContainer': {
|
3141
|
-
// padding: theme.spacing(1)
|
3142
|
-
},
|
3143
3154
|
backgroundColor: 'unset'
|
3144
|
-
}
|
3155
|
+
} : {
|
3145
3156
|
'& .MuiTab-root.Mui-selected': {
|
3146
3157
|
borderRadius: 4,
|
3147
3158
|
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
|
@@ -3150,58 +3161,97 @@ var RabexTabs = {
|
|
3150
3161
|
padding: theme.spacing(1)
|
3151
3162
|
},
|
3152
3163
|
backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A100 : theme.palette.secondary.A100
|
3153
|
-
}
|
3154
|
-
|
3155
|
-
|
3156
|
-
|
3164
|
+
};
|
3165
|
+
// Size-specific styles
|
3166
|
+
var sizeMap = mode === 'underline' ? {
|
3167
|
+
sm: {
|
3168
|
+
'& .MuiTabs-fixed': {
|
3169
|
+
'& .MuiTab-root': {
|
3170
|
+
padding: theme.spacing(1, 2)
|
3171
|
+
},
|
3172
|
+
// padding: theme.spacing(1, 2),
|
3173
|
+
marginBottom: theme.spacing(2)
|
3174
|
+
},
|
3175
|
+
height: theme.spacing(8),
|
3176
|
+
borderRadius: theme.spacing(2)
|
3157
3177
|
},
|
3158
|
-
|
3159
|
-
|
3160
|
-
|
3161
|
-
|
3162
|
-
|
3163
|
-
|
3178
|
+
md: {
|
3179
|
+
'& .MuiTabs-fixed': {
|
3180
|
+
'& .MuiTab-root': {
|
3181
|
+
padding: theme.spacing(2, 4)
|
3182
|
+
},
|
3183
|
+
// padding: theme.spacing(2, 4),
|
3184
|
+
marginBottom: theme.spacing(2)
|
3185
|
+
},
|
3186
|
+
height: theme.spacing(10),
|
3187
|
+
borderRadius: theme.spacing(2)
|
3164
3188
|
},
|
3165
|
-
|
3166
|
-
|
3167
|
-
|
3168
|
-
|
3169
|
-
|
3170
|
-
|
3171
|
-
|
3172
|
-
|
3173
|
-
|
3174
|
-
|
3175
|
-
|
3176
|
-
|
3177
|
-
|
3178
|
-
|
3179
|
-
|
3180
|
-
|
3181
|
-
|
3182
|
-
|
3183
|
-
|
3184
|
-
'& .MuiTab-root.Mui-selected': {
|
3185
|
-
borderRadius: 4,
|
3186
|
-
color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
|
3189
|
+
lg: {
|
3190
|
+
'& .MuiTabs-fixed': {
|
3191
|
+
'& .MuiTab-root': {
|
3192
|
+
padding: theme.spacing(3, 4)
|
3193
|
+
},
|
3194
|
+
// padding: theme.spacing(3, 4),
|
3195
|
+
marginBottom: theme.spacing(3)
|
3196
|
+
},
|
3197
|
+
height: theme.spacing(12),
|
3198
|
+
borderRadius: theme.spacing(3)
|
3199
|
+
}
|
3200
|
+
} : {
|
3201
|
+
sm: {
|
3202
|
+
'& .MuiTabs-fixed': {
|
3203
|
+
padding: theme.spacing(1, 2),
|
3204
|
+
marginBottom: theme.spacing(2)
|
3205
|
+
},
|
3206
|
+
height: theme.spacing(8),
|
3207
|
+
borderRadius: theme.spacing(2)
|
3187
3208
|
},
|
3188
|
-
|
3189
|
-
|
3209
|
+
md: {
|
3210
|
+
'& .MuiTabs-fixed': {
|
3211
|
+
padding: theme.spacing(2, 4),
|
3212
|
+
marginBottom: theme.spacing(2)
|
3213
|
+
},
|
3214
|
+
height: theme.spacing(10),
|
3215
|
+
borderRadius: theme.spacing(2)
|
3190
3216
|
},
|
3191
|
-
|
3192
|
-
|
3217
|
+
lg: {
|
3218
|
+
'& .MuiTabs-fixed': {
|
3219
|
+
padding: theme.spacing(3, 4),
|
3220
|
+
marginBottom: theme.spacing(3)
|
3221
|
+
},
|
3222
|
+
height: theme.spacing(12),
|
3223
|
+
borderRadius: theme.spacing(3)
|
3224
|
+
}
|
3225
|
+
};
|
3226
|
+
var sizeStyles = sizeMap[size || 'sm'] || sizeMap.sm;
|
3227
|
+
// Variant-specific styles
|
3228
|
+
var variantStyles = variant === 'fullWidth' ? {
|
3193
3229
|
width: '100%'
|
3194
|
-
}
|
3230
|
+
} : {};
|
3231
|
+
// Orientation-specific styles
|
3232
|
+
var orientationStyles = orientation === 'vertical' ? {
|
3195
3233
|
'& .MuiTab-root::after': {
|
3196
3234
|
content: 'unset',
|
3197
3235
|
display: 'none'
|
3198
3236
|
}
|
3199
|
-
}
|
3237
|
+
} : {};
|
3238
|
+
// Border styles
|
3239
|
+
var borderStyles = hasBorder ? isSeparate ? {
|
3240
|
+
'& .MuiTab-root': {
|
3241
|
+
borderRadius: 5,
|
3242
|
+
padding: theme.spacing(2, 3),
|
3243
|
+
border: "2px dotted " + theme.palette.base.A40
|
3244
|
+
}
|
3245
|
+
} : {
|
3246
|
+
border: "2px dotted " + theme.palette.base.A40
|
3247
|
+
} : {};
|
3248
|
+
// Return combined styles
|
3249
|
+
return _extends({}, baseStyles, modeStyles, sizeStyles, variantStyles, orientationStyles, borderStyles);
|
3200
3250
|
},
|
3201
|
-
indicator: function indicator(
|
3202
|
-
var ownerState =
|
3251
|
+
indicator: function indicator(_ref3) {
|
3252
|
+
var ownerState = _ref3.ownerState;
|
3203
3253
|
return {
|
3204
|
-
display: ownerState.mode === 'underline' ? 'show' : 'none'
|
3254
|
+
display: (ownerState === null || ownerState === void 0 ? void 0 : ownerState.mode) === 'underline' ? 'show' : 'none'
|
3205
3255
|
};
|
3206
3256
|
}
|
3207
3257
|
},
|
@@ -5641,7 +5691,7 @@ var ClickAwayListener = /*#__PURE__*/React__default.forwardRef(function (_ref, r
|
|
5641
5691
|
*
|
5642
5692
|
*
|
5643
5693
|
* ```typescript
|
5644
|
-
* import { ExpandableContent } from '@rabex-kit/
|
5694
|
+
* import { ExpandableContent } from '@rabex-kit/rabex-ui';
|
5645
5695
|
* ```
|
5646
5696
|
* @param props
|
5647
5697
|
* @returns
|