componentes-sinco 1.2.2 → 1.2.3

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.cjs CHANGED
@@ -2375,7 +2375,7 @@ function SCSelect({
2375
2375
  width = "100%",
2376
2376
  size = "small",
2377
2377
  variant = "outlined",
2378
- background = "white",
2378
+ background,
2379
2379
  required,
2380
2380
  disabled,
2381
2381
  setState,
@@ -2430,7 +2430,8 @@ function SCSelect({
2430
2430
  {
2431
2431
  fullWidth: true,
2432
2432
  size: size ? size : "medium",
2433
- variant
2433
+ variant,
2434
+ sx: { background: background ? background : "transparent" }
2434
2435
  },
2435
2436
  /* @__PURE__ */ import_react18.default.createElement(
2436
2437
  import_material12.InputLabel,
@@ -2449,6 +2450,7 @@ function SCSelect({
2449
2450
  variant,
2450
2451
  disabled: disabled || false,
2451
2452
  error,
2453
+ sx: { height: "32px" },
2452
2454
  MenuProps: {
2453
2455
  sx: {
2454
2456
  zIndex: 1400
@@ -3088,16 +3090,18 @@ var SCDateRange = ({
3088
3090
  },
3089
3091
  sx: {
3090
3092
  flex: 1,
3091
- "& .MuiOutlinedInput-root": {
3092
- backgroundColor: background === "transparent" ? "transparent" : background
3093
+ "& .MuiPickersOutlinedInput-root": {
3094
+ height: "32px",
3095
+ backgroundColor: background != null ? background : "transparent"
3096
+ },
3097
+ "& .MuiPickersInputBase-sectionsContainer": {
3098
+ height: "32px",
3099
+ padding: "0px 8px",
3100
+ alignItems: "center"
3093
3101
  },
3094
3102
  "& .MuiInputLabel-asterisk": {
3095
3103
  color: "error.main"
3096
- },
3097
- "& .MuiPickersOutlinedInput-sectionsContainer": {
3098
- padding: "6px 0px"
3099
- },
3100
- background: background != null ? background : "transparent"
3104
+ }
3101
3105
  }
3102
3106
  };
3103
3107
  }
@@ -4392,6 +4396,7 @@ function useFilteredItems(items, filterValue, getItemLabel, selectedItems) {
4392
4396
  // src/Components/MultiSelect/MultiSelect.tsx
4393
4397
  function MultiSelect({
4394
4398
  textButton,
4399
+ background,
4395
4400
  button,
4396
4401
  items,
4397
4402
  topPanel,
@@ -4461,6 +4466,7 @@ function MultiSelect({
4461
4466
  /* @__PURE__ */ import_react41.default.createElement(import_material27.Stack, { minWidth: "320px", "data-testid": "multiselect-container", bgcolor: "white", boxShadow: 3, borderRadius: 1 }, /* @__PURE__ */ import_react41.default.createElement(import_material27.Stack, { py: 1, px: 2 }, topPanel != null ? topPanel : /* @__PURE__ */ import_react41.default.createElement(import_material27.FormControl, { fullWidth: true, size: "small" }, /* @__PURE__ */ import_react41.default.createElement(
4462
4467
  import_material27.TextField,
4463
4468
  {
4469
+ sx: { background: background ? background : "transparent" },
4464
4470
  "data-testid": "multiselect-input",
4465
4471
  fullWidth: true,
4466
4472
  size: "small",
@@ -4735,7 +4741,7 @@ var SCActivityCalendar = ({
4735
4741
  padding: "0px 16px"
4736
4742
  },
4737
4743
  fontSize: "12px !important",
4738
- height: "260px !important",
4744
+ height: "324px !important",
4739
4745
  background: background ? background : "white",
4740
4746
  "& .MuiDayCalendar-header": { justifyContent: "space-between" },
4741
4747
  "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" },
@@ -4745,7 +4751,7 @@ var SCActivityCalendar = ({
4745
4751
  },
4746
4752
  onChange: (newValue) => setFecha(newValue)
4747
4753
  }
4748
- ), /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react45.default.createElement(import_KeyboardDoubleArrowUp.default, { color: "action" }))))), /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "380px" } }, /* @__PURE__ */ import_react45.default.createElement(import_FilterList.default, { color: "action" })), /* @__PURE__ */ import_react45.default.createElement(
4754
+ ), /* @__PURE__ */ import_react45.default.createElement(import_Grid6.default, { container: true, justifyContent: "center" }, /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { "data-testid": "close-calendar-button", onClick: toggleCalendar(false) }, /* @__PURE__ */ import_react45.default.createElement(import_KeyboardDoubleArrowUp.default, { color: "action" }))))), /* @__PURE__ */ import_react45.default.createElement(import_material31.IconButton, { onClick: handleClickPopoverFiltro, sx: { position: "fixed", right: "calc(100% - 96%)", top: openCalendar == false ? "220px" : "444px" } }, /* @__PURE__ */ import_react45.default.createElement(import_FilterList.default, { color: "action" })), /* @__PURE__ */ import_react45.default.createElement(
4749
4755
  import_material31.Popover,
4750
4756
  {
4751
4757
  open: openPopoverFiltro,
@@ -5021,7 +5027,7 @@ var SCCalendarSwipeable = ({
5021
5027
  padding: "0px 16px"
5022
5028
  },
5023
5029
  fontSize: "12px !important",
5024
- height: "260px !important",
5030
+ height: "324px !important",
5025
5031
  background: background ? background : "white",
5026
5032
  "& .MuiDayCalendar-header": { justifyContent: "space-between" },
5027
5033
  "& .MuiDayCalendar-weekContainer": { justifyContent: "space-between" },