@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.
@@ -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/core';
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/core';
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
- return _extends({
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
- }, ownerState.mode === 'underline' && {
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
- }, ownerState.mode === 'pill' && {
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
- }, ownerState.size === 'sm' && {
3154
- '& .MuiTabs-fixed': {
3155
- padding: theme.spacing(1, 2),
3156
- marginBottom: theme.spacing(2)
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
- height: theme.spacing(8),
3159
- borderRadius: theme.spacing(2)
3160
- }, ownerState.size === 'md' && {
3161
- '& .MuiTabs-fixed': {
3162
- padding: theme.spacing(2, 4),
3163
- marginBottom: theme.spacing(2)
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
- height: theme.spacing(10),
3166
- borderRadius: theme.spacing(2)
3167
- }, ownerState.size === 'lg' && {
3168
- '& .MuiTabs-fixed': {
3169
- padding: theme.spacing(3, 4),
3170
- marginBottom: theme.spacing(3)
3171
- },
3172
- height: theme.spacing(12),
3173
- borderRadius: theme.spacing(3)
3174
- }, ownerState.mode === 'underline' && {
3175
- '& .MuiTab-root.Mui-selected': {
3176
- borderRadius: 4,
3177
- color: theme.palette.mode === 'light' ? theme.palette.textColor.A60 : theme.palette.textColor.A0
3178
- },
3179
- '& .MuiTabs-flexContainer': {
3180
- padding: theme.spacing(1)
3181
- },
3182
- backgroundColor: 'unset'
3183
- }, ownerState.mode === 'pill' && {
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
- '& .MuiTabs-flexContainer': {
3189
- padding: theme.spacing(1)
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
- backgroundColor: theme.palette.mode === 'light' ? theme.palette.secondary.A100 : theme.palette.secondary.A100
3192
- }, ownerState.variant === 'fullWidth' && {
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
- }, ownerState.orientation === 'vertical' && {
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(_ref2) {
3202
- var ownerState = _ref2.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/core';
5694
+ * import { ExpandableContent } from '@rabex-kit/rabex-ui';
5645
5695
  * ```
5646
5696
  * @param props
5647
5697
  * @returns