@kashifd/jwero-components 0.7.40 → 0.7.42

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.
Files changed (4) hide show
  1. package/dist/index.es.js +57 -46
  2. package/dist/index.umd.js +2 -2
  3. package/dist/src/components/JweroDialogHeader.d.ts +5 -4
  4. package/package.json +1 -1
package/dist/index.es.js CHANGED
@@ -48217,9 +48217,10 @@ const fW = ({
48217
48217
  total_steps: 1,
48218
48218
  current_step: 1
48219
48219
  },
48220
- sx: g
48220
+ sx: g,
48221
+ titleSx: m
48221
48222
  }) => {
48222
- const m = jt();
48223
+ const b = jt();
48223
48224
  return /* @__PURE__ */ v.jsx(
48224
48225
  Ve,
48225
48226
  {
@@ -48269,7 +48270,7 @@ const fW = ({
48269
48270
  fontWeight: 500
48270
48271
  },
48271
48272
  children: [
48272
- /* @__PURE__ */ v.jsxs("span", { style: { color: m.colors.text_primary }, children: [
48273
+ /* @__PURE__ */ v.jsxs("span", { style: { color: b.colors.text_primary }, children: [
48273
48274
  d != null && d.custom_name ? (d == null ? void 0 : d.custom_name) + " " : "Steps ",
48274
48275
  (d == null ? void 0 : d.current_step) ?? "1 "
48275
48276
  ] }),
@@ -48291,7 +48292,7 @@ const fW = ({
48291
48292
  direction: "row",
48292
48293
  alignItems: "center",
48293
48294
  justifyContent: "space-between",
48294
- sx: { gap: "1rem", width: "100%" },
48295
+ sx: { gap: "1rem", width: "100%", ...m },
48295
48296
  children: [
48296
48297
  /* @__PURE__ */ v.jsxs(Ve, { direction: "row", alignItems: "center", sx: { gap: "0.5rem" }, children: [
48297
48298
  (s == null ? void 0 : s.icon) && (s == null ? void 0 : s.position) === "start" && /* @__PURE__ */ v.jsx(
@@ -48299,7 +48300,7 @@ const fW = ({
48299
48300
  {
48300
48301
  sx: {
48301
48302
  borderRadius: "0.5rem",
48302
- backgroundColor: m.colors.white,
48303
+ backgroundColor: b.colors.white,
48303
48304
  padding: "0.5rem",
48304
48305
  ...s == null ? void 0 : s.sx
48305
48306
  },
@@ -48312,7 +48313,7 @@ const fW = ({
48312
48313
  {
48313
48314
  sx: {
48314
48315
  borderRadius: "0.5rem",
48315
- backgroundColor: m.colors.white,
48316
+ backgroundColor: b.colors.white,
48316
48317
  padding: "0.5rem",
48317
48318
  ...s == null ? void 0 : s.sx
48318
48319
  },
@@ -58584,9 +58585,12 @@ const hz = ({ name: e, data: t, labels: r }) => {
58584
58585
  return /* @__PURE__ */ v.jsxs(
58585
58586
  Ve,
58586
58587
  {
58588
+ className: "no-scrollbar",
58587
58589
  sx: {
58588
58590
  backgroundColor: w.colors.white,
58589
58591
  minWidth: "200px",
58592
+ height: "100%",
58593
+ overflowY: "auto",
58590
58594
  // padding: "1rem",
58591
58595
  ...g
58592
58596
  },
@@ -58604,48 +58608,55 @@ const hz = ({ name: e, data: t, labels: r }) => {
58604
58608
  children: /* @__PURE__ */ v.jsx(vt, { variant: "xxxlSemibold", ...r, children: e })
58605
58609
  }
58606
58610
  ),
58607
- /* @__PURE__ */ v.jsx(Ve, { sx: { gap: "1rem", ...c }, children: Gr.isArrayWithValues(s) && s.map((S, O) => /* @__PURE__ */ v.jsx(
58608
- Mr,
58611
+ /* @__PURE__ */ v.jsx(
58612
+ Ve,
58609
58613
  {
58610
- title: S.access ? "" : `You don't have permission to edit ${S.label.toLowerCase() || ""}`,
58611
- children: /* @__PURE__ */ v.jsxs(
58612
- Ve,
58614
+ className: "no-scrollbar",
58615
+ sx: { gap: "1rem", height: "100%", overflowY: "auto", ...c },
58616
+ children: Gr.isArrayWithValues(s) && s.map((S, O) => /* @__PURE__ */ v.jsx(
58617
+ Mr,
58613
58618
  {
58614
- onClick: () => {
58615
- b && b(S.value, S.access, S == null ? void 0 : S.navigate);
58616
- },
58617
- direction: "row",
58618
- alignItems: "center",
58619
- justifyContent: "space-between",
58620
- sx: {
58621
- borderRadius: "0.5rem",
58622
- padding: "0.75rem",
58623
- backgroundColor: S.value === t ? w.colors.light_blue : w.palette.background.paper,
58624
- color: S.value === t ? w.colors.secondary : w.colors.text_secondary,
58625
- cursor: S.access ? "pointer" : "not-allowed",
58626
- "&:hover": {
58627
- backgroundColor: S.value === t ? w.colors.light_blue : w.colors.light_grey
58628
- },
58629
- ...m
58630
- },
58631
- children: [
58632
- /* @__PURE__ */ v.jsx(vt, { variant: "xlMedium", ...a, children: S.label }),
58633
- (S == null ? void 0 : S.count) && /* @__PURE__ */ v.jsx(
58634
- af,
58635
- {
58636
- type: "single",
58637
- count: S == null ? void 0 : S.count,
58638
- sx: {
58639
- backgroundColor: w.colors.secondary
58640
- }
58641
- }
58642
- )
58643
- ]
58644
- }
58645
- )
58646
- },
58647
- `${S.value}_${O}`
58648
- )) })
58619
+ title: S.access ? "" : `You don't have permission to edit ${S.label.toLowerCase() || ""}`,
58620
+ children: /* @__PURE__ */ v.jsxs(
58621
+ Ve,
58622
+ {
58623
+ onClick: () => {
58624
+ b && b(S.value, S.access, S == null ? void 0 : S.navigate);
58625
+ },
58626
+ direction: "row",
58627
+ alignItems: "center",
58628
+ justifyContent: "space-between",
58629
+ sx: {
58630
+ borderRadius: "0.5rem",
58631
+ padding: "0.75rem",
58632
+ backgroundColor: S.value === t ? w.colors.light_blue : w.palette.background.paper,
58633
+ color: S.value === t ? w.colors.secondary : w.colors.text_secondary,
58634
+ cursor: S.access ? "pointer" : "not-allowed",
58635
+ "&:hover": {
58636
+ backgroundColor: S.value === t ? w.colors.light_blue : w.colors.light_grey
58637
+ },
58638
+ ...m
58639
+ },
58640
+ children: [
58641
+ /* @__PURE__ */ v.jsx(vt, { variant: "xlMedium", ...a, children: S.label }),
58642
+ (S == null ? void 0 : S.count) && /* @__PURE__ */ v.jsx(
58643
+ af,
58644
+ {
58645
+ type: "single",
58646
+ count: S == null ? void 0 : S.count,
58647
+ sx: {
58648
+ backgroundColor: w.colors.secondary
58649
+ }
58650
+ }
58651
+ )
58652
+ ]
58653
+ }
58654
+ )
58655
+ },
58656
+ `${S.value}_${O}`
58657
+ ))
58658
+ }
58659
+ )
58649
58660
  ]
58650
58661
  }
58651
58662
  );