@hitachivantara/uikit-react-lab 3.48.1 → 3.49.2

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

@@ -1 +1 @@
-{"version":3,"file":"RuleGroup.js","names":["React","useCallback","useContext","clsx","withStyles","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","styles","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","shape","string","number","array","name"],"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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 styles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [], classes }) => {\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                  classes={classes}\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  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the top group container.\n     */\n    topGroup: PropTypes.string,\n    /**\n     * Styles applied to the sub group containers.\n     */\n    subGroup: PropTypes.string,\n    /**\n     * Styles applied to the multi-button combinator container.\n     */\n    combinator: PropTypes.string,\n    /**\n     * Styles applied to the multi-button combinator container on the top group.\n     */\n    topCombinator: PropTypes.string,\n    /**\n     * Styles applied to each combinator button.\n     */\n    combinatorButton: PropTypes.string,\n    /**\n     * Styles applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Styles applied to the remove button on the top group.\n     */\n    topRemoveButton: PropTypes.string,\n    /**\n     * Styles applied to the rules container.\n     */\n    rulesContainer: PropTypes.string,\n    /**\n     * Styles applied to the sub rules container.\n     */\n    subRulesContainer: PropTypes.string,\n    /**\n     * Styles applied to the action button container.\n     */\n    actionButtonContainer: PropTypes.string,\n    /**\n     * Styles applied to the top action button container.\n     */\n    topActionButtonContainer: PropTypes.string,\n  }),\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default withStyles(styles, { name: \"RuleGroup\" })(RuleGroup);\n"],"mappings":"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"}
+{"version":3,"file":"RuleGroup.js","names":["React","useCallback","useContext","clsx","withStyles","PropTypes","HvGrid","HvMultiButton","HvButton","HvEmptyState","HvTypography","withTooltip","Add","Delete","Info","Context","Rule","styles","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","isInvalid","some","r","i","attribute","empty","title","cursor","textDecoration","createCondition","spacer","createGroup","actionButtonContainer","topActionButtonContainer","propTypes","shape","string","number","array","name"],"sources":["../../../../src/QueryBuilder/RuleGroup/RuleGroup.js"],"sourcesContent":["import React, { useCallback, useContext } from \"react\";\nimport clsx from \"clsx\";\nimport { withStyles } from \"@material-ui/core\";\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 styles from \"./styles\";\n\nconst RuleGroup = ({ level = 0, id, combinator = \"and\", rules = [], classes }) => {\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 ?? index}\n                  level={level + 1}\n                  {...rule}\n                  id={rule.id}\n                  classes={classes}\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 ?? index}\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  /**\n   * Override or extend the styles applied to the component.\n   * See CSS API tab for more details.\n   */\n  classes: PropTypes.shape({\n    /**\n     * Styles applied to the component root class.\n     */\n    root: PropTypes.string,\n    /**\n     * Styles applied to the top group container.\n     */\n    topGroup: PropTypes.string,\n    /**\n     * Styles applied to the sub group containers.\n     */\n    subGroup: PropTypes.string,\n    /**\n     * Styles applied to the multi-button combinator container.\n     */\n    combinator: PropTypes.string,\n    /**\n     * Styles applied to the multi-button combinator container on the top group.\n     */\n    topCombinator: PropTypes.string,\n    /**\n     * Styles applied to each combinator button.\n     */\n    combinatorButton: PropTypes.string,\n    /**\n     * Styles applied to the remove button.\n     */\n    removeButton: PropTypes.string,\n    /**\n     * Styles applied to the remove button on the top group.\n     */\n    topRemoveButton: PropTypes.string,\n    /**\n     * Styles applied to the rules container.\n     */\n    rulesContainer: PropTypes.string,\n    /**\n     * Styles applied to the sub rules container.\n     */\n    subRulesContainer: PropTypes.string,\n    /**\n     * Styles applied to the action button container.\n     */\n    actionButtonContainer: PropTypes.string,\n    /**\n     * Styles applied to the top action button container.\n     */\n    topActionButtonContainer: PropTypes.string,\n  }),\n  id: PropTypes.number,\n  level: PropTypes.number,\n  combinator: PropTypes.string,\n  rules: PropTypes.array,\n};\n\nexport default withStyles(styles, { name: \"RuleGroup\" })(RuleGroup);\n"],"mappings":"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"}

package/dist/modern/QueryBuilder/{types.ts → types.d.ts}

