@hitachivantara/uikit-react-core 5.44.1 → 5.44.3

package/dist/esm/providers/Provider.js

@@ -0,0 +1,83 @@
+import { jsxs, jsx } from "@emotion/react/jsx-runtime";
+import { useMemo } from "react";
+import createCache from "@emotion/cache";
+import { CacheProvider, Global, css, ClassNames } from "@emotion/react";
+import { CssBaseline, getThemesVars, CssScopedBaseline } from "@hitachivantara/uikit-styles";
+import { getElementById } from "../utils/document.js";
+import { processThemes } from "../utils/theme.js";
+import { useUniqueId } from "../hooks/useUniqueId.js";
+import { HvThemeProvider } from "./ThemeProvider.js";
+import { defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
+const scopedRootPrefix = "hv-uikit-scoped-root";
+const HvProvider = ({
+  children,
+  rootElementId,
+  cssBaseline = "global",
+  cssTheme = "global",
+  themes,
+  theme,
+  colorMode,
+  classNameKey = defaultCacheKey
+}) => {
+  const scopedRootId = useUniqueId(void 0, scopedRootPrefix);
+  const themesList = processThemes(themes);
+  const emotionCache = useMemo(
+    () => classNameKey === defaultCacheKey ? defaultEmotionCache : createCache({ key: classNameKey, prepend: true }),
+    [classNameKey]
+  );
+  return /* @__PURE__ */ jsxs(CacheProvider, { value: emotionCache, children: [
+    /* @__PURE__ */ jsx(
+      Global,
+      {
+        styles: css`
+          ${cssBaseline === "global" && {
+          [`@layer hv-uikit-baseline`]: {
+            ...CssBaseline
+          }
+        }}
+          ${getThemesVars(themesList)}
+        `
+      }
+    ),
+    /* @__PURE__ */ jsx(
+      HvThemeProvider,
+      {
+        themes: themesList,
+        theme: theme || themesList[0].name,
+        emotionCache,
+        colorMode: colorMode || Object.keys(themesList[0].colors.modes)[0],
+        themeRootId: cssTheme === "scoped" ? rootElementId || scopedRootId : void 0,
+        children: /* @__PURE__ */ jsx(ClassNames, { children: ({ css: css2 }) => {
+          if (cssBaseline === "scoped") {
+            const rootElement = getElementById(rootElementId);
+            if (rootElement) {
+              rootElement.classList.add(
+                css2({
+                  [`@layer ${rootElementId}-baseline`]: {
+                    ...CssScopedBaseline
+                  }
+                })
+              );
+            }
+          }
+          return (cssTheme === "scoped" || cssBaseline === "scoped") && !rootElementId ? /* @__PURE__ */ jsx(
+            "div",
+            {
+              id: scopedRootId,
+              className: cssBaseline === "scoped" ? css2({
+                [`@layer ${rootElementId}-baseline`]: {
+                  ...CssScopedBaseline
+                }
+              }) : void 0,
+              children
+            }
+          ) : children;
+        } })
+      }
+    )
+  ] });
+};
+export {
+  HvProvider
+};
+//# sourceMappingURL=Provider.js.map

package/dist/esm/providers/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Provider.js","sources":["../../../src/providers/Provider.tsx"],"sourcesContent":["import React, { useMemo } from \"react\";\n\nimport createCache from \"@emotion/cache\";\nimport {\n  css as cssReact,\n  Global,\n  CacheProvider,\n  ClassNames,\n} from \"@emotion/react\";\n\nimport {\n  CssBaseline,\n  CssScopedBaseline,\n  getThemesVars,\n  HvThemeStructure,\n} from \"@hitachivantara/uikit-styles\";\n\nimport { getElementById } from \"../utils/document\";\nimport { processThemes } from \"../utils/theme\";\nimport { HvTheme } from \"../types/theme\";\nimport { useUniqueId } from \"../hooks/useUniqueId\";\n\nimport {\n  HvThemeProvider,\n  defaultCacheKey,\n  defaultEmotionCache,\n} from \"./ThemeProvider\";\n\n// Provider props\nexport interface HvProviderProps {\n  /**\n   * Your component tree.\n   */\n  children?: React.ReactNode;\n  /**\n   * Id of your root element.\n   */\n  rootElementId?: string;\n  /**\n   * By default the baseline styles are applied globally, `global`, to the application for the UI Kit components to work properly.\n   * If you need to scope the baseline styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the baseline to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the baseline will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   * If you are providing your own baseline styles, you can set this property to `none` to disable the baseline styles.\n   */\n  cssBaseline?: \"global\" | \"scoped\" | \"none\";\n  /**\n   * By default the theme styles are applied globally, `global`, to the application.\n   * If you need to scope the theme styles to avoid styling conflicts, you can set this property to `scoped`.\n   * To scope the theme to your root, you need to add the `rootElementId` property.\n   * If the `rootElementId` property is not set, the theme will be scoped to a new container, `hv-uikit-scoped-root*`, created around your content.\n   */\n  cssTheme?: \"global\" | \"scoped\";\n  /**\n   * The string used to prefix the class names and uniquely identify them. The key can only contain lower case alphabetical characters.\n   * This is useful to avoid class name collisions.\n   *\n   * If no value is provided, the default is `hv`.\n   */\n  classNameKey?: string;\n  /**\n   * List of themes to be used by UI Kit.\n   * You can provide your own themes created with the `createTheme` utility and/or the default themes `ds3` and `ds5` provided by UI Kit.\n   *\n   * If no value is provided, the `ds5` theme will be used.\n   */\n  themes?: (HvTheme | HvThemeStructure)[];\n  /**\n   * The active theme. It must be one of the themes passed to `themes`.\n   *\n   * If no value is provided, the first theme from the `themes` list is used. If no `themes` list is provided, the `ds5` theme will be used.\n   */\n  theme?: string;\n  /**\n   * The active color mode. It must be one of the color modes of the active theme.\n   *\n   * If no value is provided, the first color mode defined in the active theme is used.\n   * For the default themes `ds3` and `ds5`, the `dawn` color mode is the one used.\n   */\n  colorMode?: string;\n}\n\nconst scopedRootPrefix = \"hv-uikit-scoped-root\" as const;\n\n/**\n * Enables theming capabilities and makes cross-component theme properties available down the tree.\n */\nexport const HvProvider = ({\n  children,\n  rootElementId,\n  cssBaseline = \"global\",\n  cssTheme = \"global\",\n  themes,\n  theme,\n  colorMode,\n  classNameKey = defaultCacheKey,\n}: HvProviderProps) => {\n  const scopedRootId = useUniqueId(undefined, scopedRootPrefix);\n\n  // Themes\n  const themesList: (HvTheme | HvThemeStructure)[] = processThemes(themes);\n\n  // Emotion cache\n  // Moves UI Kit styles to the top of the <head> so they're loaded first\n  // This enables users to override the UI Kit styles if necessary\n  const emotionCache = useMemo(\n    () =>\n      classNameKey === defaultCacheKey\n        ? defaultEmotionCache\n        : createCache({ key: classNameKey, prepend: true }),\n    [classNameKey]\n  );\n\n  return (\n    <CacheProvider value={emotionCache}>\n      <Global\n        styles={cssReact`\n          ${\n            cssBaseline === \"global\" && {\n              [`@layer hv-uikit-baseline`]: {\n                ...CssBaseline,\n              },\n            }\n          }\n          ${getThemesVars(themesList)}\n        `}\n      />\n      <HvThemeProvider\n        themes={themesList}\n        theme={theme || themesList[0].name}\n        emotionCache={emotionCache}\n        colorMode={colorMode || Object.keys(themesList[0].colors.modes)[0]}\n        themeRootId={\n          cssTheme === \"scoped\" ? rootElementId || scopedRootId : undefined\n        }\n      >\n        <ClassNames>\n          {({ css }) => {\n            if (cssBaseline === \"scoped\") {\n              const rootElement = getElementById(rootElementId);\n\n              if (rootElement) {\n                rootElement.classList.add(\n                  css({\n                    [`@layer ${rootElementId}-baseline`]: {\n                      ...CssScopedBaseline,\n                    },\n                  })\n                );\n              }\n            }\n\n            return (cssTheme === \"scoped\" || cssBaseline === \"scoped\") &&\n              !rootElementId ? (\n              <div\n                id={scopedRootId}\n                className={\n                  cssBaseline === \"scoped\"\n                    ? css({\n                        [`@layer ${rootElementId}-baseline`]: {\n                          ...CssScopedBaseline,\n                        },\n                      })\n                    : undefined\n                }\n              >\n                {children}\n              </div>\n            ) : (\n              children\n            );\n          }}\n        </ClassNames>\n      </HvThemeProvider>\n    </CacheProvider>\n  );\n};\n"],"names":["cssReact","css"],"mappings":";;;;;;;;;;AAkFA,MAAM,mBAAmB;AAKlB,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA;AAAA,EACA,cAAc;AAAA,EACd,WAAW;AAAA,EACX;AAAA,EACA;AAAA,EACA;AAAA,EACA,eAAe;AACjB,MAAuB;AACf,QAAA,eAAe,YAAY,QAAW,gBAAgB;AAGtD,QAAA,aAA6C,cAAc,MAAM;AAKvE,QAAM,eAAe;AAAA,IACnB,MACE,iBAAiB,kBACb,sBACA,YAAY,EAAE,KAAK,cAAc,SAAS,MAAM;AAAA,IACtD,CAAC,YAAY;AAAA,EAAA;AAIb,SAAA,qBAAC,eAAc,EAAA,OAAO,cACpB,UAAA;AAAA,IAAA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQA;AAAAA,YAEJ,gBAAgB,YAAY;AAAA,UAC1B,CAAC,0BAA0B,GAAG;AAAA,YAC5B,GAAG;AAAA,UACL;AAAA,QAAA,CAEJ;AAAA,YACE,cAAc,UAAU,CAAC;AAAA;AAAA,MAAA;AAAA,IAE/B;AAAA,IACA;AAAA,MAAC;AAAA,MAAA;AAAA,QACC,QAAQ;AAAA,QACR,OAAO,SAAS,WAAW,CAAC,EAAE;AAAA,QAC9B;AAAA,QACA,WAAW,aAAa,OAAO,KAAK,WAAW,CAAC,EAAE,OAAO,KAAK,EAAE,CAAC;AAAA,QACjE,aACE,aAAa,WAAW,iBAAiB,eAAe;AAAA,QAG1D,UAAC,oBAAA,YAAA,EACE,UAAC,CAAA,EAAE,KAAAC,WAAU;AACZ,cAAI,gBAAgB,UAAU;AACtB,kBAAA,cAAc,eAAe,aAAa;AAEhD,gBAAI,aAAa;AACf,0BAAY,UAAU;AAAA,gBACpBA,KAAI;AAAA,kBACF,CAAC,UAAU,aAAa,WAAW,GAAG;AAAA,oBACpC,GAAG;AAAA,kBACL;AAAA,gBAAA,CACD;AAAA,cAAA;AAAA,YAEL;AAAA,UACF;AAEA,kBAAQ,aAAa,YAAY,gBAAgB,aAC/C,CAAC,gBACD;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,IAAI;AAAA,cACJ,WACE,gBAAgB,WACZA,KAAI;AAAA,gBACF,CAAC,UAAU,aAAa,WAAW,GAAG;AAAA,kBACpC,GAAG;AAAA,gBACL;AAAA,cACD,CAAA,IACD;AAAA,cAGL;AAAA,YAAA;AAAA,UAGH,IAAA;AAAA,QAAA,GAGN;AAAA,MAAA;AAAA,IACF;AAAA,EACF,EAAA,CAAA;AAEJ;"}

