@hitachivantara/uikit-react-core 5.63.3 → 5.64.1

package/dist/cjs/FileUploader/Preview/Preview.styles.cjs

@@ -15,10 +15,7 @@ const { staticClasses, useClasses } = classes.createClasses(
     },
     overlay: {
       position: "absolute",
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
+      inset: 0,
       display: "none",
       justifyContent: "center",
       alignItems: "center",

package/dist/cjs/MultiButton/MultiButton.cjs

@@ -3,9 +3,11 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const setId = require("../utils/setId.cjs");
 const MultiButton_styles = require("./MultiButton.styles.cjs");
 const HvMultiButton = (props) => {
   const {
+    id,
     className,
     children,
     classes: classesProp,
@@ -35,6 +37,7 @@ const HvMultiButton = (props) => {
   return /* @__PURE__ */ jsxRuntime.jsx(
     "div",
     {
+      id,
       className: cx(
         classes.root,
         {
@@ -50,7 +53,8 @@ const HvMultiButton = (props) => {
       ...others,
       children: buttons.map((child, index) => {
         const childIsSelected = !!child.props.selected;
-        return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        const btnKey = setId.setId([id, index]);
+        return /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
           React.cloneElement(child, {
             variant,
             disabled: disabled || child.props.disabled,
@@ -77,7 +81,7 @@ const HvMultiButton = (props) => {
               children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classes.split })
             }
           )
-        ] });
+        ] }, btnKey);
       })
     }
   );

package/dist/cjs/QueryBuilder/Context.cjs

