npm - @hitachivantara/uikit-react-core - Versions diffs - 4.0.1-next.2 → 4.0.1-next.5 - Mend

@hitachivantara/uikit-react-core 4.0.1-next.2 → 4.0.1-next.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (49) hide show

package/dist/Controls/Controls.d.ts +2 -10
package/dist/Controls/RightControl/RightControl.d.ts +1 -1
package/dist/Provider/Provider.d.ts +5 -18
package/dist/Provider/Provider.js +25 -38
package/dist/Provider/Provider.js.map +1 -1
package/dist/SimpleGrid/SimpleGrid.d.ts +7 -8
package/dist/Table/TableBody/TableBody.d.ts +4 -0
package/dist/Table/renderers/index.js +50 -0
package/dist/Table/renderers/index.js.map +1 -1
package/dist/Table/renderers/renderers.js +9 -15
package/dist/Table/renderers/renderers.js.map +1 -1
package/dist/Tag/Tag.js +1 -13
package/dist/Tag/Tag.js.map +1 -1
package/dist/Tag/styles.js +5 -3
package/dist/Tag/styles.js.map +1 -1
package/dist/legacy/Controls/Controls.d.ts +2 -10
package/dist/legacy/Controls/RightControl/RightControl.d.ts +1 -1
package/dist/legacy/Provider/Provider.d.ts +5 -18
package/dist/legacy/Provider/Provider.js +29 -40
package/dist/legacy/Provider/Provider.js.map +1 -1
package/dist/legacy/SimpleGrid/SimpleGrid.d.ts +7 -8
package/dist/legacy/Table/TableBody/TableBody.d.ts +4 -0
package/dist/legacy/Table/renderers/index.js +1 -0
package/dist/legacy/Table/renderers/index.js.map +1 -1
package/dist/legacy/Table/renderers/renderers.js +6 -6
package/dist/legacy/Table/renderers/renderers.js.map +1 -1
package/dist/legacy/Tag/Tag.js +3 -15
package/dist/legacy/Tag/Tag.js.map +1 -1
package/dist/legacy/Tag/styles.js +5 -3
package/dist/legacy/Tag/styles.js.map +1 -1
package/dist/legacy/theme/index.d.ts +2 -1
package/dist/modern/Controls/Controls.d.ts +2 -10
package/dist/modern/Controls/RightControl/RightControl.d.ts +1 -1
package/dist/modern/Provider/Provider.d.ts +5 -18
package/dist/modern/Provider/Provider.js +28 -38
package/dist/modern/Provider/Provider.js.map +1 -1
package/dist/modern/SimpleGrid/SimpleGrid.d.ts +7 -8
package/dist/modern/Table/TableBody/TableBody.d.ts +4 -0
package/dist/modern/Table/renderers/index.js +1 -0
package/dist/modern/Table/renderers/index.js.map +1 -1
package/dist/modern/Table/renderers/renderers.js +6 -6
package/dist/modern/Table/renderers/renderers.js.map +1 -1
package/dist/modern/Tag/Tag.js +3 -15
package/dist/modern/Tag/Tag.js.map +1 -1
package/dist/modern/Tag/styles.js +5 -3
package/dist/modern/Tag/styles.js.map +1 -1
package/dist/modern/theme/index.d.ts +2 -1
package/dist/theme/index.d.ts +2 -1
package/package.json +2 -2

package/dist/Controls/Controls.d.ts CHANGED Viewed

@@ -1,22 +1,14 @@
 import { StandardProps } from "@mui/material";
+import { HvTableInstance } from "../Table";
 export type HvControlsClassKey = "root" | "rightSection" | "leftSection";
-export interface HvControlsSortValue {
-  id: string;
-  desc: string;
-}
 export interface HvControlsViewConfiguration extends Record<string, unknown> {
   id: string;
   label: string;
   icon: React.ReactNode;
 }