package/dist/esm/providers/ThemeProvider.js

@@ -0,0 +1,87 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useState, useEffect, useCallback, useMemo } from "react";
+import { parseTheme } from "@hitachivantara/uikit-styles";
+import { HvThemeContext, EmotionContext } from "@hitachivantara/uikit-react-shared";
+import { EmotionContext as EmotionContext2, HvThemeContext as HvThemeContext2, defaultCacheKey, defaultEmotionCache } from "@hitachivantara/uikit-react-shared";
+import { createTheme, ThemeProvider } from "@mui/material/styles";
+import { setElementAttrs } from "../utils/theme.js";
+const HvThemeProvider = ({
+  children,
+  themes: themesList,
+  theme,
+  emotionCache,
+  colorMode,
+  themeRootId: rootId
+}) => {
+  const initTheme = parseTheme(themesList, theme, colorMode);
+  const [parsedTheme, setParsedTheme] = useState(initTheme);
+  const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);
+  const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);
+  const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);
+  const [colorModes, setColorModes] = useState(parsedTheme.colorModes);
+  const [themes, setThemes] = useState(themesList.map((t) => t.name));
+  useEffect(() => {
+    const pTheme = parseTheme(themesList, theme, colorMode);
+    setThemes(themesList.map((t) => t.name));
+    setParsedTheme(pTheme);
+  }, [themesList, theme, colorMode]);
+  useEffect(() => {
+    setActiveTheme(parsedTheme.theme);
+    setSelectedTheme(parsedTheme.selectedTheme);
+    setThemeMode(parsedTheme.selectedMode);
+    setColorModes(parsedTheme.colorModes);
+    setElementAttrs(
+      parsedTheme.selectedTheme,
+      parsedTheme.selectedMode,
+      parsedTheme.colorScheme,
+      rootId
+    );
+  }, [parsedTheme, rootId]);
+  const changeTheme = useCallback(
+    (newTheme = selectedTheme, newMode = selectedMode) => {
+      const pTheme = parseTheme(themesList, newTheme, newMode);
+      setParsedTheme(pTheme);
+    },
+    [selectedMode, selectedTheme, themesList]
+  );
+  const value = useMemo(
+    () => ({
+      themes,
+      colorModes,
+      activeTheme,
+      selectedTheme,
+      selectedMode,
+      changeTheme,
+      rootId
+    }),
+    [
+      themes,
+      colorModes,
+      activeTheme,
+      selectedTheme,
+      selectedMode,
+      changeTheme,
+      rootId
+    ]
+  );
+  const MuiTheme = createTheme({
+    breakpoints: {
+      values: {
+        ...activeTheme.breakpoints.values
+      }
+    }
+  });
+  const emotionCacheValue = useMemo(
+    () => ({ cache: emotionCache }),
+    [emotionCache]
+  );
+  return /* @__PURE__ */ jsx(ThemeProvider, { theme: MuiTheme, children: /* @__PURE__ */ jsx(HvThemeContext.Provider, { value, children: /* @__PURE__ */ jsx(EmotionContext.Provider, { value: emotionCacheValue, children }) }) });
+};
+export {
+  EmotionContext2 as EmotionContext,
+  HvThemeContext2 as HvThemeContext,
+  HvThemeProvider,
+  defaultCacheKey,
+  defaultEmotionCache
+};
+//# sourceMappingURL=ThemeProvider.js.map

