@hitachivantara/uikit-react-core 5.96.0 → 5.96.2

package/dist/cjs/Calendar/model.cjs

@@ -13,7 +13,7 @@ class CalendarModel {
    *
    * @param month - Number of the month (1 to 12).
    * @param year - Number of the year.
-   * @memberOf CalendarModel
+   * @memberof CalendarModel
    */
   updateModel = (month, year) => {
     let validMonth = month;

package/dist/cjs/Dropdown/List/List.cjs

@@ -67,23 +67,10 @@ const HvDropdownList = (props) => {
     }
   }, [values, notifyChangesOnFirstRender, onChange]);
   const handleSearch = (str) => {
-    const results = list ? list.filter(
-      ({
-        searchValue,
-        label,
-        value
-      }) => {
-        let stringValue = "";
-        if (typeof searchValue === "string" || searchValue instanceof String) {
-          stringValue = searchValue.toLowerCase();
-        } else if (typeof label === "string" || label instanceof String) {
-          stringValue = label.toLowerCase();
-        } else if (typeof value === "string" || value instanceof String) {
-          stringValue = value.toLowerCase();
-        }
-        return stringValue.indexOf(str.toLowerCase()) >= 0;
-      }
-    ) : null;
+    const results = list?.filter(({ searchValue, label, value }) => {
+      const stringValue = typeof searchValue === "string" && searchValue || typeof label === "string" && label || typeof value === "string" && value || "";
+      return stringValue.toLowerCase().indexOf(str.toLowerCase()) >= 0;
+    });
     if (results != null) {
       const newList = list.map((elem) => {
         const isResult = results.find((result) => result.label === elem.label);

package/dist/cjs/Slider/utils.cjs

@@ -3,7 +3,7 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const uikitStyles = require("@hitachivantara/uikit-styles");
 const Slider_styles = require("./Slider.styles.cjs");
 const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
-const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
+const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : Number.NaN;
 const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
   const knobsPositions = [];
   values.forEach((value, index) => {
@@ -227,7 +227,7 @@ const statusArrayToFormStatus = (arrayStatus) => {
 const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
   (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
 );
-const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => parseFloat(inputValue));
+const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
 exports.calculateStepValue = calculateStepValue;
 exports.convertStatusToArray = convertStatusToArray;
 exports.createKnobStyles = createKnobStyles;

package/dist/cjs/TagsInput/TagsInput.styles.cjs

@@ -83,10 +83,13 @@ const { staticClasses, useClasses } = uikitReactUtils.createClasses("HvTagsInput
     border: "none",
     margin: 0,
     padding: 0,
-    ...uikitStyles.theme.typography.caption1,
+    ...uikitStyles.theme.typography.body,
     backgroundColor: "transparent",
     outline: "none",
-    boxShadow: "none"
+    boxShadow: "none",
+    "&::placeholder": {
+      color: uikitStyles.theme.colors.textSubtle
+    }
   },
   /** @deprecated unused.  use `:focus` or `:focus-visible` instead */
   tagSelected: {},

package/dist/cjs/themes/pentahoPlus.cjs

@@ -194,10 +194,22 @@ const pentahoPlus = uikitStyles.mergeTheme(uikitStyles.pentahoPlus, {
       classes: {
         tagsList: {
           backgroundColor: inputColors.bg,
-          padding: uikitStyles.theme.space.xxs
+          padding: uikitStyles.theme.space.xxs,
+          borderColor: uikitStyles.theme.colors.textDimmed
         },
         singleLine: {
           height: 32
+        },
+        disabled: {
+          "& .HvTagsInput-tagsList": {
+            backgroundColor: uikitStyles.theme.colors.bgDisabled,
+            "&,:hover": {
+              borderColor: uikitStyles.theme.colors.textDisabled
+            }
+          },
+          "& .HvTagsInput-chipRoot": {
+            outlineColor: uikitStyles.theme.colors.textDisabled
+          }
         }
       }
     },

package/dist/esm/Calendar/model.js

@@ -11,7 +11,7 @@ class CalendarModel {
    *
    * @param month - Number of the month (1 to 12).
    * @param year - Number of the year.
-   * @memberOf CalendarModel
+   * @memberof CalendarModel
    */
   updateModel = (month, year) => {
     let validMonth = month;

package/dist/esm/Dropdown/List/List.js

@@ -66,23 +66,10 @@ const HvDropdownList = (props) => {
     }
   }, [values, notifyChangesOnFirstRender, onChange]);
   const handleSearch = (str) => {
-    const results = list ? list.filter(
-      ({
-        searchValue,
-        label,
-        value
-      }) => {
-        let stringValue = "";
-        if (typeof searchValue === "string" || searchValue instanceof String) {
-          stringValue = searchValue.toLowerCase();
-        } else if (typeof label === "string" || label instanceof String) {
-          stringValue = label.toLowerCase();
-        } else if (typeof value === "string" || value instanceof String) {
-          stringValue = value.toLowerCase();
-        }
-        return stringValue.indexOf(str.toLowerCase()) >= 0;
-      }
-    ) : null;
+    const results = list?.filter(({ searchValue, label, value }) => {
+      const stringValue = typeof searchValue === "string" && searchValue || typeof label === "string" && label || typeof value === "string" && value || "";
+      return stringValue.toLowerCase().indexOf(str.toLowerCase()) >= 0;
+    });
     if (results != null) {
       const newList = list.map((elem) => {
         const isResult = results.find((result) => result.label === elem.label);

package/dist/esm/Slider/utils.js

@@ -1,7 +1,7 @@
 import { theme } from "@hitachivantara/uikit-styles";
 import { sliderStyles } from "./Slider.styles.js";
 const knobsPositionToScaledValue = (sliderValue, minPointValue, stepValue) => minPointValue + stepValue * sliderValue;
-const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : NaN;
+const scaledValueToKnobsPositionValue = (scaledValue, minPointValue, inverseStepValue) => typeof scaledValue === "number" ? Math.floor((scaledValue - minPointValue) * inverseStepValue) : Number.NaN;
 const knobsValuesToKnobsPositions = (values, inverseStepValue, minPointValue) => {
   const knobsPositions = [];
   values.forEach((value, index) => {
@@ -225,7 +225,7 @@ const statusArrayToFormStatus = (arrayStatus) => {
 const knobsValuesToString = (knobsValues, markDigits) => knobsValues.map(
   (knobValue) => Number.isNaN(knobValue) ? "" : knobValue.toFixed(markDigits)
 );
-const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => parseFloat(inputValue));
+const stringValuesToKnobs = (inputsValues) => inputsValues.map((inputValue) => Number.parseFloat(inputValue));
 export {
   calculateStepValue,
   convertStatusToArray,

package/dist/esm/TagsInput/TagsInput.styles.js

@@ -81,10 +81,13 @@ const { staticClasses, useClasses } = createClasses("HvTagsInput", {
     border: "none",
     margin: 0,
     padding: 0,
-    ...theme.typography.caption1,
+    ...theme.typography.body,
     backgroundColor: "transparent",
     outline: "none",
-    boxShadow: "none"
+    boxShadow: "none",
+    "&::placeholder": {
+      color: theme.colors.textSubtle
+    }
   },
   /** @deprecated unused.  use `:focus` or `:focus-visible` instead */
   tagSelected: {},

package/dist/esm/themes/pentahoPlus.js

@@ -192,10 +192,22 @@ const pentahoPlus = mergeTheme(pentahoPlus$1, {
       classes: {
         tagsList: {
           backgroundColor: inputColors.bg,
-          padding: theme.space.xxs
+          padding: theme.space.xxs,
+          borderColor: theme.colors.textDimmed
         },
         singleLine: {
           height: 32
+        },
+        disabled: {
+          "& .HvTagsInput-tagsList": {
+            backgroundColor: theme.colors.bgDisabled,
+            "&,:hover": {
+              borderColor: theme.colors.textDisabled
+            }
+          },
+          "& .HvTagsInput-chipRoot": {
+            outlineColor: theme.colors.textDisabled
+          }
         }
       }
     },

package/dist/types/index.d.ts

@@ -4669,8 +4669,8 @@ export declare function hvNumberColumn<D extends object = Record<string, unknown
 export declare const hvNumberFallback: (value: any) => number | "—";
 
 /**
- *A Number Input lets users enter numeric values and provides buttons to increment or decrement the value.
- *It extends the HvInput component—refer to its documentation for additional available props.
+ * A Number Input lets users enter numeric values and provides buttons to increment or decrement the value.
+ * It extends the HvInput component—refer to its documentation for additional available props.
  *
  * @extends HvInput
  */
@@ -4683,7 +4683,7 @@ export declare const HvOption: <OptionValue extends {}>(props: HvOptionProps<Opt
 
 /**
  * Optional
- * @desc From `T` make a set of properties by key `K` become optional
+ * @description From `T` make a set of properties by key `K` become optional
  * @example
  *    type Props = {
  *      name: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.96.0",
+  "version": "5.96.2",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -61,7 +61,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "e4ee566c6d223e9c4a4dff9e04cd60fda4f93ead",
+  "gitHead": "7c14c1cfb05319faf3d647bb806d25655363cbc5",
   "exports": {
     ".": {
       "types": "./dist/types/index.d.ts",