@@ -30,7 +30,7 @@ export type QueryRuleValue =
   | DateTimeRange;
 
 export interface QueryRule {
-  id?: number;
+  id?: number | string;
   attribute?: string;
   operator?: string;
   value?: QueryRuleValue;

package/dist/withStyleProps/WithStyleProps.js.map

@@ -1 +1 @@
-{"version":3,"file":"WithStyleProps.js","names":["withStylesProps","styles","Component","props","Comp"],"sources":["../../src/withStyleProps/WithStyleProps.js"],"sourcesContent":["import React from \"react\";\nimport withStyles from \"@material-ui/core/styles/withStyles\";\n\nconst withStylesProps = (styles) => (Component) => (props) => {\n  const Comp = withStyles(styles(props))(Component);\n  return <Comp {...props} />;\n};\n\nexport default withStylesProps;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,MAAD;EAAA,OAAY,UAACC,SAAD;IAAA,OAAe,UAACC,KAAD,EAAW;MAC5D,IAAMC,IAAI,GAAG,yBAAWH,MAAM,CAACE,KAAD,CAAjB,EAA0BD,SAA1B,CAAb;MACA,oBAAO,6BAAC,IAAD,EAAUC,KAAV,CAAP;IACD,CAHmC;EAAA,CAAZ;AAAA,CAAxB;;eAKeH,e"}
+{"version":3,"file":"WithStyleProps.js","names":["withStylesProps","styles","Component","props","Comp","withStyles"],"sources":["../../src/withStyleProps/WithStyleProps.js"],"sourcesContent":["import React from \"react\";\nimport withStyles from \"@material-ui/core/styles/withStyles\";\n\nconst withStylesProps = (styles) => (Component) => (props) => {\n  const Comp = withStyles(styles(props))(Component);\n  return <Comp {...props} />;\n};\n\nexport default withStylesProps;\n"],"mappings":";;;;;;;;;AAAA;;AACA;;AAEA,IAAMA,eAAe,GAAG,SAAlBA,eAAkB,CAACC,MAAD;EAAA,OAAY,UAACC,SAAD;IAAA,OAAe,UAACC,KAAD,EAAW;MAC5D,IAAMC,IAAI,GAAG,IAAAC,mBAAA,EAAWJ,MAAM,CAACE,KAAD,CAAjB,EAA0BD,SAA1B,CAAb;MACA,oBAAO,6BAAC,IAAD,EAAUC,KAAV,CAAP;IACD,CAHmC;EAAA,CAAZ;AAAA,CAAxB;;eAKeH,e"}

package/package.json

@@ -1,20 +1,16 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "3.48.1",
+  "version": "3.49.2",
   "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",
+  "main": "./dist/index.js",
+  "module": "./dist/legacy/index.js",
+  "types": "dist/index.d.ts",
+  "sideEffects": false,
   "author": {
     "name": "Hitachi Vantara UI Kit Team"
   },
-  "sideEffects": false,
-  "exports": {
-    ".": "./dist/modern/index.js",
-    "./dist/": "./dist/modern/"
-  },
-  "main": "./dist/index.js",
-  "module": "./dist/legacy/index.js",
-  "typings": "dist/index.d.ts",
   "repository": {
     "type": "git",
     "url": "https://github.com/lumada-design/hv-uikit-react.git"
@@ -41,46 +37,44 @@
   },
   "peerDependencies": {
     "@material-ui/core": "^4.12.3",
-    "react": "^16.13.1 || ^17.0.0",
-    "react-dom": "^16.13.1 || ^17.0.0"
+    "react": "^16.13.1 || ^17.0.2",
+    "react-dom": "^16.13.1 || ^17.0.2"
   },
   "dependencies": {
-    "@babel/runtime": "^7.17.9",
-    "@hitachivantara/uikit-react-core": "^3.67.18",
-    "@hitachivantara/uikit-react-icons": "^3.8.13",
-    "@types/react-table": "^7.7.11",
-    "clsx": "^1.1.1",
-    "core-js": "^3.22.5",
-    "dayjs": "^1.11.2",
+    "@babel/runtime": "^7.18.6",
+    "@hitachivantara/uikit-react-core": "^3.68.2",
+    "@hitachivantara/uikit-react-icons": "^3.9.2",
+    "@types/react-table": "^7.7.12",
+    "clsx": "^1.2.1",
+    "core-js": "^3.23.3",
+    "dayjs": "^1.11.3",
     "lodash": "^4.17.21",
     "prop-types": "^15.8.1",
     "rc-slider": "9.7.5",
     "rc-tooltip": "^3.7.3",
     "react-color": "^2.19.3",
-    "react-table": "^7.7.0"
+    "react-table": "^7.8.0"
   },
   "devDependencies": {
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.1.2",
-    "@testing-library/react-hooks": "^7.0.2",
-    "@testing-library/user-event": "^13.5.0",
+    "@testing-library/react-hooks": "^8.0.1",
+    "@testing-library/user-event": "^12.8.3",
     "@wojtekmaj/enzyme-adapter-react-17": "^0.6.7",
     "del-cli": "^4.0.1",
     "enzyme": "^3.11.0",
     "enzyme-to-json": "^3.6.2",
-    "jest": "^27.3.1",
-    "jest-fail-on-console": "^2.4.1",
-    "jest-junit": "^13.2.0",
+    "jest": "^28.1.2",
+    "jest-environment-jsdom": "^28.1.2",
+    "jest-fail-on-console": "^2.4.2",
+    "jest-junit": "^14.0.0",
     "npm-run-all": "^4.1.5"
   },
   "files": [
     "dist"
   ],
-  "jest": {
-    "testEnvironment": "node"
-  },
   "publishConfig": {
     "access": "public"
   },
-  "gitHead": "6743a8fee1436c8cff554825650b53d2d3c0ce82"
+  "gitHead": "5c58469cda7b72c9c791a827439f8b6fad3370e7"
 }