package/dist/esm/providers/ThemeProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ThemeProvider.js","sources":["../../../src/providers/ThemeProvider.tsx"],"sourcesContent":["import { useCallback, useEffect, useMemo, useState } from \"react\";\n\nimport { parseTheme, HvThemeStructure } from \"@hitachivantara/uikit-styles\";\nimport {\n  HvThemeContext,\n  defaultCacheKey,\n  defaultEmotionCache,\n  EmotionContext,\n} from \"@hitachivantara/uikit-react-shared\";\nimport type { HvThemeContextValue } from \"@hitachivantara/uikit-react-shared\";\n\nimport {\n  createTheme,\n  ThemeProvider as MuiThemeProvider,\n} from \"@mui/material/styles\";\n\nimport { EmotionCache } from \"@emotion/cache\";\n\nimport { setElementAttrs } from \"../utils/theme\";\nimport { HvTheme } from \"../types/theme\";\n\nexport { HvThemeContext };\nexport type { HvThemeContextValue };\n\nexport { defaultCacheKey, defaultEmotionCache, EmotionContext };\n\ninterface HvThemeProviderProps {\n  children: React.ReactNode;\n  themes: (HvTheme | HvThemeStructure)[];\n  theme: string;\n  emotionCache: EmotionCache;\n  colorMode: string;\n  themeRootId?: string;\n}\n\nexport const HvThemeProvider = ({\n  children,\n  themes: themesList,\n  theme,\n  emotionCache,\n  colorMode,\n  themeRootId: rootId,\n}: HvThemeProviderProps) => {\n  const initTheme = parseTheme(themesList, theme, colorMode);\n\n  const [parsedTheme, setParsedTheme] = useState(initTheme);\n  const [activeTheme, setActiveTheme] = useState(parsedTheme.theme);\n  const [selectedTheme, setSelectedTheme] = useState(parsedTheme.selectedTheme);\n  const [selectedMode, setThemeMode] = useState(parsedTheme.selectedMode);\n  const [colorModes, setColorModes] = useState(parsedTheme.colorModes);\n  const [themes, setThemes] = useState(themesList.map((t) => t.name));\n\n  useEffect(() => {\n    const pTheme = parseTheme(themesList, theme, colorMode);\n    setThemes(themesList.map((t) => t.name));\n    setParsedTheme(pTheme);\n  }, [themesList, theme, colorMode]);\n\n  useEffect(() => {\n    setActiveTheme(parsedTheme.theme);\n    setSelectedTheme(parsedTheme.selectedTheme);\n    setThemeMode(parsedTheme.selectedMode);\n    setColorModes(parsedTheme.colorModes);\n\n    setElementAttrs(\n      parsedTheme.selectedTheme,\n      parsedTheme.selectedMode,\n      parsedTheme.colorScheme,\n      rootId\n    );\n  }, [parsedTheme, rootId]);\n\n  const changeTheme = useCallback(\n    (newTheme = selectedTheme, newMode = selectedMode) => {\n      const pTheme = parseTheme(themesList, newTheme, newMode);\n      setParsedTheme(pTheme);\n    },\n    [selectedMode, selectedTheme, themesList]\n  );\n\n  const value = useMemo<HvThemeContextValue>(\n    () => ({\n      themes,\n      colorModes,\n      activeTheme: activeTheme as HvTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    }),\n    [\n      themes,\n      colorModes,\n      activeTheme,\n      selectedTheme,\n      selectedMode,\n      changeTheme,\n      rootId,\n    ]\n  );\n\n  const MuiTheme = createTheme({\n    breakpoints: {\n      values: {\n        ...activeTheme.breakpoints.values,\n      },\n    },\n  });\n\n  const emotionCacheValue = useMemo(\n    () => ({ cache: emotionCache }),\n    [emotionCache]\n  );\n\n  return (\n    <MuiThemeProvider theme={MuiTheme}>\n      <HvThemeContext.Provider value={value}>\n        <EmotionContext.Provider value={emotionCacheValue}>\n          {children}\n        </EmotionContext.Provider>\n      </HvThemeContext.Provider>\n    </MuiThemeProvider>\n  );\n};\n"],"names":["MuiThemeProvider"],"mappings":";;;;;;;AAmCO,MAAM,kBAAkB,CAAC;AAAA,EAC9B;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA;AAAA,EACA;AAAA,EACA,aAAa;AACf,MAA4B;AAC1B,QAAM,YAAY,WAAW,YAAY,OAAO,SAAS;AAEzD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,SAAS;AACxD,QAAM,CAAC,aAAa,cAAc,IAAI,SAAS,YAAY,KAAK;AAChE,QAAM,CAAC,eAAe,gBAAgB,IAAI,SAAS,YAAY,aAAa;AAC5E,QAAM,CAAC,cAAc,YAAY,IAAI,SAAS,YAAY,YAAY;AACtE,QAAM,CAAC,YAAY,aAAa,IAAI,SAAS,YAAY,UAAU;AAC7D,QAAA,CAAC,QAAQ,SAAS,IAAI,SAAS,WAAW,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AAElE,YAAU,MAAM;AACd,UAAM,SAAS,WAAW,YAAY,OAAO,SAAS;AACtD,cAAU,WAAW,IAAI,CAAC,MAAM,EAAE,IAAI,CAAC;AACvC,mBAAe,MAAM;AAAA,EACpB,GAAA,CAAC,YAAY,OAAO,SAAS,CAAC;AAEjC,YAAU,MAAM;AACd,mBAAe,YAAY,KAAK;AAChC,qBAAiB,YAAY,aAAa;AAC1C,iBAAa,YAAY,YAAY;AACrC,kBAAc,YAAY,UAAU;AAEpC;AAAA,MACE,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ,YAAY;AAAA,MACZ;AAAA,IAAA;AAAA,EACF,GACC,CAAC,aAAa,MAAM,CAAC;AAExB,QAAM,cAAc;AAAA,IAClB,CAAC,WAAW,eAAe,UAAU,iBAAiB;AACpD,YAAM,SAAS,WAAW,YAAY,UAAU,OAAO;AACvD,qBAAe,MAAM;AAAA,IACvB;AAAA,IACA,CAAC,cAAc,eAAe,UAAU;AAAA,EAAA;AAG1C,QAAM,QAAQ;AAAA,IACZ,OAAO;AAAA,MACL;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,IAEF;AAAA,MACE;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IACF;AAAA,EAAA;AAGF,QAAM,WAAW,YAAY;AAAA,IAC3B,aAAa;AAAA,MACX,QAAQ;AAAA,QACN,GAAG,YAAY,YAAY;AAAA,MAC7B;AAAA,IACF;AAAA,EAAA,CACD;AAED,QAAM,oBAAoB;AAAA,IACxB,OAAO,EAAE,OAAO;IAChB,CAAC,YAAY;AAAA,EAAA;AAGf,6BACGA,eAAiB,EAAA,OAAO,UACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OACvB,UAAA,oBAAC,eAAe,UAAf,EAAwB,OAAO,mBAC7B,SACH,CAAA,GACF,EACF,CAAA;AAEJ;"}

package/dist/esm/utils/ConditionalWrapper.js

@@ -0,0 +1,9 @@
+const ConditionalWrapper = ({
+  condition,
+  wrapper,
+  children
+}) => condition ? wrapper(children) : children;
+export {
+  ConditionalWrapper
+};
+//# sourceMappingURL=ConditionalWrapper.js.map

package/dist/esm/utils/ConditionalWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ConditionalWrapper.js","sources":["../../../src/utils/ConditionalWrapper.tsx"],"sourcesContent":["export const ConditionalWrapper = ({\n  condition,\n  wrapper,\n  children,\n}: {\n  condition?: boolean;\n  wrapper: any;\n  children: React.ReactNode;\n}) => (condition ? wrapper(children) : children);\n"],"names":[],"mappings":"AAAO,MAAM,qBAAqB,CAAC;AAAA,EACjC;AAAA,EACA;AAAA,EACA;AACF,MAIO,YAAY,QAAQ,QAAQ,IAAI;"}

package/dist/esm/utils/IconButton.js

@@ -0,0 +1,12 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { HvButton } from "../Button/Button.js";
+import { HvTooltip } from "../Tooltip/Tooltip.js";
+const IconButton = ({
+  title,
+  placement = "top",
+  ...others
+}) => /* @__PURE__ */ jsx(HvTooltip, { enterDelay: 500, title, placement, children: /* @__PURE__ */ jsx(HvButton, { icon: true, ...others }) });
+export {
+  IconButton
+};
+//# sourceMappingURL=IconButton.js.map

package/dist/esm/utils/IconButton.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"IconButton.js","sources":["../../../src/utils/IconButton.tsx"],"sourcesContent":["import { HvButton, HvButtonProps } from \"../Button\";\nimport { HvTooltip, HvTooltipProps } from \"../Tooltip\";\n\nexport interface IconButtonProps extends Omit<HvButtonProps, \"icon\" | \"title\"> {\n  title: React.ReactNode;\n  placement?: HvTooltipProps[\"placement\"];\n  onClick?: HvButtonProps[\"onClick\"];\n}\n\n/** An `HvButton` of type icon wrapped in a tooltip  */\nexport const IconButton = ({\n  title,\n  placement = \"top\",\n  ...others\n}: IconButtonProps) => (\n  <HvTooltip enterDelay={500} title={title} placement={placement}>\n    <HvButton icon {...others} />\n  </HvTooltip>\n);\n"],"names":[],"mappings":";;;AAUO,MAAM,aAAa,CAAC;AAAA,EACzB;AAAA,EACA,YAAY;AAAA,EACZ,GAAG;AACL,MACG,oBAAA,WAAA,EAAU,YAAY,KAAK,OAAc,WACxC,UAAC,oBAAA,UAAA,EAAS,MAAI,MAAE,GAAG,OAAA,CAAQ,EAC7B,CAAA;"}

package/dist/esm/utils/Random.js

@@ -0,0 +1,16 @@
+class Random {
+  constructor(seed = 0, max = 1, min = 0) {
+    this.i = seed;
+    this.max = max;
+    this.min = min;
+  }
+  next(max = this.max, min = this.min) {
+    const r = Math.abs(Math.sin(this.i)) * 10 ** 4 % 1;
+    this.i += 1;
+    return Math.floor(r * (max - min + 1)) + min;
+  }
+}
+export {
+  Random
+};
+//# sourceMappingURL=Random.js.map

package/dist/esm/utils/Random.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Random.js","sources":["../../../src/utils/Random.ts"],"sourcesContent":["export class Random {\n  i: number;\n\n  max: number;\n\n  min: number;\n\n  constructor(seed = 0, max = 1, min = 0) {\n    this.i = seed;\n    this.max = max;\n    this.min = min;\n  }\n\n  next(max = this.max, min = this.min) {\n    const r = (Math.abs(Math.sin(this.i)) * 10 ** 4) % 1;\n    this.i += 1;\n    return Math.floor(r * (max - min + 1)) + min;\n  }\n}\n"],"names":[],"mappings":"AAAO,MAAM,OAAO;AAAA,EAOlB,YAAY,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG;AACtC,SAAK,IAAI;AACT,SAAK,MAAM;AACX,SAAK,MAAM;AAAA,EACb;AAAA,EAEA,KAAK,MAAM,KAAK,KAAK,MAAM,KAAK,KAAK;AAC7B,UAAA,IAAK,KAAK,IAAI,KAAK,IAAI,KAAK,CAAC,CAAC,IAAI,MAAM,IAAK;AACnD,SAAK,KAAK;AACV,WAAO,KAAK,MAAM,KAAK,MAAM,MAAM,EAAE,IAAI;AAAA,EAC3C;AACF;"}

package/dist/esm/utils/browser.js

@@ -0,0 +1,9 @@
+import { detect } from "detect-browser";
+const isBrowser = (browsers) => {
+  const browser = detect();
+  return browser && (Array.isArray(browsers) ? browsers.indexOf(browser.name) > 0 : browsers === browser.name);
+};
+export {
+  isBrowser
+};
+//# sourceMappingURL=browser.js.map

package/dist/esm/utils/browser.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"browser.js","sources":["../../../src/utils/browser.ts"],"sourcesContent":["import { detect } from \"detect-browser\";\n\nexport const isBrowser = (browsers: string | string[]) => {\n  const browser = detect();\n  return (\n    browser &&\n    (Array.isArray(browsers)\n      ? browsers.indexOf(browser.name) > 0\n      : browsers === browser.name)\n  );\n};\n"],"names":[],"mappings":";AAEa,MAAA,YAAY,CAAC,aAAgC;AACxD,QAAM,UAAU;AAChB,SACE,YACC,MAAM,QAAQ,QAAQ,IACnB,SAAS,QAAQ,QAAQ,IAAI,IAAI,IACjC,aAAa,QAAQ;AAE7B;"}

package/dist/esm/utils/checkValidHexColorValue.js

@@ -0,0 +1,8 @@
+const checkValidHexColorValue = (value) => {
+  const reg = /^#([0-9a-f]{3}){1,2}$/i;
+  return value ? reg.test(value) : false;
+};
+export {
+  checkValidHexColorValue
+};
+//# sourceMappingURL=checkValidHexColorValue.js.map

package/dist/esm/utils/checkValidHexColorValue.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkValidHexColorValue.js","sources":["../../../src/utils/checkValidHexColorValue.ts"],"sourcesContent":["export const checkValidHexColorValue = (value?: string): boolean => {\n  const reg = /^#([0-9a-f]{3}){1,2}$/i;\n  return value ? reg.test(value) : false;\n};\n"],"names":[],"mappings":"AAAa,MAAA,0BAA0B,CAAC,UAA4B;AAClE,QAAM,MAAM;AACZ,SAAO,QAAQ,IAAI,KAAK,KAAK,IAAI;AACnC;"}

package/dist/esm/utils/classes.js

@@ -0,0 +1,50 @@
+import { useCss } from "../hooks/useCss.js";
+const getClasses = (keys, name) => {
+  const classesObj = {};
+  keys.forEach((key) => {
+    classesObj[key] = `${name}-${key}`;
+  });
+  return classesObj;
+};
+const deepRenameKeys = (obj, mapFn) => {
+  const result = {};
+  for (const key in obj) {
+    if (Object.prototype.hasOwnProperty.call(obj, key)) {
+      const newKey = mapFn(key);
+      const value = obj[key];
+      result[newKey] = typeof value === "object" ? deepRenameKeys(value, mapFn) : value;
+    }
+  }
+  return result;
+};
+const replace$ = (stylesObj, name) => {
+  return deepRenameKeys(stylesObj, (key) => {
+    const matches = key.match(/\$\w+/g);
+    if (!matches?.length)
+      return key;
+    const newKey = matches.reduce(
+      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),
+      key
+    );
+    return newKey ?? key;
+  });
+};
+function createClasses(name, stylesObject) {
+  const styles = replace$(stylesObject, name);
+  const staticClasses = getClasses(Object.keys(styles), name);
+  function useClasses(classesProp = {}, addStatic = true) {
+    const { cx, css } = useCss();
+    const mergeClasses = (key) => cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp?.[key]);
+    const classes = Object.fromEntries(
+      Object.keys(styles).map((key) => [key, mergeClasses(key)])
+    );
+    return { classes, css, cx };
+  }
+  return { useClasses, staticClasses };
+}
+export {
+  createClasses,
+  getClasses,
+  replace$
+};
+//# sourceMappingURL=classes.js.map

package/dist/esm/utils/classes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"classes.js","sources":["../../../src/utils/classes.ts"],"sourcesContent":["import type { CSSInterpolation } from \"@emotion/serialize\";\n\nimport { useCss } from \"../hooks/useCss\";\n\nexport type ExtractNames<\n  T extends (...args: any) => { classes: Record<string, any>; cx: any }\n> = Partial<ReturnType<T>[\"classes\"]>;\n\nexport const getClasses = <T extends string, N extends string>(\n  keys: T[],\n  name: N\n) => {\n  const classesObj: Record<string, string> = {};\n  keys.forEach((key: string) => {\n    classesObj[key] = `${name}-${key}`;\n  });\n  return classesObj as { [P in T]: `${N}-${P}` };\n};\n\nconst deepRenameKeys = <T extends object>(\n  obj: T,\n  mapFn: (key: string) => string\n): T => {\n  const result: any = {};\n  for (const key in obj) {\n    if (Object.prototype.hasOwnProperty.call(obj, key)) {\n      const newKey = mapFn(key);\n      const value = obj[key];\n      result[newKey] =\n        typeof value === \"object\" ? deepRenameKeys(value as any, mapFn) : value;\n    }\n  }\n  return result;\n};\n\n/** Given a `stylesObj`, replaces its keys' `$myClass` with `.{name}-myClass`. */\nexport const replace$ = <T extends object>(stylesObj: T, name: string): T => {\n  return deepRenameKeys(stylesObj, (key) => {\n    const matches = key.match(/\\$\\w+/g);\n    if (!matches?.length) return key;\n    const newKey = matches.reduce(\n      (acc, match) => acc.replace(match, `.${name}-${match.slice(1)}`),\n      key\n    );\n    return newKey ?? key;\n  });\n};\n\n/** Utility function to create classes for a component. */\nexport function createClasses<Name extends string, ClassName extends string>(\n  /** Component name in PascalCase (ie. `HvTableCell`). */\n  name: Name,\n  stylesObject: Record<ClassName, CSSInterpolation>\n) {\n  const styles = replace$(stylesObject, name);\n\n  const staticClasses = getClasses(Object.keys(styles) as ClassName[], name);\n\n  /**\n   * Hook that takes in a component's `classesProp` overrides, and returns the\n   * concatenated static/internal/override `classes`, and the cached `cx` and `css` utilities.\n   */\n  function useClasses(\n    classesProp: Partial<Record<ClassName, string>> = {},\n    /** Whether to add the static classes. Disable when included by `classesProp` */\n    addStatic = true\n  ) {\n    const { cx, css } = useCss();\n\n    const mergeClasses = (key: string) =>\n      cx(addStatic && `${name}-${key}`, css(styles[key]), classesProp?.[key]);\n\n    const classes = Object.fromEntries(\n      Object.keys(styles).map((key) => [key, mergeClasses(key)])\n    ) as { [P in ClassName]: string };\n\n    return { classes, css, cx };\n  }\n\n  return { useClasses, staticClasses };\n}\n"],"names":[],"mappings":";AAQa,MAAA,aAAa,CACxB,MACA,SACG;AACH,QAAM,aAAqC,CAAA;AACtC,OAAA,QAAQ,CAAC,QAAgB;AAC5B,eAAW,GAAG,IAAI,GAAG,IAAI,IAAI,GAAG;AAAA,EAAA,CACjC;AACM,SAAA;AACT;AAEA,MAAM,iBAAiB,CACrB,KACA,UACM;AACN,QAAM,SAAc,CAAA;AACpB,aAAW,OAAO,KAAK;AACrB,QAAI,OAAO,UAAU,eAAe,KAAK,KAAK,GAAG,GAAG;AAC5C,YAAA,SAAS,MAAM,GAAG;AAClB,YAAA,QAAQ,IAAI,GAAG;AACd,aAAA,MAAM,IACX,OAAO,UAAU,WAAW,eAAe,OAAc,KAAK,IAAI;AAAA,IACtE;AAAA,EACF;AACO,SAAA;AACT;AAGa,MAAA,WAAW,CAAmB,WAAc,SAAoB;AACpE,SAAA,eAAe,WAAW,CAAC,QAAQ;AAClC,UAAA,UAAU,IAAI,MAAM,QAAQ;AAClC,QAAI,CAAC,SAAS;AAAe,aAAA;AAC7B,UAAM,SAAS,QAAQ;AAAA,MACrB,CAAC,KAAK,UAAU,IAAI,QAAQ,OAAO,IAAI,IAAI,IAAI,MAAM,MAAM,CAAC,CAAC,EAAE;AAAA,MAC/D;AAAA,IAAA;AAEF,WAAO,UAAU;AAAA,EAAA,CAClB;AACH;AAGgB,SAAA,cAEd,MACA,cACA;AACM,QAAA,SAAS,SAAS,cAAc,IAAI;AAE1C,QAAM,gBAAgB,WAAW,OAAO,KAAK,MAAM,GAAkB,IAAI;AAMzE,WAAS,WACP,cAAkD,IAElD,YAAY,MACZ;AACA,UAAM,EAAE,IAAI,IAAI,IAAI,OAAO;AAE3B,UAAM,eAAe,CAAC,QACpB,GAAG,aAAa,GAAG,IAAI,IAAI,GAAG,IAAI,IAAI,OAAO,GAAG,CAAC,GAAG,cAAc,GAAG,CAAC;AAExE,UAAM,UAAU,OAAO;AAAA,MACrB,OAAO,KAAK,MAAM,EAAE,IAAI,CAAC,QAAQ,CAAC,KAAK,aAAa,GAAG,CAAC,CAAC;AAAA,IAAA;AAGpD,WAAA,EAAE,SAAS,KAAK;EACzB;AAEO,SAAA,EAAE,YAAY;AACvB;"}

package/dist/esm/utils/document.js

@@ -0,0 +1,11 @@
+function getDocument() {
+  return typeof window !== "undefined" ? document : void 0;
+}
+function getElementById(elementId) {
+  return elementId && getDocument()?.getElementById(elementId) || void 0;
+}
+export {
+  getDocument,
+  getElementById
+};
+//# sourceMappingURL=document.js.map