@@ -183,6 +183,12 @@ const defaultLabels = {
       dialogConfirm: "Yes",
       dialogCancel: "No",
       dialogCloseTooltip: "Close"
+    },
+    addRule: {
+      label: "Add condition"
+    },
+    addGroup: {
+      label: "Add group"
     }
   },
   rule: {

package/dist/cjs/QueryBuilder/QueryBuilder.cjs

@@ -4,6 +4,7 @@ const jsxRuntime = require("@emotion/react/jsx-runtime");
 const React = require("react");
 const useControlled = require("../hooks/useControlled.cjs");
 const useDefaultProps = require("../hooks/useDefaultProps.cjs");
+const useLabels = require("../hooks/useLabels.cjs");
 const helpers = require("../utils/helpers.cjs");
 const Context = require("./Context.cjs");
 const QueryBuilder_styles = require("./QueryBuilder.styles.cjs");
@@ -24,7 +25,7 @@ const HvQueryBuilder = (props) => {
     operators = Context.defaultOperators,
     combinators = Context.defaultCombinators,
     maxDepth = 1,
-    labels = Context.defaultLabels,
+    labels: labelsProp,
     readOnly = false,
     emptyRenderer = ["Empty", "IsNotEmpty"],
     classes: classesProp
@@ -45,6 +46,7 @@ const HvQueryBuilder = (props) => {
     reducer.default,
     index.setNodeIds(structuredClone(initialQuery.current))
   );
+  const labels = useLabels.useLabels(Context.defaultLabels, labelsProp);
   const contextValue = React.useMemo(
     () => ({
       dispatchAction,

package/dist/cjs/Skeleton/Skeleton.styles.cjs

@@ -70,10 +70,7 @@ const { staticClasses, useClasses } = classes.createClasses("HvSkeleton", {
       content: "''",
       position: "absolute",
       transform: "translateX(-100%)",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0
+      inset: 0
     }
   }
 });

package/dist/cjs/hooks/useLabels.cjs

@@ -1,9 +1,10 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const React = require("react");
+const deepMerge = require("../utils/deepMerge.cjs");
 function useLabels(defaultLabels, labels) {
   return React.useMemo(() => {
-    return { ...defaultLabels, ...labels };
+    return deepMerge.deepMerge(defaultLabels, labels);
   }, [defaultLabels, labels]);
 }
 exports.useLabels = useLabels;

package/dist/cjs/utils/deepMerge.cjs

@@ -0,0 +1,18 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const isObject = (val) => val && typeof val === "object" && !Array.isArray(val);
+function merge(target, source) {
+  Object.keys(source || {}).forEach((key) => {
+    if (isObject(target[key]) && isObject(source?.[key])) {
+      merge(target[key], source?.[key]);
+    } else {
+      target[key] = source?.[key];
+    }
+  });
+}
+function deepMerge(target, source) {
+  const result = structuredClone(target);
+  merge(result, source);
+  return result;
+}
+exports.deepMerge = deepMerge;

package/dist/esm/FileUploader/Preview/Preview.styles.js

@@ -13,10 +13,7 @@ const { staticClasses, useClasses } = createClasses(
     },
     overlay: {
       position: "absolute",
-      top: 0,
-      bottom: 0,
-      left: 0,
-      right: 0,
+      inset: 0,
       display: "none",
       justifyContent: "center",
       alignItems: "center",

package/dist/esm/FileUploader/Preview/Preview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Preview.styles.js","sources":["../../../../src/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvFileUploaderPreview\",\n  {\n    previewButton: {\n      position: \"relative\",\n      width: \"48px\",\n      height: \"48px\",\n      \"&:hover *\": {\n        display: \"flex\",\n      },\n    },\n    overlay: {\n      position: \"absolute\",\n      top: 0,\n      bottom: 0,\n      left: 0,\n      right: 0,\n      display: \"none\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: theme.colors.primary_20,\n      opacity: \"1\",\n      borderRadius: theme.radii.base,\n    },\n  },\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,KAAK;AAAA,MACL,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,MACT,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AACF;"}
+{"version":3,"file":"Preview.styles.js","sources":["../../../../src/FileUploader/Preview/Preview.styles.tsx"],"sourcesContent":["import { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../../utils/classes\";\n\nexport const { staticClasses, useClasses } = createClasses(\n  \"HvFileUploaderPreview\",\n  {\n    previewButton: {\n      position: \"relative\",\n      width: \"48px\",\n      height: \"48px\",\n      \"&:hover *\": {\n        display: \"flex\",\n      },\n    },\n    overlay: {\n      position: \"absolute\",\n      inset: 0,\n      display: \"none\",\n      justifyContent: \"center\",\n      alignItems: \"center\",\n      backgroundColor: theme.colors.primary_20,\n      opacity: \"1\",\n      borderRadius: theme.radii.base,\n    },\n  },\n);\n"],"names":[],"mappings":";;AAIa,MAAA,EAAE,eAAe,WAAA,IAAe;AAAA,EAC3C;AAAA,EACA;AAAA,IACE,eAAe;AAAA,MACb,UAAU;AAAA,MACV,OAAO;AAAA,MACP,QAAQ;AAAA,MACR,aAAa;AAAA,QACX,SAAS;AAAA,MACX;AAAA,IACF;AAAA,IACA,SAAS;AAAA,MACP,UAAU;AAAA,MACV,OAAO;AAAA,MACP,SAAS;AAAA,MACT,gBAAgB;AAAA,MAChB,YAAY;AAAA,MACZ,iBAAiB,MAAM,OAAO;AAAA,MAC9B,SAAS;AAAA,MACT,cAAc,MAAM,MAAM;AAAA,IAC5B;AAAA,EACF;AACF;"}

package/dist/esm/MultiButton/MultiButton.js

@@ -1,10 +1,12 @@
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import { useMemo, Children, isValidElement, cloneElement } from "react";
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import { useMemo, Children, isValidElement, Fragment, cloneElement } from "react";
 import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { setId } from "../utils/setId.js";
 import { useClasses, getSplitContainerColor, getSplitContainerHeight } from "./MultiButton.styles.js";
 import { staticClasses } from "./MultiButton.styles.js";
 const HvMultiButton = (props) => {
   const {
+    id,
     className,
     children,
     classes: classesProp,
@@ -34,6 +36,7 @@ const HvMultiButton = (props) => {
   return /* @__PURE__ */ jsx(
     "div",
     {
+      id,
       className: cx(
         classes.root,
         {
@@ -49,6 +52,7 @@ const HvMultiButton = (props) => {
       ...others,
       children: buttons.map((child, index) => {
         const childIsSelected = !!child.props.selected;
+        const btnKey = setId([id, index]);
         return /* @__PURE__ */ jsxs(Fragment, { children: [
           cloneElement(child, {
             variant,
@@ -76,7 +80,7 @@ const HvMultiButton = (props) => {
               children: /* @__PURE__ */ jsx("div", { className: classes.split })
             }
           )
-        ] });
+        ] }, btnKey);
       })
     }
   );

package/dist/esm/MultiButton/MultiButton.js.map

@@ -1 +1 @@
-{"version":3,"file":"MultiButton.js","sources":["../../../src/MultiButton/MultiButton.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  isValidElement,\n  ReactElement,\n  useMemo,\n} from \"react\";\n\nimport { HvButtonSize, HvButtonVariant } from \"../Button\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\nimport {\n  getSplitContainerColor,\n  getSplitContainerHeight,\n  staticClasses,\n  useClasses,\n} from \"./MultiButton.styles\";\n\nexport { staticClasses as multiButtonClasses };\nexport type HvMultiButtonClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMultiButtonProps extends HvBaseProps {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n  /** Button size. */\n  size?: HvButtonSize;\n  /** Add a split between buttons */\n  split?: boolean;\n}\n\nexport const HvMultiButton = (props: HvMultiButtonProps) => {\n  const {\n    className,\n    children,\n    classes: classesProp,\n    disabled = false,\n    vertical = false,\n    variant = \"secondarySubtle\",\n    size,\n    split,\n    ...others\n  } = useDefaultProps(\"HvMultiButton\", props);\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const [color, type] = useMemo(() => {\n    const result = variant.split(/(?=[A-Z])/);\n    if (\n      result[0] === \"ghost\" ||\n      result[0] === \"semantic\" ||\n      (result[0] === \"secondary\" && !result[1])\n    )\n      return [];\n    return result.map((x) => x.toLowerCase());\n  }, [variant]);\n\n  // Filter children: remove invalid and undefined/null\n  const buttons = useMemo(() => {\n    const btns: ReactElement[] = [];\n    Children.forEach(children, (child) => {\n      if (child && isValidElement(child)) {\n        btns.push(child);\n      }\n    });\n    return btns;\n  }, [children]);\n\n  return (\n    <div\n      className={cx(\n        classes.root,\n        {\n          [classes.multiple]: !split,\n          [classes.vertical]: vertical,\n          [classes[variant]]: variant, // TODO - remove in v6\n          [classes.splitGroup]: split,\n          [classes.splitGroupDisabled]: split && disabled,\n        },\n        className,\n      )}\n      {...others}\n    >\n      {buttons.map((child, index) => {\n        const childIsSelected = !!child.props.selected;\n        return (\n          <>\n            {cloneElement(child, {\n              variant,\n              disabled: disabled || child.props.disabled,\n              size,\n              className: cx(child.props.className, classes.button, {\n                [classes.firstButton]: index === 0,\n                [classes.lastButton]: index === buttons.length - 1,\n                [classes.selected]: childIsSelected,\n              }),\n            })}\n            {split && index < buttons.length - 1 && (\n              <div\n                className={cx(\n                  classes.splitContainer,\n                  color && css(getSplitContainerColor(color, type, disabled)),\n                  size && css(getSplitContainerHeight(size)),\n                  {\n                    [classes.splitDisabled]: disabled,\n                  },\n                  classes[variant], // TODO - remove in v6\n                )}\n              >\n                <div className={classes.split} />\n              </div>\n            )}\n          </>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;AAqCa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAC1C,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AAEnD,QAAM,CAAC,OAAO,IAAI,IAAI,QAAQ,MAAM;AAC5B,UAAA,SAAS,QAAQ,MAAM,WAAW;AACxC,QACE,OAAO,CAAC,MAAM,WACd,OAAO,CAAC,MAAM,cACb,OAAO,CAAC,MAAM,eAAe,CAAC,OAAO,CAAC;AAEvC,aAAO;AACT,WAAO,OAAO,IAAI,CAAC,MAAM,EAAE,aAAa;AAAA,EAAA,GACvC,CAAC,OAAO,CAAC;AAGN,QAAA,UAAU,QAAQ,MAAM;AAC5B,UAAM,OAAuB,CAAA;AACpB,aAAA,QAAQ,UAAU,CAAC,UAAU;AAChC,UAAA,SAAS,eAAe,KAAK,GAAG;AAClC,aAAK,KAAK,KAAK;AAAA,MACjB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,EAAA,GACN,CAAC,QAAQ,CAAC;AAGX,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,UACrB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACpB,CAAC,QAAQ,OAAO,CAAC,GAAG;AAAA;AAAA,UACpB,CAAC,QAAQ,UAAU,GAAG;AAAA,UACtB,CAAC,QAAQ,kBAAkB,GAAG,SAAS;AAAA,QACzC;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAQ,QAAA,IAAI,CAAC,OAAO,UAAU;AAC7B,cAAM,kBAAkB,CAAC,CAAC,MAAM,MAAM;AACtC,eAEK,qBAAA,UAAA,EAAA,UAAA;AAAA,UAAA,aAAa,OAAO;AAAA,YACnB;AAAA,YACA,UAAU,YAAY,MAAM,MAAM;AAAA,YAClC;AAAA,YACA,WAAW,GAAG,MAAM,MAAM,WAAW,QAAQ,QAAQ;AAAA,cACnD,CAAC,QAAQ,WAAW,GAAG,UAAU;AAAA,cACjC,CAAC,QAAQ,UAAU,GAAG,UAAU,QAAQ,SAAS;AAAA,cACjD,CAAC,QAAQ,QAAQ,GAAG;AAAA,YAAA,CACrB;AAAA,UAAA,CACF;AAAA,UACA,SAAS,QAAQ,QAAQ,SAAS,KACjC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,QAAQ;AAAA,gBACR,SAAS,IAAI,uBAAuB,OAAO,MAAM,QAAQ,CAAC;AAAA,gBAC1D,QAAQ,IAAI,wBAAwB,IAAI,CAAC;AAAA,gBACzC;AAAA,kBACE,CAAC,QAAQ,aAAa,GAAG;AAAA,gBAC3B;AAAA,gBACA,QAAQ,OAAO;AAAA;AAAA,cACjB;AAAA,cAEA,UAAC,oBAAA,OAAA,EAAI,WAAW,QAAQ,OAAO;AAAA,YAAA;AAAA,UACjC;AAAA,QAEJ,EAAA,CAAA;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}
+{"version":3,"file":"MultiButton.js","sources":["../../../src/MultiButton/MultiButton.tsx"],"sourcesContent":["import {\n  Children,\n  cloneElement,\n  Fragment,\n  isValidElement,\n  ReactElement,\n  useMemo,\n} from \"react\";\n\nimport { HvButtonSize, HvButtonVariant } from \"../Button\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { HvBaseProps } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { setId } from \"../utils/setId\";\nimport {\n  getSplitContainerColor,\n  getSplitContainerHeight,\n  staticClasses,\n  useClasses,\n} from \"./MultiButton.styles\";\n\nexport { staticClasses as multiButtonClasses };\nexport type HvMultiButtonClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvMultiButtonProps extends HvBaseProps {\n  /** If all the buttons are disabled. */\n  disabled?: boolean;\n  /** If the MultiButton is to be displayed vertically. */\n  vertical?: boolean;\n  /** Category of button to use */\n  variant?: HvButtonVariant;\n  /** A Jss Object used to override or extend the styles applied to the component. */\n  classes?: HvMultiButtonClasses;\n  /** Button size. */\n  size?: HvButtonSize;\n  /** Add a split between buttons */\n  split?: boolean;\n}\n\nexport const HvMultiButton = (props: HvMultiButtonProps) => {\n  const {\n    id,\n    className,\n    children,\n    classes: classesProp,\n    disabled = false,\n    vertical = false,\n    variant = \"secondarySubtle\",\n    size,\n    split,\n    ...others\n  } = useDefaultProps(\"HvMultiButton\", props);\n  const { classes, cx, css } = useClasses(classesProp);\n\n  const [color, type] = useMemo(() => {\n    const result = variant.split(/(?=[A-Z])/);\n    if (\n      result[0] === \"ghost\" ||\n      result[0] === \"semantic\" ||\n      (result[0] === \"secondary\" && !result[1])\n    )\n      return [];\n    return result.map((x) => x.toLowerCase());\n  }, [variant]);\n\n  // Filter children: remove invalid and undefined/null\n  const buttons = useMemo(() => {\n    const btns: ReactElement[] = [];\n    Children.forEach(children, (child) => {\n      if (child && isValidElement(child)) {\n        btns.push(child);\n      }\n    });\n    return btns;\n  }, [children]);\n\n  return (\n    <div\n      id={id}\n      className={cx(\n        classes.root,\n        {\n          [classes.multiple]: !split,\n          [classes.vertical]: vertical,\n          [classes[variant]]: variant, // TODO - remove in v6\n          [classes.splitGroup]: split,\n          [classes.splitGroupDisabled]: split && disabled,\n        },\n        className,\n      )}\n      {...others}\n    >\n      {buttons.map((child, index) => {\n        const childIsSelected = !!child.props.selected;\n        const btnKey = setId([id, index]);\n        return (\n          <Fragment key={btnKey}>\n            {cloneElement(child, {\n              variant,\n              disabled: disabled || child.props.disabled,\n              size,\n              className: cx(child.props.className, classes.button, {\n                [classes.firstButton]: index === 0,\n                [classes.lastButton]: index === buttons.length - 1,\n                [classes.selected]: childIsSelected,\n              }),\n            })}\n            {split && index < buttons.length - 1 && (\n              <div\n                className={cx(\n                  classes.splitContainer,\n                  color && css(getSplitContainerColor(color, type, disabled)),\n                  size && css(getSplitContainerHeight(size)),\n                  {\n                    [classes.splitDisabled]: disabled,\n                  },\n                  classes[variant], // TODO - remove in v6\n                )}\n              >\n                <div className={classes.split} />\n              </div>\n            )}\n          </Fragment>\n        );\n      })}\n    </div>\n  );\n};\n"],"names":[],"mappings":";;;;;;AAuCa,MAAA,gBAAgB,CAAC,UAA8B;AACpD,QAAA;AAAA,IACJ;AAAA,IACA;AAAA,IACA;AAAA,IACA,SAAS;AAAA,IACT,WAAW;AAAA,IACX,WAAW;AAAA,IACX,UAAU;AAAA,IACV;AAAA,IACA;AAAA,IACA,GAAG;AAAA,EAAA,IACD,gBAAgB,iBAAiB,KAAK;AAC1C,QAAM,EAAE,SAAS,IAAI,IAAI,IAAI,WAAW,WAAW;AAEnD,QAAM,CAAC,OAAO,IAAI,IAAI,QAAQ,MAAM;AAC5B,UAAA,SAAS,QAAQ,MAAM,WAAW;AACxC,QACE,OAAO,CAAC,MAAM,WACd,OAAO,CAAC,MAAM,cACb,OAAO,CAAC,MAAM,eAAe,CAAC,OAAO,CAAC;AAEvC,aAAO;AACT,WAAO,OAAO,IAAI,CAAC,MAAM,EAAE,aAAa;AAAA,EAAA,GACvC,CAAC,OAAO,CAAC;AAGN,QAAA,UAAU,QAAQ,MAAM;AAC5B,UAAM,OAAuB,CAAA;AACpB,aAAA,QAAQ,UAAU,CAAC,UAAU;AAChC,UAAA,SAAS,eAAe,KAAK,GAAG;AAClC,aAAK,KAAK,KAAK;AAAA,MACjB;AAAA,IAAA,CACD;AACM,WAAA;AAAA,EAAA,GACN,CAAC,QAAQ,CAAC;AAGX,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA,WAAW;AAAA,QACT,QAAQ;AAAA,QACR;AAAA,UACE,CAAC,QAAQ,QAAQ,GAAG,CAAC;AAAA,UACrB,CAAC,QAAQ,QAAQ,GAAG;AAAA,UACpB,CAAC,QAAQ,OAAO,CAAC,GAAG;AAAA;AAAA,UACpB,CAAC,QAAQ,UAAU,GAAG;AAAA,UACtB,CAAC,QAAQ,kBAAkB,GAAG,SAAS;AAAA,QACzC;AAAA,QACA;AAAA,MACF;AAAA,MACC,GAAG;AAAA,MAEH,UAAQ,QAAA,IAAI,CAAC,OAAO,UAAU;AAC7B,cAAM,kBAAkB,CAAC,CAAC,MAAM,MAAM;AACtC,cAAM,SAAS,MAAM,CAAC,IAAI,KAAK,CAAC;AAChC,oCACG,UACE,EAAA,UAAA;AAAA,UAAA,aAAa,OAAO;AAAA,YACnB;AAAA,YACA,UAAU,YAAY,MAAM,MAAM;AAAA,YAClC;AAAA,YACA,WAAW,GAAG,MAAM,MAAM,WAAW,QAAQ,QAAQ;AAAA,cACnD,CAAC,QAAQ,WAAW,GAAG,UAAU;AAAA,cACjC,CAAC,QAAQ,UAAU,GAAG,UAAU,QAAQ,SAAS;AAAA,cACjD,CAAC,QAAQ,QAAQ,GAAG;AAAA,YAAA,CACrB;AAAA,UAAA,CACF;AAAA,UACA,SAAS,QAAQ,QAAQ,SAAS,KACjC;AAAA,YAAC;AAAA,YAAA;AAAA,cACC,WAAW;AAAA,gBACT,QAAQ;AAAA,gBACR,SAAS,IAAI,uBAAuB,OAAO,MAAM,QAAQ,CAAC;AAAA,gBAC1D,QAAQ,IAAI,wBAAwB,IAAI,CAAC;AAAA,gBACzC;AAAA,kBACE,CAAC,QAAQ,aAAa,GAAG;AAAA,gBAC3B;AAAA,gBACA,QAAQ,OAAO;AAAA;AAAA,cACjB;AAAA,cAEA,UAAC,oBAAA,OAAA,EAAI,WAAW,QAAQ,OAAO;AAAA,YAAA;AAAA,UACjC;AAAA,QAAA,EAAA,GAxBW,MA0Bf;AAAA,MAAA,CAEH;AAAA,IAAA;AAAA,EAAA;AAGP;"}

package/dist/esm/QueryBuilder/Context.js

@@ -181,6 +181,12 @@ const defaultLabels = {
       dialogConfirm: "Yes",
       dialogCancel: "No",
       dialogCloseTooltip: "Close"
+    },
+    addRule: {
+      label: "Add condition"
+    },
+    addGroup: {
+      label: "Add group"
     }
   },
   rule: {

package/dist/esm/QueryBuilder/Context.js.map

@@ -1 +1 @@
-{"version":3,"file":"Context.js","sources":["../../../src/QueryBuilder/Context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport {\n  AskAction,\n  HvQueryBuilderAttribute,\n  HvQueryBuilderLabels,\n  HvQueryBuilderQueryCombinator,\n  HvQueryBuilderQueryOperator,\n  HvQueryBuilderRenderers,\n  QueryAction,\n} from \"./types\";\n\nexport const defaultOperators = {\n  numeric: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than (>)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than (<)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to (=)\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to (>=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to (<=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to (!=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n  text: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  textarea: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  boolean: [\n    {\n      operator: \"equalsTo\",\n      label: \"=\",\n      combinators: [\"and\", \"or\"],\n    },\n  ],\n  dateandtime: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n};\n\nexport const defaultCombinators = [\n  { operand: \"and\", label: \"AND\" },\n  { operand: \"or\", label: \"OR\" },\n];\n\nexport const defaultLabels = {\n  query: {\n    delete: {\n      ariaLabel: \"Reset query\",\n      tooltip: \"Reset query\",\n      dialogTitle: \"Remove all conditions?\",\n      dialogMessage:\n        \"Are you sure you want to remove all the conditions? They will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  rule: {\n    attribute: {\n      label: \"Attribute\",\n      placeholder: \"Select attribute...\",\n      exists: \"Attribute already exists.\",\n    },\n    operator: {\n      label: \"Operator\",\n      placeholder: \"Select operator...\",\n    },\n    value: {\n      distance: {\n        label: \"Value\",\n        connectorText: \"radius miles from\",\n        button: \"Select location\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a positive number.\",\n        },\n      },\n      text: {\n        label: \"Value\",\n        placeholder: \"Enter value...\",\n        validation: {\n          required: \"The value is required.\",\n        },\n      },\n      boolean: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        options: {\n          true: \"True\",\n          false: \"False\",\n        },\n      },\n      numeric: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a number.\",\n          equal: \"Cannot be equal.\",\n          greaterThan: \"Needs to be greater.\",\n        },\n        range: {\n          leftLabel: \"From\",\n          rightLabel: \"To\",\n        },\n      },\n      datetime: {\n        dateLabel: \"Date\",\n        datePlaceholder: \"Select Date\",\n        timeLabel: \"Time\",\n        timePlaceholder: \"Select Time\",\n        startDateLabel: \"Start Date\",\n        startDatePlaceholder: \"Select Start Date\",\n        startTimeLabel: \"Start Time\",\n        startTimePlaceholder: \"Select Start Time\",\n        endDateLabel: \"End Date\",\n        endDatePlaceholder: \"Select End Date\",\n        endTimeLabel: \"End Time\",\n        endTimePlaceholder: \"Select End Time\",\n        validation: {\n          required: \"The value is required.\",\n          invalidInterval:\n            \"End date and time must be after start date and time.\",\n        },\n      },\n    },\n    delete: {\n      ariaLabel: \"Remove condition\",\n      tooltip: \"Remove condition\",\n      dialogTitle: \"Remove condition?\",\n      dialogMessage:\n        \"Are you sure you want to remove the condition? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  group: {\n    delete: {\n      ariaLabel: \"Remove group\",\n      tooltip: \"Remove group\",\n      dialogTitle: \"Remove group?\",\n      dialogMessage:\n        \"Are you sure you want to remove the group? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    reset: {\n      ariaLabel: \"Change operator\",\n      tooltip: \"Change operator query\",\n      dialogTitle: \"Change conditional operator?\",\n      dialogMessage:\n        \"Do you want to change conditional operator? You won't be able to undo this operation. Conditions and/or groups will be removed.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    addRule: {\n      label: \"Add condition\",\n    },\n    addGroup: {\n      label: \"Add group\",\n    },\n  },\n  empty: {\n    title: \"No conditions created yet\",\n    createCondition: \"Create a condition\",\n    createGroup: \"condition group\",\n    spacer: \" or a \",\n  },\n};\n\nexport interface HvQueryBuilderContextValue {\n  dispatchAction: React.Dispatch<QueryAction>;\n  askAction: React.Dispatch<React.SetStateAction<AskAction | undefined>>;\n  selectLocation?: React.Dispatch<unknown>; // TODO - remove in v6 (not used)\n  attributes?: Record<string, HvQueryBuilderAttribute>;\n  operators: Record<string, HvQueryBuilderQueryOperator[]>;\n  combinators: HvQueryBuilderQueryCombinator[];\n  maxDepth: number;\n  labels: HvQueryBuilderLabels;\n  initialTouched: boolean;\n  readOnly: boolean;\n  disableConfirmation: boolean;\n  renderers?: HvQueryBuilderRenderers;\n  emptyRenderer?: string[];\n}\n\nexport const HvQueryBuilderContext = createContext<HvQueryBuilderContextValue>({\n  dispatchAction: () => ({}),\n  askAction: () => ({}),\n  selectLocation: () => ({}), // TODO - remove in v6 (not used)\n  attributes: {},\n  operators: defaultOperators,\n  combinators: defaultCombinators,\n  maxDepth: 1,\n  labels: defaultLabels,\n  initialTouched: false,\n  disableConfirmation: false,\n  readOnly: false,\n});\n\nexport interface HvQueryBuilderProviderProps {\n  value: HvQueryBuilderContextValue;\n  children: React.ReactNode;\n}\n\nexport const HvQueryBuilderProvider = ({\n  children,\n  value,\n}: HvQueryBuilderProviderProps) => {\n  return (\n    <HvQueryBuilderContext.Provider value={value}>\n      {children}\n    </HvQueryBuilderContext.Provider>\n  );\n};\n\nexport const useQueryBuilderContext = () => {\n  return useContext(HvQueryBuilderContext);\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"Context.js","sources":["../../../src/QueryBuilder/Context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nimport {\n  AskAction,\n  HvQueryBuilderAttribute,\n  HvQueryBuilderLabels,\n  HvQueryBuilderQueryCombinator,\n  HvQueryBuilderQueryOperator,\n  HvQueryBuilderRenderers,\n  QueryAction,\n} from \"./types\";\n\nexport const defaultOperators = {\n  numeric: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than (>)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than (<)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to (=)\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to (>=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to (<=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to (!=)\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n  text: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  textarea: [\n    {\n      operator: \"equals\",\n      label: \"Equals\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"equalsIgnoreCase\",\n      label: \"Equals Ignore Case\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"Contains\",\n      label: \"Contains\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"StartsWith\",\n      label: \"A string begins with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"EndsWith\",\n      label: \"A string ends with\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"IsNotEmpty\",\n      label: \"Is Not empty\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"IsNot\",\n      label: \"Is Not\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"Empty\",\n      label: \"Empty\",\n      combinators: [\"and\"],\n    },\n  ],\n  boolean: [\n    {\n      operator: \"equalsTo\",\n      label: \"=\",\n      combinators: [\"and\", \"or\"],\n    },\n  ],\n  dateandtime: [\n    {\n      operator: \"greaterThan\",\n      label: \"Greater than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThan\",\n      label: \"Less than\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"equalsTo\",\n      label: \"Equal to\",\n      combinators: [\"and\", \"or\"],\n    },\n    {\n      operator: \"greaterThanEq\",\n      label: \"Greater than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"lessThanEq\",\n      label: \"Less than or equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"notEqual\",\n      label: \"Not equal to\",\n      combinators: [\"and\"],\n    },\n    {\n      operator: \"range\",\n      label: \"Range\",\n      combinators: [\"and\"],\n    },\n  ],\n};\n\nexport const defaultCombinators = [\n  { operand: \"and\", label: \"AND\" },\n  { operand: \"or\", label: \"OR\" },\n];\n\nexport const defaultLabels: HvQueryBuilderLabels = {\n  query: {\n    delete: {\n      ariaLabel: \"Reset query\",\n      tooltip: \"Reset query\",\n      dialogTitle: \"Remove all conditions?\",\n      dialogMessage:\n        \"Are you sure you want to remove all the conditions? They will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    addRule: {\n      label: \"Add condition\",\n    },\n    addGroup: {\n      label: \"Add group\",\n    },\n  },\n  rule: {\n    attribute: {\n      label: \"Attribute\",\n      placeholder: \"Select attribute...\",\n      exists: \"Attribute already exists.\",\n    },\n    operator: {\n      label: \"Operator\",\n      placeholder: \"Select operator...\",\n    },\n    value: {\n      distance: {\n        label: \"Value\",\n        connectorText: \"radius miles from\",\n        button: \"Select location\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a positive number.\",\n        },\n      },\n      text: {\n        label: \"Value\",\n        placeholder: \"Enter value...\",\n        validation: {\n          required: \"The value is required.\",\n        },\n      },\n      boolean: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        options: {\n          true: \"True\",\n          false: \"False\",\n        },\n      },\n      numeric: {\n        label: \"Value\",\n        placeholder: \"Enter value\",\n        validation: {\n          required: \"The value is required.\",\n          invalid: \"Value must be a number.\",\n          equal: \"Cannot be equal.\",\n          greaterThan: \"Needs to be greater.\",\n        },\n        range: {\n          leftLabel: \"From\",\n          rightLabel: \"To\",\n        },\n      },\n      datetime: {\n        dateLabel: \"Date\",\n        datePlaceholder: \"Select Date\",\n        timeLabel: \"Time\",\n        timePlaceholder: \"Select Time\",\n        startDateLabel: \"Start Date\",\n        startDatePlaceholder: \"Select Start Date\",\n        startTimeLabel: \"Start Time\",\n        startTimePlaceholder: \"Select Start Time\",\n        endDateLabel: \"End Date\",\n        endDatePlaceholder: \"Select End Date\",\n        endTimeLabel: \"End Time\",\n        endTimePlaceholder: \"Select End Time\",\n        validation: {\n          required: \"The value is required.\",\n          invalidInterval:\n            \"End date and time must be after start date and time.\",\n        },\n      },\n    },\n    delete: {\n      ariaLabel: \"Remove condition\",\n      tooltip: \"Remove condition\",\n      dialogTitle: \"Remove condition?\",\n      dialogMessage:\n        \"Are you sure you want to remove the condition? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n  },\n  group: {\n    delete: {\n      ariaLabel: \"Remove group\",\n      tooltip: \"Remove group\",\n      dialogTitle: \"Remove group?\",\n      dialogMessage:\n        \"Are you sure you want to remove the group? It will be removed permanently.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    reset: {\n      ariaLabel: \"Change operator\",\n      tooltip: \"Change operator query\",\n      dialogTitle: \"Change conditional operator?\",\n      dialogMessage:\n        \"Do you want to change conditional operator? You won't be able to undo this operation. Conditions and/or groups will be removed.\",\n      dialogConfirm: \"Yes\",\n      dialogCancel: \"No\",\n      dialogCloseTooltip: \"Close\",\n    },\n    addRule: {\n      label: \"Add condition\",\n    },\n    addGroup: {\n      label: \"Add group\",\n    },\n  },\n  empty: {\n    title: \"No conditions created yet\",\n    createCondition: \"Create a condition\",\n    createGroup: \"condition group\",\n    spacer: \" or a \",\n  },\n};\n\nexport interface HvQueryBuilderContextValue {\n  dispatchAction: React.Dispatch<QueryAction>;\n  askAction: React.Dispatch<React.SetStateAction<AskAction | undefined>>;\n  selectLocation?: React.Dispatch<unknown>; // TODO - remove in v6 (not used)\n  attributes?: Record<string, HvQueryBuilderAttribute>;\n  operators: Record<string, HvQueryBuilderQueryOperator[]>;\n  combinators: HvQueryBuilderQueryCombinator[];\n  maxDepth: number;\n  labels: HvQueryBuilderLabels;\n  initialTouched: boolean;\n  readOnly: boolean;\n  disableConfirmation: boolean;\n  renderers?: HvQueryBuilderRenderers;\n  emptyRenderer?: string[];\n}\n\nexport const HvQueryBuilderContext = createContext<HvQueryBuilderContextValue>({\n  dispatchAction: () => ({}),\n  askAction: () => ({}),\n  selectLocation: () => ({}), // TODO - remove in v6 (not used)\n  attributes: {},\n  operators: defaultOperators,\n  combinators: defaultCombinators,\n  maxDepth: 1,\n  labels: defaultLabels,\n  initialTouched: false,\n  disableConfirmation: false,\n  readOnly: false,\n});\n\nexport interface HvQueryBuilderProviderProps {\n  value: HvQueryBuilderContextValue;\n  children: React.ReactNode;\n}\n\nexport const HvQueryBuilderProvider = ({\n  children,\n  value,\n}: HvQueryBuilderProviderProps) => {\n  return (\n    <HvQueryBuilderContext.Provider value={value}>\n      {children}\n    </HvQueryBuilderContext.Provider>\n  );\n};\n\nexport const useQueryBuilderContext = () => {\n  return useContext(HvQueryBuilderContext);\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/QueryBuilder/QueryBuilder.js

@@ -2,8 +2,9 @@ import { jsxs, jsx } from "@emotion/react/jsx-runtime";
 import { useRef, useState, useReducer, useMemo, useEffect } from "react";
 import { useControlled } from "../hooks/useControlled.js";
 import { useDefaultProps } from "../hooks/useDefaultProps.js";
+import { useLabels } from "../hooks/useLabels.js";
 import { isEqual } from "../utils/helpers.js";
-import { HvQueryBuilderProvider, defaultOperators, defaultCombinators, defaultLabels } from "./Context.js";
+import { defaultLabels, HvQueryBuilderProvider, defaultOperators, defaultCombinators } from "./Context.js";
 import { useClasses } from "./QueryBuilder.styles.js";
 import { staticClasses } from "./QueryBuilder.styles.js";
 import { emptyGroup, setNodeIds, clearNodeIds } from "./utils/index.js";
@@ -23,7 +24,7 @@ const HvQueryBuilder = (props) => {
     operators = defaultOperators,
     combinators = defaultCombinators,
     maxDepth = 1,
-    labels = defaultLabels,
+    labels: labelsProp,
     readOnly = false,
     emptyRenderer = ["Empty", "IsNotEmpty"],
     classes: classesProp
@@ -44,6 +45,7 @@ const HvQueryBuilder = (props) => {
     reducer,
     setNodeIds(structuredClone(initialQuery.current))
   );
+  const labels = useLabels(defaultLabels, labelsProp);
   const contextValue = useMemo(
     () => ({
       dispatchAction,

package/dist/esm/QueryBuilder/QueryBuilder.js.map

@@ -1 +1 @@
-{"version":3,"file":"QueryBuilder.js","sources":["../../../src/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef, useState } from \"react\";\n\nimport { useControlled } from \"../hooks/useControlled\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { isEqual } from \"../utils/helpers\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport {\n  defaultCombinators,\n  defaultLabels,\n  defaultOperators,\n  HvQueryBuilderProvider,\n} from \"./Context\";\nimport { staticClasses, useClasses } from \"./QueryBuilder.styles\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  defaultRendererKey,\n  HvQueryBuilderAttribute,\n  HvQueryBuilderLabels,\n  HvQueryBuilderQuery,\n  HvQueryBuilderQueryCombinator,\n  HvQueryBuilderQueryOperator,\n  HvQueryBuilderRenderers,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup, setNodeIds } from \"./utils\";\nimport reducer from \"./utils/reducer\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n  /** The query attribute types. */\n  attributes?: Record<string, HvQueryBuilderAttribute>;\n  /** The query rules operators by attribute type and combinator. */\n  operators?: Record<string, HvQueryBuilderQueryOperator[]>;\n  /** The query combinators operands. */\n  combinators?: HvQueryBuilderQueryCombinator[];\n  /** The query when the component is controlled. */\n  value?: HvQueryBuilderQuery;\n  /** The initial query when the component is uncontrolled. */\n  defaultValue?: HvQueryBuilderQuery;\n  /**\n   * The initial query when the component is uncontrolled.\n   *\n   * @deprecated Use `defaultValue` instead.\n   * */\n  query?: HvQueryBuilderQuery; // TODO - remove in v6\n  /** Callback fired when the query changes. */\n  onChange?: (value: HvQueryBuilderQuery) => void;\n  /** Max depth of nested query groups. */\n  maxDepth?: number;\n  /** Object containing all the labels. */\n  labels?: HvQueryBuilderLabels;\n  /** Whether the query builder is in read-only mode. */\n  readOnly?: boolean;\n  /**\n   * Operators that should use the empty value renderer when selected.\n   *\n   * When one of the listed operators is selected, the rule value is reset and an empty component is rendered.\n   * This property takes priority over `renderers`.\n   *\n   * @default [\"Empty\", \"IsNotEmpty\"]\n   * */\n  emptyRenderer?: string[];\n  /** Custom renderers for the rules' value. */\n  renderers?: HvQueryBuilderRenderers;\n  /** Whether to opt-out of the confirmation dialogs shown before removing rules and rule groups. @default false. */\n  disableConfirmation?: boolean;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvQueryBuilderClasses;\n}\n\n// TODO - v6\n// - \"range\", \"Empty\", and \"IsNotEmpty\" operators with internal/built-in logic\n\n// Notes:\n// Deep clone is needed throughout the component to avoid undesired mutations in props, state, and ref values\n\n/**\n * This component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n *\n * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.\n */\nexport const HvQueryBuilder = (props: HvQueryBuilderProps) => {\n  const {\n    attributes,\n    renderers,\n    query: queryProp, // TODO - remove in v6\n    value,\n    defaultValue,\n    onChange,\n    disableConfirmation = false,\n    operators = defaultOperators,\n    combinators = defaultCombinators,\n    maxDepth = 1,\n    labels = defaultLabels,\n    readOnly = false,\n    emptyRenderer = [\"Empty\", \"IsNotEmpty\"],\n    classes: classesProp,\n  } = useDefaultProps(\"HvQueryBuilder\", props);\n\n  if (\n    import.meta.env.DEV &&\n    [\n      Object.values(attributes || {}).map(({ type }) => type),\n      Object.values(operators || {})\n        .map((ops) => ops.map(({ operator }) => operator))\n        .flat(),\n    ]\n      .flat()\n      ?.find((key) => key === defaultRendererKey)\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      `${defaultRendererKey} is a restricted key and shouldn't be used as an attribute or operator type. Update the key to avoid unexpected behaviors.`,\n    );\n  }\n\n  const { classes } = useClasses(classesProp);\n\n  const currentAttributes = useRef<HvQueryBuilderProps[\"attributes\"] | null>(\n    null,\n  );\n\n  const controlled = useRef(value != null);\n  const initialQuery = useRef(\n    value ?? defaultValue ?? queryProp ?? emptyGroup(),\n  );\n  const [query, setQuery] = useControlled(value, initialQuery.current);\n  const prevQuery = useRef(query);\n\n  const [pendingAction, setPendingAction] = useState<AskAction>();\n  const [initialState, setInitialState] = useState(true);\n\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    setNodeIds(structuredClone(initialQuery.current)),\n  );\n\n  const contextValue = useMemo(\n    () => ({\n      dispatchAction,\n      askAction: setPendingAction,\n      attributes,\n      operators,\n      combinators,\n      maxDepth,\n      labels,\n      initialTouched: initialState,\n      readOnly,\n      renderers,\n      disableConfirmation,\n      emptyRenderer,\n    }),\n    [\n      attributes,\n      operators,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n      renderers,\n      disableConfirmation,\n      emptyRenderer,\n    ],\n  );\n\n  // Keep track of attributes\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // First run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // Attributes changed. The existing query is almost certainly invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  useEffect(() => {\n    // \"value\" prop was updated by user (when controlled)\n    if (!isEqual(prevQuery.current, query)) {\n      dispatchAction({\n        type: \"set-query\",\n        query: setNodeIds(structuredClone(query), state),\n      });\n      prevQuery.current = query;\n    } else if (\n      !isEqual(\n        clearNodeIds(structuredClone(state)),\n        clearNodeIds(structuredClone(query)),\n      )\n    ) {\n      setInitialState(false);\n\n      // TODO - remove \"true\" from clearNodeIds in v6 (only keep else statement)\n      // To avoid breaking changes, clearNodeIds will delete all ids provided by the user when uncontrolled\n      // In the future if the user provides ids, it doesn't make sense to remove them with onChange\n      if (!controlled.current) {\n        onChange?.(\n          clearNodeIds(structuredClone(state), true) as HvQueryBuilderQuery,\n        );\n      } else {\n        // When controlled, the ids provided by the user are not removed. Only the auto generated ones.\n        onChange?.(clearNodeIds(structuredClone(state)) as HvQueryBuilderQuery);\n      }\n\n      prevQuery.current = state;\n      // This will only run if uncontrolled\n      setQuery(state);\n    }\n  }, [onChange, query, setQuery, state]);\n\n  const handleConfirm = () => {\n    if (pendingAction) {\n      setPendingAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const handleCancel = () => {\n    setPendingAction(undefined);\n  };\n\n  return (\n    <HvQueryBuilderProvider value={contextValue}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={handleConfirm}\n        onCancel={handleCancel}\n        title={pendingAction?.dialog.dialogTitle}\n        message={pendingAction?.dialog.dialogMessage}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip}\n      />\n    </HvQueryBuilderProvider>\n  );\n};\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"QueryBuilder.js","sources":["../../../src/QueryBuilder/QueryBuilder.tsx"],"sourcesContent":["import { useEffect, useMemo, useReducer, useRef, useState } from \"react\";\n\nimport { useControlled } from \"../hooks/useControlled\";\nimport { useDefaultProps } from \"../hooks/useDefaultProps\";\nimport { useLabels } from \"../hooks/useLabels\";\nimport { DeepPartial } from \"../types/generic\";\nimport { ExtractNames } from \"../utils/classes\";\nimport { isEqual } from \"../utils/helpers\";\nimport { ConfirmationDialog } from \"./ConfirmationDialog\";\nimport {\n  defaultCombinators,\n  defaultLabels,\n  defaultOperators,\n  HvQueryBuilderProvider,\n} from \"./Context\";\nimport { staticClasses, useClasses } from \"./QueryBuilder.styles\";\nimport { RuleGroup } from \"./RuleGroup\";\nimport {\n  AskAction,\n  defaultRendererKey,\n  HvQueryBuilderAttribute,\n  HvQueryBuilderLabels,\n  HvQueryBuilderQuery,\n  HvQueryBuilderQueryCombinator,\n  HvQueryBuilderQueryOperator,\n  HvQueryBuilderRenderers,\n} from \"./types\";\nimport { clearNodeIds, emptyGroup, setNodeIds } from \"./utils\";\nimport reducer from \"./utils/reducer\";\n\nexport { staticClasses as queryBuilderClasses };\n\nexport type HvQueryBuilderClasses = ExtractNames<typeof useClasses>;\n\nexport interface HvQueryBuilderProps {\n  /** The query attribute types. */\n  attributes?: Record<string, HvQueryBuilderAttribute>;\n  /** The query rules operators by attribute type and combinator. */\n  operators?: Record<string, HvQueryBuilderQueryOperator[]>;\n  /** The query combinators operands. */\n  combinators?: HvQueryBuilderQueryCombinator[];\n  /** The query when the component is controlled. */\n  value?: HvQueryBuilderQuery;\n  /** The initial query when the component is uncontrolled. */\n  defaultValue?: HvQueryBuilderQuery;\n  /**\n   * The initial query when the component is uncontrolled.\n   *\n   * @deprecated Use `defaultValue` instead.\n   * */\n  query?: HvQueryBuilderQuery; // TODO - remove in v6\n  /** Callback fired when the query changes. */\n  onChange?: (value: HvQueryBuilderQuery) => void;\n  /** Max depth of nested query groups. */\n  maxDepth?: number;\n  /** Object containing all the labels. */\n  labels?: DeepPartial<HvQueryBuilderLabels>;\n  /** Whether the query builder is in read-only mode. */\n  readOnly?: boolean;\n  /**\n   * Operators that should use the empty value renderer when selected.\n   *\n   * When one of the listed operators is selected, the rule value is reset and an empty component is rendered.\n   * This property takes priority over `renderers`.\n   *\n   * @default [\"Empty\", \"IsNotEmpty\"]\n   * */\n  emptyRenderer?: string[];\n  /** Custom renderers for the rules' value. */\n  renderers?: HvQueryBuilderRenderers;\n  /** Whether to opt-out of the confirmation dialogs shown before removing rules and rule groups. @default false. */\n  disableConfirmation?: boolean;\n  /** A Jss Object used to override or extend the styles applied. */\n  classes?: HvQueryBuilderClasses;\n}\n\n// TODO - v6\n// - \"range\", \"Empty\", and \"IsNotEmpty\" operators with internal/built-in logic\n\n// Notes:\n// Deep clone is needed throughout the component to avoid undesired mutations in props, state, and ref values\n\n/**\n * This component allows you to create conditions and group them using logical operators.\n * It outputs a structured set of rules which can be easily parsed to create SQL/NoSQL/whatever queries.\n *\n * Take a look at the [usage page](https://lumada-design.github.io/uikit/master/?path=/docs/widgets-query-builder-usage--docs) to learn more about this component.\n */\nexport const HvQueryBuilder = (props: HvQueryBuilderProps) => {\n  const {\n    attributes,\n    renderers,\n    query: queryProp, // TODO - remove in v6\n    value,\n    defaultValue,\n    onChange,\n    disableConfirmation = false,\n    operators = defaultOperators,\n    combinators = defaultCombinators,\n    maxDepth = 1,\n    labels: labelsProp,\n    readOnly = false,\n    emptyRenderer = [\"Empty\", \"IsNotEmpty\"],\n    classes: classesProp,\n  } = useDefaultProps(\"HvQueryBuilder\", props);\n\n  if (\n    import.meta.env.DEV &&\n    [\n      Object.values(attributes || {}).map(({ type }) => type),\n      Object.values(operators || {})\n        .map((ops) => ops.map(({ operator }) => operator))\n        .flat(),\n    ]\n      .flat()\n      ?.find((key) => key === defaultRendererKey)\n  ) {\n    // eslint-disable-next-line no-console\n    console.error(\n      `${defaultRendererKey} is a restricted key and shouldn't be used as an attribute or operator type. Update the key to avoid unexpected behaviors.`,\n    );\n  }\n\n  const { classes } = useClasses(classesProp);\n\n  const currentAttributes = useRef<HvQueryBuilderProps[\"attributes\"] | null>(\n    null,\n  );\n\n  const controlled = useRef(value != null);\n  const initialQuery = useRef(\n    value ?? defaultValue ?? queryProp ?? emptyGroup(),\n  );\n  const [query, setQuery] = useControlled(value, initialQuery.current);\n  const prevQuery = useRef(query);\n\n  const [pendingAction, setPendingAction] = useState<AskAction>();\n  const [initialState, setInitialState] = useState(true);\n\n  const [state, dispatchAction] = useReducer(\n    reducer,\n    setNodeIds(structuredClone(initialQuery.current)),\n  );\n\n  const labels = useLabels(defaultLabels, labelsProp);\n\n  const contextValue = useMemo(\n    () => ({\n      dispatchAction,\n      askAction: setPendingAction,\n      attributes,\n      operators,\n      combinators,\n      maxDepth,\n      labels,\n      initialTouched: initialState,\n      readOnly,\n      renderers,\n      disableConfirmation,\n      emptyRenderer,\n    }),\n    [\n      attributes,\n      operators,\n      combinators,\n      maxDepth,\n      labels,\n      readOnly,\n      initialState,\n      renderers,\n      disableConfirmation,\n      emptyRenderer,\n    ],\n  );\n\n  // Keep track of attributes\n  useEffect(() => {\n    if (currentAttributes.current == null) {\n      // First run, nothing to do\n      currentAttributes.current = attributes;\n    } else if (currentAttributes.current !== attributes) {\n      // Attributes changed. The existing query is almost certainly invalid, so reset it\n      currentAttributes.current = attributes;\n      dispatchAction({ type: \"reset-query\" });\n    }\n  }, [attributes]);\n\n  useEffect(() => {\n    // \"value\" prop was updated by user (when controlled)\n    if (!isEqual(prevQuery.current, query)) {\n      dispatchAction({\n        type: \"set-query\",\n        query: setNodeIds(structuredClone(query), state),\n      });\n      prevQuery.current = query;\n    } else if (\n      !isEqual(\n        clearNodeIds(structuredClone(state)),\n        clearNodeIds(structuredClone(query)),\n      )\n    ) {\n      setInitialState(false);\n\n      // TODO - remove \"true\" from clearNodeIds in v6 (only keep else statement)\n      // To avoid breaking changes, clearNodeIds will delete all ids provided by the user when uncontrolled\n      // In the future if the user provides ids, it doesn't make sense to remove them with onChange\n      if (!controlled.current) {\n        onChange?.(\n          clearNodeIds(structuredClone(state), true) as HvQueryBuilderQuery,\n        );\n      } else {\n        // When controlled, the ids provided by the user are not removed. Only the auto generated ones.\n        onChange?.(clearNodeIds(structuredClone(state)) as HvQueryBuilderQuery);\n      }\n\n      prevQuery.current = state;\n      // This will only run if uncontrolled\n      setQuery(state);\n    }\n  }, [onChange, query, setQuery, state]);\n\n  const handleConfirm = () => {\n    if (pendingAction) {\n      setPendingAction(undefined);\n      pendingAction.actions.forEach((action) => dispatchAction(action));\n    }\n  };\n\n  const handleCancel = () => {\n    setPendingAction(undefined);\n  };\n\n  return (\n    <HvQueryBuilderProvider value={contextValue}>\n      <RuleGroup\n        level={0}\n        id={state.id}\n        combinator={state.combinator}\n        rules={state.rules}\n        classes={classes}\n      />\n      <ConfirmationDialog\n        isOpen={pendingAction != null}\n        onConfirm={handleConfirm}\n        onCancel={handleCancel}\n        title={pendingAction?.dialog.dialogTitle}\n        message={pendingAction?.dialog.dialogMessage}\n        confirmButtonLabel={pendingAction?.dialog.dialogConfirm}\n        cancelButtonLabel={pendingAction?.dialog.dialogCancel}\n        closeButtonTooltip={pendingAction?.dialog.dialogCloseTooltip}\n      />\n    </HvQueryBuilderProvider>\n  );\n};\n"],"names":[],"mappings":"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"}

package/dist/esm/QueryBuilder/types.js.map

@@ -1 +1 @@
-{"version":3,"file":"types.js","sources":["../../../src/QueryBuilder/types.ts"],"sourcesContent":["import { HvOptional } from \"../types/generic\";\n\nexport const defaultRendererKey = \"DEFAULT\";\n\nconst defaultAttributes = [\n  \"boolean\",\n  \"numeric\",\n  \"dateandtime\",\n  \"text\",\n  \"textarea\",\n] as const;\ntype DefaultAttributes = (typeof defaultAttributes)[number];\n\nexport interface HvQueryBuilderAttribute extends Record<string, unknown> {\n  id?: string;\n  label: string;\n  type: DefaultAttributes | (string & {});\n}\n\nexport interface HvQueryBuilderNumericRange {\n  from: number | string;\n  to: number | string;\n}\n\nexport interface HvQueryBuilderDateTimeStrings {\n  date?: string;\n  time?: string;\n}\n\nexport interface HvQueryBuilderDateTimeRange {\n  start?: HvQueryBuilderDateTimeStrings;\n  end?: HvQueryBuilderDateTimeStrings;\n}\n\nexport type HvQueryBuilderQueryRuleValue =\n  | string\n  | number\n  | boolean\n  | HvQueryBuilderNumericRange\n  | HvQueryBuilderDateTimeStrings\n  | HvQueryBuilderDateTimeRange;\n\nexport type HvQueryBuilderQueryRule = HvOptional<QueryRule, \"id\">;\n\nexport interface HvQueryBuilderQueryGroup\n  extends Omit<HvOptional<QueryGroup, \"id\">, \"rules\"> {\n  rules: Array<HvQueryBuilderQueryRule | HvQueryBuilderQueryGroup>;\n}\n\nexport type HvQueryBuilderQuery = HvQueryBuilderQueryGroup;\n\nexport interface QueryRule {\n  id: React.Key;\n  attribute?: string;\n  operator?: string;\n  value?: HvQueryBuilderQueryRuleValue;\n}\n\nexport interface QueryGroup {\n  id: React.Key;\n  combinator: string;\n  rules: Array<QueryRule | QueryGroup>;\n}\n\nexport type Query = QueryGroup;\n\n// TODO - remove this type in v6\n/** @deprecated */\nexport interface HvQueryBuilderChangedQuery\n  extends Omit<HvQueryBuilderQuery, \"id\" | \"rules\"> {\n  rules: Array<\n    Omit<HvQueryBuilderQueryRule, \"id\"> | HvQueryBuilderChangedQuery\n  >;\n}\n\nexport interface HvQueryBuilderQueryCombinator {\n  operand: string;\n  label: string;\n}\n\nexport interface HvQueryBuilderQueryOperator {\n  operator: string;\n  label: string;\n  combinators: string[];\n}\n\ninterface DialogLabels {\n  dialogTitle: string;\n  dialogMessage: string;\n  dialogConfirm: string;\n  dialogCancel: string;\n  dialogCloseTooltip: string;\n}\n\n/** @private label structure action icon buttons */\ninterface ActionIconLabels extends DialogLabels {\n  // TODO: remove in v6 - duplicated labels - `tooltip` *is* the aria-label\n  /** @deprecated use `tooltip` label instead */\n  ariaLabel: string;\n  tooltip?: string;\n}\n\nexport type QueryAction =\n  | {\n      type: \"reset-query\";\n    }\n  | {\n      type: \"reset-group\";\n      id: React.Key;\n    }\n  | {\n      type: \"add-rule\" | \"add-group\" | \"remove-node\";\n      id: React.Key;\n    }\n  | {\n      type: \"set-combinator\";\n      id: React.Key;\n      combinator: string;\n    }\n  | {\n      type: \"set-attribute\";\n      id: React.Key;\n      attribute?: string | null;\n      operator?: string | null;\n      value?: HvQueryBuilderQueryRuleValue | null;\n    }\n  | {\n      type: \"set-operator\";\n      id: React.Key;\n      operator: string | null;\n      value?: HvQueryBuilderQueryRuleValue | null;\n    }\n  | {\n      type: \"set-value\";\n      id: React.Key;\n      value: HvQueryBuilderQueryRuleValue | null | any;\n    }\n  | {\n      type: \"set-query\";\n      // Query with ids\n      query: Query;\n    };\n\nexport interface AskAction {\n  actions: QueryAction[];\n  dialog: DialogLabels;\n}\n\nexport interface HvQueryBuilderLabels {\n  query?: {\n    delete?: ActionIconLabels;\n    addRule?: {\n      label: string;\n    };\n    addGroup?: {\n      label: string;\n    };\n  };\n  rule: {\n    attribute: {\n      exists: string;\n      label: string;\n      placeholder: string;\n    };\n    operator: {\n      label: string;\n      placeholder: string;\n    };\n    value: {\n      distance: {\n        label: string;\n        placeholder?: string;\n        connectorText: string;\n        button: string;\n        validation: {\n          required: string;\n          invalid: string;\n        };\n      };\n      text: {\n        label: string;\n        placeholder: string;\n        validation: {\n          required: string;\n        };\n      };\n      boolean: {\n        label: string;\n        placeholder: string;\n        options: Record<string, string>;\n      };\n      numeric: {\n        label: string;\n        placeholder: string;\n        validation: {\n          required: string;\n          invalid: string;\n          equal: string;\n          greaterThan: string;\n        };\n        range: {\n          leftLabel: string;\n          rightLabel: string;\n        };\n      };\n      datetime: {\n        dateLabel: string;\n        datePlaceholder: string;\n        timeLabel: string;\n        timePlaceholder: string;\n        startDateLabel: string;\n        startDatePlaceholder: string;\n        startTimeLabel: string;\n        startTimePlaceholder: string;\n        endDateLabel: string;\n        endDatePlaceholder: string;\n        endTimeLabel: string;\n        endTimePlaceholder: string;\n        validation: {\n          required: string;\n          invalidInterval: string;\n        };\n      };\n    };\n    delete: ActionIconLabels;\n  };\n  group: {\n    delete: ActionIconLabels;\n    reset: ActionIconLabels;\n    addRule: {\n      label: string;\n    };\n    addGroup: {\n      label: string;\n    };\n  };\n  empty: {\n    title: string;\n    createCondition: string;\n    createGroup: string;\n    spacer: string;\n  };\n}\n\nexport interface HvQueryBuilderRendererProps<V = any> {\n  id: React.Key;\n  attribute: string;\n  operator?: string;\n  value?: V;\n}\n\nexport type ValueRenderer =\n  | React.FC<HvQueryBuilderRendererProps>\n  | Record<string, React.FC<HvQueryBuilderRendererProps>>;\n\nexport type HvQueryBuilderRenderers = Record<string, ValueRenderer>;\n"],"names":[],"mappings":"AAEO,MAAM,qBAAqB;"}
+{"version":3,"file":"types.js","sources":["../../../src/QueryBuilder/types.ts"],"sourcesContent":["import { HvOptional } from \"../types/generic\";\n\nexport const defaultRendererKey = \"DEFAULT\";\n\nconst defaultAttributes = [\n  \"boolean\",\n  \"numeric\",\n  \"dateandtime\",\n  \"text\",\n  \"textarea\",\n] as const;\ntype DefaultAttributes = (typeof defaultAttributes)[number];\n\nexport interface HvQueryBuilderAttribute extends Record<string, unknown> {\n  id?: string;\n  label: string;\n  type: DefaultAttributes | (string & {});\n}\n\nexport interface HvQueryBuilderNumericRange {\n  from: number | string;\n  to: number | string;\n}\n\nexport interface HvQueryBuilderDateTimeStrings {\n  date?: string;\n  time?: string;\n}\n\nexport interface HvQueryBuilderDateTimeRange {\n  start?: HvQueryBuilderDateTimeStrings;\n  end?: HvQueryBuilderDateTimeStrings;\n}\n\nexport type HvQueryBuilderQueryRuleValue =\n  | string\n  | number\n  | boolean\n  | HvQueryBuilderNumericRange\n  | HvQueryBuilderDateTimeStrings\n  | HvQueryBuilderDateTimeRange;\n\nexport type HvQueryBuilderQueryRule = HvOptional<QueryRule, \"id\">;\n\nexport interface HvQueryBuilderQueryGroup\n  extends Omit<HvOptional<QueryGroup, \"id\">, \"rules\"> {\n  rules: Array<HvQueryBuilderQueryRule | HvQueryBuilderQueryGroup>;\n}\n\nexport type HvQueryBuilderQuery = HvQueryBuilderQueryGroup;\n\nexport interface QueryRule {\n  id: React.Key;\n  attribute?: string;\n  operator?: string;\n  value?: HvQueryBuilderQueryRuleValue;\n}\n\nexport interface QueryGroup {\n  id: React.Key;\n  combinator: string;\n  rules: Array<QueryRule | QueryGroup>;\n}\n\nexport type Query = QueryGroup;\n\n// TODO - remove this type in v6\n/** @deprecated */\nexport interface HvQueryBuilderChangedQuery\n  extends Omit<HvQueryBuilderQuery, \"id\" | \"rules\"> {\n  rules: Array<\n    Omit<HvQueryBuilderQueryRule, \"id\"> | HvQueryBuilderChangedQuery\n  >;\n}\n\nexport interface HvQueryBuilderQueryCombinator {\n  operand: string;\n  label: string;\n}\n\nexport interface HvQueryBuilderQueryOperator {\n  operator: string;\n  label: string;\n  combinators: string[];\n}\n\ninterface DialogLabels {\n  dialogTitle: string;\n  dialogMessage: string;\n  dialogConfirm: string;\n  dialogCancel: string;\n  dialogCloseTooltip: string;\n}\n\n/** @private label structure action icon buttons */\ninterface ActionIconLabels extends DialogLabels {\n  // TODO: remove in v6 - duplicated labels - `tooltip` *is* the aria-label\n  /** @deprecated use `tooltip` label instead */\n  ariaLabel: string;\n  tooltip?: string;\n}\n\nexport type QueryAction =\n  | {\n      type: \"reset-query\";\n    }\n  | {\n      type: \"reset-group\";\n      id: React.Key;\n    }\n  | {\n      type: \"add-rule\" | \"add-group\" | \"remove-node\";\n      id: React.Key;\n    }\n  | {\n      type: \"set-combinator\";\n      id: React.Key;\n      combinator: string;\n    }\n  | {\n      type: \"set-attribute\";\n      id: React.Key;\n      attribute?: string | null;\n      operator?: string | null;\n      value?: HvQueryBuilderQueryRuleValue | null;\n    }\n  | {\n      type: \"set-operator\";\n      id: React.Key;\n      operator: string | null;\n      value?: HvQueryBuilderQueryRuleValue | null;\n    }\n  | {\n      type: \"set-value\";\n      id: React.Key;\n      value: HvQueryBuilderQueryRuleValue | null | any;\n    }\n  | {\n      type: \"set-query\";\n      // Query with ids\n      query: Query;\n    };\n\nexport interface AskAction {\n  actions: QueryAction[];\n  dialog: DialogLabels;\n}\n\n// TODO - Infer type from defaultLabels object and flatten the object to remove all the nesting in v6\nexport interface HvQueryBuilderLabels {\n  query?: {\n    delete?: ActionIconLabels;\n    addRule?: {\n      label: string;\n    };\n    addGroup?: {\n      label: string;\n    };\n  };\n  rule: {\n    attribute: {\n      exists: string;\n      label: string;\n      placeholder: string;\n    };\n    operator: {\n      label: string;\n      placeholder: string;\n    };\n    value: {\n      distance: {\n        label: string;\n        placeholder?: string;\n        connectorText: string;\n        button: string;\n        validation: {\n          required: string;\n          invalid: string;\n        };\n      };\n      text: {\n        label: string;\n        placeholder: string;\n        validation: {\n          required: string;\n        };\n      };\n      boolean: {\n        label: string;\n        placeholder: string;\n        options: Record<string, string>;\n      };\n      numeric: {\n        label: string;\n        placeholder: string;\n        validation: {\n          required: string;\n          invalid: string;\n          equal: string;\n          greaterThan: string;\n        };\n        range: {\n          leftLabel: string;\n          rightLabel: string;\n        };\n      };\n      datetime: {\n        dateLabel: string;\n        datePlaceholder: string;\n        timeLabel: string;\n        timePlaceholder: string;\n        startDateLabel: string;\n        startDatePlaceholder: string;\n        startTimeLabel: string;\n        startTimePlaceholder: string;\n        endDateLabel: string;\n        endDatePlaceholder: string;\n        endTimeLabel: string;\n        endTimePlaceholder: string;\n        validation: {\n          required: string;\n          invalidInterval: string;\n        };\n      };\n    };\n    delete: ActionIconLabels;\n  };\n  group: {\n    delete: ActionIconLabels;\n    reset: ActionIconLabels;\n    addRule: {\n      label: string;\n    };\n    addGroup: {\n      label: string;\n    };\n  };\n  empty: {\n    title: string;\n    createCondition: string;\n    createGroup: string;\n    spacer: string;\n  };\n}\n\nexport interface HvQueryBuilderRendererProps<V = any> {\n  id: React.Key;\n  attribute: string;\n  operator?: string;\n  value?: V;\n}\n\nexport type ValueRenderer =\n  | React.FC<HvQueryBuilderRendererProps>\n  | Record<string, React.FC<HvQueryBuilderRendererProps>>;\n\nexport type HvQueryBuilderRenderers = Record<string, ValueRenderer>;\n"],"names":[],"mappings":"AAEO,MAAM,qBAAqB;"}

package/dist/esm/Skeleton/Skeleton.styles.js

@@ -68,10 +68,7 @@ const { staticClasses, useClasses } = createClasses("HvSkeleton", {
       content: "''",
       position: "absolute",
       transform: "translateX(-100%)",
-      bottom: 0,
-      left: 0,
-      right: 0,
-      top: 0
+      inset: 0
     }
   }
 });

package/dist/esm/Skeleton/Skeleton.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Skeleton.styles.js","sources":["../../../src/Skeleton/Skeleton.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nconst pulse = keyframes`\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n`;\n\n// Animation taken from Material UI:\n// https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Skeleton/Skeleton.js\nconst wave = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\nconst fadeIn = keyframes`\n  from {\n      opacity: 0;\n  }\n  to {\n      opacity: 1;\n  }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSkeleton\", {\n  root: {\n    backgroundColor: theme.colors.atmo3,\n    width: \"fit-content\",\n    \"& > *\": {\n      visibility: \"hidden\",\n    },\n  },\n  content: {\n    opacity: 0,\n    animation: `${fadeIn} 0.5s ease forwards`,\n  },\n  circle: {\n    borderRadius: theme.radii.circle,\n  },\n  square: {\n    borderRadius: theme.radii.base,\n  },\n  text: {\n    borderRadius: theme.radii.full,\n    width: \"100%\",\n    height: \"1.5em\",\n  },\n  pulse: {\n    animation: `${pulse} 2s infinite`,\n  },\n  wave: {\n    overflow: \"hidden\",\n    position: \"relative\",\n    \"&::after\": {\n      animation: `${wave} 2s linear 0.5s infinite`,\n      background: `linear-gradient(\n            90deg,\n            transparent,\n            ${theme.colors.atmo4},\n            transparent\n          )`,\n      content: \"''\",\n      position: \"absolute\",\n      transform: \"translateX(-100%)\",\n      bottom: 0,\n      left: 0,\n      right: 0,\n      top: 0,\n    },\n  },\n});\n"],"names":[],"mappings":";;;AAKA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWd,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA,EACvE,MAAM;AAAA,IACJ,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO;AAAA,IACP,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WAAW,GAAG,MAAM;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,IACJ,cAAc,MAAM,MAAM;AAAA,IAC1B,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,WAAW,GAAG,KAAK;AAAA,EACrB;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,MACV,WAAW,GAAG,IAAI;AAAA,MAClB,YAAY;AAAA;AAAA;AAAA,cAGJ,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,MAG1B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,QAAQ;AAAA,MACR,MAAM;AAAA,MACN,OAAO;AAAA,MACP,KAAK;AAAA,IACP;AAAA,EACF;AACF,CAAC;"}
+{"version":3,"file":"Skeleton.styles.js","sources":["../../../src/Skeleton/Skeleton.styles.tsx"],"sourcesContent":["import { keyframes } from \"@emotion/react\";\nimport { theme } from \"@hitachivantara/uikit-styles\";\n\nimport { createClasses } from \"../utils/classes\";\n\nconst pulse = keyframes`\n  0%, 100% {\n    opacity: 1;\n  }\n  50% {\n    opacity: 0.5;\n  }\n`;\n\n// Animation taken from Material UI:\n// https://github.com/mui/material-ui/blob/master/packages/mui-material/src/Skeleton/Skeleton.js\nconst wave = keyframes`\n  0% {\n    transform: translateX(-100%);\n  }\n  50% {\n    transform: translateX(100%);\n  }\n  100% {\n    transform: translateX(100%);\n  }\n`;\n\nconst fadeIn = keyframes`\n  from {\n      opacity: 0;\n  }\n  to {\n      opacity: 1;\n  }\n`;\n\nexport const { staticClasses, useClasses } = createClasses(\"HvSkeleton\", {\n  root: {\n    backgroundColor: theme.colors.atmo3,\n    width: \"fit-content\",\n    \"& > *\": {\n      visibility: \"hidden\",\n    },\n  },\n  content: {\n    opacity: 0,\n    animation: `${fadeIn} 0.5s ease forwards`,\n  },\n  circle: {\n    borderRadius: theme.radii.circle,\n  },\n  square: {\n    borderRadius: theme.radii.base,\n  },\n  text: {\n    borderRadius: theme.radii.full,\n    width: \"100%\",\n    height: \"1.5em\",\n  },\n  pulse: {\n    animation: `${pulse} 2s infinite`,\n  },\n  wave: {\n    overflow: \"hidden\",\n    position: \"relative\",\n    \"&::after\": {\n      animation: `${wave} 2s linear 0.5s infinite`,\n      background: `linear-gradient(\n            90deg,\n            transparent,\n            ${theme.colors.atmo4},\n            transparent\n          )`,\n      content: \"''\",\n      position: \"absolute\",\n      transform: \"translateX(-100%)\",\n      inset: 0,\n    },\n  },\n});\n"],"names":[],"mappings":";;;AAKA,MAAM,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAWd,MAAM,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYb,MAAM,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AASR,MAAM,EAAE,eAAe,eAAe,cAAc,cAAc;AAAA,EACvE,MAAM;AAAA,IACJ,iBAAiB,MAAM,OAAO;AAAA,IAC9B,OAAO;AAAA,IACP,SAAS;AAAA,MACP,YAAY;AAAA,IACd;AAAA,EACF;AAAA,EACA,SAAS;AAAA,IACP,SAAS;AAAA,IACT,WAAW,GAAG,MAAM;AAAA,EACtB;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,QAAQ;AAAA,IACN,cAAc,MAAM,MAAM;AAAA,EAC5B;AAAA,EACA,MAAM;AAAA,IACJ,cAAc,MAAM,MAAM;AAAA,IAC1B,OAAO;AAAA,IACP,QAAQ;AAAA,EACV;AAAA,EACA,OAAO;AAAA,IACL,WAAW,GAAG,KAAK;AAAA,EACrB;AAAA,EACA,MAAM;AAAA,IACJ,UAAU;AAAA,IACV,UAAU;AAAA,IACV,YAAY;AAAA,MACV,WAAW,GAAG,IAAI;AAAA,MAClB,YAAY;AAAA;AAAA;AAAA,cAGJ,MAAM,OAAO,KAAK;AAAA;AAAA;AAAA,MAG1B,SAAS;AAAA,MACT,UAAU;AAAA,MACV,WAAW;AAAA,MACX,OAAO;AAAA,IACT;AAAA,EACF;AACF,CAAC;"}

package/dist/esm/hooks/useLabels.js

@@ -1,7 +1,8 @@
 import { useMemo } from "react";
+import { deepMerge } from "../utils/deepMerge.js";
 function useLabels(defaultLabels, labels) {
   return useMemo(() => {
-    return { ...defaultLabels, ...labels };
+    return deepMerge(defaultLabels, labels);
   }, [defaultLabels, labels]);
 }
 export {

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

@@ -1 +1 @@
-{"version":3,"file":"useLabels.js","sources":["../../../src/hooks/useLabels.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nexport function useLabels<T>(defaultLabels: T, labels?: Partial<T>): T {\n  return useMemo(() => {\n    return { ...defaultLabels, ...labels };\n  }, [defaultLabels, labels]);\n}\n"],"names":[],"mappings":";AAEgB,SAAA,UAAa,eAAkB,QAAwB;AACrE,SAAO,QAAQ,MAAM;AACnB,WAAO,EAAE,GAAG,eAAe,GAAG;EAAO,GACpC,CAAC,eAAe,MAAM,CAAC;AAC5B;"}
+{"version":3,"file":"useLabels.js","sources":["../../../src/hooks/useLabels.ts"],"sourcesContent":["import { useMemo } from \"react\";\n\nimport { DeepPartial } from \"../types/generic\";\nimport { deepMerge } from \"../utils/deepMerge\";\n\nexport function useLabels<T>(defaultLabels: T, labels?: DeepPartial<T>): T {\n  return useMemo(() => {\n    return deepMerge(defaultLabels, labels);\n  }, [defaultLabels, labels]);\n}\n"],"names":[],"mappings":";;AAKgB,SAAA,UAAa,eAAkB,QAA4B;AACzE,SAAO,QAAQ,MAAM;AACZ,WAAA,UAAU,eAAe,MAAM;AAAA,EAAA,GACrC,CAAC,eAAe,MAAM,CAAC;AAC5B;"}

package/dist/esm/utils/deepMerge.js

@@ -0,0 +1,18 @@
+const isObject = (val) => val && typeof val === "object" && !Array.isArray(val);
+function merge(target, source) {
+  Object.keys(source || {}).forEach((key) => {
+    if (isObject(target[key]) && isObject(source?.[key])) {
+      merge(target[key], source?.[key]);
+    } else {
+      target[key] = source?.[key];
+    }
+  });
+}
+function deepMerge(target, source) {
+  const result = structuredClone(target);
+  merge(result, source);
+  return result;
+}
+export {
+  deepMerge
+};

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

@@ -0,0 +1 @@
+{"version":3,"file":"deepMerge.js","sources":["../../../src/utils/deepMerge.ts"],"sourcesContent":["import { DeepPartial } from \"../types/generic\";\n\nconst isObject = (val: any): val is Object =>\n  val && typeof val === \"object\" && !Array.isArray(val);\n\nfunction merge<T>(target: T, source?: DeepPartial<T>) {\n  Object.keys(source || {}).forEach((key) => {\n    if (isObject(target[key]) && isObject(source?.[key])) {\n      merge(target[key], source?.[key]);\n    } else {\n      target[key] = source?.[key];\n    }\n  });\n}\n\n/** Merges recursively all keys of source into target returning the resulting object. */\nexport function deepMerge<T>(target: T, source?: DeepPartial<T>): T {\n  const result = structuredClone(target);\n  merge(result, source);\n  return result;\n}\n"],"names":[],"mappings":"AAEA,MAAM,WAAW,CAAC,QAChB,OAAO,OAAO,QAAQ,YAAY,CAAC,MAAM,QAAQ,GAAG;AAEtD,SAAS,MAAS,QAAW,QAAyB;AACpD,SAAO,KAAK,UAAU,CAAE,CAAA,EAAE,QAAQ,CAAC,QAAQ;AACrC,QAAA,SAAS,OAAO,GAAG,CAAC,KAAK,SAAS,SAAS,GAAG,CAAC,GAAG;AACpD,YAAM,OAAO,GAAG,GAAG,SAAS,GAAG,CAAC;AAAA,IAAA,OAC3B;AACE,aAAA,GAAG,IAAI,SAAS,GAAG;AAAA,IAC5B;AAAA,EAAA,CACD;AACH;AAGgB,SAAA,UAAa,QAAW,QAA4B;AAC5D,QAAA,SAAS,gBAAgB,MAAM;AACrC,QAAM,QAAQ,MAAM;AACb,SAAA;AACT;"}

package/dist/types/index.d.ts

@@ -4960,129 +4960,7 @@ export declare const hvQueryBuilderDefaultCombinators: {
     label: string;
 }[];
 
-export declare const hvQueryBuilderDefaultLabels: {
-    query: {
-        delete: {
-            ariaLabel: string;
-            tooltip: string;
-            dialogTitle: string;
-            dialogMessage: string;
-            dialogConfirm: string;
-            dialogCancel: string;
-            dialogCloseTooltip: string;
-        };
-    };
-    rule: {
-        attribute: {
-            label: string;
-            placeholder: string;
-            exists: string;
-        };
-        operator: {
-            label: string;
-            placeholder: string;
-        };
-        value: {
-            distance: {
-                label: string;
-                connectorText: string;
-                button: string;
-                validation: {
-                    required: string;
-                    invalid: string;
-                };
-            };
-            text: {
-                label: string;
-                placeholder: string;
-                validation: {
-                    required: string;
-                };
-            };
-            boolean: {
-                label: string;
-                placeholder: string;
-                options: {
-                    true: string;
-                    false: string;
-                };
-            };
-            numeric: {
-                label: string;
-                placeholder: string;
-                validation: {
-                    required: string;
-                    invalid: string;
-                    equal: string;
-                    greaterThan: string;
-                };
-                range: {
-                    leftLabel: string;
-                    rightLabel: string;
-                };
-            };
-            datetime: {
-                dateLabel: string;
-                datePlaceholder: string;
-                timeLabel: string;
-                timePlaceholder: string;
-                startDateLabel: string;
-                startDatePlaceholder: string;
-                startTimeLabel: string;
-                startTimePlaceholder: string;
-                endDateLabel: string;
-                endDatePlaceholder: string;
-                endTimeLabel: string;
-                endTimePlaceholder: string;
-                validation: {
-                    required: string;
-                    invalidInterval: string;
-                };
-            };
-        };
-        delete: {
-            ariaLabel: string;
-            tooltip: string;
-            dialogTitle: string;
-            dialogMessage: string;
-            dialogConfirm: string;
-            dialogCancel: string;
-            dialogCloseTooltip: string;
-        };
-    };
-    group: {
-        delete: {
-            ariaLabel: string;
-            tooltip: string;
-            dialogTitle: string;
-            dialogMessage: string;
-            dialogConfirm: string;
-            dialogCancel: string;
-            dialogCloseTooltip: string;
-        };
-        reset: {
-            ariaLabel: string;
-            tooltip: string;
-            dialogTitle: string;
-            dialogMessage: string;
-            dialogConfirm: string;
-            dialogCancel: string;
-            dialogCloseTooltip: string;
-        };
-        addRule: {
-            label: string;
-        };
-        addGroup: {
-            label: string;
-        };
-    };
-    empty: {
-        title: string;
-        createCondition: string;
-        createGroup: string;
-        spacer: string;
-    };
-};
+export declare const hvQueryBuilderDefaultLabels: HvQueryBuilderLabels;
 
 export declare const hvQueryBuilderDefaultOperators: {
     numeric: {
@@ -5235,7 +5113,7 @@ export declare interface HvQueryBuilderProps {
     /** Max depth of nested query groups. */
     maxDepth?: number;
     /** Object containing all the labels. */
-    labels?: HvQueryBuilderLabels;
+    labels?: DeepPartial<HvQueryBuilderLabels>;
     /** Whether the query builder is in read-only mode. */
     readOnly?: boolean;
     /**
@@ -11290,7 +11168,7 @@ export declare function useInstance(instance: any): void;
 
 export declare const useIsMounted: () => React_2.MutableRefObject<boolean>;
 
-export declare function useLabels<T>(defaultLabels: T, labels?: Partial<T>): T;
+export declare function useLabels<T>(defaultLabels: T, labels?: DeepPartial<T>): T;
 
 export declare type UsePaginationProps = (<D extends object = Record<string, unknown>>(hooks: Hooks<D>) => void) & {
     pluginName: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-core",
-  "version": "5.63.3",
+  "version": "5.64.1",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Core React components for the NEXT Design System.",
@@ -33,9 +33,9 @@
     "@emotion/css": "^11.11.2",
     "@emotion/serialize": "^1.1.2",
     "@emotion/utils": "^1.2.1",
-    "@hitachivantara/uikit-react-icons": "^5.9.9",
-    "@hitachivantara/uikit-react-shared": "^5.1.39",
-    "@hitachivantara/uikit-styles": "^5.28.1",
+    "@hitachivantara/uikit-react-icons": "^5.9.10",
+    "@hitachivantara/uikit-react-shared": "^5.1.40",
+    "@hitachivantara/uikit-styles": "^5.29.0",
     "@internationalized/date": "^3.2.0",
     "@mui/base": "^5.0.0-beta.34",
     "@popperjs/core": "^2.11.8",
@@ -62,7 +62,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "fecc39b18d92c0e39b519af0675e5404a52aa562",
+  "gitHead": "bdd638b19425b905ffa70b083e006f0820450113",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {