@kashifd/jwero-components 0.8.9 → 0.8.12

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 CHANGED
@@ -46759,7 +46759,23 @@ const Ns = ({
46759
46759
  borderRadius: "0.5rem",
46760
46760
  boxShadow: "0px 0px 2px 0px rgba(0, 0, 0, 0.40)",
46761
46761
  backgroundColor: "#fff",
46762
- border: "0.25px solid rgb(184, 182, 182)"
46762
+ border: "0.25px solid rgb(184, 182, 182)",
46763
+ "&::-webkit-scrollbar": {
46764
+ width: "0.5rem",
46765
+ height: "0.5rem"
46766
+ },
46767
+ "&::-webkit-scrollbar-track": {
46768
+ backgroundColor: "#f1f1f1",
46769
+ borderRadius: "10px"
46770
+ },
46771
+ "&::-webkit-scrollbar-thumb": {
46772
+ backgroundColor: "#c1c1c1",
46773
+ borderRadius: "10px",
46774
+ border: "1.5px solid #f1f1f1"
46775
+ },
46776
+ "&::-webkit-scrollbar-thumb:hover": {
46777
+ backgroundColor: "#a8a8a8"
46778
+ }
46763
46779
  }
46764
46780
  }
46765
46781
  },
@@ -46773,7 +46789,7 @@ const Ns = ({
46773
46789
  disabled: ((ne = K == null ? void 0 : K.disableProps) == null ? void 0 : ne.disable) || !1,
46774
46790
  sx: {
46775
46791
  cursor: (re = K == null ? void 0 : K.disableProps) != null && re.disable ? "not-allowed" : "pointer",
46776
- padding: "0.75rem 1.1rem"
46792
+ padding: "0.45rem 1.1rem"
46777
46793
  },
46778
46794
  children: /* @__PURE__ */ m.jsxs(
46779
46795
  Le,
@@ -46783,7 +46799,7 @@ const Ns = ({
46783
46799
  justifyContent: "space-between",
46784
46800
  width: "100%",
46785
46801
  children: [
46786
- /* @__PURE__ */ m.jsx(nt, { children: K.label }),
46802
+ /* @__PURE__ */ m.jsx(nt, { sx: { fontSize: "0.85rem" }, children: K.label }),
46787
46803
  /* @__PURE__ */ m.jsx(nt, { variant: "lRegular", children: (ee = K == null ? void 0 : K.disableProps) == null ? void 0 : ee.disableText })
46788
46804
  ]
46789
46805
  }
@@ -46922,7 +46938,8 @@ const Ns = ({
46922
46938
  style: {
46923
46939
  ...K.style,
46924
46940
  minHeight: 30,
46925
- padding: "0.25rem 1rem"
46941
+ padding: "0.25rem 1rem",
46942
+ fontSize: "0.85rem"
46926
46943
  },
46927
46944
  children: [
46928
46945
  /* @__PURE__ */ m.jsx(
@@ -46942,7 +46959,7 @@ const Ns = ({
46942
46959
  PaperComponent: BF,
46943
46960
  ListboxProps: {
46944
46961
  sx: {
46945
- maxHeight: 300,
46962
+ maxHeight: "60vh",
46946
46963
  overflowY: "auto",
46947
46964
  borderRadius: "0.75rem",
46948
46965
  boxShadow: "0px 0px 4px rgba(0, 0, 0, 0.4)",
@@ -47214,23 +47231,23 @@ const Ns = ({
47214
47231
  }, FF = Ty(function(t, r) {
47215
47232
  const { children: a, ...s } = t;
47216
47233
  xr.Children.toArray(a).filter(
47217
- (b) => b.props && !b.props["aria-disabled"]
47234
+ (w) => w.props && !w.props["aria-disabled"]
47218
47235
  );
47219
- const { onSelectAll: c, allSelected: u, someSelected: g, isCheckboxSelectAll: v } = t;
47236
+ const { onSelectAll: c, allSelected: u, someSelected: g, isCheckboxSelectAll: v, sx: b } = t;
47220
47237
  return /* @__PURE__ */ m.jsxs(
47221
47238
  Le,
47222
47239
  {
47223
47240
  ref: r,
47224
47241
  ...s,
47225
47242
  sx: {
47226
- // maxHeight: "60vh",
47227
- height: "100%",
47228
47243
  overflowY: "auto",
47229
47244
  borderRadius: "0.75rem",
47230
47245
  boxShadow: "0px 0px 4px rgba(0, 0, 0, 0.4)",
47231
47246
  border: "0.25px solid rgb(184, 182, 182)",
47232
47247
  backgroundColor: "#fff",
47233
- ...t.sx
47248
+ maxHeight: "60vh",
47249
+ // minHeight: "fit-content",
47250
+ ...b
47234
47251
  },
47235
47252
  children: [
47236
47253
  v && /* @__PURE__ */ m.jsxs(
@@ -48378,100 +48395,108 @@ const EW = ({
48378
48395
  sx: {
48379
48396
  display: "flex",
48380
48397
  justifyContent: "space-between",
48381
- width: "100%"
48398
+ width: "100%",
48399
+ overflowX: "auto"
48382
48400
  },
48383
48401
  children: [
48384
- /* @__PURE__ */ m.jsxs(Le, { direction: "row", sx: { gap: "0.5rem" }, children: [
48385
- /* @__PURE__ */ m.jsx(
48386
- Jx,
48387
- {
48388
- onChange: E,
48389
- "aria-label": "lab API tabs example",
48390
- variant: "scrollable",
48391
- scrollButtons: c,
48392
- TabIndicatorProps: {
48393
- style: {
48394
- backgroundColor: j.colors.primary
48395
- }
48396
- },
48397
- sx: {
48398
- minHeight: "38px",
48399
- height: "38px",
48400
- padding: "0 !important",
48401
- margin: "0 !important",
48402
- "& .MuiTabs-indicator": {
48403
- backgroundColor: j.colors.primary
48404
- },
48405
- ".Mui-selected": {
48406
- color: j.colors.primary
48407
- },
48408
- ...w
48409
- },
48410
- children: Mr.isArrayWithValues(t) && t.map((M, Y) => /* @__PURE__ */ m.jsx(
48411
- tc,
48402
+ /* @__PURE__ */ m.jsxs(
48403
+ Le,
48404
+ {
48405
+ direction: "row",
48406
+ sx: { gap: "0.5rem", width: "100%", overflowX: "auto" },
48407
+ children: [
48408
+ /* @__PURE__ */ m.jsx(
48409
+ Jx,
48412
48410
  {
48413
- label: /* @__PURE__ */ m.jsxs(
48414
- Le,
48415
- {
48416
- direction: "row",
48417
- sx: {
48418
- alignItems: "center",
48419
- gap: "0.25rem",
48420
- padding: 0,
48421
- ...T
48422
- },
48423
- children: [
48424
- M.icon && M.iconAtStart && M.icon,
48425
- !M.onlyIcon && /* @__PURE__ */ m.jsx(nt, { children: M.label }),
48426
- M.icon && !M.iconAtStart && M.icon,
48427
- (M == null ? void 0 : M.tooltip) && /* @__PURE__ */ m.jsx(Zt, { title: M == null ? void 0 : M.tooltip, children: /* @__PURE__ */ m.jsx(Jt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx(Wf, { height: 16, width: 16 }) }) }),
48428
- M.count && /* @__PURE__ */ m.jsx(
48429
- Le,
48430
- {
48431
- sx: {
48432
- paddingLeft: M.icon && !M.iconAtStart ? "0.85rem" : "1rem"
48433
- },
48434
- children: /* @__PURE__ */ m.jsx(
48435
- ql,
48436
- {
48437
- type: "formatted",
48438
- count: M.count,
48439
- stroke: !0,
48440
- sx: { m: "0 0.5rem 0 0.25rem" }
48441
- }
48442
- )
48443
- }
48444
- )
48445
- ]
48411
+ onChange: E,
48412
+ "aria-label": "lab API tabs example",
48413
+ variant: "scrollable",
48414
+ scrollButtons: c,
48415
+ TabIndicatorProps: {
48416
+ style: {
48417
+ backgroundColor: j.colors.primary
48446
48418
  }
48447
- ),
48448
- value: M.value,
48419
+ },
48449
48420
  sx: {
48450
48421
  minHeight: "38px",
48451
48422
  height: "38px",
48452
- minWidth: "fit-content",
48453
- maxWidth: "fit-content",
48454
- flexShrink: 0,
48455
- padding: "0 1rem !important",
48423
+ padding: "0 !important",
48456
48424
  margin: "0 !important",
48457
- color: j.colors.text_secondary,
48458
- display: "flex",
48459
- alignItems: "center",
48460
- justifyContent: "center",
48461
- textTransform: "none",
48462
- fontWeight: 600,
48463
- fontSize: "0.875rem",
48464
- "&.Mui-selected": {
48425
+ "& .MuiTabs-indicator": {
48426
+ backgroundColor: j.colors.primary
48427
+ },
48428
+ ".Mui-selected": {
48465
48429
  color: j.colors.primary
48466
- }
48467
- }
48468
- },
48469
- Y
48470
- ))
48471
- }
48472
- ),
48473
- g
48474
- ] }),
48430
+ },
48431
+ ...w
48432
+ },
48433
+ children: Mr.isArrayWithValues(t) && t.map((M, Y) => /* @__PURE__ */ m.jsx(
48434
+ tc,
48435
+ {
48436
+ label: /* @__PURE__ */ m.jsxs(
48437
+ Le,
48438
+ {
48439
+ direction: "row",
48440
+ sx: {
48441
+ alignItems: "center",
48442
+ gap: "0.25rem",
48443
+ padding: 0,
48444
+ ...T
48445
+ },
48446
+ children: [
48447
+ M.icon && M.iconAtStart && M.icon,
48448
+ !M.onlyIcon && /* @__PURE__ */ m.jsx(nt, { children: M.label }),
48449
+ M.icon && !M.iconAtStart && M.icon,
48450
+ (M == null ? void 0 : M.tooltip) && /* @__PURE__ */ m.jsx(Zt, { title: M == null ? void 0 : M.tooltip, children: /* @__PURE__ */ m.jsx(Jt, { sx: { padding: "0.25rem" }, children: /* @__PURE__ */ m.jsx(Wf, { height: 16, width: 16 }) }) }),
48451
+ M.count && /* @__PURE__ */ m.jsx(
48452
+ Le,
48453
+ {
48454
+ sx: {
48455
+ paddingLeft: M.icon && !M.iconAtStart ? "0.85rem" : "1rem"
48456
+ },
48457
+ children: /* @__PURE__ */ m.jsx(
48458
+ ql,
48459
+ {
48460
+ type: "formatted",
48461
+ count: M.count,
48462
+ stroke: !0,
48463
+ sx: { m: "0 0.5rem 0 0.25rem" }
48464
+ }
48465
+ )
48466
+ }
48467
+ )
48468
+ ]
48469
+ }
48470
+ ),
48471
+ value: M.value,
48472
+ sx: {
48473
+ minHeight: "38px",
48474
+ height: "38px",
48475
+ minWidth: "fit-content",
48476
+ maxWidth: "fit-content",
48477
+ flexShrink: 0,
48478
+ padding: "0 1rem !important",
48479
+ margin: "0 !important",
48480
+ color: j.colors.text_secondary,
48481
+ display: "flex",
48482
+ alignItems: "center",
48483
+ justifyContent: "center",
48484
+ textTransform: "none",
48485
+ fontWeight: 600,
48486
+ fontSize: "0.875rem",
48487
+ "&.Mui-selected": {
48488
+ color: j.colors.primary
48489
+ }
48490
+ }
48491
+ },
48492
+ Y
48493
+ ))
48494
+ }
48495
+ ),
48496
+ g
48497
+ ]
48498
+ }
48499
+ ),
48475
48500
  v
48476
48501
  ]
48477
48502
  }