package/dist/esm/utils/document.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"document.js","sources":["../../../src/utils/document.ts"],"sourcesContent":["export function getDocument() {\n  return typeof window !== \"undefined\" ? document : undefined;\n}\n\n/** Wrapper around `document.getElementById` */\nexport function getElementById(elementId?: string) {\n  return (elementId && getDocument()?.getElementById(elementId)) || undefined;\n}\n\n/** Get a container element by id, falling back to document-body */\nexport function getContainerElement(elementId?: string) {\n  return getElementById(elementId) || getDocument()?.body;\n}\n"],"names":[],"mappings":"AAAO,SAAS,cAAc;AACrB,SAAA,OAAO,WAAW,cAAc,WAAW;AACpD;AAGO,SAAS,eAAe,WAAoB;AACjD,SAAQ,aAAa,YAAe,GAAA,eAAe,SAAS,KAAM;AACpE;"}

package/dist/esm/utils/focusUtils.js

@@ -0,0 +1,11 @@
+const outlineStyles = {
+  outlineColor: "#52A8EC",
+  outlineStyle: "solid",
+  outlineWidth: "0px",
+  outlineOffset: "-1px",
+  boxShadow: "0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)"
+};
+export {
+  outlineStyles
+};
+//# sourceMappingURL=focusUtils.js.map

package/dist/esm/utils/focusUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusUtils.js","sources":["../../../src/utils/focusUtils.ts"],"sourcesContent":["export const outlineStyles = {\n  outlineColor: \"#52A8EC\",\n  outlineStyle: \"solid\",\n  outlineWidth: \"0px\",\n  outlineOffset: \"-1px\",\n  boxShadow: \"0 0 0 1px #52A8EC, 0 0 0 4px rgba(29,155,209,.3)\",\n};\n"],"names":[],"mappings":"AAAO,MAAM,gBAAgB;AAAA,EAC3B,cAAc;AAAA,EACd,cAAc;AAAA,EACd,cAAc;AAAA,EACd,eAAe;AAAA,EACf,WAAW;AACb;"}

package/dist/esm/utils/focusableElementFinder.js

@@ -0,0 +1,30 @@
+const SELECTORS = 'input, button, select, textarea, a[href], [tabindex]:not([tabindex="-1"])';
+const getFocusableList = (node) => node && node.querySelectorAll(SELECTORS) || [];
+const getPrevNextFocus = (nodeId) => {
+  const nodes = getFocusableList(document);
+  const nbNodes = nodes.length;
+  let index = 0;
+  for (; index < nbNodes; index += 1) {
+    if (nodes[index].id === nodeId) {
+      break;
+    }
+  }
+  return {
+    nextFocus: nodes[index + 1 > nbNodes - 1 ? 0 : index + 1],
+    prevFocus: nodes[index - 1 < 0 ? nbNodes - 1 : index - 1]
+  };
+};
+const getFirstAndLastFocus = (node) => {
+  const focusableList = getFocusableList(node);
+  return {
+    first: focusableList[0] || null,
+    last: focusableList[focusableList.length - 1] || null
+  };
+};
+export {
+  getPrevNextFocus as default,
+  getFirstAndLastFocus,
+  getFocusableList,
+  getPrevNextFocus
+};
+//# sourceMappingURL=focusableElementFinder.js.map

package/dist/esm/utils/focusableElementFinder.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"focusableElementFinder.js","sources":["../../../src/utils/focusableElementFinder.ts"],"sourcesContent":["const SELECTORS =\n  'input, button, select, textarea, a[href], [tabindex]:not([tabindex=\"-1\"])';\n\n/** Gets the list of focusable elements. */\nexport const getFocusableList = (node: any) =>\n  (node && node.querySelectorAll(SELECTORS)) || [];\n\n/** Auxiliary function to find adjacent nodes to focus. */\nexport const getPrevNextFocus = (nodeId?: string) => {\n  const nodes = getFocusableList(document);\n\n  const nbNodes = nodes.length;\n  let index = 0;\n  for (; index < nbNodes; index += 1) {\n    if (nodes[index].id === nodeId) {\n      break;\n    }\n  }\n  return {\n    nextFocus: nodes[index + 1 > nbNodes - 1 ? 0 : index + 1],\n    prevFocus: nodes[index - 1 < 0 ? nbNodes - 1 : index - 1],\n  };\n};\n\n/** Get the first and last focusable element from a node. */\nexport const getFirstAndLastFocus = (node: any) => {\n  const focusableList = getFocusableList(node);\n\n  return {\n    first: focusableList[0] || null,\n    last: focusableList[focusableList.length - 1] || null,\n  };\n};\n\nexport default getPrevNextFocus;\n"],"names":[],"mappings":"AAAA,MAAM,YACJ;AAGW,MAAA,mBAAmB,CAAC,SAC9B,QAAQ,KAAK,iBAAiB,SAAS,KAAM,CAAC;AAGpC,MAAA,mBAAmB,CAAC,WAAoB;AAC7C,QAAA,QAAQ,iBAAiB,QAAQ;AAEvC,QAAM,UAAU,MAAM;AACtB,MAAI,QAAQ;AACL,SAAA,QAAQ,SAAS,SAAS,GAAG;AAClC,QAAI,MAAM,KAAK,EAAE,OAAO,QAAQ;AAC9B;AAAA,IACF;AAAA,EACF;AACO,SAAA;AAAA,IACL,WAAW,MAAM,QAAQ,IAAI,UAAU,IAAI,IAAI,QAAQ,CAAC;AAAA,IACxD,WAAW,MAAM,QAAQ,IAAI,IAAI,UAAU,IAAI,QAAQ,CAAC;AAAA,EAAA;AAE5D;AAGa,MAAA,uBAAuB,CAAC,SAAc;AAC3C,QAAA,gBAAgB,iBAAiB,IAAI;AAEpC,SAAA;AAAA,IACL,OAAO,cAAc,CAAC,KAAK;AAAA,IAC3B,MAAM,cAAc,cAAc,SAAS,CAAC,KAAK;AAAA,EAAA;AAErD;"}

package/dist/esm/utils/getComponentName.js

@@ -0,0 +1,5 @@
+const getComponentName = (Component) => Component.displayName || Component.name || "";
+export {
+  getComponentName
+};
+//# sourceMappingURL=getComponentName.js.map

package/dist/esm/utils/getComponentName.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"getComponentName.js","sources":["../../../src/utils/getComponentName.ts"],"sourcesContent":["export const getComponentName = (Component: React.FC) =>\n  Component.displayName || Component.name || \"\";\n"],"names":[],"mappings":"AAAO,MAAM,mBAAmB,CAAC,cAC/B,UAAU,eAAe,UAAU,QAAQ;"}

package/dist/esm/utils/hexToRgbA.js

@@ -0,0 +1,6 @@
+import { alpha, hexToRgb } from "@mui/material/styles";
+const hexToRgbA = (hex, factor = 0.8) => alpha(hexToRgb(hex), factor);
+export {
+  hexToRgbA
+};
+//# sourceMappingURL=hexToRgbA.js.map

package/dist/esm/utils/hexToRgbA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"hexToRgbA.js","sources":["../../../src/utils/hexToRgbA.ts"],"sourcesContent":["import { hexToRgb, alpha } from \"@mui/material/styles\";\n\n// TODO - remove in v6 in favor of theme.alpha()\nexport const hexToRgbA = (hex: string, factor = 0.8) =>\n  alpha(hexToRgb(hex), factor);\n"],"names":[],"mappings":";AAGa,MAAA,YAAY,CAAC,KAAa,SAAS,QAC9C,MAAM,SAAS,GAAG,GAAG,MAAM;"}

package/dist/esm/utils/iconVariant.js

@@ -0,0 +1,20 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Info, Fail, Caution, Success } from "@hitachivantara/uikit-react-icons";
+const iconVariant = (variant, color, semantic) => {
+  switch (variant) {
+    case "success":
+      return /* @__PURE__ */ jsx(Success, { color, semantic: semantic && "positive" });
+    case "warning":
+      return /* @__PURE__ */ jsx(Caution, { color, semantic: semantic && "warning" });
+    case "error":
+      return /* @__PURE__ */ jsx(Fail, { color, semantic: semantic && "negative" });
+    case "info":
+      return /* @__PURE__ */ jsx(Info, { color });
+    default:
+      return null;
+  }
+};
+export {
+  iconVariant
+};
+//# sourceMappingURL=iconVariant.js.map

package/dist/esm/utils/iconVariant.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"iconVariant.js","sources":["../../../src/utils/iconVariant.tsx"],"sourcesContent":["import {\n  Fail,\n  Success,\n  Caution,\n  Info,\n  IconBaseProps,\n} from \"@hitachivantara/uikit-react-icons\";\n\nexport const iconVariant = (\n  variant: \"success\" | \"warning\" | \"error\" | \"info\" | \"default\",\n  color?: IconBaseProps[\"color\"],\n  semantic?: true\n) => {\n  switch (variant) {\n    case \"success\":\n      return <Success color={color} semantic={semantic && \"positive\"} />;\n    case \"warning\":\n      return <Caution color={color} semantic={semantic && \"warning\"} />;\n    case \"error\":\n      return <Fail color={color} semantic={semantic && \"negative\"} />;\n    case \"info\":\n      return <Info color={color} />;\n    default:\n      return null;\n  }\n};\n"],"names":[],"mappings":";;AAQO,MAAM,cAAc,CACzB,SACA,OACA,aACG;AACH,UAAQ,SAAS;AAAA,IACf,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAU,YAAY,WAAY,CAAA;AAAA,IAClE,KAAK;AACH,aAAQ,oBAAA,SAAA,EAAQ,OAAc,UAAU,YAAY,UAAW,CAAA;AAAA,IACjE,KAAK;AACH,aAAQ,oBAAA,MAAA,EAAK,OAAc,UAAU,YAAY,WAAY,CAAA;AAAA,IAC/D,KAAK;AACI,aAAA,oBAAC,QAAK,MAAc,CAAA;AAAA,IAC7B;AACS,aAAA;AAAA,EACX;AACF;"}

package/dist/esm/utils/keyboardUtils.js

@@ -0,0 +1,30 @@
+const keyboardCodes = {
+  Backspace: "Backspace",
+  Tab: "Tab",
+  Enter: "Enter",
+  Shift: "ShiftLeft",
+  Ctrl: "ControlLeft",
+  Alt: "AltLeft",
+  Delete: "Delete",
+  Esc: "Escape",
+  ArrowLeft: "ArrowLeft",
+  ArrowUp: "ArrowUp",
+  ArrowRight: "ArrowRight",
+  ArrowDown: "ArrowDown",
+  Space: "Space",
+  PageUp: "PageUp",
+  PageDown: "PageDown",
+  Home: "Home",
+  End: "End"
+};
+const isKey = (event, keyCode) => {
+  return event?.code === keyCode || event?.code === keyboardCodes[keyCode];
+};
+const isOneOfKeys = (event, keys) => {
+  return keys.some((key) => isKey(event, key));
+};
+export {
+  isKey,
+  isOneOfKeys
+};
+//# sourceMappingURL=keyboardUtils.js.map

package/dist/esm/utils/keyboardUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboardUtils.js","sources":["../../../src/utils/keyboardUtils.ts"],"sourcesContent":["/** Map of keys to key `code` @see https://mdn.io/event/code */\nconst keyboardCodes = {\n  Backspace: \"Backspace\",\n  Tab: \"Tab\",\n  Enter: \"Enter\",\n  Shift: \"ShiftLeft\",\n  Ctrl: \"ControlLeft\",\n  Alt: \"AltLeft\",\n  Delete: \"Delete\",\n  Esc: \"Escape\",\n  ArrowLeft: \"ArrowLeft\",\n  ArrowUp: \"ArrowUp\",\n  ArrowRight: \"ArrowRight\",\n  ArrowDown: \"ArrowDown\",\n  Space: \"Space\",\n  PageUp: \"PageUp\",\n  PageDown: \"PageDown\",\n  Home: \"Home\",\n  End: \"End\",\n} as const;\n\ntype Key = keyof typeof keyboardCodes;\n\n/** Check whether a keyboard `event` is pressing the `keyCode` key. */\nexport const isKey = (event: any, keyCode: Key) => {\n  return event?.code === keyCode || event?.code === keyboardCodes[keyCode];\n};\n\nexport const isOneOfKeys = (event: any, keys: Key[]) => {\n  return keys.some((key) => isKey(event, key));\n};\n"],"names":[],"mappings":"AACA,MAAM,gBAAgB;AAAA,EACpB,WAAW;AAAA,EACX,KAAK;AAAA,EACL,OAAO;AAAA,EACP,OAAO;AAAA,EACP,MAAM;AAAA,EACN,KAAK;AAAA,EACL,QAAQ;AAAA,EACR,KAAK;AAAA,EACL,WAAW;AAAA,EACX,SAAS;AAAA,EACT,YAAY;AAAA,EACZ,WAAW;AAAA,EACX,OAAO;AAAA,EACP,QAAQ;AAAA,EACR,UAAU;AAAA,EACV,MAAM;AAAA,EACN,KAAK;AACP;AAKa,MAAA,QAAQ,CAAC,OAAY,YAAiB;AACjD,SAAO,OAAO,SAAS,WAAW,OAAO,SAAS,cAAc,OAAO;AACzE;AAEa,MAAA,cAAc,CAAC,OAAY,SAAgB;AACtD,SAAO,KAAK,KAAK,CAAC,QAAQ,MAAM,OAAO,GAAG,CAAC;AAC7C;"}

package/dist/esm/utils/multiSelectionEventHandler.js

@@ -0,0 +1,55 @@
+const cycleThroughSelection = (selectedState, index, allValues, selectionCheck) => {
+  const newValue = [];
+  selectedState.forEach((isSelected, i) => {
+    if (i === index) {
+      if (selectionCheck || !isSelected) {
+        newValue.push(allValues[i]);
+      }
+    } else if (isSelected) {
+      newValue.push(allValues[i]);
+    }
+  });
+  return newValue;
+};
+const multiSelectionEventHandler = (evt, index, selectionAnchor, allValues, selectedState, selectionCheck) => {
+  let newValue = [];
+  if (evt.nativeEvent.shiftKey) {
+    if (selectionAnchor.current === void 0) {
+      selectionAnchor.current = index;
+      newValue.push(allValues[index]);
+    } else {
+      let selectionStart;
+      let selectionEnd;
+      if (selectionAnchor.current > index) {
+        selectionStart = index;
+        selectionEnd = selectionAnchor.current + 1;
+      } else {
+        selectionStart = selectionAnchor.current;
+        selectionEnd = index + 1;
+      }
+      const selectedValues = allValues.slice(selectionStart, selectionEnd);
+      newValue.push(...selectedValues);
+    }
+  } else if (evt.nativeEvent.metaKey) {
+    selectionAnchor.current = index;
+    newValue = cycleThroughSelection(
+      selectedState,
+      index,
+      allValues,
+      selectionCheck
+    );
+  } else {
+    selectionAnchor.current = index;
+    newValue = cycleThroughSelection(
+      selectedState,
+      index,
+      allValues,
+      selectionCheck
+    );
+  }
+  return newValue;
+};
+export {
+  multiSelectionEventHandler
+};
+//# sourceMappingURL=multiSelectionEventHandler.js.map

