@hitachivantara/uikit-react-core 5.41.1 → 5.42.0

package/dist/esm/hooks/useCss.mjs

@@ -0,0 +1,52 @@
+import { useMemo } from "react";
+import clsx from "clsx";
+import { serializeStyles } from "@emotion/serialize";
+import { insertStyles, getRegisteredStyles } from "@emotion/utils";
+import { useEmotionCache } from "./useEmotionCache.mjs";
+function getRef(args) {
+  if (args.length !== 1) {
+    return { args, ref: void 0 };
+  }
+  const [arg] = args;
+  if (!(arg instanceof Object)) {
+    return { args, ref: void 0 };
+  }
+  if (!("ref" in arg)) {
+    return { args, ref: void 0 };
+  }
+  const { ref, ...argCopy } = arg;
+  return { args: [argCopy], ref };
+}
+const cssFactory = (() => {
+  function merge(registered, css, className) {
+    const registeredStyles = [];
+    const rawClassName = getRegisteredStyles(
+      registered,
+      registeredStyles,
+      className
+    );
+    if (registeredStyles.length < 2) {
+      return className;
+    }
+    return rawClassName + css(registeredStyles);
+  }
+  function innerCssFactory(cache) {
+    const css = (...styles) => {
+      const { ref, args } = getRef(styles);
+      const serialized = serializeStyles(args, cache.registered);
+      insertStyles(cache, serialized, false);
+      return `${cache.key}-${serialized.name}${ref === void 0 ? "" : ` ${ref}`}`;
+    };
+    const cx = (...args) => merge(cache.registered, css, clsx(args));
+    return { css, cx };
+  }
+  return innerCssFactory;
+})();
+function useCss() {
+  const cache = useEmotionCache();
+  return useMemo(() => cssFactory(cache), [cache]);
+}
+export {
+  useCss
+};
+//# sourceMappingURL=useCss.mjs.map

package/dist/esm/hooks/useCss.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useCss.mjs","sources":["../../../src/hooks/useCss.ts"],"sourcesContent":["import { useMemo } from \"react\";\nimport clsx from \"clsx\";\nimport { css as emotionCss, EmotionCache } from \"@emotion/css\";\nimport { serializeStyles, RegisteredCache } from \"@emotion/serialize\";\nimport { insertStyles, getRegisteredStyles } from \"@emotion/utils\";\n\nimport { useEmotionCache } from \"./useEmotionCache\";\n\ntype CSS = typeof emotionCss;\n\nfunction getRef(args: any[]) {\n  if (args.length !== 1) {\n    return { args, ref: undefined };\n  }\n\n  const [arg] = args;\n\n  if (!(arg instanceof Object)) {\n    return { args, ref: undefined };\n  }\n\n  if (!(\"ref\" in arg)) {\n    return { args, ref: undefined };\n  }\n\n  const { ref, ...argCopy } = arg;\n  return { args: [argCopy], ref };\n}\n\nconst cssFactory = (() => {\n  function merge(registered: RegisteredCache, css: CSS, className: string) {\n    const registeredStyles: string[] = [];\n\n    const rawClassName = getRegisteredStyles(\n      registered,\n      registeredStyles,\n      className\n    );\n\n    if (registeredStyles.length < 2) {\n      return className;\n    }\n\n    return rawClassName + css(registeredStyles);\n  }\n\n  function innerCssFactory(cache: EmotionCache) {\n    const css: CSS = (...styles: any) => {\n      const { ref, args } = getRef(styles);\n      const serialized = serializeStyles(args, cache.registered);\n      insertStyles(cache, serialized, false);\n      return `${cache.key}-${serialized.name}${\n        ref === undefined ? \"\" : ` ${ref}`\n      }`;\n    };\n\n    const cx = (...args: any) => merge(cache.registered, css, clsx(args));\n\n    return { css, cx };\n  }\n\n  return innerCssFactory;\n})();\n\nexport function useCss() {\n  const cache = useEmotionCache();\n  return useMemo(() => cssFactory(cache), [cache]);\n}\n"],"names":[],"mappings":";;;;;AAUA,SAAS,OAAO,MAAa;AACvB,MAAA,KAAK,WAAW,GAAG;AACd,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEM,QAAA,CAAC,GAAG,IAAI;AAEV,MAAA,EAAE,eAAe,SAAS;AACrB,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEI,MAAA,EAAE,SAAS,MAAM;AACZ,WAAA,EAAE,MAAM,KAAK,OAAU;AAAA,EAChC;AAEA,QAAM,EAAE,KAAK,GAAG,QAAA,IAAY;AAC5B,SAAO,EAAE,MAAM,CAAC,OAAO,GAAG,IAAI;AAChC;AAEA,MAAM,cAAc,MAAM;AACf,WAAA,MAAM,YAA6B,KAAU,WAAmB;AACvE,UAAM,mBAA6B,CAAA;AAEnC,UAAM,eAAe;AAAA,MACnB;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAGE,QAAA,iBAAiB,SAAS,GAAG;AACxB,aAAA;AAAA,IACT;AAEO,WAAA,eAAe,IAAI,gBAAgB;AAAA,EAC5C;AAEA,WAAS,gBAAgB,OAAqB;AACtC,UAAA,MAAW,IAAI,WAAgB;AACnC,YAAM,EAAE,KAAK,KAAK,IAAI,OAAO,MAAM;AACnC,YAAM,aAAa,gBAAgB,MAAM,MAAM,UAAU;AAC5C,mBAAA,OAAO,YAAY,KAAK;AACrC,aAAO,GAAG,MAAM,GAAG,IAAI,WAAW,IAAI,GACpC,QAAQ,SAAY,KAAK,IAAI,GAAG,EAClC;AAAA,IAAA;AAGI,UAAA,KAAK,IAAI,SAAc,MAAM,MAAM,YAAY,KAAK,KAAK,IAAI,CAAC;AAE7D,WAAA,EAAE,KAAK;EAChB;AAEO,SAAA;AACT;AAEO,SAAS,SAAS;AACvB,QAAM,QAAQ;AACd,SAAO,QAAQ,MAAM,WAAW,KAAK,GAAG,CAAC,KAAK,CAAC;AACjD;"}

