sevago-sso-fe 1.0.58 → 1.0.59

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.js CHANGED
@@ -15368,69 +15368,6 @@ const BannerComponent = ({ url }) => {
15368
15368
  }
15369
15369
  ) }) });
15370
15370
  };
15371
- const IconElement = ({
15372
- icon,
15373
- size = "medium",
15374
- color: color2,
15375
- disabled,
15376
- onClick,
15377
- sx,
15378
- fill = 0
15379
- }) => {
15380
- const { palette } = material.useTheme();
15381
- if (disabled) {
15382
- onClick = void 0;
15383
- color2 = "disabled";
15384
- }
15385
- if (onClick)
15386
- sx = {
15387
- cursor: "pointer",
15388
- "&:hover": {
15389
- color: color2 ? "none" : palette.primary.main
15390
- },
15391
- ...sx
15392
- };
15393
- return /* @__PURE__ */ jsxRuntime.jsx(
15394
- material.Icon,
15395
- {
15396
- onClick,
15397
- color: color2,
15398
- sx: {
15399
- cursor: "inherit",
15400
- fontSize: FONT_SIZE_ICON[size],
15401
- fontVariationSettings: `'FILL' ${fill}, 'wght' 100, 'GRAD' 200, 'opsz' 24`,
15402
- ...sx
15403
- },
15404
- component: "span",
15405
- className: "material-symbols-rounded",
15406
- children: icon
15407
- }
15408
- );
15409
- };
15410
- const Breadcrumbs = ({ content, showBackButton = true, onBack, sxLabel }) => {
15411
- const navigate = reactRouterDom.useNavigate();
15412
- const handleBack = () => {
15413
- if (onBack) {
15414
- onBack();
15415
- } else {
15416
- navigate(-1);
15417
- }
15418
- };
15419
- return /* @__PURE__ */ jsxRuntime.jsxs(
15420
- material.Box,
15421
- {
15422
- sx: {
15423
- display: "flex",
15424
- alignItems: "center",
15425
- padding: "16px 0px"
15426
- },
15427
- children: [
15428
- showBackButton && /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: handleBack, size: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon: "arrow_back", size: "medium" }) }),
15429
- /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { ...TYPOGRAPHY_STYLES.textMd.semiBold, ...sxLabel }, children: content })
15430
- ]
15431
- }
15432
- );
15433
- };
15434
15371
  const ArrowTooltip = styled$2(({ className, ...props }) => /* @__PURE__ */ jsxRuntime.jsx(material.Tooltip, { ...props, arrow: true, classes: { popper: className } }))(() => ({
15435
15372
  [`& .${material.tooltipClasses.arrow}`]: {
15436
15373
  color: "white"
@@ -15590,6 +15527,45 @@ const AvatarUserInfo = ({
15590
15527
  )
15591
15528
  ] });
15592
15529
  };
15530
+ const IconElement = ({
15531
+ icon,
15532
+ size = "medium",
15533
+ color: color2,
15534
+ disabled,
15535
+ onClick,
15536
+ sx,
15537
+ fill = 0
15538
+ }) => {
15539
+ const { palette } = material.useTheme();
15540
+ if (disabled) {
15541
+ onClick = void 0;
15542
+ color2 = "disabled";
15543
+ }
15544
+ if (onClick)
15545
+ sx = {
15546
+ cursor: "pointer",
15547
+ "&:hover": {
15548
+ color: color2 ? "none" : palette.primary.main
15549
+ },
15550
+ ...sx
15551
+ };
15552
+ return /* @__PURE__ */ jsxRuntime.jsx(
15553
+ material.Icon,
15554
+ {
15555
+ onClick,
15556
+ color: color2,
15557
+ sx: {
15558
+ cursor: "inherit",
15559
+ fontSize: FONT_SIZE_ICON[size],
15560
+ fontVariationSettings: `'FILL' ${fill}, 'wght' 100, 'GRAD' 200, 'opsz' 24`,
15561
+ ...sx
15562
+ },
15563
+ component: "span",
15564
+ className: "material-symbols-rounded",
15565
+ children: icon
15566
+ }
15567
+ );
15568
+ };
15593
15569
  const IconButtonElement = ({ icon, onClick, sx, size = 16 }) => {
15594
15570
  return /* @__PURE__ */ jsxRuntime.jsx(
15595
15571
  material.IconButton,
@@ -49524,6 +49500,30 @@ const WrapperElement = ({
49524
49500
  }
49525
49501
  ) });
49526
49502
  };
49503
+ const Breadcrumbs = ({ content, showBackButton = true, onBack, sxLabel }) => {
49504
+ const navigate = reactRouterDom.useNavigate();
49505
+ const handleBack = () => {
49506
+ if (onBack) {
49507
+ onBack();
49508
+ } else {
49509
+ navigate(-1);
49510
+ }
49511
+ };
49512
+ return /* @__PURE__ */ jsxRuntime.jsxs(
49513
+ material.Box,
49514
+ {
49515
+ sx: {
49516
+ display: "flex",
49517
+ alignItems: "center",
49518
+ padding: "16px 0px"
49519
+ },
49520
+ children: [
49521
+ showBackButton && /* @__PURE__ */ jsxRuntime.jsx(material.IconButton, { onClick: handleBack, size: "medium", children: /* @__PURE__ */ jsxRuntime.jsx(IconElement, { icon: "arrow_back", size: "medium" }) }),
49522
+ /* @__PURE__ */ jsxRuntime.jsx(material.Typography, { sx: { ...TYPOGRAPHY_STYLES.textMd.semiBold, ...sxLabel }, children: content })
49523
+ ]
49524
+ }
49525
+ );
49526
+ };
49527
49527
  const DefaultLayout = ({ children }) => {
49528
49528
  return /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { sx: { backgroundColor: "background.default", minHeight: "100vh", width: "100%", overflowY: "auto" }, children: /* @__PURE__ */ jsxRuntime.jsx(material.Stack, { sx: { flex: 1, alignItems: "center", py: PADDING_GAP_LAYOUT, justifyContent: "center" }, children }) });
49529
49529
  };