package/dist/esm/utils/multiSelectionEventHandler.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"multiSelectionEventHandler.js","sources":["../../../src/utils/multiSelectionEventHandler.ts"],"sourcesContent":["const cycleThroughSelection = (\n  selectedState: boolean[],\n  index: number,\n  allValues: any[],\n  selectionCheck: any\n) => {\n  const newValue: any[] = [];\n  selectedState.forEach((isSelected, i) => {\n    if (i === index) {\n      if (selectionCheck || !isSelected) {\n        newValue.push(allValues[i]);\n      }\n    } else if (isSelected) {\n      newValue.push(allValues[i]);\n    }\n  });\n\n  return newValue;\n};\n\nexport const multiSelectionEventHandler = (\n  evt: any,\n  index: number,\n  selectionAnchor: any,\n  allValues: any[],\n  selectedState: boolean[],\n  selectionCheck: any\n) => {\n  let newValue: any[] = [];\n\n  if (evt.nativeEvent.shiftKey) {\n    if (selectionAnchor.current === undefined) {\n      selectionAnchor.current = index;\n      newValue.push(allValues[index]);\n    } else {\n      let selectionStart;\n      let selectionEnd;\n      if (selectionAnchor.current > index) {\n        selectionStart = index;\n        selectionEnd = selectionAnchor.current + 1;\n      } else {\n        selectionStart = selectionAnchor.current;\n        selectionEnd = index + 1;\n      }\n\n      const selectedValues = allValues.slice(selectionStart, selectionEnd);\n\n      newValue.push(...selectedValues);\n    }\n  } else if (evt.nativeEvent.metaKey) {\n    selectionAnchor.current = index;\n\n    newValue = cycleThroughSelection(\n      selectedState,\n      index,\n      allValues,\n      selectionCheck\n    );\n  } else {\n    selectionAnchor.current = index;\n\n    newValue = cycleThroughSelection(\n      selectedState,\n      index,\n      allValues,\n      selectionCheck\n    );\n  }\n\n  return newValue;\n};\n"],"names":[],"mappings":"AAAA,MAAM,wBAAwB,CAC5B,eACA,OACA,WACA,mBACG;AACH,QAAM,WAAkB,CAAA;AACV,gBAAA,QAAQ,CAAC,YAAY,MAAM;AACvC,QAAI,MAAM,OAAO;AACX,UAAA,kBAAkB,CAAC,YAAY;AACxB,iBAAA,KAAK,UAAU,CAAC,CAAC;AAAA,MAC5B;AAAA,eACS,YAAY;AACZ,eAAA,KAAK,UAAU,CAAC,CAAC;AAAA,IAC5B;AAAA,EAAA,CACD;AAEM,SAAA;AACT;AAEO,MAAM,6BAA6B,CACxC,KACA,OACA,iBACA,WACA,eACA,mBACG;AACH,MAAI,WAAkB,CAAA;AAElB,MAAA,IAAI,YAAY,UAAU;AACxB,QAAA,gBAAgB,YAAY,QAAW;AACzC,sBAAgB,UAAU;AACjB,eAAA,KAAK,UAAU,KAAK,CAAC;AAAA,IAAA,OACzB;AACD,UAAA;AACA,UAAA;AACA,UAAA,gBAAgB,UAAU,OAAO;AAClB,yBAAA;AACjB,uBAAe,gBAAgB,UAAU;AAAA,MAAA,OACpC;AACL,yBAAiB,gBAAgB;AACjC,uBAAe,QAAQ;AAAA,MACzB;AAEA,YAAM,iBAAiB,UAAU,MAAM,gBAAgB,YAAY;AAE1D,eAAA,KAAK,GAAG,cAAc;AAAA,IACjC;AAAA,EAAA,WACS,IAAI,YAAY,SAAS;AAClC,oBAAgB,UAAU;AAEf,eAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EACF,OACK;AACL,oBAAgB,UAAU;AAEf,eAAA;AAAA,MACT;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,IAAA;AAAA,EAEJ;AAEO,SAAA;AACT;"}

package/dist/esm/utils/setId.js

@@ -0,0 +1,11 @@
+import uniqueId from "lodash/uniqueId";
+const setId = (...args) => args.some((arg) => arg == null) ? void 0 : args.join("-");
+const setUid = (id, suffix) => {
+  const uid = setId(id, suffix);
+  return uid ? uniqueId(uid) : void 0;
+};
+export {
+  setId,
+  setUid
+};
+//# sourceMappingURL=setId.js.map

package/dist/esm/utils/setId.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setId.js","sources":["../../../src/utils/setId.ts"],"sourcesContent":["import uniqueId from \"lodash/uniqueId\";\n\nexport const setId = (...args: any[]) =>\n  args.some((arg) => arg == null) ? undefined : args.join(\"-\");\n\nexport const setUid = (id: string, suffix: string) => {\n  const uid = setId(id, suffix);\n  return uid ? uniqueId(uid) : undefined;\n};\n"],"names":[],"mappings":";AAEO,MAAM,QAAQ,IAAI,SACvB,KAAK,KAAK,CAAC,QAAQ,OAAO,IAAI,IAAI,SAAY,KAAK,KAAK,GAAG;AAEhD,MAAA,SAAS,CAAC,IAAY,WAAmB;AAC9C,QAAA,MAAM,MAAM,IAAI,MAAM;AACrB,SAAA,MAAM,SAAS,GAAG,IAAI;AAC/B;"}

package/dist/esm/utils/sizes.js

@@ -0,0 +1,34 @@
+const decreaseSize = (size) => {
+  switch (size) {
+    case "xl":
+      return "L";
+    case "l":
+    case "lg":
+      return "M";
+    case "m":
+    case "md":
+      return "S";
+    case "s":
+    case "sm":
+    default:
+      return "XS";
+  }
+};
+const increaseSize = (size) => {
+  switch (size) {
+    case "xs":
+      return "S";
+    case "s":
+      return "M";
+    case "m":
+      return "L";
+    case "l":
+    default:
+      return "XL";
+  }
+};
+export {
+  decreaseSize,
+  increaseSize
+};
+//# sourceMappingURL=sizes.js.map

package/dist/esm/utils/sizes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"sizes.js","sources":["../../../src/utils/sizes.ts"],"sourcesContent":["export const decreaseSize = (size: string) => {\n  switch (size) {\n    case \"xl\":\n      return \"L\";\n\n    case \"l\":\n    case \"lg\":\n      return \"M\";\n\n    case \"m\":\n    case \"md\":\n      return \"S\";\n\n    case \"s\":\n    case \"sm\":\n    default:\n      return \"XS\";\n  }\n};\n\nexport const increaseSize = (size: string) => {\n  switch (size) {\n    case \"xs\":\n      return \"S\";\n\n    case \"s\":\n      return \"M\";\n\n    case \"m\":\n      return \"L\";\n\n    case \"l\":\n    default:\n      return \"XL\";\n  }\n};\n"],"names":[],"mappings":"AAAa,MAAA,eAAe,CAAC,SAAiB;AAC5C,UAAQ,MAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EACX;AACF;AAEa,MAAA,eAAe,CAAC,SAAiB;AAC5C,UAAQ,MAAM;AAAA,IACZ,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AACI,aAAA;AAAA,IAET,KAAK;AAAA,IACL;AACS,aAAA;AAAA,EACX;AACF;"}