package/dist/esm/hooks/useDefaultProps.mjs

@@ -0,0 +1,41 @@
+import { useMemo } from "react";
+import { useCss } from "./useCss.mjs";
+import { useTheme } from "./useTheme.mjs";
+function filterProps(props) {
+  return Object.keys(props).reduce((acc, key) => {
+    if (props[key] !== void 0) {
+      acc[key] = props[key];
+    }
+    return acc;
+  }, {});
+}
+function useDefaultProps(componentName, props) {
+  const { activeTheme } = useTheme();
+  const { css, cx } = useCss();
+  const themeDefaultProps = activeTheme?.components?.[componentName];
+  const classes = useMemo(() => {
+    const themeClasses = themeDefaultProps?.classes || {};
+    const propsClasses = props?.classes || {};
+    const classKeys = [
+      ...Object.keys(themeClasses),
+      ...Object.keys(propsClasses)
+    ];
+    return classKeys.reduce((acc, key) => {
+      acc[key] = cx(
+        themeClasses[key] && css(themeClasses[key]),
+        propsClasses[key]
+      );
+      return acc;
+    }, {});
+  }, [css, cx, props?.classes, themeDefaultProps?.classes]);
+  return {
+    ...themeDefaultProps,
+    ...filterProps(props),
+    classes
+  };
+}
+export {
+  filterProps,
+  useDefaultProps
+};
+//# sourceMappingURL=useDefaultProps.mjs.map

package/dist/esm/hooks/useDefaultProps.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useDefaultProps.mjs","sources":["../../../src/hooks/useDefaultProps.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { useCss } from \"./useCss\";\nimport { useTheme } from \"./useTheme\";\n\n/** Filter out `undefined` entries from `props` object. */\nexport function filterProps(props: Record<string, any>) {\n  return Object.keys(props).reduce((acc, key) => {\n    if (props[key] !== undefined) {\n      acc[key] = props[key];\n    }\n    return acc;\n  }, {} as typeof props);\n}\n\n/** Injects into `props` the props defined in the theme `componentName`. */\nexport function useDefaultProps<T extends Record<string, any>>(\n  /** Name of the theme component key to inject defaultProps */\n  componentName: string, // keyof HvThemeComponents,\n  props: T\n): T {\n  const { activeTheme } = useTheme();\n  const { css, cx } = useCss();\n\n  const themeDefaultProps = activeTheme?.components?.[componentName];\n\n  const classes = useMemo(() => {\n    const themeClasses = themeDefaultProps?.classes || {};\n    const propsClasses = props?.classes || {};\n    const classKeys = [\n      ...Object.keys(themeClasses),\n      ...Object.keys(propsClasses),\n    ];\n    return classKeys.reduce((acc, key) => {\n      acc[key] = cx(\n        themeClasses[key] && css(themeClasses[key]),\n        propsClasses[key]\n      );\n      return acc;\n    }, {} as Record<string, string>);\n  }, [css, cx, props?.classes, themeDefaultProps?.classes]);\n\n  return {\n    ...themeDefaultProps,\n    ...filterProps(props),\n    classes,\n  };\n}\n"],"names":[],"mappings":";;;AAMO,SAAS,YAAY,OAA4B;AACtD,SAAO,OAAO,KAAK,KAAK,EAAE,OAAO,CAAC,KAAK,QAAQ;AACzC,QAAA,MAAM,GAAG,MAAM,QAAW;AACxB,UAAA,GAAG,IAAI,MAAM,GAAG;AAAA,IACtB;AACO,WAAA;AAAA,EACT,GAAG,CAAkB,CAAA;AACvB;AAGgB,SAAA,gBAEd,eACA,OACG;AACG,QAAA,EAAE,gBAAgB;AACxB,QAAM,EAAE,KAAK,GAAG,IAAI,OAAO;AAErB,QAAA,oBAAoB,aAAa,aAAa,aAAa;AAE3D,QAAA,UAAU,QAAQ,MAAM;AACtB,UAAA,eAAe,mBAAmB,WAAW;AAC7C,UAAA,eAAe,OAAO,WAAW;AACvC,UAAM,YAAY;AAAA,MAChB,GAAG,OAAO,KAAK,YAAY;AAAA,MAC3B,GAAG,OAAO,KAAK,YAAY;AAAA,IAAA;AAE7B,WAAO,UAAU,OAAO,CAAC,KAAK,QAAQ;AACpC,UAAI,GAAG,IAAI;AAAA,QACT,aAAa,GAAG,KAAK,IAAI,aAAa,GAAG,CAAC;AAAA,QAC1C,aAAa,GAAG;AAAA,MAAA;AAEX,aAAA;AAAA,IACT,GAAG,CAA4B,CAAA;AAAA,EAAA,GAC9B,CAAC,KAAK,IAAI,OAAO,SAAS,mBAAmB,OAAO,CAAC;AAEjD,SAAA;AAAA,IACL,GAAG;AAAA,IACH,GAAG,YAAY,KAAK;AAAA,IACpB;AAAA,EAAA;AAEJ;"}

package/dist/esm/hooks/useEmotionCache.mjs

@@ -0,0 +1,12 @@
+import { useContext } from "react";
+import "@emotion/react/jsx-runtime";
+import "@hitachivantara/uikit-styles";
+import { EmotionContext } from "@hitachivantara/uikit-react-shared";
+import "@mui/material/styles";
+function useEmotionCache() {
+  return useContext(EmotionContext).cache;
+}
+export {
+  useEmotionCache
+};
+//# sourceMappingURL=useEmotionCache.mjs.map

package/dist/esm/hooks/useEmotionCache.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEmotionCache.mjs","sources":["../../../src/hooks/useEmotionCache.ts"],"sourcesContent":["import { useContext } from \"react\";\n\nimport { EmotionContext } from \"../providers/ThemeProvider\";\n\nexport function useEmotionCache() {\n  return useContext(EmotionContext).cache;\n}\n"],"names":[],"mappings":";;;;;AAIO,SAAS,kBAAkB;AACzB,SAAA,WAAW,cAAc,EAAE;AACpC;"}

package/dist/esm/hooks/useEnhancedEffect.mjs

@@ -0,0 +1,6 @@
+import { useLayoutEffect, useEffect } from "react";
+const useEnhancedEffect = typeof window !== "undefined" ? useLayoutEffect : useEffect;
+export {
+  useEnhancedEffect
+};
+//# sourceMappingURL=useEnhancedEffect.mjs.map

package/dist/esm/hooks/useEnhancedEffect.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useEnhancedEffect.mjs","sources":["../../../src/hooks/useEnhancedEffect.ts"],"sourcesContent":["import { useEffect, useLayoutEffect } from \"react\";\n\nexport const useEnhancedEffect =\n  typeof window !== \"undefined\" ? useLayoutEffect : useEffect;\n"],"names":[],"mappings":";AAEO,MAAM,oBACX,OAAO,WAAW,cAAc,kBAAkB;"}

package/dist/esm/hooks/useForkRef.mjs

@@ -0,0 +1,23 @@
+import * as React from "react";
+const setRef = (ref, value) => {
+  if (typeof ref === "function") {
+    ref(value);
+  } else if (ref) {
+    ref.current = value;
+  }
+};
+const useForkRef = (refA, refB) => {
+  return React.useMemo(() => {
+    if (refA == null && refB == null) {
+      return null;
+    }
+    return (refValue) => {
+      setRef(refA, refValue);
+      setRef(refB, refValue);
+    };
+  }, [refA, refB]);
+};
+export {
+  useForkRef
+};
+//# sourceMappingURL=useForkRef.mjs.map

package/dist/esm/hooks/useForkRef.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useForkRef.mjs","sources":["../../../src/hooks/useForkRef.ts"],"sourcesContent":["// copied from https://github.com/mui-org/material-ui/blob/03bd73be34424cb2cd17ac602def9ad2b9642de4/packages/material-ui-utils/src/useForkRef.js\nimport * as React from \"react\";\n\nconst setRef = (ref, value) => {\n  if (typeof ref === \"function\") {\n    ref(value);\n  } else if (ref) {\n    ref.current = value;\n  }\n};\n\nexport const useForkRef = (refA, refB) => {\n  /**\n   * This will create a new function if the ref props change and are defined.\n   * This means react will call the old forkRef with `null` and the new forkRef\n   * with the ref. Cleanup naturally emerges from this behavior.\n   */\n  return React.useMemo(() => {\n    if (refA == null && refB == null) {\n      return null;\n    }\n    return (refValue) => {\n      setRef(refA, refValue);\n      setRef(refB, refValue);\n    };\n  }, [refA, refB]);\n};\n"],"names":[],"mappings":";AAGA,MAAM,SAAS,CAAC,KAAK,UAAU;AACzB,MAAA,OAAO,QAAQ,YAAY;AAC7B,QAAI,KAAK;AAAA,aACA,KAAK;AACd,QAAI,UAAU;AAAA,EAChB;AACF;AAEa,MAAA,aAAa,CAAC,MAAM,SAAS;AAMjC,SAAA,MAAM,QAAQ,MAAM;AACrB,QAAA,QAAQ,QAAQ,QAAQ,MAAM;AACzB,aAAA;AAAA,IACT;AACA,WAAO,CAAC,aAAa;AACnB,aAAO,MAAM,QAAQ;AACrB,aAAO,MAAM,QAAQ;AAAA,IAAA;AAAA,EACvB,GACC,CAAC,MAAM,IAAI,CAAC;AACjB;"}

package/dist/esm/hooks/useImageLoaded.mjs

@@ -0,0 +1,34 @@
+import { useState, useEffect } from "react";
+const useImageLoaded = (src, srcSet) => {
+  const [imageLoaded, setImageLoaded] = useState(false);
+  useEffect(() => {
+    if (!src && !srcSet) {
+      return void 0;
+    }
+    setImageLoaded(false);
+    let active = true;
+    const image = new Image();
+    image.src = src || "";
+    image.srcset = srcSet || "";
+    image.onload = () => {
+      if (!active) {
+        return;
+      }
+      setImageLoaded("loaded");
+    };
+    image.onerror = () => {
+      if (!active) {
+        return;
+      }
+      setImageLoaded("error");
+    };
+    return () => {
+      active = false;
+    };
+  }, [src, srcSet]);
+  return imageLoaded;
+};
+export {
+  useImageLoaded
+};
+//# sourceMappingURL=useImageLoaded.mjs.map

