@hitachivantara/uikit-react-lab 3.45.2 → 3.45.5

package/dist/QueryBuilder/RuleGroup/RuleGroup.js

@@ -66,6 +66,7 @@ var RuleGroup = function RuleGroup(_ref) {
       maxDepth = context.maxDepth,
       combinators = context.combinators,
       labels = context.labels;
+  var normalizedMaxDepth = maxDepth - 1;
 
   var actionButtons = /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
     category: "secondary",
@@ -75,7 +76,7 @@ var RuleGroup = function RuleGroup(_ref) {
         id: id
       });
     }
-  }, _Add || (_Add = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Add, null)), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label), level < maxDepth && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
+  }, _Add || (_Add = /*#__PURE__*/_react.default.createElement(_uikitReactIcons.Add, null)), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label), level <= normalizedMaxDepth && /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvButton, {
     category: "secondary",
     onClick: function onClick() {
       dispatchAction({
@@ -172,7 +173,7 @@ var RuleGroup = function RuleGroup(_ref) {
         cursor: "pointer",
         textDecoration: "underline"
       }
-    }, "".concat((_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition)), level === 0 && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "".concat((_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
+    }, "".concat((_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition)), level <= normalizedMaxDepth && /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, "".concat((_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer), /*#__PURE__*/_react.default.createElement(_uikitReactCore.HvTypography, {
       variant: "link",
       component: "a",
       onClick: function onClick() {

package/dist/QueryBuilder/RuleGroup/RuleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleGroup.js","names":["RuleGroup","level","id","combinator","rules","classes","context","Context","dispatchAction","askAction","maxDepth","combinators","labels","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","PropTypes","number","string","array"],"sources":["../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level < maxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level === 0 && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"mappings":"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"}
+{"version":3,"file":"RuleGroup.js","names":["RuleGroup","level","id","combinator","rules","classes","context","Context","dispatchAction","askAction","maxDepth","combinators","labels","normalizedMaxDepth","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","PropTypes","number","string","array"],"sources":["../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n  const normalizedMaxDepth = maxDepth - 1;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level <= normalizedMaxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level <= normalizedMaxDepth && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"mappings":"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"}

package/dist/QueryBuilder/RuleGroup/styles.js

@@ -19,6 +19,7 @@ var useStyles = (0, _core.makeStyles)(function (theme) {
     subGroup: {
       margin: "40px 14px 32px 20px",
       minHeight: 120,
+      paddingBottom: 60,
       "&::before": {
         content: '""',
         position: "absolute",

package/dist/QueryBuilder/RuleGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","paddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"sources":["../../../src/QueryBuilder/RuleGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"sources":["../../../src/QueryBuilder/RuleGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n    paddingBottom: 60,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"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"}

package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js

@@ -32,6 +32,7 @@ var RuleGroup = function RuleGroup(_ref) {
       maxDepth = context.maxDepth,
       combinators = context.combinators,
       labels = context.labels;
+  var normalizedMaxDepth = maxDepth - 1;
   var actionButtons = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvButton, {
     category: "secondary",
     onClick: function onClick() {
@@ -40,7 +41,7 @@ var RuleGroup = function RuleGroup(_ref) {
         id: id
       });
     }
-  }, _Add || (_Add = /*#__PURE__*/React.createElement(Add, null)), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label), level < maxDepth && /*#__PURE__*/React.createElement(HvButton, {
+  }, _Add || (_Add = /*#__PURE__*/React.createElement(Add, null)), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label), level <= normalizedMaxDepth && /*#__PURE__*/React.createElement(HvButton, {
     category: "secondary",
     onClick: function onClick() {
       dispatchAction({
@@ -136,7 +137,7 @@ var RuleGroup = function RuleGroup(_ref) {
         cursor: "pointer",
         textDecoration: "underline"
       }
-    }, "".concat((_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition)), level === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, "".concat((_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer), /*#__PURE__*/React.createElement(HvTypography, {
+    }, "".concat((_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition)), level <= normalizedMaxDepth && /*#__PURE__*/React.createElement(React.Fragment, null, "".concat((_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer), /*#__PURE__*/React.createElement(HvTypography, {
       variant: "link",
       component: "a",
       onClick: function onClick() {

package/dist/legacy/QueryBuilder/RuleGroup/RuleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleGroup.js","names":["React","useCallback","useContext","clsx","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","useStyles","RuleGroup","level","id","combinator","rules","classes","context","dispatchAction","askAction","maxDepth","combinators","labels","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","number","string","array"],"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level < maxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level === 0 && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"mappings":"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"}
+{"version":3,"file":"RuleGroup.js","names":["React","useCallback","useContext","clsx","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","useStyles","RuleGroup","level","id","combinator","rules","classes","context","dispatchAction","askAction","maxDepth","combinators","labels","normalizedMaxDepth","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","number","string","array"],"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n  const normalizedMaxDepth = maxDepth - 1;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level <= normalizedMaxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level <= normalizedMaxDepth && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"mappings":"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"}

package/dist/legacy/QueryBuilder/RuleGroup/styles.js

@@ -11,6 +11,7 @@ var useStyles = makeStyles(function (theme) {
     subGroup: {
       margin: "40px 14px 32px 20px",
       minHeight: 120,
+      paddingBottom: 60,
       "&::before": {
         content: '""',
         position: "absolute",

package/dist/legacy/QueryBuilder/RuleGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","paddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"sources":["../../../../src/QueryBuilder/RuleGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"sources":["../../../../src/QueryBuilder/RuleGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n    paddingBottom: 60,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"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"}

package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js

@@ -30,6 +30,7 @@ const RuleGroup = ({
     combinators,
     labels
   } = context;
+  const normalizedMaxDepth = maxDepth - 1;
   const actionButtons = /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(HvButton, {
     category: "secondary",
     onClick: () => {
@@ -38,7 +39,7 @@ const RuleGroup = ({
         id
       });
     }
-  }, _Add || (_Add = /*#__PURE__*/React.createElement(Add, null)), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label), level < maxDepth && /*#__PURE__*/React.createElement(HvButton, {
+  }, _Add || (_Add = /*#__PURE__*/React.createElement(Add, null)), level === 0 && ((_labels$query = labels.query) === null || _labels$query === void 0 ? void 0 : (_labels$query$addRule = _labels$query.addRule) === null || _labels$query$addRule === void 0 ? void 0 : _labels$query$addRule.label) != null ? (_labels$query2 = labels.query) === null || _labels$query2 === void 0 ? void 0 : (_labels$query2$addRul = _labels$query2.addRule) === null || _labels$query2$addRul === void 0 ? void 0 : _labels$query2$addRul.label : labels.group.addRule.label), level <= normalizedMaxDepth && /*#__PURE__*/React.createElement(HvButton, {
     category: "secondary",
     onClick: () => {
       dispatchAction({
@@ -128,7 +129,7 @@ const RuleGroup = ({
         cursor: "pointer",
         textDecoration: "underline"
       }
-    }, `${(_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition}`), level === 0 && /*#__PURE__*/React.createElement(React.Fragment, null, `${(_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer}`, /*#__PURE__*/React.createElement(HvTypography, {
+    }, `${(_labels$empty2 = labels.empty) === null || _labels$empty2 === void 0 ? void 0 : _labels$empty2.createCondition}`), level <= normalizedMaxDepth && /*#__PURE__*/React.createElement(React.Fragment, null, `${(_labels$empty3 = labels.empty) === null || _labels$empty3 === void 0 ? void 0 : _labels$empty3.spacer}`, /*#__PURE__*/React.createElement(HvTypography, {
       variant: "link",
       component: "a",
       onClick: () => {

package/dist/modern/QueryBuilder/RuleGroup/RuleGroup.js.map

@@ -1 +1 @@
-{"version":3,"file":"RuleGroup.js","names":["React","useCallback","useContext","clsx","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","useStyles","RuleGroup","level","id","combinator","rules","classes","context","dispatchAction","askAction","maxDepth","combinators","labels","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","number","string","array"],"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level < maxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level === 0 && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"mappings":"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"}
+{"version":3,"file":"RuleGroup.js","names":["React","useCallback","useContext","clsx","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","useStyles","RuleGroup","level","id","combinator","rules","classes","context","dispatchAction","askAction","maxDepth","combinators","labels","normalizedMaxDepth","actionButtons","type","query","addRule","label","group","addGroup","DeleteIcon","delete","tooltip","onClickCombinator","item","operand","root","topGroup","subGroup","topCombinator","map","combinatorButton","removeButton","topRemoveButton","actions","dialog","ariaLabel","length","rulesContainer","subRulesContainer","rule","index","Math","random","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","number","string","array"],"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport PropTypes from \"prop-types\";\nimport {\n  HvGrid,\n  HvMultiButton,\n  HvButton,\n  HvEmptyState,\n  HvTypography,\n  withTooltip,\n} from \"@hitachivantara/uikit-react-core\";\nimport { Add, Delete, Info } from \"@hitachivantara/uikit-react-icons\";\n\nimport Context from \"../Context\";\nimport Rule from \"../Rule\";\nimport useStyles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [] }) => {\n  const classes = useStyles({ level });\n  const context = useContext(Context);\n\n  const { dispatchAction, askAction, maxDepth, combinators, labels } = context;\n  const normalizedMaxDepth = maxDepth - 1;\n\n  const actionButtons = (\n    <>\n      <HvButton\n        category=\"secondary\"\n        onClick={() => {\n          dispatchAction({ type: \"add-rule\", id });\n        }}\n      >\n        <Add />\n        {level === 0 && labels.query?.addRule?.label != null\n          ? labels.query?.addRule?.label\n          : labels.group.addRule.label}\n      </HvButton>\n      {level <= normalizedMaxDepth && (\n        <HvButton\n          category=\"secondary\"\n          onClick={() => {\n            dispatchAction({ type: \"add-group\", id });\n          }}\n        >\n          <Add />\n          {level === 0 && labels.query?.addGroup?.label != null\n            ? labels.query?.addGroup?.label\n            : labels.group.addGroup.label}\n        </HvButton>\n      )}\n    </>\n  );\n\n  const DeleteIcon = withTooltip(\n    () => <Delete />,\n    level === 0 && labels.query?.delete?.tooltip\n      ? labels.query?.delete?.tooltip\n      : labels.group.delete.tooltip,\n    \"top\"\n  );\n\n  const onClickCombinator = useCallback(\n    (item) => {\n      dispatchAction({\n        type: \"set-combinator\",\n        id,\n        combinator: item.operand,\n      });\n    },\n    [dispatchAction, id]\n  );\n\n  return (\n    <div\n      className={clsx(classes.root, {\n        [classes.topGroup]: level === 0,\n        [classes.subGroup]: level !== 0,\n      })}\n    >\n      <HvGrid container>\n        <HvGrid item>\n          <HvMultiButton className={clsx(classes.combinator, classes.topCombinator)}>\n            {combinators.map((item) => (\n              <HvButton\n                key={item.operand}\n                className={classes.combinatorButton}\n                selected={item.operand === combinator}\n                onClick={() => item.operand && onClickCombinator(item)}\n              >\n                {item.label}\n              </HvButton>\n            ))}\n          </HvMultiButton>\n        </HvGrid>\n        <HvGrid item>\n          <HvButton\n            icon\n            className={clsx(classes.removeButton, classes.topRemoveButton)}\n            onClick={() => {\n              askAction({\n                actions: [{ type: \"remove-node\", id }],\n                dialog:\n                  level === 0 && labels.query?.delete != null\n                    ? labels.query.delete\n                    : labels.group.delete,\n              });\n            }}\n            aria-label={\n              level === 0 && labels.query?.delete?.ariaLabel\n                ? labels.query?.delete?.ariaLabel\n                : labels.group.delete.ariaLabel\n            }\n          >\n            <DeleteIcon />\n          </HvButton>\n        </HvGrid>\n      </HvGrid>\n      {rules?.length > 0 && (\n        <div\n          className={clsx(classes.rulesContainer, {\n            [classes.subRulesContainer]: level > 0,\n            topRulesContainer: level === 0,\n          })}\n        >\n          {rules.map((rule, index) => {\n            if (\"combinator\" in rule) {\n              return (\n                <RuleGroup\n                  key={rule.id || Math.random()}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                />\n              );\n            }\n\n            const isInvalid =\n              combinator === \"and\" &&\n              rules.some((r, i) => {\n                if (\"attribute\" in r) {\n                  if (r.attribute === rule.attribute && r.id !== rule.id && i < index) {\n                    return true;\n                  }\n                }\n                return false;\n              });\n\n            return (\n              <Rule\n                key={rule.id || Math.random()}\n                {...rule}\n                isInvalid={isInvalid}\n                id={rule.id}\n                combinator={combinator}\n              />\n            );\n          })}\n        </div>\n      )}\n      {rules?.length === 0 && (\n        <HvEmptyState\n          title={labels.empty?.title}\n          message={\n            <>\n              <HvTypography\n                variant=\"link\"\n                component=\"a\"\n                onClick={() => {\n                  dispatchAction({ type: \"add-rule\", id });\n                }}\n                style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n              >\n                {`${labels.empty?.createCondition}`}\n              </HvTypography>\n              {level <= normalizedMaxDepth && (\n                <>\n                  {`${labels.empty?.spacer}`}\n                  <HvTypography\n                    variant=\"link\"\n                    component=\"a\"\n                    onClick={() => {\n                      dispatchAction({ type: \"add-group\", id });\n                    }}\n                    style={{ cursor: \"pointer\", textDecoration: \"underline\" }}\n                  >\n                    {`${labels.empty?.createGroup}`}\n                  </HvTypography>\n                </>\n              )}\n            </>\n          }\n          icon={<Info />}\n        />\n      )}\n      <HvGrid container>\n        <HvGrid\n          item\n          className={clsx(classes.actionButtonContainer, classes.topActionButtonContainer)}\n        >\n          {actionButtons}\n        </HvGrid>\n      </HvGrid>\n    </div>\n  );\n};\n\nRuleGroup.propTypes = {\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default RuleGroup;\n"],"mappings":"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"}

package/dist/modern/QueryBuilder/RuleGroup/styles.js

@@ -10,6 +10,7 @@ const useStyles = makeStyles(theme => ({
   subGroup: {
     margin: "40px 14px 32px 20px",
     minHeight: 120,
+    paddingBottom: 60,
     "&::before": {
       content: '""',
       position: "absolute",

package/dist/modern/QueryBuilder/RuleGroup/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","paddingBottom","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"sources":["../../../../src/QueryBuilder/RuleGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"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"}
+{"version":3,"file":"styles.js","names":["makeStyles","useStyles","theme","root","position","padding","hv","spacing","sm","marginTop","marginBottom","border","palette","atmosphere","atmo4","subGroup","margin","minHeight","paddingBottom","content","zIndex","width","height","borderBottom","borderLeft","top","left","topGroup","backgroundColor","maxWidth","minWidth","combinator","topCombinator","combinatorButton","actionButtonContainer","marginLeft","topActionButtonContainer","bottom","md","right","removeButton","topRemoveButton","atmo2","rulesContainer","subRulesContainer","paddingLeft","paddingTop"],"sources":["../../../../src/QueryBuilder/RuleGroup/styles.js"],"sourcesContent":["import { makeStyles } from \"@material-ui/core\";\n\nconst useStyles = makeStyles((theme) => ({\n  root: {\n    position: \"relative\",\n    padding: theme.hv.spacing.sm,\n\n    marginTop: 12,\n    marginBottom: 32,\n\n    border: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n  },\n  subGroup: {\n    margin: \"40px 14px 32px 20px\",\n    minHeight: 120,\n    paddingBottom: 60,\n\n    \"&::before\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 2,\n\n      width: 21,\n      height: 36,\n\n      borderBottom: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: -38,\n      left: -42,\n    },\n    \":not(.topRulesContainer)>&:last-child::after\": {\n      content: '\"\"',\n      position: \"absolute\",\n      zIndex: 1,\n\n      width: 32,\n      height: \"100%\",\n\n      borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n      top: 0,\n      left: -22,\n    },\n  },\n  topGroup: {\n    margin: theme.hv.spacing.sm,\n    backgroundColor: \"transparent\",\n    maxWidth: \"100%\",\n    minWidth: 740,\n\n    paddingBottom: theme.hv.spacing.sm * 3,\n  },\n\n  combinator: {\n    minWidth: 80,\n  },\n  topCombinator: {\n    position: \"absolute\",\n    top: -theme.hv.spacing.sm,\n    left: -theme.hv.spacing.sm,\n  },\n\n  combinatorButton: {},\n\n  actionButtonContainer: {\n    marginLeft: \"auto\",\n\n    \"&>*\": {\n      marginLeft: theme.hv.spacing.sm,\n    },\n  },\n  topActionButtonContainer: {\n    position: \"absolute\",\n    bottom: -theme.hv.spacing.md,\n    right: theme.hv.spacing.sm,\n  },\n\n  removeButton: {},\n  topRemoveButton: {\n    position: \"absolute\",\n    top: -16,\n    right: -16,\n    backgroundColor: theme.hv.palette.atmosphere.atmo2,\n  },\n\n  rulesContainer: {},\n\n  subRulesContainer: {\n    borderLeft: `1px solid ${theme.hv.palette.atmosphere.atmo4}`,\n\n    marginLeft: theme.hv.spacing.sm,\n    marginBottom: theme.hv.spacing.md,\n    paddingLeft: theme.hv.spacing.sm,\n\n    paddingTop: 7,\n\n    position: \"relative\",\n    left: -41,\n\n    width: \"100%\",\n  },\n}));\n\nexport default useStyles;\n"],"mappings":"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"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "3.45.2",
+  "version": "3.45.5",
   "description": "A collection of contributed React components for the Hitachi Vantara's Design System.",
   "homepage": "https://github.com/lumada-design/hv-uikit-react",
   "license": "Apache-2.0",
@@ -46,7 +46,7 @@
   },
   "dependencies": {
     "@babel/runtime": "^7.17.9",
-    "@hitachivantara/uikit-react-core": "^3.67.2",
+    "@hitachivantara/uikit-react-core": "^3.67.5",
     "@hitachivantara/uikit-react-icons": "^3.8.12",
     "@types/react-table": "^7.7.11",
     "clsx": "^1.1.1",
@@ -82,5 +82,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "a7e4b9ae978d734513b20ee425197c25fe32df3b"
+  "gitHead": "a62afdd2d80c42fb6a60aeebf16f8b38c496fc94"
 }