-export interface HvControlsCallbacks extends Record<string, unknown> {
-  setSortBy?: (v: HvControlsSortValue[]) => void;
-  setGlobalFilter?: (v: string) => void;
-}
 export interface HvControlsProps
   extends StandardProps<React.HTMLAttributes<HTMLDivElement>, HvControlsClassKey> {
   /** Children to be rendered. */
@@ -29,7 +21,7 @@ export interface HvControlsProps
    * An instance of useHvTable or useTable used to manage the data
    * if this is not provided data sorting and search must be handled externally
    */
-  callbacks?: HvControlsCallbacks;
+  callbacks?: Pick<HvTableInstance, "setSortBy" | "setGlobalFilter">;
   /**
    * Views configuration required for the view buttons
    */

package/dist/Controls/RightControl/RightControl.d.ts CHANGED Viewed

@@ -10,7 +10,7 @@ export interface HvControlsViewConfiguration extends Record<string, unknown> {
 }
 export interface RightListControls extends ListValueProp {
-  accesor: string;
+  accessor: string;
   desc: boolean;
 }

package/dist/Provider/Provider.d.ts CHANGED Viewed

@@ -52,32 +52,19 @@ export interface HvProviderProps {
    * Ignored if a custom `generateClassName` is provided.
    */
   generateClassNameOptions?: GenerateClassNameOptions;
-  /**
-   * Injects the generated stylesheets at the top of the `<head>` element of the page.
-   * This can ease the override of UI Kit components styles.
-   *
-   * By default, the styles are injected last in the `<head>` element of the page.
-   */
-  injectStylesFirst?: boolean;
   /**
    * Disables the generation of the styles.
    */
   disableStylesGeneration?: boolean;
   /**
-   * Disables the generation of the baseline css styles.
-   *
-   * This will be the default behavior in the future.
-   *
-   * The application using UI Kit should be responsible for adding the baseline css styles, by
-   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
-   * or ensuring that the necessary base styles are applied.
-   *
-   * Defaults to `false`. Will be removed in the next major release.
+   * By default the baseline styles are applied globally to the application.
+   * If you need to scope the CSS to avoid styling conflicts, you can set this prop to `"scoped"`.
+   * If you are providing the baseline styles, you can set this prop to false.
    *
-   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
+   * @see https://lumada-design.github.io/uikit/master/?path=/docs/theme-css-baseline--page
    */
-  disableCssBaseline?: boolean;
+  cssBaseline?: "global" | "scoped" | "none";
 }
 export default function HvProvider(props: HvProviderProps): JSX.Element | null;

package/dist/Provider/Provider.js CHANGED Viewed

@@ -53,13 +53,12 @@ var _context = _interopRequireDefault(require("./context"));
 var _jsxRuntime = require("react/jsx-runtime");
-var _HvCssBaseline;
+var _HvCssBaseline, _HvScopedCssBaseline;
 function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-var warnedOnce = false;
 /**
  * Augments the target theme with the differences found in the source theme.
  *
@@ -67,7 +66,6 @@ var warnedOnce = false;
  * @param {Object} InputSourceTheme - A material UI Theme to apply on top.
  * @returns {Object} - A new modified material UI theme.
  */
 var applyCustomTheme = function applyCustomTheme(InputTargetTheme, InputSourceTheme) {
   var muiDefaultTheme = (0, _material.createTheme)();
   var targetTheme = (0, _cloneDeep.default)(InputTargetTheme);
@@ -124,31 +122,21 @@ var HvProvider = function HvProvider(_ref) {
       locale = _ref$locale === void 0 ? "en-US" : _ref$locale,
       generateClassNameProp = _ref.generateClassName,
       generateClassNameOptions = _ref.generateClassNameOptions,
-      _ref$injectStylesFirs = _ref.injectStylesFirst,
-      injectStylesFirst = _ref$injectStylesFirs === void 0 ? true : _ref$injectStylesFirs,
       _ref$disableStylesGen = _ref.disableStylesGeneration,
       disableStylesGeneration = _ref$disableStylesGen === void 0 ? false : _ref$disableStylesGen,
-      _ref$disableCssBaseli = _ref.disableCssBaseline,
-      disableCssBaseline = _ref$disableCssBaseli === void 0 ? false : _ref$disableCssBaseli;
-  if (process.env.NODE_ENV !== "production") {
-    if (!warnedOnce && !disableCssBaseline) {
-      warnedOnce = true; // eslint-disable-next-line no-console
-      console.warn("UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\n" + "You can use the `disableCssBaseline` property to disable it already.\n" + "See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main");
-    }
-  }
+      _ref$cssBaseline = _ref.cssBaseline,
+      cssBaseline = _ref$cssBaseline === void 0 ? "global" : _ref$cssBaseline;
   var _useState = (0, _react.useState)(locale),
       _useState2 = (0, _slicedToArray2.default)(_useState, 2),
       localeSetting = _useState2[0],
-      setLocaleStting = _useState2[1];
+      setLocaleSetting = _useState2[1];
   (0, _react.useEffect)(function () {
     var _navigator;
     // ssr - only runs at the rendering phase, so it won't run on the server
-    setLocaleStting(locale || ((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language));
+    setLocaleSetting(locale || ((_navigator = navigator) === null || _navigator === void 0 ? void 0 : _navigator.language));
   }, [locale]);
   var rawUiKitTheme = (0, _theme.getTheme)(uiKitTheme);
   var customTheme = applyCustomTheme((0, _theme.themeBuilder)(rawUiKitTheme), theme);
@@ -159,14 +147,27 @@ var HvProvider = function HvProvider(_ref) {
       locale: localeSetting
     };
   }, [changeTheme, localeSetting]);
+  var renderCssBaseline = function renderCssBaseline() {
+    if (cssBaseline === "global") {
+      return _HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_theme.HvCssBaseline, {}));
+    }
+    if (cssBaseline === "scoped") {
+      return _HvScopedCssBaseline || (_HvScopedCssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_theme.HvScopedCssBaseline, {}));
+    }
+    return null;
+  };
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles2.StyledEngineProvider, {
-    injectFirst: injectStylesFirst,
+    injectFirst: true,
     children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_styles.StylesProvider, {
       generateClassName: generateClassName,
       disableGeneration: disableStylesGeneration,
       children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_material.ThemeProvider, {
         theme: customTheme,
-        children: [!disableCssBaseline && (_HvCssBaseline || (_HvCssBaseline = /*#__PURE__*/(0, _jsxRuntime.jsx)(_theme.HvCssBaseline, {}))), /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default.Provider, {
+        children: [renderCssBaseline(), /*#__PURE__*/(0, _jsxRuntime.jsx)(_context.default.Provider, {
           value: pConfig,
           children: children
         })]
@@ -237,33 +238,19 @@ process.env.NODE_ENV !== "production" ? HvProvider.propTypes = {
     seed: _propTypes.default.string
   }),
-  /**
-   * Injects the generated stylesheets at the top of the `<head>` element of the page.
-   * This can ease the override of UI Kit components styles.
-   *
-   * By default, the styles are injected last in the `<head>` element of the page.
-   */
-  injectStylesFirst: _propTypes.default.bool,
   /**
    * Disables the generation of the styles.
    */
   disableStylesGeneration: _propTypes.default.bool,
   /**
-   * Disables the generation of the baseline css styles.
-   *
-   * This will be the default behavior in the future.
-   *
-   * The application using UI Kit should be responsible for adding the baseline css styles, by
-   * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,
-   * or ensuring that the necessary base styles are applied.
-   *
-   * Defaults to `false`. Will be removed in the next major release.
+   * By default the baseline styles are applied globally to the application.
+   * If you need to scope the CSS to avoid styling conflicts, you can set this prop to `"scoped"`.
+   * If you are providing the baseline styles, you can set this prop to false.
    *
-   * @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main
+   * @see https://lumada-design.github.io/uikit/master/?path=/docs/theme-css-baseline--page
    */
-  disableCssBaseline: _propTypes.default.bool
+  cssBaseline: _propTypes.default.oneOf(["global", "scoped", "none"])
 } : void 0;
 var _default = HvProvider;
 exports.default = _default;

package/dist/Provider/Provider.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Provider.js","names":["warnedOnce","applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","createTheme","targetTheme","cloneDeep","sourceTheme","deleteDifference","isEmpty","diff","observableDiff","difference","partialCustomTheme","set","path","rhs","kind","merge","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","injectStylesFirst","disableStylesGeneration","disableCssBaseline","process","env","NODE_ENV","console","warn","useState","localeSetting","setLocaleStting","useEffect","navigator","language","rawUiKitTheme","getTheme","customTheme","themeBuilder","createGenerateClassName","pConfig","useMemo","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport { createTheme, ThemeProvider } from \"@mui/material\";\nimport { StylesProvider } from \"@mui/styles\";\nimport { StyledEngineProvider } from \"@mui/material/styles\";\nimport { themeBuilder, createGenerateClassName, HvCssBaseline, getTheme } from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\nlet warnedOnce = false;\n\n/*\n Augments the target theme with the differences found in the source theme.\n \n @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n /\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n const muiDefaultTheme = createTheme();\n const targetTheme = cloneDeep(InputTargetTheme);\n const sourceTheme = cloneDeep(InputSourceTheme);\n const deleteDifference = \"D\";\n if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n const partialCustomTheme = set({}, difference.path, difference.rhs);\n if (difference.kind !== deleteDifference) {\n // Do not include the differences of type \"delete\"\n merge(targetTheme, partialCustomTheme);\n }\n });\n return targetTheme;\n }\n return targetTheme;\n};\n\n/\n This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n \n This component should preferably be used at the root of your component tree and\n * be unique in the App in most cases.\n \n ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n \n If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n \n UI Kit components will not work at all if the `HvProvider` is not configured correctly,\n * as they will not be able to access the properties of the active theme..\n \n /\nconst HvProvider = ({\n children,\n\n uiKitTheme = \"dawn\",\n theme = null,\n changeTheme = () => {},\n\n locale = \"en-US\",\n\n generateClassName: generateClassNameProp,\n generateClassNameOptions,\n injectStylesFirst = true,\n disableStylesGeneration = false,\n\n disableCssBaseline = false,\n}) => {\n if (process.env.NODE_ENV !== \"production\") {\n if (!warnedOnce && !disableCssBaseline) {\n warnedOnce = true;\n // eslint-disable-next-line no-console\n console.warn(\n \"UI Kit HvProvider's automatic definition of a css styles baseline will be removed in the next major version.\\n\" +\n \"You can use the `disableCssBaseline` property to disable it already.\\n\" +\n \"See https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\"\n );\n }\n }\n\n const [localeSetting, setLocaleStting] = useState(locale);\n\n useEffect(() => {\n // ssr - only runs at the rendering phase, so it won't run on the server\n setLocaleStting(locale \|\| navigator?.language);\n }, [locale]);\n\n const rawUiKitTheme = getTheme(uiKitTheme);\n const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n const generateClassName =\n generateClassNameProp \|\| createGenerateClassName(generateClassNameOptions);\n\n const pConfig = useMemo(\n () => ({ changeTheme, locale: localeSetting }),\n [changeTheme, localeSetting]\n );\n\n return (\n <StyledEngineProvider injectFirst={injectStylesFirst}>\n <StylesProvider\n generateClassName={generateClassName}\n disableGeneration={disableStylesGeneration}\n >\n <ThemeProvider theme={customTheme}>\n {!disableCssBaseline && <HvCssBaseline />}\n <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n </ThemeProvider>\n </StylesProvider>\n </StyledEngineProvider>\n );\n};\n\nHvProvider.propTypes = {\n /*\n Your component tree.\n /\n children: PropTypes.node.isRequired,\n\n /\n The Design System base theme in use. Defaults to `\"dawn\"`.\n /\n uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n /\n The UI Kit theme object to be applied on top of the base theme.\n /\n theme: PropTypes.instanceOf(Object),\n /\n Function stored in the provider's context to allow runtime switching of the active theme.\n * The implementation is up to each App.\n /\n changeTheme: PropTypes.func,\n\n /\n The locale to be used.\n * Defaults to the browser's configured locale or \"en-US\" if not available.\n /\n locale: PropTypes.string,\n\n /\n Custom JSS's class name generator.\n /\n generateClassName: PropTypes.func,\n /\n Built-in JSS's class name generator options.\n * Ignored if a custom `generateClassName` is provided.\n \n `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n \n `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n \n `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n /\n generateClassNameOptions: PropTypes.shape({\n /\n Disable the generation of deterministic class names. Defaults to `false`.\n /\n disableGlobal: PropTypes.bool,\n /\n The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n /\n productionPrefix: PropTypes.string,\n /\n The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n /\n seed: PropTypes.string,\n }),\n /\n Injects the generated stylesheets at the top of the `<head>` element of the page.\n * This can ease the override of UI Kit components styles.\n \n By default, the styles are injected last in the `<head>` element of the page.\n /\n injectStylesFirst: PropTypes.bool,\n /\n Disables the generation of the styles.\n /\n disableStylesGeneration: PropTypes.bool,\n\n /\n Disables the generation of the baseline css styles.\n \n This will be the default behavior in the future.\n \n The application using UI Kit should be responsible for adding the baseline css styles, by\n * either using the `<HvCssBaseline />` component, using the `<HvScopedCssBaseline />` component,\n * or ensuring that the necessary base styles are applied.\n \n Defaults to `false`. Will be removed in the next major release.\n \n @see https://lumada-design.github.io/uikit/master/?path=/docs/foundation-css-baseline--main\n */\n disableCssBaseline: PropTypes.bool,\n};\n\nexport default HvProvider;\n"],"mappings":"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"}
1	+ {"version":3,"file":"Provider.js","names":["applyCustomTheme","InputTargetTheme","InputSourceTheme","muiDefaultTheme","createTheme","targetTheme","cloneDeep","sourceTheme","deleteDifference","isEmpty","diff","observableDiff","difference","partialCustomTheme","set","path","rhs","kind","merge","HvProvider","children","uiKitTheme","theme","changeTheme","locale","generateClassNameProp","generateClassName","generateClassNameOptions","disableStylesGeneration","cssBaseline","useState","localeSetting","setLocaleSetting","useEffect","navigator","language","rawUiKitTheme","getTheme","customTheme","themeBuilder","createGenerateClassName","pConfig","useMemo","renderCssBaseline","propTypes","PropTypes","node","isRequired","oneOf","instanceOf","Object","func","string","shape","disableGlobal","bool","productionPrefix","seed"],"sources":["../../src/Provider/Provider.js"],"sourcesContent":["import React, { useState, useEffect, useMemo } from \"react\";\nimport PropTypes from \"prop-types\";\n\nimport set from \"lodash/set\";\nimport merge from \"lodash/merge\";\nimport isEmpty from \"lodash/isEmpty\";\nimport cloneDeep from \"lodash/cloneDeep\";\nimport diff from \"deep-diff\";\n\nimport \"focus-within-polyfill\";\nimport \"focus-visible\";\n\nimport { createTheme, ThemeProvider } from \"@mui/material\";\nimport { StylesProvider } from \"@mui/styles\";\nimport { StyledEngineProvider } from \"@mui/material/styles\";\nimport {\n themeBuilder,\n createGenerateClassName,\n HvCssBaseline,\n getTheme,\n HvScopedCssBaseline,\n} from \"../theme\";\n\nimport ConfigContext from \"./context\";\n\n/*\n Augments the target theme with the differences found in the source theme.\n \n @param {Object} InputTargetTheme - A material UI Theme to be changed.\n * @param {Object} InputSourceTheme - A material UI Theme to apply on top.\n * @returns {Object} - A new modified material UI theme.\n /\nconst applyCustomTheme = (InputTargetTheme, InputSourceTheme) => {\n const muiDefaultTheme = createTheme();\n const targetTheme = cloneDeep(InputTargetTheme);\n const sourceTheme = cloneDeep(InputSourceTheme);\n const deleteDifference = \"D\";\n if (!isEmpty(targetTheme) && !isEmpty(sourceTheme)) {\n diff.observableDiff(muiDefaultTheme, sourceTheme, (difference) => {\n const partialCustomTheme = set({}, difference.path, difference.rhs);\n if (difference.kind !== deleteDifference) {\n // Do not include the differences of type \"delete\"\n merge(targetTheme, partialCustomTheme);\n }\n });\n return targetTheme;\n }\n return targetTheme;\n};\n\n/\n This component makes cross-component properties, like the active `theme` and `locale`,\n * available down the React tree thanks to React context.\n \n This component should preferably be used at the root of your component tree and\n * be unique in the App in most cases.\n \n ```jsx\n * <HvProvider>\n * <MyApp />\n * <HvProvider/>\n * ```\n \n If several `HvProvider`'s are used, either nested or in parallel, the `generateClassNameOptions`\n * must be tweaked to avoid CSS classnames collision. Or a custom JSS's class name generator can\n * be provided via the `generateClassName` property.\n \n UI Kit components will not work at all if the `HvProvider` is not configured correctly,\n * as they will not be able to access the properties of the active theme..\n \n /\nconst HvProvider = ({\n children,\n\n uiKitTheme = \"dawn\",\n theme = null,\n changeTheme = () => {},\n\n locale = \"en-US\",\n\n generateClassName: generateClassNameProp,\n generateClassNameOptions,\n disableStylesGeneration = false,\n\n cssBaseline = \"global\",\n}) => {\n const [localeSetting, setLocaleSetting] = useState(locale);\n\n useEffect(() => {\n // ssr - only runs at the rendering phase, so it won't run on the server\n setLocaleSetting(locale \|\| navigator?.language);\n }, [locale]);\n\n const rawUiKitTheme = getTheme(uiKitTheme);\n const customTheme = applyCustomTheme(themeBuilder(rawUiKitTheme), theme);\n\n const generateClassName =\n generateClassNameProp \|\| createGenerateClassName(generateClassNameOptions);\n\n const pConfig = useMemo(\n () => ({ changeTheme, locale: localeSetting }),\n [changeTheme, localeSetting]\n );\n\n const renderCssBaseline = () => {\n if (cssBaseline === \"global\") {\n return <HvCssBaseline />;\n }\n if (cssBaseline === \"scoped\") {\n return <HvScopedCssBaseline />;\n }\n return null;\n };\n\n return (\n <StyledEngineProvider injectFirst>\n <StylesProvider\n generateClassName={generateClassName}\n disableGeneration={disableStylesGeneration}\n >\n <ThemeProvider theme={customTheme}>\n {renderCssBaseline()}\n <ConfigContext.Provider value={pConfig}>{children}</ConfigContext.Provider>\n </ThemeProvider>\n </StylesProvider>\n </StyledEngineProvider>\n );\n};\n\nHvProvider.propTypes = {\n /*\n Your component tree.\n /\n children: PropTypes.node.isRequired,\n\n /\n The Design System base theme in use. Defaults to `\"dawn\"`.\n /\n uiKitTheme: PropTypes.oneOf([\"dawn\", \"wicked\"]),\n /\n The UI Kit theme object to be applied on top of the base theme.\n /\n theme: PropTypes.instanceOf(Object),\n /\n Function stored in the provider's context to allow runtime switching of the active theme.\n * The implementation is up to each App.\n /\n changeTheme: PropTypes.func,\n\n /\n The locale to be used.\n * Defaults to the browser's configured locale or \"en-US\" if not available.\n /\n locale: PropTypes.string,\n\n /\n Custom JSS's class name generator.\n /\n generateClassName: PropTypes.func,\n /\n Built-in JSS's class name generator options.\n * Ignored if a custom `generateClassName` is provided.\n \n `disableGlobal`: Disable the generation of deterministic class names. Defaults to `false`.\n \n `productionPrefix`: The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n \n `seed`: The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n /\n generateClassNameOptions: PropTypes.shape({\n /\n Disable the generation of deterministic class names. Defaults to `false`.\n /\n disableGlobal: PropTypes.bool,\n /\n The string used to prefix the class names in production. Defaults to `\"jss-uikit\"`.\n /\n productionPrefix: PropTypes.string,\n /\n The string used to uniquely identify the generator. Defaults to `\"\"`.\n * It can be used to avoid class name collisions when using multiple generators in the same document.\n /\n seed: PropTypes.string,\n }),\n /\n Disables the generation of the styles.\n /\n disableStylesGeneration: PropTypes.bool,\n /\n By default the baseline styles are applied globally to the application.\n * If you need to scope the CSS to avoid styling conflicts, you can set this prop to `\"scoped\"`.\n * If you are providing the baseline styles, you can set this prop to false.\n \n @see https://lumada-design.github.io/uikit/master/?path=/docs/theme-css-baseline--page\n */\n cssBaseline: PropTypes.oneOf([\"global\", \"scoped\", \"none\"]),\n};\n\nexport default HvProvider;\n"],"mappings":"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"}

package/dist/SimpleGrid/SimpleGrid.d.ts CHANGED Viewed

@@ -1,17 +1,16 @@
-import { FunctionComponent } from "react";
-export type GridSpacing = "xs" | "sm" | "md" | "lg";
-export type Breakpoints = {
+export type Spacing = "xs" | "sm" | "md" | "lg";
+export type Breakpoint = {
   cols?: number;
   maxWidth?: number;
   minWidth?: number;
-  spacing?: GridSpacing;
+  spacing?: Spacing;
 };
-export interface SimpleGridProps extends FunctionComponent {
-  spacing?: GridSpacing;
+export interface SimpleGridProps {
+  children?: JSX.Element | JSX.Element[];
+  spacing?: Spacing;
   cols?: number;
-  breakpoints?: Breakpoints;
+  breakpoints?: Breakpoint[];
 }
 export default function HvSimpleGrid(props: SimpleGridProps): JSX.Element | null;

package/dist/Table/TableBody/TableBody.d.ts CHANGED Viewed

@@ -9,6 +9,10 @@ export interface HvTableBodyProps
    * Defaults to `thead`.
    */
   component?: React.ElementType<React.HTMLAttributes<HTMLElement>>;
+  /**
+   * Sets whether or not there should be arrow navigation between the table rows
+   */
+  withNavigation?: boolean;
 }
 export default function HvTableBody(props: HvTableBodyProps): JSX.Element | null;

package/dist/Table/renderers/index.js CHANGED Viewed

@@ -43,6 +43,54 @@ Object.defineProperty(exports, "HvSwitchColumnCell", {
     return _SwitchColumnCell.default;
   }
 });
+Object.defineProperty(exports, "hvDateColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvDateColumn;
+  }
+});
+Object.defineProperty(exports, "hvDropdownColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvDropdownColumn;
+  }
+});
+Object.defineProperty(exports, "hvExpandColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvExpandColumn;
+  }
+});
+Object.defineProperty(exports, "hvNumberColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvNumberColumn;
+  }
+});
+Object.defineProperty(exports, "hvProgressColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvProgressColumn;
+  }
+});
+Object.defineProperty(exports, "hvSwitchColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvSwitchColumn;
+  }
+});
+Object.defineProperty(exports, "hvTagColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvTagColumn;
+  }
+});
+Object.defineProperty(exports, "hvTextColumn", {
+  enumerable: true,
+  get: function get() {
+    return _renderers.hvTextColumn;
+  }
+});
 Object.defineProperty(exports, "normalizeProgressBar", {
   enumerable: true,
   get: function get() {
@@ -50,6 +98,8 @@ Object.defineProperty(exports, "normalizeProgressBar", {
   }
 });
+var _renderers = require("./renderers");
 var _DateColumnCell = _interopRequireDefault(require("./DateColumnCell"));
 var _DropdownColumnCell = _interopRequireDefault(require("./DropdownColumnCell"));

package/dist/Table/renderers/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/renderers/index.js"],"sourcesContent":["export { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":"~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;~~AAAA;;AACA;;AACA;;AACA"}
1	+ {"version":3,"file":"index.js","names":[],"sources":["../../../src/Table/renderers/index.js"],"sourcesContent":["export {\n hvTextColumn,\n hvNumberColumn,\n hvDateColumn,\n hvExpandColumn,\n hvTagColumn,\n hvSwitchColumn,\n hvDropdownColumn,\n hvProgressColumn,\n} from \"./renderers\";\nexport { default as HvDateColumnCell } from \"./DateColumnCell\";\nexport { default as HvDropdownColumnCell } from \"./DropdownColumnCell\";\nexport { default as HvProgressColumnCell, normalizeProgressBar } from \"./ProgressColumnCell\";\nexport { default as HvSwitchColumnCell } from \"./SwitchColumnCell\";\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AAUA;;AACA;;AACA;;AACA"}

package/dist/Table/renderers/renderers.js CHANGED Viewed

@@ -19,14 +19,14 @@ var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefau
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.hvDateColumn = void 0;
+exports.hvDateColumn = hvDateColumn;
 exports.hvDropdownColumn = hvDropdownColumn;
 exports.hvExpandColumn = hvExpandColumn;
-exports.hvNumberColumn = void 0;
+exports.hvNumberColumn = hvNumberColumn;
 exports.hvProgressColumn = hvProgressColumn;
 exports.hvSwitchColumn = hvSwitchColumn;
 exports.hvTagColumn = hvTagColumn;
-exports.hvTextColumn = void 0;
+exports.hvTextColumn = hvTextColumn;
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
@@ -62,7 +62,7 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
-var hvTextColumn = function hvTextColumn(col) {
+function hvTextColumn(col) {
   return _objectSpread({
     Cell: function Cell(cellProps) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_OverflowTooltip.default, {
@@ -71,11 +71,9 @@ var hvTextColumn = function hvTextColumn(col) {
     },
     sortType: "alphanumeric"
   }, col);
-};
-exports.hvTextColumn = hvTextColumn;
+}
-var hvNumberColumn = function hvNumberColumn(col) {
+function hvNumberColumn(col) {
   return _objectSpread({
     Cell: function Cell(_ref) {
       var value = _ref.value;
@@ -84,11 +82,9 @@ var hvNumberColumn = function hvNumberColumn(col) {
     align: "right",
     sortType: "number"
   }, col);
-};
-exports.hvNumberColumn = hvNumberColumn;
+}
-var hvDateColumn = function hvDateColumn(col, dateFormat) {
+function hvDateColumn(col, dateFormat) {
   return _objectSpread({
     Cell: function Cell(cellProps) {
       return /*#__PURE__*/(0, _jsxRuntime.jsx)(_DateColumnCell.default, {
@@ -99,9 +95,7 @@ var hvDateColumn = function hvDateColumn(col, dateFormat) {
     sortType: "alphanumeric",
     sortDescFirst: true
   }, col);
-};
-exports.hvDateColumn = hvDateColumn;
+}
 function hvExpandColumn(col, expandRowButtonAriaLabel, collapseRowButtonAriaLabel, getCanRowExpand) {
   return _objectSpread({

package/dist/Table/renderers/renderers.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"renderers.js","names":["hvTextColumn","col","Cell","cellProps","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","setId","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport ~~const~~ hvTextColumn = (col) => {\n return {\n Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n sortType: \"alphanumeric\",\n ...col,\n };\n};\n\nexport ~~const~~ hvNumberColumn = (col) => {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n};\n\nexport ~~const~~ hvDateColumn = (col, dateFormat) => {\n return {\n Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n};\n\nexport function hvExpandColumn(\n col,\n expandRowButtonAriaLabel,\n collapseRowButtonAriaLabel,\n getCanRowExpand\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n category=\"ghost\"\n aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn(\n col,\n valueDataKey,\n colorDataKey,\n textColorDataKey,\n fromRowData = false,\n tagProps\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n if (!value) {\n return \"—\";\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"normalText\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row);\n const total = getTotal?.(row);\n\n if (total) {\n return <ProgressColumnCell partial={partial} total={total} color={color} />;\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;AAEA;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAEO,~~IAAMA~~,~~YAAY~~,~~GAAG~~,~~SAAfA~~,~~YAAe,CAACC,GAAD,EAAS~~;~~EACnC~~;IACEC,IAAI,EAAE,cAACC,SAAD;MAAA,oBAAe,qBAAC,wBAAD;QAAmB,IAAI,EAAE,IAAAC,wBAAA,EAAiBD,SAAjB,aAAiBA,SAAjB,uBAAiBA,SAAS,CAAEE,KAA5B;MAAzB,EAAf;IAAA,CADR;IAEEC,QAAQ,EAAE;EAFZ,GAGKL,GAHL;AAKD,~~CANM;;;;AAQA~~,~~IAAMM~~,~~cAAc~~,~~GAAG~~,~~SAAjBA,cAAiB,CAACN,GAAD,EAAS~~;~~EACrC~~;IACEC,IAAI,EAAE;MAAA,IAAGG,KAAH,QAAGA,KAAH;MAAA,OAAe,IAAAG,wBAAA,EAAiBH,KAAjB,CAAf;IAAA,CADR;IAEEI,KAAK,EAAE,OAFT;IAGEH,QAAQ,EAAE;EAHZ,GAIKL,GAJL;AAMD,~~CAPM;;;;AASA~~,~~IAAMS~~,~~YAAY~~,~~GAAG~~,~~SAAfA~~,~~YAAe~~,~~CAACT,GAAD,EAAMU,UAAN,EAAqB~~;~~EAC/C~~;IACET,IAAI,EAAE,cAACC,SAAD;MAAA,oBAAe,qBAAC,uBAAD;QAAgB,IAAI,EAAEA,SAAF,aAAEA,SAAF,uBAAEA,SAAS,CAAEE,KAAjC;QAAwC,UAAU,EAAEM;MAApD,EAAf;IAAA,CADR;IAEEL,QAAQ,EAAE,cAFZ;IAGEM,aAAa,EAAE;EAHjB,GAIKX,GAJL;AAMD,~~CAPM;;;;AASA,~~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"}
1	+ {"version":3,"file":"renderers.js","names":["hvTextColumn","col","Cell","cellProps","hvStringFallback","value","sortType","hvNumberColumn","hvNumberFallback","align","hvDateColumn","dateFormat","sortDescFirst","hvExpandColumn","expandRowButtonAriaLabel","collapseRowButtonAriaLabel","getCanRowExpand","row","getToggleRowExpandedProps","onClick","hasContent","isExpanded","position","left","top","cellStyle","hvTagColumn","valueDataKey","colorDataKey","textColorDataKey","fromRowData","tagProps","original","name","color","textColor","paddingTop","paddingBottom","hvSwitchColumn","switchLabel","falseLabel","trueLabel","switchProps","id","hvDropdownColumn","placeholder","disabledPlaceholder","onChange","column","dsbld","length","val","setId","hvProgressColumn","getPartial","getTotal","partial","total"],"sources":["../../../src/Table/renderers/renderers.js"],"sourcesContent":["import React from \"react\";\nimport { DropDownXS, DropRightXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport HvButton from \"../../Button\";\nimport HvTag from \"../../Tag\";\nimport HvTypography from \"../../Typography\";\nimport HvOverflowTooltip from \"../../OverflowTooltip\";\nimport { setId } from \"../../utils\";\n\nimport DateColumnCell from \"./DateColumnCell\";\nimport SwitchColumnCell from \"./SwitchColumnCell\";\nimport ProgressColumnCell from \"./ProgressColumnCell\";\nimport DropdownColumnCell from \"./DropdownColumnCell\";\nimport { hvStringFallback, hvNumberFallback } from \"../utils\";\n\nexport function hvTextColumn(col) {\n return {\n Cell: (cellProps) => <HvOverflowTooltip data={hvStringFallback(cellProps?.value)} />,\n sortType: \"alphanumeric\",\n ...col,\n };\n}\n\nexport function hvNumberColumn(col) {\n return {\n Cell: ({ value }) => hvNumberFallback(value),\n align: \"right\",\n sortType: \"number\",\n ...col,\n };\n}\n\nexport function hvDateColumn(col, dateFormat) {\n return {\n Cell: (cellProps) => <DateColumnCell date={cellProps?.value} dateFormat={dateFormat} />,\n sortType: \"alphanumeric\",\n sortDescFirst: true,\n ...col,\n };\n}\n\nexport function hvExpandColumn(\n col,\n expandRowButtonAriaLabel,\n collapseRowButtonAriaLabel,\n getCanRowExpand\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n const { onClick } = row.getToggleRowExpandedProps();\n\n const hasContent = getCanRowExpand?.(row) ?? true;\n\n return (\n <>\n {hasContent && (\n <HvButton\n icon\n category=\"ghost\"\n aria-label={row.isExpanded ? collapseRowButtonAriaLabel : expandRowButtonAriaLabel}\n aria-expanded={row.isExpanded}\n onClick={onClick}\n style={{ position: \"absolute\", left: 0, top: 0 }}\n >\n {row.isExpanded ? <DropDownXS /> : <DropRightXS />}\n </HvButton>\n )}\n\n <HvOverflowTooltip data={hvStringFallback(value)} />\n </>\n );\n },\n sortType: \"alphanumeric\",\n cellStyle: {\n position: \"relative\",\n },\n ...col,\n };\n}\n\nexport function hvTagColumn(\n col,\n valueDataKey,\n colorDataKey,\n textColorDataKey,\n fromRowData = false,\n tagProps\n) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n if (!value) {\n return \"—\";\n }\n\n const {\n [valueDataKey]: name,\n [colorDataKey]: color,\n [textColorDataKey]: textColor,\n } = fromRowData ? row.original : value;\n\n return (\n <HvTag\n label={<HvTypography variant=\"normalText\">{name}</HvTypography>}\n type=\"semantic\"\n color={color}\n style={textColor != null ? { color: textColor } : {}}\n tabIndex={-1}\n {...tagProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvSwitchColumn(col, switchLabel, falseLabel, trueLabel, switchProps) {\n return {\n Cell: (cellProps) => {\n const { value, row } = cellProps;\n return (\n <SwitchColumnCell\n checked={value}\n value={row.id}\n switchLabel={switchLabel}\n falseLabel={falseLabel}\n trueLabel={trueLabel}\n switchProps={switchProps}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvDropdownColumn(col, id, placeholder, disabledPlaceholder, onChange) {\n return {\n Cell: (cellProps) => {\n const { value, row, column } = cellProps;\n const dsbld = value.length < 1;\n return (\n <DropdownColumnCell\n values={value}\n placeholder={dsbld ? disabledPlaceholder : placeholder}\n onChange={(val) => onChange?.(row.id, val)}\n disabled={dsbld}\n dropdownProps={{\n \"aria-labelledby\": setId(id, column.id),\n }}\n />\n );\n },\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n\nexport function hvProgressColumn(col, getPartial, getTotal, color) {\n return {\n Cell: (cellProps) => {\n const { row } = cellProps;\n const partial = getPartial?.(row);\n const total = getTotal?.(row);\n\n if (total) {\n return <ProgressColumnCell partial={partial} total={total} color={color} />;\n }\n\n return \"—\";\n },\n\n cellStyle: {\n paddingTop: 0,\n paddingBottom: 0,\n },\n ...col,\n };\n}\n"],"mappings":"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"}

package/dist/Tag/Tag.js CHANGED Viewed

@@ -95,8 +95,6 @@ var getColor = function getColor(theme, customColor, type) {
 var HvTag = function HvTag(props) {
-  var _HvTypography;
   var classes = props.classes,
       style = props.style,
       className = props.className,
@@ -158,18 +156,8 @@ var HvTag = function HvTag(props) {
       hover = _useState2[0],
       setHover = _useState2[1];
-  var chipLabel = (0, _react.useMemo)(function () {
-    if (typeof label === "string") {
-      return _HvTypography || (_HvTypography = /*#__PURE__*/(0, _jsxRuntime.jsx)(_.HvTypography, {
-        variant: "normalText",
-        children: label
-      }));
-    }
-    return label;
-  }, [label]);
   return /*#__PURE__*/(0, _jsxRuntime.jsx)(_material.Chip, _objectSpread({
-    label: chipLabel,
+    label: label,
     className: (0, _clsx.default)(classes.root, className),
     onMouseEnter: function onMouseEnter() {
       setHover(!!onClick);

package/dist/Tag/Tag.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Tag.js","names":["getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","useTheme","inlineStyle","categoricalBackgroundColor","fade","useState","hover","setHover","chipLabel","useMemo","clsx","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","withStyles","styles","name"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React, { useMemo, useState } from \"react\";\nimport { Chip } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\n\nimport fade from \"../utils/hexToRgbA\";\nimport { HvButton, HvTypography } from \"..\";\nimport styles from \"./styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n let backgroundColor;\n\n if (type === \"semantic\") {\n backgroundColor = theme.palette[customColor] \|\| customColor \|\| defaultSemanticColor;\n }\n if (type === \"categorical\") {\n backgroundColor =\n theme.hv.viz.palette.categorical[customColor] \|\| customColor \|\| defaultCategoricalColor;\n }\n\n return backgroundColor;\n};\n\n/*\n A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n \n It leverages the Chip component from Material UI\n /\nconst HvTag = (props) => {\n const {\n classes,\n style,\n className,\n label,\n disabled,\n type = \"semantic\",\n color,\n deleteIcon,\n onDelete,\n onClick,\n role,\n deleteButtonArialLabel = \"Delete tag\",\n deleteButtonProps = {},\n ...others\n } = props;\n\n const getDeleteIcon = () => {\n const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n const { tabIndex = 0 } = deleteButtonProps;\n\n return (\n <HvButton\n classes={{\n startIcon: classes.tagButton,\n focusVisible: classes.focusVisible,\n primary: classes.primaryButton,\n }}\n aria-label={deleteButtonArialLabel}\n tabIndex={tabIndex}\n {...deleteButtonProps}\n >\n <CloseXS\n iconSize=\"XS\"\n style={{\n ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n height: 16,\n }}\n color={disabled ? disabledSemanticColor : \"base2\"}\n />\n </HvButton>\n );\n };\n\n const theme = useTheme();\n\n const inlineStyle = {\n ...style,\n };\n\n let categoricalBackgroundColor;\n\n if (type === \"semantic\") {\n inlineStyle.backgroundColor = getColor(theme, color, type);\n } else if (type === \"categorical\") {\n categoricalBackgroundColor = getColor(theme, color, type);\n\n inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n }\n\n const [hover, setHover] = useState(false);\n\n const chipLabel = useMemo(() => {\n if (typeof label === \"string\") {\n return <HvTypography variant=\"normalText\">{label}</HvTypography>;\n }\n\n return label;\n }, [label]);\n\n return (\n <Chip\n label={chipLabel}\n className={clsx(classes.root, className)}\n onMouseEnter={() => {\n setHover(!!onClick);\n }}\n onMouseLeave={() => {\n setHover(false);\n }}\n style={{\n ...(disabled ? null : inlineStyle),\n ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n }}\n classes={{\n root: clsx(classes.chipRoot, {\n [classes.disabled]: disabled,\n [classes.clickable]: !!onClick,\n [classes.categorical]: type === \"categorical\",\n [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n }),\n label: classes.label,\n deleteIcon: clsx(classes.deleteIcon, {\n [classes.disabledDeleteIcon]: disabled,\n }),\n }}\n deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) \|\| getDeleteIcon()}\n onDelete={getOnDeleteCallback(disabled, onDelete)}\n onClick={disabled ? undefined : onClick}\n role={role \|\| (hasClickAction(onClick) ? \"button\" : undefined)}\n tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n {...others}\n />\n );\n};\n\nHvTag.propTypes = {\n /\n A Jss Object used to override or extend the styles applied to the radio button.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component.\n /\n root: PropTypes.string,\n /\n Styles applied to the component.\n /\n chipRoot: PropTypes.string,\n /\n Styles applied to the component.\n /\n label: PropTypes.string,\n /\n Styles applied to the component.\n /\n tagButton: PropTypes.string,\n /\n Styles applied to the component.\n /\n deleteIcon: PropTypes.string,\n /\n Styles applied to the component.\n /\n disabledDeleteIcon: PropTypes.string,\n /\n Styles applied to the component.\n /\n titleOverflow: PropTypes.string,\n /\n Styles applied to the component.\n /\n categorical: PropTypes.string,\n /\n Styles applied to the component.\n /\n categoricalDisabled: PropTypes.string,\n /\n Styles applied to the component.\n /\n disabled: PropTypes.string,\n /\n Styles applied to the component.\n /\n semanticTextColor: PropTypes.string,\n /\n Styles applied to the component.\n /\n categoricalTextColor: PropTypes.string,\n /\n Styles applied to the component.\n /\n deletable: PropTypes.string,\n /\n Styles applied to the component if has onClick.\n /\n clickable: PropTypes.string,\n /\n Styles applied to the component.\n /\n focusVisible: PropTypes.string,\n /\n Styles applied to the component.\n /\n primaryButton: PropTypes.string,\n /\n Styles applied to the component.\n /\n categoricalFocus: PropTypes.string,\n }).isRequired,\n\n /\n Inline styles to be applied to the root element.\n /\n style: PropTypes.instanceOf(Object),\n\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n\n /\n The label of the tag element.\n \n /\n label: PropTypes.node,\n\n /*\n Indicates that the form element is disabled.\n /\n disabled: PropTypes.bool,\n\n /\n The type of the tag element.\n \n A tag can be of semantic or categoric type\n /\n type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n /\n Background color to be applied to the tag\n /\n color: PropTypes.string,\n /\n Icon used to customize the delete icon in the Chip element\n /\n deleteIcon: PropTypes.node,\n\n /\n The callback fired when the delete icon is pressed.\n * This function has to be provided to the component,\n * in order to render the delete icon\n /\n onDelete: PropTypes.func,\n /\n Callback triggered when any item is clicked.\n /\n onClick: PropTypes.func,\n\n /\n The role of the element with an attributed event.\n /\n role: PropTypes.string,\n /\n Aria properties to apply to delete button in tag\n /\n deleteButtonArialLabel: PropTypes.string,\n /\n Props to apply to delete button\n */\n deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}
1	+ {"version":3,"file":"Tag.js","names":["getColor","theme","customColor","type","defaultSemanticColor","hv","palette","semantic","sema7","defaultCategoricalColor","viz","categorical","cviz1","backgroundColor","HvTag","props","classes","style","className","label","disabled","color","deleteIcon","onDelete","onClick","role","deleteButtonArialLabel","deleteButtonProps","others","getDeleteIcon","disabledSemanticColor","tabIndex","startIcon","tagButton","focusVisible","primary","primaryButton","cursor","undefined","height","useTheme","inlineStyle","categoricalBackgroundColor","fade","useState","hover","setHover","clsx","root","boxShadow","chipRoot","clickable","categoricalDisabled","categoricalFocus","disabledDeleteIcon","hasDeleteAction","getOnDeleteCallback","hasClickAction","propTypes","PropTypes","shape","string","titleOverflow","semanticTextColor","categoricalTextColor","deletable","isRequired","instanceOf","Object","node","bool","oneOf","func","withStyles","styles","name"],"sources":["../../src/Tag/Tag.js"],"sourcesContent":["import React, { useState } from \"react\";\nimport { Chip } from \"@mui/material\";\nimport { withStyles, useTheme } from \"@mui/styles\";\nimport PropTypes from \"prop-types\";\nimport clsx from \"clsx\";\nimport { CloseXS } from \"@hitachivantara/uikit-react-icons\";\nimport fade from \"../utils/hexToRgbA\";\nimport { HvButton } from \"..\";\nimport styles from \"./styles\";\nimport { getOnDeleteCallback, hasDeleteAction, hasClickAction } from \"./utils\";\n\nconst getColor = (theme, customColor, type) => {\n const defaultSemanticColor = theme.hv.palette.semantic.sema7;\n const defaultCategoricalColor = theme.hv.viz.palette.categorical.cviz1;\n\n let backgroundColor;\n\n if (type === \"semantic\") {\n backgroundColor = theme.palette[customColor] \|\| customColor \|\| defaultSemanticColor;\n }\n if (type === \"categorical\") {\n backgroundColor =\n theme.hv.viz.palette.categorical[customColor] \|\| customColor \|\| defaultCategoricalColor;\n }\n\n return backgroundColor;\n};\n\n/*\n A Tag is one word that describes a specific aspect of an asset. A single asset can have\n * multiple tags.\n * Use tags to highlight an item's status for quick recognition and navigation\n * Use color to indicate meanings that users can learn and recognize across products\n \n It leverages the Chip component from Material UI\n /\nconst HvTag = (props) => {\n const {\n classes,\n style,\n className,\n label,\n disabled,\n type = \"semantic\",\n color,\n deleteIcon,\n onDelete,\n onClick,\n role,\n deleteButtonArialLabel = \"Delete tag\",\n deleteButtonProps = {},\n ...others\n } = props;\n\n const getDeleteIcon = () => {\n const disabledSemanticColor = type === \"semantic\" ? \"atmo5\" : \"base2\";\n const { tabIndex = 0 } = deleteButtonProps;\n\n return (\n <HvButton\n classes={{\n startIcon: classes.tagButton,\n focusVisible: classes.focusVisible,\n primary: classes.primaryButton,\n }}\n aria-label={deleteButtonArialLabel}\n tabIndex={tabIndex}\n {...deleteButtonProps}\n >\n <CloseXS\n iconSize=\"XS\"\n style={{\n ...(disabled ? { cursor: \"not-allowed\" } : undefined),\n height: 16,\n }}\n color={disabled ? disabledSemanticColor : \"base2\"}\n />\n </HvButton>\n );\n };\n\n const theme = useTheme();\n\n const inlineStyle = {\n ...style,\n };\n\n let categoricalBackgroundColor;\n\n if (type === \"semantic\") {\n inlineStyle.backgroundColor = getColor(theme, color, type);\n } else if (type === \"categorical\") {\n categoricalBackgroundColor = getColor(theme, color, type);\n\n inlineStyle.backgroundColor = fade(categoricalBackgroundColor, 0.3);\n }\n\n const [hover, setHover] = useState(false);\n\n return (\n <Chip\n label={label}\n className={clsx(classes.root, className)}\n onMouseEnter={() => {\n setHover(!!onClick);\n }}\n onMouseLeave={() => {\n setHover(false);\n }}\n style={{\n ...(disabled ? null : inlineStyle),\n ...(hover && !disabled ? { boxShadow: `0 0 0 1pt ${categoricalBackgroundColor}` } : null),\n }}\n classes={{\n root: clsx(classes.chipRoot, {\n [classes.disabled]: disabled,\n [classes.clickable]: !!onClick,\n [classes.categorical]: type === \"categorical\",\n [classes.categoricalFocus]: type === \"categorical\" && !disabled,\n [classes.categoricalDisabled]: type === \"categorical\" && disabled,\n }),\n label: classes.label,\n deleteIcon: clsx(classes.deleteIcon, {\n [classes.disabledDeleteIcon]: disabled,\n }),\n }}\n deleteIcon={(hasDeleteAction(onDelete) && deleteIcon) \|\| getDeleteIcon()}\n onDelete={getOnDeleteCallback(disabled, onDelete)}\n onClick={disabled ? undefined : onClick}\n role={role \|\| (hasClickAction(onClick) ? \"button\" : undefined)}\n tabIndex={hasDeleteAction(onDelete) ? undefined : 0}\n {...others}\n />\n );\n};\n\nHvTag.propTypes = {\n /\n A Jss Object used to override or extend the styles applied to the radio button.\n /\n classes: PropTypes.shape({\n /\n Styles applied to the component.\n /\n root: PropTypes.string,\n /\n Styles applied to the component.\n /\n chipRoot: PropTypes.string,\n /\n Styles applied to the component.\n /\n label: PropTypes.string,\n /\n Styles applied to the component.\n /\n tagButton: PropTypes.string,\n /\n Styles applied to the component.\n /\n deleteIcon: PropTypes.string,\n /\n Styles applied to the component.\n /\n disabledDeleteIcon: PropTypes.string,\n /\n Styles applied to the component.\n /\n titleOverflow: PropTypes.string,\n /\n Styles applied to the component.\n /\n categorical: PropTypes.string,\n /\n Styles applied to the component.\n /\n categoricalDisabled: PropTypes.string,\n /\n Styles applied to the component.\n /\n disabled: PropTypes.string,\n /\n Styles applied to the component.\n /\n semanticTextColor: PropTypes.string,\n /\n Styles applied to the component.\n /\n categoricalTextColor: PropTypes.string,\n /\n Styles applied to the component.\n /\n deletable: PropTypes.string,\n /\n Styles applied to the component if has onClick.\n /\n clickable: PropTypes.string,\n /\n Styles applied to the component.\n /\n focusVisible: PropTypes.string,\n /\n Styles applied to the component.\n /\n primaryButton: PropTypes.string,\n /\n Styles applied to the component.\n /\n categoricalFocus: PropTypes.string,\n }).isRequired,\n\n /\n Inline styles to be applied to the root element.\n /\n style: PropTypes.instanceOf(Object),\n\n /\n Class names to be applied.\n /\n className: PropTypes.string,\n\n /\n The label of the tag element.\n \n /\n label: PropTypes.node,\n\n /*\n Indicates that the form element is disabled.\n /\n disabled: PropTypes.bool,\n\n /\n The type of the tag element.\n \n A tag can be of semantic or categoric type\n /\n type: PropTypes.oneOf([\"semantic\", \"categorical\"]),\n\n /\n Background color to be applied to the tag\n /\n color: PropTypes.string,\n /\n Icon used to customize the delete icon in the Chip element\n /\n deleteIcon: PropTypes.node,\n\n /\n The callback fired when the delete icon is pressed.\n * This function has to be provided to the component,\n * in order to render the delete icon\n /\n onDelete: PropTypes.func,\n /\n Callback triggered when any item is clicked.\n /\n onClick: PropTypes.func,\n\n /\n The role of the element with an attributed event.\n /\n role: PropTypes.string,\n /\n Aria properties to apply to delete button in tag\n /\n deleteButtonArialLabel: PropTypes.string,\n /\n Props to apply to delete button\n */\n deleteButtonProps: PropTypes.instanceOf(Object),\n};\n\nexport default withStyles(styles, { name: \"HvTag\" })(HvTag);\n"],"mappings":"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"}

package/dist/Tag/styles.js CHANGED Viewed

@@ -46,13 +46,15 @@ var styles = function styles(theme) {
     primaryButton: {
       background: "transparent"
     },
-    label: {
+    label: _objectSpread(_objectSpread({
       paddingLeft: theme.hv.spacing.xs,
-      paddingRight: theme.hv.spacing.xs,
+      paddingRight: theme.hv.spacing.xs
+    }, theme.hv.typography.normalText), {}, {
+      color: theme.palette.base2,
       "& p": {
         color: theme.hv.palette.base.base2
       }
-    },
+    }),
     tagButton: {
       width: 16,
       height: 16,