package/dist/esm/hooks/useImageLoaded.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useImageLoaded.mjs","sources":["../../../src/hooks/useImageLoaded.ts"],"sourcesContent":["import { useEffect, useState } from \"react\";\n\nexport const useImageLoaded = (src?: string, srcSet?: string) => {\n  const [imageLoaded, setImageLoaded] = useState<boolean | string>(false);\n\n  useEffect(() => {\n    if (!src && !srcSet) {\n      return undefined;\n    }\n\n    setImageLoaded(false);\n\n    let active = true;\n    const image = new Image();\n    image.src = src || \"\";\n    image.srcset = srcSet || \"\";\n    image.onload = () => {\n      if (!active) {\n        return;\n      }\n\n      setImageLoaded(\"loaded\");\n    };\n    image.onerror = () => {\n      if (!active) {\n        return;\n      }\n\n      setImageLoaded(\"error\");\n    };\n\n    return () => {\n      active = false;\n    };\n  }, [src, srcSet]);\n\n  return imageLoaded;\n};\n"],"names":[],"mappings":";AAEa,MAAA,iBAAiB,CAAC,KAAc,WAAoB;AAC/D,QAAM,CAAC,aAAa,cAAc,IAAI,SAA2B,KAAK;AAEtE,YAAU,MAAM;AACV,QAAA,CAAC,OAAO,CAAC,QAAQ;AACZ,aAAA;AAAA,IACT;AAEA,mBAAe,KAAK;AAEpB,QAAI,SAAS;AACP,UAAA,QAAQ,IAAI;AAClB,UAAM,MAAM,OAAO;AACnB,UAAM,SAAS,UAAU;AACzB,UAAM,SAAS,MAAM;AACnB,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,qBAAe,QAAQ;AAAA,IAAA;AAEzB,UAAM,UAAU,MAAM;AACpB,UAAI,CAAC,QAAQ;AACX;AAAA,MACF;AAEA,qBAAe,OAAO;AAAA,IAAA;AAGxB,WAAO,MAAM;AACF,eAAA;AAAA,IAAA;AAAA,EACX,GACC,CAAC,KAAK,MAAM,CAAC;AAET,SAAA;AACT;"}

package/dist/esm/hooks/useIsMounted.mjs

@@ -0,0 +1,15 @@
+import React__default from "react";
+const useIsMounted = () => {
+  const isMounted = React__default.useRef(false);
+  React__default.useEffect(() => {
+    isMounted.current = true;
+    return () => {
+      isMounted.current = false;
+    };
+  }, []);
+  return isMounted;
+};
+export {
+  useIsMounted
+};
+//# sourceMappingURL=useIsMounted.mjs.map

package/dist/esm/hooks/useIsMounted.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useIsMounted.mjs","sources":["../../../src/hooks/useIsMounted.ts"],"sourcesContent":["import React from \"react\";\n\nexport const useIsMounted = () => {\n  const isMounted = React.useRef(false);\n\n  React.useEffect(() => {\n    isMounted.current = true;\n\n    return () => {\n      isMounted.current = false;\n    };\n  }, []);\n\n  return isMounted;\n};\n"],"names":["React"],"mappings":";AAEO,MAAM,eAAe,MAAM;AAC1B,QAAA,YAAYA,eAAM,OAAO,KAAK;AAEpCA,iBAAM,UAAU,MAAM;AACpB,cAAU,UAAU;AAEpB,WAAO,MAAM;AACX,gBAAU,UAAU;AAAA,IAAA;AAAA,EAExB,GAAG,CAAE,CAAA;AAEE,SAAA;AACT;"}

package/dist/esm/hooks/useLabels.mjs

@@ -0,0 +1,11 @@
+import React__default from "react";
+function useLabels(defaultLabels, labels) {
+  const merged = React__default.useMemo(() => {
+    return { ...defaultLabels, ...labels };
+  }, [defaultLabels, labels]);
+  return merged;
+}
+export {
+  useLabels
+};
+//# sourceMappingURL=useLabels.mjs.map

package/dist/esm/hooks/useLabels.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useLabels.mjs","sources":["../../../src/hooks/useLabels.ts"],"sourcesContent":["import React from \"react\";\n\nexport function useLabels<T>(defaultLabels: Partial<T>, labels: T): T {\n  const merged = React.useMemo(() => {\n    return { ...defaultLabels, ...labels };\n  }, [defaultLabels, labels]);\n\n  return merged;\n}\n"],"names":["React"],"mappings":";AAEgB,SAAA,UAAa,eAA2B,QAAc;AAC9D,QAAA,SAASA,eAAM,QAAQ,MAAM;AACjC,WAAO,EAAE,GAAG,eAAe,GAAG;EAAO,GACpC,CAAC,eAAe,MAAM,CAAC;AAEnB,SAAA;AACT;"}

package/dist/esm/hooks/useTheme.mjs

@@ -0,0 +1,16 @@
+import { useContext, useMemo } from "react";
+import "@emotion/react/jsx-runtime";
+import "@hitachivantara/uikit-styles";
+import { HvThemeContext } from "@hitachivantara/uikit-react-shared";
+import "@mui/material/styles";
+const useTheme = () => {
+  const context = useContext(HvThemeContext);
+  return useMemo(() => {
+    const { activeTheme, selectedMode } = context;
+    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };
+  }, [context]);
+};
+export {
+  useTheme
+};
+//# sourceMappingURL=useTheme.mjs.map

