@hitachivantara/uikit-react-core 5.41.0 → 5.41.1

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.
@@ -4,7 +4,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
4
4
  const React = require("react");
5
5
  const notistack = require("notistack");
6
6
  const SnackbarProvider_styles = require("./SnackbarProvider.styles.cjs");
7
- const SnackbarContent = require("../SnackbarContent/SnackbarContent.cjs");
7
+ const SnackbarContent = require("../Snackbar/SnackbarContent/SnackbarContent.cjs");
8
8
  const HvNotistackSnackMessage = React.forwardRef((props, ref) => {
9
9
  const { id, message, variant = "success", snackbarContentProps } = props;
10
10
  return /* @__PURE__ */ jsxRuntime.jsx(notistack.SnackbarContent, { ref, children: /* @__PURE__ */ jsxRuntime.jsx(
@@ -20,7 +20,11 @@ const HvNotistackSnackMessage = React.forwardRef((props, ref) => {
20
20
  ) });
21
21
  });
22
22
  const useHvSnackbar = () => {
23
- const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = notistack.useSnackbar();
23
+ const snackbarContext = notistack.useSnackbar();
24
+ if (!snackbarContext) {
25
+ throw new Error("useHvSnackbar must be used within an HvSnackbarProvider");
26
+ }
27
+ const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = snackbarContext;
24
28
  const enqueueSnackbar = React.useCallback(
25
29
  (message, options = {}) => {
26
30
  const {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.cjs","sources":["../../../src/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n CombinedClassKey,\n OptionsObject,\n SnackbarContent,\n SnackbarProvider,\n SnackbarProviderProps,\n useSnackbar,\n} from \"notistack\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material/styles\";\n\nimport { ExtractNames } from \"../utils/classes\";\nimport {\n HvSnackbarContent,\n HvSnackbarContentProps,\n} from \"../Snackbar/SnackbarContent\";\nimport { HvSnackbarVariant } from \"../Snackbar/types\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarProviderClasses;\n className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps extends OptionsObject {\n /** Id to be applied to the root node. */\n id?: string;\n /** class name to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>((props, ref) => {\n const { id, message, variant = \"success\", snackbarContentProps } = props;\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n role=\"none\"\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n const snackbarContext = useSnackbar();\n\n if (!snackbarContext) {\n throw new Error(\"useHvSnackbar must be used within an HvSnackbarProvider\");\n }\n\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n snackbarContext;\n\n const enqueueSnackbar = useCallback(\n (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n } = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nexport const HvSnackbarProvider = ({\n children,\n notistackClassesOverride,\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n classes: classesProp,\n className,\n ...others\n}: HvSnackbarProviderProps) => {\n const { classes, css, cx } = useClasses(classesProp);\n\n const notistackClasses: SnackbarProviderProps[\"classes\"] = {\n containerRoot: css({\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n }),\n ...notistackClassesOverride,\n };\n\n return (\n <SnackbarProvider\n classes={notistackClasses}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n className={cx(classes.snackItemRoot, className)}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n"],"names":["forwardRef","jsx","SnackbarContent","HvSnackbarContent","useSnackbar","useCallback","useMemo","useClasses","SnackbarProvider"],"mappings":";;;;;;;AAuDA,MAAM,0BAA0BA,MAAA,WAG9B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,IAAI,SAAS,UAAU,WAAW,qBAAyB,IAAA;AAEjE,SAAAC,2BAAA,IAACC,6BAAgB,KACf,UAAAD,2BAAA;AAAA,IAACE,gBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAEJ,CAAC;AAGM,MAAM,gBAAgB,MAAM;AACjC,QAAM,kBAAkBC,UAAAA;AAExB,MAAI,CAAC,iBAAiB;AACd,UAAA,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,QAAM,EAAE,iBAAiB,0BAA0B,cAAA,IACjD;AAEF,QAAM,kBAAkBC,MAAA;AAAA,IACtB,CAAC,SAAoB,UAAwC,OAAO;AAC5D,YAAA;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACD,IAAA;AAEG,aAAA;AAAA,QACLJ,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,EAAE,GAAG,cAAc,UAAU;AAAA,MAAA;AAAA,IAEjC;AAAA,IACA,CAAC,wBAAwB;AAAA,EAAA;AAEpB,SAAAK,MAAA;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAEnC;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,eAAe;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,QAAM,EAAE,SAAS,KAAK,GAAG,IAAIC,wBAAAA,WAAW,WAAW;AAEnD,QAAM,mBAAqD;AAAA,IACzD,eAAe,IAAI;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA;AAAA,QAEf,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IAAA,CACD;AAAA,IACD,GAAG;AAAA,EAAA;AAIH,SAAAN,2BAAA;AAAA,IAACO,UAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,SAAS;AAAA,MAC7C,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;;;"}
@@ -1,6 +1,6 @@
1
1
  "use strict";
2
2
  Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
3
- const classes = require("../../utils/classes.cjs");
3
+ const classes = require("../utils/classes.cjs");
4
4
  const { useClasses, staticClasses } = classes.createClasses(
5
5
  "HvSnackbarProvider",
6
6
  {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.styles.cjs","sources":["../../../src/SnackbarProvider/SnackbarProvider.styles.ts"],"sourcesContent":["import { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n \"HvSnackbarProvider\",\n {\n snackItemRoot: {\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n },\n }\n);\n"],"names":["createClasses"],"mappings":";;;AAEa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,eAAe;AAAA,QACf,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;;;"}
@@ -225,10 +225,10 @@ const Slider_styles = require("./Slider/Slider.styles.cjs");
225
225
  const Slider = require("./Slider/Slider.cjs");
226
226
  const Snackbar_styles = require("./Snackbar/Snackbar.styles.cjs");
227
227
  const Snackbar = require("./Snackbar/Snackbar.cjs");
228
- const SnackbarProvider_styles = require("./Snackbar/SnackbarProvider/SnackbarProvider.styles.cjs");
229
- const SnackbarProvider = require("./Snackbar/SnackbarProvider/SnackbarProvider.cjs");
230
228
  const SnackbarContent_styles = require("./Snackbar/SnackbarContent/SnackbarContent.styles.cjs");
231
229
  const SnackbarContent = require("./Snackbar/SnackbarContent/SnackbarContent.cjs");
230
+ const SnackbarProvider_styles = require("./SnackbarProvider/SnackbarProvider.styles.cjs");
231
+ const SnackbarProvider = require("./SnackbarProvider/SnackbarProvider.cjs");
232
232
  const Stack_styles = require("./Stack/Stack.styles.cjs");
233
233
  const Stack = require("./Stack/Stack.cjs");
234
234
  const Switch_styles = require("./Switch/Switch.styles.cjs");
@@ -571,11 +571,11 @@ exports.sliderClasses = Slider_styles.staticClasses;
571
571
  exports.HvSlider = Slider.HvSlider;
572
572
  exports.snackbarClasses = Snackbar_styles.staticClasses;
573
573
  exports.HvSnackbar = Snackbar.HvSnackbar;
574
+ exports.snackbarContentClasses = SnackbarContent_styles.staticClasses;
575
+ exports.HvSnackbarContent = SnackbarContent.HvSnackbarContent;
574
576
  exports.snackbarProviderClasses = SnackbarProvider_styles.staticClasses;
575
577
  exports.HvSnackbarProvider = SnackbarProvider.HvSnackbarProvider;
576
578
  exports.useHvSnackbar = SnackbarProvider.useHvSnackbar;
577
- exports.snackbarContentClasses = SnackbarContent_styles.staticClasses;
578
- exports.HvSnackbarContent = SnackbarContent.HvSnackbarContent;
579
579
  exports.stackClasses = Stack_styles.staticClasses;
580
580
  exports.HvStack = Stack.HvStack;
581
581
  exports.switchClasses = Switch_styles.staticClasses;
@@ -3,7 +3,7 @@ import { forwardRef, useCallback, useMemo } from "react";
3
3
  import { SnackbarContent, useSnackbar, SnackbarProvider } from "notistack";
4
4
  import { useClasses } from "./SnackbarProvider.styles.js";
5
5
  import { staticClasses } from "./SnackbarProvider.styles.js";
6
- import { HvSnackbarContent } from "../SnackbarContent/SnackbarContent.js";
6
+ import { HvSnackbarContent } from "../Snackbar/SnackbarContent/SnackbarContent.js";
7
7
  const HvNotistackSnackMessage = forwardRef((props, ref) => {
8
8
  const { id, message, variant = "success", snackbarContentProps } = props;
9
9
  return /* @__PURE__ */ jsx(SnackbarContent, { ref, children: /* @__PURE__ */ jsx(
@@ -19,7 +19,11 @@ const HvNotistackSnackMessage = forwardRef((props, ref) => {
19
19
  ) });
20
20
  });
21
21
  const useHvSnackbar = () => {
22
- const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = useSnackbar();
22
+ const snackbarContext = useSnackbar();
23
+ if (!snackbarContext) {
24
+ throw new Error("useHvSnackbar must be used within an HvSnackbarProvider");
25
+ }
26
+ const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } = snackbarContext;
23
27
  const enqueueSnackbar = useCallback(
24
28
  (message, options = {}) => {
25
29
  const {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.js","sources":["../../../src/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n CombinedClassKey,\n OptionsObject,\n SnackbarContent,\n SnackbarProvider,\n SnackbarProviderProps,\n useSnackbar,\n} from \"notistack\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material/styles\";\n\nimport { ExtractNames } from \"../utils/classes\";\nimport {\n HvSnackbarContent,\n HvSnackbarContentProps,\n} from \"../Snackbar/SnackbarContent\";\nimport { HvSnackbarVariant } from \"../Snackbar/types\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarProviderClasses;\n className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps extends OptionsObject {\n /** Id to be applied to the root node. */\n id?: string;\n /** class name to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>((props, ref) => {\n const { id, message, variant = \"success\", snackbarContentProps } = props;\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n role=\"none\"\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n const snackbarContext = useSnackbar();\n\n if (!snackbarContext) {\n throw new Error(\"useHvSnackbar must be used within an HvSnackbarProvider\");\n }\n\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n snackbarContext;\n\n const enqueueSnackbar = useCallback(\n (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n } = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nexport const HvSnackbarProvider = ({\n children,\n notistackClassesOverride,\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n classes: classesProp,\n className,\n ...others\n}: HvSnackbarProviderProps) => {\n const { classes, css, cx } = useClasses(classesProp);\n\n const notistackClasses: SnackbarProviderProps[\"classes\"] = {\n containerRoot: css({\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n }),\n ...notistackClassesOverride,\n };\n\n return (\n <SnackbarProvider\n classes={notistackClasses}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n className={cx(classes.snackItemRoot, className)}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n"],"names":[],"mappings":";;;;;;AAuDA,MAAM,0BAA0B,WAG9B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,IAAI,SAAS,UAAU,WAAW,qBAAyB,IAAA;AAEjE,SAAA,oBAAC,mBAAgB,KACf,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAEJ,CAAC;AAGM,MAAM,gBAAgB,MAAM;AACjC,QAAM,kBAAkB;AAExB,MAAI,CAAC,iBAAiB;AACd,UAAA,IAAI,MAAM,yDAAyD;AAAA,EAC3E;AAEA,QAAM,EAAE,iBAAiB,0BAA0B,cAAA,IACjD;AAEF,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAoB,UAAwC,OAAO;AAC5D,YAAA;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACD,IAAA;AAEG,aAAA;AAAA,QACL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,EAAE,GAAG,cAAc,UAAU;AAAA,MAAA;AAAA,IAEjC;AAAA,IACA,CAAC,wBAAwB;AAAA,EAAA;AAEpB,SAAA;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAEnC;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,eAAe;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,QAAM,EAAE,SAAS,KAAK,GAAG,IAAI,WAAW,WAAW;AAEnD,QAAM,mBAAqD;AAAA,IACzD,eAAe,IAAI;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA;AAAA,QAEf,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IAAA,CACD;AAAA,IACD,GAAG;AAAA,EAAA;AAIH,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,SAAS;AAAA,MAC7C,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
@@ -1,4 +1,4 @@
1
- import { createClasses } from "../../utils/classes.js";
1
+ import { createClasses } from "../utils/classes.js";
2
2
  const { useClasses, staticClasses } = createClasses(
3
3
  "HvSnackbarProvider",
4
4
  {
@@ -0,0 +1 @@
1
+ {"version":3,"file":"SnackbarProvider.styles.js","sources":["../../../src/SnackbarProvider/SnackbarProvider.styles.ts"],"sourcesContent":["import { createClasses } from \"../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n \"HvSnackbarProvider\",\n {\n snackItemRoot: {\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n },\n }\n);\n"],"names":[],"mappings":";AAEa,MAAA,EAAE,YAAY,cAAA,IAAkB;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,eAAe;AAAA,QACf,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;"}
package/dist/esm/index.js CHANGED
@@ -223,10 +223,10 @@ import { staticClasses as staticClasses86 } from "./Slider/Slider.styles.js";
223
223
  import { HvSlider } from "./Slider/Slider.js";
224
224
  import { staticClasses as staticClasses87 } from "./Snackbar/Snackbar.styles.js";
225
225
  import { HvSnackbar } from "./Snackbar/Snackbar.js";
226
- import { staticClasses as staticClasses88 } from "./Snackbar/SnackbarProvider/SnackbarProvider.styles.js";
227
- import { HvSnackbarProvider, useHvSnackbar } from "./Snackbar/SnackbarProvider/SnackbarProvider.js";
228
- import { staticClasses as staticClasses89 } from "./Snackbar/SnackbarContent/SnackbarContent.styles.js";
226
+ import { staticClasses as staticClasses88 } from "./Snackbar/SnackbarContent/SnackbarContent.styles.js";
229
227
  import { HvSnackbarContent } from "./Snackbar/SnackbarContent/SnackbarContent.js";
228
+ import { staticClasses as staticClasses89 } from "./SnackbarProvider/SnackbarProvider.styles.js";
229
+ import { HvSnackbarProvider, useHvSnackbar } from "./SnackbarProvider/SnackbarProvider.js";
230
230
  import { staticClasses as staticClasses90 } from "./Stack/Stack.styles.js";
231
231
  import { HvStack } from "./Stack/Stack.js";
232
232
  import { staticClasses as staticClasses91 } from "./Switch/Switch.styles.js";
@@ -597,8 +597,8 @@ export {
597
597
  staticClasses85 as simpleGridClasses,
598
598
  staticClasses86 as sliderClasses,
599
599
  staticClasses87 as snackbarClasses,
600
- staticClasses89 as snackbarContentClasses,
601
- staticClasses88 as snackbarProviderClasses,
600
+ staticClasses88 as snackbarContentClasses,
601
+ staticClasses89 as snackbarProviderClasses,
602
602
  staticClasses90 as stackClasses,
603
603
  staticClasses12 as suggestionsClasses,
604
604
  staticClasses91 as switchClasses,
@@ -4567,7 +4567,7 @@ export declare const hvNodeFallback: (value: any) => any;
4567
4567
  export declare interface HvNotistackSnackMessageProps extends OptionsObject {
4568
4568
  /** Id to be applied to the root node. */
4569
4569
  id?: string;
4570
- /** Classname to apply on the root node */
4570
+ /** class name to apply on the root node */
4571
4571
  className?: string;
4572
4572
  /** Your component tree. */
4573
4573
  message?: ReactNode;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@hitachivantara/uikit-react-core",
3
- "version": "5.41.0",
3
+ "version": "5.41.1",
4
4
  "private": false,
5
5
  "author": "Hitachi Vantara UI Kit Team",
6
6
  "description": "Core React components for the NEXT Design System.",
@@ -64,7 +64,7 @@
64
64
  "access": "public",
65
65
  "directory": "package"
66
66
  },
67
- "gitHead": "5d2df079c4d3e8b19badd85be4e98b4d778e6d84",
67
+ "gitHead": "f832f11b0fb13078c7d71a8f4ce9173010108413",
68
68
  "main": "dist/cjs/index.cjs",
69
69
  "exports": {
70
70
  ".": {
@@ -1 +0,0 @@
1
- {"version":3,"file":"SnackbarProvider.cjs","sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n CombinedClassKey,\n OptionsObject,\n SnackbarContent,\n SnackbarProvider,\n SnackbarProviderProps,\n useSnackbar,\n} from \"notistack\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material/styles\";\n\nimport { ExtractNames } from \"../../utils/classes\";\n\nimport { HvSnackbarContent, HvSnackbarContentProps } from \"../SnackbarContent\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarProviderClasses;\n className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps extends OptionsObject {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>((props, ref) => {\n const { id, message, variant = \"success\", snackbarContentProps } = props;\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n role=\"none\"\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n\n const enqueueSnackbar = useCallback(\n (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n } = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nexport const HvSnackbarProvider = ({\n children,\n notistackClassesOverride,\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n classes: classesProp,\n className,\n ...others\n}: HvSnackbarProviderProps) => {\n const { classes, css, cx } = useClasses(classesProp);\n\n const notistackClasses: SnackbarProviderProps[\"classes\"] = {\n containerRoot: css({\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n }),\n ...notistackClassesOverride,\n };\n\n return (\n <SnackbarProvider\n classes={notistackClasses}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n className={cx(classes.snackItemRoot, className)}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n"],"names":["forwardRef","jsx","SnackbarContent","HvSnackbarContent","useSnackbar","useCallback","useMemo","useClasses","SnackbarProvider"],"mappings":";;;;;;;AAqDA,MAAM,0BAA0BA,MAAA,WAG9B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,IAAI,SAAS,UAAU,WAAW,qBAAyB,IAAA;AAEjE,SAAAC,2BAAA,IAACC,6BAAgB,KACf,UAAAD,2BAAA;AAAA,IAACE,gBAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAEJ,CAAC;AAGM,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,iBAAiB,0BAA0B,kBACjDC,UAAY,YAAA;AAEd,QAAM,kBAAkBC,MAAA;AAAA,IACtB,CAAC,SAAoB,UAAwC,OAAO;AAC5D,YAAA;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACD,IAAA;AAEG,aAAA;AAAA,QACLJ,2BAAA;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,EAAE,GAAG,cAAc,UAAU;AAAA,MAAA;AAAA,IAEjC;AAAA,IACA,CAAC,wBAAwB;AAAA,EAAA;AAEpB,SAAAK,MAAA;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAEnC;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,eAAe;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,QAAM,EAAE,SAAS,KAAK,GAAG,IAAIC,wBAAAA,WAAW,WAAW;AAEnD,QAAM,mBAAqD;AAAA,IACzD,eAAe,IAAI;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA;AAAA,QAEf,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IAAA,CACD;AAAA,IACD,GAAG;AAAA,EAAA;AAIH,SAAAN,2BAAA;AAAA,IAACO,UAAA;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,SAAS;AAAA,MAC7C,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SnackbarProvider.styles.cjs","sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n \"HvSnackbarProvider\",\n {\n snackItemRoot: {\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n },\n }\n);\n"],"names":["createClasses"],"mappings":";;;AAEa,MAAA,EAAE,YAAY,cAAA,IAAkBA,QAAA;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,eAAe;AAAA,QACf,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;;;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SnackbarProvider.js","sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.tsx"],"sourcesContent":["import { forwardRef, ReactNode, useCallback, useMemo } from \"react\";\n\nimport {\n CombinedClassKey,\n OptionsObject,\n SnackbarContent,\n SnackbarProvider,\n SnackbarProviderProps,\n useSnackbar,\n} from \"notistack\";\n\nimport { SnackbarOrigin } from \"@mui/material/Snackbar\";\nimport { ClassNameMap } from \"@mui/material/styles\";\n\nimport { ExtractNames } from \"../../utils/classes\";\n\nimport { HvSnackbarContent, HvSnackbarContentProps } from \"../SnackbarContent\";\nimport { staticClasses, useClasses } from \"./SnackbarProvider.styles\";\nimport { HvSnackbarVariant } from \"../types\";\n\nexport { staticClasses as snackbarProviderClasses };\n\nexport type HvSnackbarProviderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvSnackbarProviderProps {\n /** Your component tree. */\n children: React.ReactNode;\n /** Max visible snackbars. */\n maxSnack?: number;\n /** How much time the snackbar remains visible in milliseconds. */\n autoHideDuration?: number;\n /** Where is the snackbar placed. */\n anchorOrigin?: SnackbarOrigin;\n /** Class object used to override notistack classes. */\n notistackClassesOverride?: Partial<ClassNameMap<CombinedClassKey>>;\n /** A Jss Object used to override or extend the styles applied to the component. */\n classes?: HvSnackbarProviderClasses;\n className?: string;\n}\n\nexport interface HvNotistackSnackMessageProps extends OptionsObject {\n /** Id to be applied to the root node. */\n id?: string;\n /** Classname to apply on the root node */\n className?: string;\n /** Your component tree. */\n message?: ReactNode;\n /** Variant of the snackbar. */\n variant?: HvSnackbarVariant;\n /** Extra values to pass to the snackbar. */\n snackbarContentProps?: HvSnackbarContentProps;\n}\n\nconst HvNotistackSnackMessage = forwardRef<\n HTMLDivElement,\n HvNotistackSnackMessageProps\n>((props, ref) => {\n const { id, message, variant = \"success\", snackbarContentProps } = props;\n return (\n <SnackbarContent ref={ref}>\n <HvSnackbarContent\n id={id}\n variant={variant}\n showIcon\n label={message}\n role=\"none\"\n {...snackbarContentProps}\n />\n </SnackbarContent>\n );\n});\n\n// We override notistack hook to be able to customize the snackbar that should be called.\nexport const useHvSnackbar = () => {\n const { enqueueSnackbar: enqueueNotistackSnackbar, closeSnackbar } =\n useSnackbar();\n\n const enqueueSnackbar = useCallback(\n (message: ReactNode, options: HvNotistackSnackMessageProps = {}) => {\n const {\n id,\n variant = \"success\",\n snackbarContentProps,\n className,\n ...otherOptions\n } = options;\n\n return enqueueNotistackSnackbar(\n <HvNotistackSnackMessage\n id={id}\n message={message}\n variant={variant}\n snackbarContentProps={snackbarContentProps}\n />,\n { ...otherOptions, className }\n );\n },\n [enqueueNotistackSnackbar]\n );\n return useMemo(\n () => ({\n enqueueSnackbar,\n closeSnackbar,\n }),\n [enqueueSnackbar, closeSnackbar]\n );\n};\n\nexport const HvSnackbarProvider = ({\n children,\n notistackClassesOverride,\n maxSnack = 5,\n autoHideDuration = 5000,\n anchorOrigin = {\n vertical: \"top\",\n horizontal: \"right\",\n },\n classes: classesProp,\n className,\n ...others\n}: HvSnackbarProviderProps) => {\n const { classes, css, cx } = useClasses(classesProp);\n\n const notistackClasses: SnackbarProviderProps[\"classes\"] = {\n containerRoot: css({\n pointerEvents: \"all\",\n \"& > div > div\": {\n // Overrides notistack extra padding\n padding: \"0 !important\",\n transition: \"all 0s ease 0s !important\",\n },\n }),\n ...notistackClassesOverride,\n };\n\n return (\n <SnackbarProvider\n classes={notistackClasses}\n maxSnack={maxSnack}\n autoHideDuration={autoHideDuration}\n anchorOrigin={anchorOrigin as SnackbarOrigin}\n className={cx(classes.snackItemRoot, className)}\n {...others}\n >\n {children}\n </SnackbarProvider>\n );\n};\n"],"names":[],"mappings":";;;;;;AAqDA,MAAM,0BAA0B,WAG9B,CAAC,OAAO,QAAQ;AAChB,QAAM,EAAE,IAAI,SAAS,UAAU,WAAW,qBAAyB,IAAA;AAEjE,SAAA,oBAAC,mBAAgB,KACf,UAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,UAAQ;AAAA,MACR,OAAO;AAAA,MACP,MAAK;AAAA,MACJ,GAAG;AAAA,IAAA;AAAA,EAER,EAAA,CAAA;AAEJ,CAAC;AAGM,MAAM,gBAAgB,MAAM;AACjC,QAAM,EAAE,iBAAiB,0BAA0B,kBACjD,YAAY;AAEd,QAAM,kBAAkB;AAAA,IACtB,CAAC,SAAoB,UAAwC,OAAO;AAC5D,YAAA;AAAA,QACJ;AAAA,QACA,UAAU;AAAA,QACV;AAAA,QACA;AAAA,QACA,GAAG;AAAA,MACD,IAAA;AAEG,aAAA;AAAA,QACL;AAAA,UAAC;AAAA,UAAA;AAAA,YACC;AAAA,YACA;AAAA,YACA;AAAA,YACA;AAAA,UAAA;AAAA,QACF;AAAA,QACA,EAAE,GAAG,cAAc,UAAU;AAAA,MAAA;AAAA,IAEjC;AAAA,IACA,CAAC,wBAAwB;AAAA,EAAA;AAEpB,SAAA;AAAA,IACL,OAAO;AAAA,MACL;AAAA,MACA;AAAA,IAAA;AAAA,IAEF,CAAC,iBAAiB,aAAa;AAAA,EAAA;AAEnC;AAEO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA,WAAW;AAAA,EACX,mBAAmB;AAAA,EACnB,eAAe;AAAA,IACb,UAAU;AAAA,IACV,YAAY;AAAA,EACd;AAAA,EACA,SAAS;AAAA,EACT;AAAA,EACA,GAAG;AACL,MAA+B;AAC7B,QAAM,EAAE,SAAS,KAAK,GAAG,IAAI,WAAW,WAAW;AAEnD,QAAM,mBAAqD;AAAA,IACzD,eAAe,IAAI;AAAA,MACjB,eAAe;AAAA,MACf,iBAAiB;AAAA;AAAA,QAEf,SAAS;AAAA,QACT,YAAY;AAAA,MACd;AAAA,IAAA,CACD;AAAA,IACD,GAAG;AAAA,EAAA;AAIH,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,SAAS;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW,GAAG,QAAQ,eAAe,SAAS;AAAA,MAC7C,GAAG;AAAA,MAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"SnackbarProvider.styles.js","sources":["../../../../src/Snackbar/SnackbarProvider/SnackbarProvider.styles.tsx"],"sourcesContent":["import { createClasses } from \"../../utils/classes\";\n\nexport const { useClasses, staticClasses } = createClasses(\n \"HvSnackbarProvider\",\n {\n snackItemRoot: {\n backgroundColor: \"transparent !important\",\n boxShadow: \"none !important\",\n \"&&\": {\n color: \"inherit\",\n padding: \"0\",\n fontSize: \"inherit\",\n boxShadow: \"none\",\n alignItems: \"center\",\n fontFamily: \"inherit\",\n fontWeight: \"inherit\",\n lineHeight: \"inherit\",\n borderRadius: \"0\",\n letterSpacing: \"inherit\",\n backgroundColor: \"inherit\",\n },\n },\n }\n);\n"],"names":[],"mappings":";AAEa,MAAA,EAAE,YAAY,cAAA,IAAkB;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,iBAAiB;AAAA,MACjB,WAAW;AAAA,MACX,MAAM;AAAA,QACJ,OAAO;AAAA,QACP,SAAS;AAAA,QACT,UAAU;AAAA,QACV,WAAW;AAAA,QACX,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,YAAY;AAAA,QACZ,cAAc;AAAA,QACd,eAAe;AAAA,QACf,iBAAiB;AAAA,MACnB;AAAA,IACF;AAAA,EACF;AACF;"}