package/dist/esm/hooks/useTheme.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useTheme.mjs","sources":["../../../src/hooks/useTheme.ts"],"sourcesContent":["import { useContext, useMemo } from \"react\";\nimport { HvTheme } from \"@hitachivantara/uikit-react-shared\";\n\nimport {\n  HvThemeContext,\n  HvThemeContextValue,\n} from \"../providers/ThemeProvider\";\n\nexport const useTheme = (): HvThemeContextValue & {\n  /** Colors of the currently active theme and mode */\n  colors?: HvTheme[\"colors\"][\"modes\"][\"mode\"];\n} => {\n  const context = useContext(HvThemeContext);\n\n  return useMemo(() => {\n    const { activeTheme, selectedMode } = context;\n    return { ...context, colors: activeTheme?.colors.modes?.[selectedMode] };\n  }, [context]);\n};\n"],"names":[],"mappings":";;;;;AAQO,MAAM,WAAW,MAGnB;AACG,QAAA,UAAU,WAAW,cAAc;AAEzC,SAAO,QAAQ,MAAM;AACb,UAAA,EAAE,aAAa,aAAiB,IAAA;AAC/B,WAAA,EAAE,GAAG,SAAS,QAAQ,aAAa,OAAO,QAAQ,YAAY;EAAE,GACtE,CAAC,OAAO,CAAC;AACd;"}

package/dist/esm/hooks/useUniqueId.mjs

@@ -0,0 +1,7 @@
+import { useMemo } from "react";
+import uniqueId from "lodash/uniqueId";
+const useUniqueId = (id, idPrefix) => useMemo(() => id || uniqueId(idPrefix), [id, idPrefix]);
+export {
+  useUniqueId
+};
+//# sourceMappingURL=useUniqueId.mjs.map

package/dist/esm/hooks/useUniqueId.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useUniqueId.mjs","sources":["../../../src/hooks/useUniqueId.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport uniqueId from \"lodash/uniqueId\";\n\nexport const useUniqueId = (id?: string, idPrefix?: string) =>\n  useMemo(() => id || uniqueId(idPrefix), [id, idPrefix]);\n"],"names":[],"mappings":";;AAIO,MAAM,cAAc,CAAC,IAAa,aACvC,QAAQ,MAAM,MAAM,SAAS,QAAQ,GAAG,CAAC,IAAI,QAAQ,CAAC;"}

package/dist/esm/hooks/useWidth.mjs

@@ -0,0 +1,15 @@
+import { theme } from "@hitachivantara/uikit-styles";
+import { useTheme } from "@mui/material/styles";
+import useMediaQuery from "@mui/material/useMediaQuery";
+const useWidth = () => {
+  const muiTheme = useTheme();
+  const keys = Object.keys(theme.breakpoints.values).reverse();
+  return keys.reduce((output, key) => {
+    const matches = useMediaQuery(muiTheme.breakpoints.up(key));
+    return !output && matches ? key : output;
+  }, null) || "xs";
+};
+export {
+  useWidth
+};
+//# sourceMappingURL=useWidth.mjs.map

package/dist/esm/hooks/useWidth.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useWidth.mjs","sources":["../../../src/hooks/useWidth.ts"],"sourcesContent":["/* eslint-disable react-hooks/rules-of-hooks */\nimport { theme } from \"@hitachivantara/uikit-styles\";\nimport { Breakpoint, useTheme } from \"@mui/material/styles\";\nimport useMediaQuery from \"@mui/material/useMediaQuery\";\n\nexport const useWidth = () => {\n  const muiTheme = useTheme();\n  const keys = Object.keys(theme.breakpoints.values).reverse() as Breakpoint[];\n\n  return (\n    keys.reduce<Breakpoint | null>((output, key) => {\n      const matches = useMediaQuery(muiTheme.breakpoints.up(key));\n\n      return !output && matches ? key : output;\n    }, null) || \"xs\"\n  );\n};\n"],"names":[],"mappings":";;;AAKO,MAAM,WAAW,MAAM;AAC5B,QAAM,WAAW;AACjB,QAAM,OAAO,OAAO,KAAK,MAAM,YAAY,MAAM,EAAE;AAEnD,SACE,KAAK,OAA0B,CAAC,QAAQ,QAAQ;AAC9C,UAAM,UAAU,cAAc,SAAS,YAAY,GAAG,GAAG,CAAC;AAEnD,WAAA,CAAC,UAAU,UAAU,MAAM;AAAA,EAAA,GACjC,IAAI,KAAK;AAEhB;"}