@hitachivantara/uikit-react-lab 5.21.1 → 5.22.0

package/dist/cjs/Flow/Node/Parameters/ParamRenderer.cjs

@@ -3,9 +3,11 @@ Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toString
 const jsxRuntime = require("@emotion/react/jsx-runtime");
 const Text = require("./Text.cjs");
 const Select = require("./Select.cjs");
+const Slider = require("./Slider.cjs");
 const renderers = {
   text: Text.default,
-  select: Select.default
+  select: Select.default,
+  slider: Slider.default
 };
 const ParamRenderer = ({ nodeId, params, data }) => {
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: params.map((param, idx) => {

package/dist/cjs/Flow/Node/Parameters/ParamRenderer.cjs.map

@@ -1 +1 @@
-{"version":3,"file":"ParamRenderer.cjs","sources":["../../../../../src/Flow/Node/Parameters/ParamRenderer.tsx"],"sourcesContent":["import { HvFlowNodeParam } from \"../../types\";\nimport Text from \"./Text\";\nimport Select from \"./Select\";\n\nexport type ParamRendererProps = {\n  nodeId: string;\n  params: HvFlowNodeParam[];\n  data: any;\n};\n\nconst renderers = {\n  text: Text,\n  select: Select,\n};\n\nconst ParamRenderer = ({ nodeId, params, data }: ParamRendererProps) => {\n  return (\n    <>\n      {params.map((param, idx) => {\n        const Renderer = renderers[param.type];\n        if (!Renderer) return null;\n\n        return <Renderer key={idx} nodeId={nodeId} param={param} data={data} />;\n        return null;\n      })}\n    </>\n  );\n};\n\nexport default ParamRenderer;\n"],"names":["Text","Select","jsx","Fragment"],"mappings":";;;;;AAUA,MAAM,YAAY;AAAA,EAChB,MAAMA,KAAA;AAAA,EACN,QAAQC,OAAA;AACV;AAEA,MAAM,gBAAgB,CAAC,EAAE,QAAQ,QAAQ,WAA+B;AACtE,SAEKC,2BAAA,IAAAC,WAAA,UAAA,EAAA,UAAA,OAAO,IAAI,CAAC,OAAO,QAAQ;AACpB,UAAA,WAAW,UAAU,MAAM,IAAI;AACrC,QAAI,CAAC;AAAiB,aAAA;AAEtB,WAAQD,2BAAAA,IAAA,UAAA,EAAmB,QAAgB,OAAc,QAAnC,GAA+C;AAAA,EAEtE,CAAA,EACH,CAAA;AAEJ;AAEA,MAAA,kBAAe;;"}
+{"version":3,"file":"ParamRenderer.cjs","sources":["../../../../../src/Flow/Node/Parameters/ParamRenderer.tsx"],"sourcesContent":["import { HvFlowNodeParam } from \"../../types\";\nimport Text from \"./Text\";\nimport Select from \"./Select\";\nimport Slider from \"./Slider\";\n\nexport type ParamRendererProps = {\n  nodeId: string;\n  params: HvFlowNodeParam[];\n  data: any;\n};\n\nconst renderers = {\n  text: Text,\n  select: Select,\n  slider: Slider,\n};\n\nconst ParamRenderer = ({ nodeId, params, data }: ParamRendererProps) => {\n  return (\n    <>\n      {params.map((param, idx) => {\n        const Renderer = renderers[param.type];\n        if (!Renderer) return null;\n\n        return <Renderer key={idx} nodeId={nodeId} param={param} data={data} />;\n      })}\n    </>\n  );\n};\n\nexport default ParamRenderer;\n"],"names":["Text","Select","Slider","jsx","Fragment"],"mappings":";;;;;;AAWA,MAAM,YAAY;AAAA,EAChB,MAAMA,KAAA;AAAA,EACN,QAAQC,OAAA;AAAA,EACR,QAAQC,OAAA;AACV;AAEA,MAAM,gBAAgB,CAAC,EAAE,QAAQ,QAAQ,WAA+B;AACtE,SAEKC,2BAAA,IAAAC,WAAA,UAAA,EAAA,UAAA,OAAO,IAAI,CAAC,OAAO,QAAQ;AACpB,UAAA,WAAW,UAAU,MAAM,IAAI;AACrC,QAAI,CAAC;AAAiB,aAAA;AAEtB,WAAQD,2BAAAA,IAAA,UAAA,EAAmB,QAAgB,OAAc,QAAnC,GAA+C;AAAA,EACtE,CAAA,EACH,CAAA;AAEJ;AAEA,MAAA,kBAAe;;"}

package/dist/cjs/Flow/Node/Parameters/Slider.cjs

@@ -0,0 +1,48 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("@emotion/react/jsx-runtime");
+const React = require("react");
+const css = require("@emotion/css");
+const ReactFlow = require("reactflow");
+const uikitReactCore = require("@hitachivantara/uikit-react-core");
+const classes = {
+  labelContainer: css.css({
+    marginRight: 0,
+    marginLeft: 0
+  }),
+  sliderBase: css.css({
+    padding: 0
+  })
+};
+const Slider = ({ nodeId, param, data }) => {
+  const { id } = param;
+  const reactFlowInstance = ReactFlow.useReactFlow();
+  const [value, setValue] = React.useState(data[id]);
+  const onSliderChange = (val) => {
+    const nodes = reactFlowInstance.getNodes();
+    const newNodes = nodes.map((node) => {
+      if (node.id === nodeId) {
+        node.data = { ...node.data, [id]: val };
+      }
+      return node;
+    });
+    reactFlowInstance.setNodes(newNodes);
+    setValue(val);
+  };
+  return /* @__PURE__ */ jsxRuntime.jsx(
+    uikitReactCore.HvSlider,
+    {
+      className: "nodrag",
+      defaultValues: value,
+      onChange: onSliderChange,
+      classes: {
+        labelContainer: classes.labelContainer,
+        sliderBase: classes.sliderBase
+      },
+      ...param
+    }
+  );
+};
+const Slider$1 = Slider;
+exports.default = Slider$1;
+//# sourceMappingURL=Slider.cjs.map

package/dist/cjs/Flow/Node/Parameters/Slider.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.cjs","sources":["../../../../../src/Flow/Node/Parameters/Slider.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { css } from \"@emotion/css\";\n\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvSlider, HvSliderProps } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvFlowNodeSliderParam } from \"../../types\";\n\ninterface SliderProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeSliderParam, \"type\">;\n  data: any;\n}\n\nconst classes = {\n  labelContainer: css({\n    marginRight: 0,\n    marginLeft: 0,\n  }),\n  sliderBase: css({\n    padding: 0,\n  }),\n};\n\nconst Slider = ({ nodeId, param, data }: SliderProps) => {\n  const { id } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [value, setValue] = useState(data[id]);\n\n  const onSliderChange: HvSliderProps[\"onChange\"] = (val) => {\n    const nodes = reactFlowInstance.getNodes();\n    const newNodes = nodes.map((node) => {\n      if (node.id === nodeId) {\n        node.data = { ...node.data, [id]: val };\n      }\n      return node;\n    });\n    reactFlowInstance.setNodes(newNodes);\n    setValue(val);\n  };\n\n  return (\n    <HvSlider\n      className=\"nodrag\"\n      defaultValues={value}\n      onChange={onSliderChange}\n      classes={{\n        labelContainer: classes.labelContainer,\n        sliderBase: classes.sliderBase,\n      }}\n      {...param}\n    />\n  );\n};\n\nexport default Slider;\n"],"names":["css","useReactFlow","useState","jsx","HvSlider"],"mappings":";;;;;;;AAgBA,MAAM,UAAU;AAAA,EACd,gBAAgBA,IAAAA,IAAI;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAAA,EACD,YAAYA,IAAAA,IAAI;AAAA,IACd,SAAS;AAAA,EAAA,CACV;AACH;AAEA,MAAM,SAAS,CAAC,EAAE,QAAQ,OAAO,WAAwB;AACjD,QAAA,EAAE,GAAO,IAAA;AAEf,QAAM,oBAAoBC,UAAAA;AAE1B,QAAM,CAAC,OAAO,QAAQ,IAAIC,MAAS,SAAA,KAAK,EAAE,CAAC;AAErC,QAAA,iBAA4C,CAAC,QAAQ;AACnD,UAAA,QAAQ,kBAAkB;AAChC,UAAM,WAAW,MAAM,IAAI,CAAC,SAAS;AAC/B,UAAA,KAAK,OAAO,QAAQ;AACjB,aAAA,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,GAAG;MACpC;AACO,aAAA;AAAA,IAAA,CACR;AACD,sBAAkB,SAAS,QAAQ;AACnC,aAAS,GAAG;AAAA,EAAA;AAIZ,SAAAC,2BAAA;AAAA,IAACC,eAAA;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAe;AAAA,MACf,UAAU;AAAA,MACV,SAAS;AAAA,QACP,gBAAgB,QAAQ;AAAA,QACxB,YAAY,QAAQ;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAA,WAAe;;"}

package/dist/esm/Flow/Node/Parameters/ParamRenderer.mjs

@@ -1,9 +1,11 @@
 import { jsx, Fragment } from "@emotion/react/jsx-runtime";
 import Text from "./Text.mjs";
 import Select from "./Select.mjs";
+import Slider from "./Slider.mjs";
 const renderers = {
   text: Text,
-  select: Select
+  select: Select,
+  slider: Slider
 };
 const ParamRenderer = ({ nodeId, params, data }) => {
   return /* @__PURE__ */ jsx(Fragment, { children: params.map((param, idx) => {

package/dist/esm/Flow/Node/Parameters/ParamRenderer.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"ParamRenderer.mjs","sources":["../../../../../src/Flow/Node/Parameters/ParamRenderer.tsx"],"sourcesContent":["import { HvFlowNodeParam } from \"../../types\";\nimport Text from \"./Text\";\nimport Select from \"./Select\";\n\nexport type ParamRendererProps = {\n  nodeId: string;\n  params: HvFlowNodeParam[];\n  data: any;\n};\n\nconst renderers = {\n  text: Text,\n  select: Select,\n};\n\nconst ParamRenderer = ({ nodeId, params, data }: ParamRendererProps) => {\n  return (\n    <>\n      {params.map((param, idx) => {\n        const Renderer = renderers[param.type];\n        if (!Renderer) return null;\n\n        return <Renderer key={idx} nodeId={nodeId} param={param} data={data} />;\n        return null;\n      })}\n    </>\n  );\n};\n\nexport default ParamRenderer;\n"],"names":[],"mappings":";;;AAUA,MAAM,YAAY;AAAA,EAChB,MAAM;AAAA,EACN,QAAQ;AACV;AAEA,MAAM,gBAAgB,CAAC,EAAE,QAAQ,QAAQ,WAA+B;AACtE,SAEK,oBAAA,UAAA,EAAA,UAAA,OAAO,IAAI,CAAC,OAAO,QAAQ;AACpB,UAAA,WAAW,UAAU,MAAM,IAAI;AACrC,QAAI,CAAC;AAAiB,aAAA;AAEtB,WAAQ,oBAAA,UAAA,EAAmB,QAAgB,OAAc,QAAnC,GAA+C;AAAA,EAEtE,CAAA,EACH,CAAA;AAEJ;AAEA,MAAA,kBAAe;"}
+{"version":3,"file":"ParamRenderer.mjs","sources":["../../../../../src/Flow/Node/Parameters/ParamRenderer.tsx"],"sourcesContent":["import { HvFlowNodeParam } from \"../../types\";\nimport Text from \"./Text\";\nimport Select from \"./Select\";\nimport Slider from \"./Slider\";\n\nexport type ParamRendererProps = {\n  nodeId: string;\n  params: HvFlowNodeParam[];\n  data: any;\n};\n\nconst renderers = {\n  text: Text,\n  select: Select,\n  slider: Slider,\n};\n\nconst ParamRenderer = ({ nodeId, params, data }: ParamRendererProps) => {\n  return (\n    <>\n      {params.map((param, idx) => {\n        const Renderer = renderers[param.type];\n        if (!Renderer) return null;\n\n        return <Renderer key={idx} nodeId={nodeId} param={param} data={data} />;\n      })}\n    </>\n  );\n};\n\nexport default ParamRenderer;\n"],"names":[],"mappings":";;;;AAWA,MAAM,YAAY;AAAA,EAChB,MAAM;AAAA,EACN,QAAQ;AAAA,EACR,QAAQ;AACV;AAEA,MAAM,gBAAgB,CAAC,EAAE,QAAQ,QAAQ,WAA+B;AACtE,SAEK,oBAAA,UAAA,EAAA,UAAA,OAAO,IAAI,CAAC,OAAO,QAAQ;AACpB,UAAA,WAAW,UAAU,MAAM,IAAI;AACrC,QAAI,CAAC;AAAiB,aAAA;AAEtB,WAAQ,oBAAA,UAAA,EAAmB,QAAgB,OAAc,QAAnC,GAA+C;AAAA,EACtE,CAAA,EACH,CAAA;AAEJ;AAEA,MAAA,kBAAe;"}

package/dist/esm/Flow/Node/Parameters/Slider.mjs

@@ -0,0 +1,48 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useState } from "react";
+import { css } from "@emotion/css";
+import { useReactFlow } from "reactflow";
+import { HvSlider } from "@hitachivantara/uikit-react-core";
+const classes = {
+  labelContainer: css({
+    marginRight: 0,
+    marginLeft: 0
+  }),
+  sliderBase: css({
+    padding: 0
+  })
+};
+const Slider = ({ nodeId, param, data }) => {
+  const { id } = param;
+  const reactFlowInstance = useReactFlow();
+  const [value, setValue] = useState(data[id]);
+  const onSliderChange = (val) => {
+    const nodes = reactFlowInstance.getNodes();
+    const newNodes = nodes.map((node) => {
+      if (node.id === nodeId) {
+        node.data = { ...node.data, [id]: val };
+      }
+      return node;
+    });
+    reactFlowInstance.setNodes(newNodes);
+    setValue(val);
+  };
+  return /* @__PURE__ */ jsx(
+    HvSlider,
+    {
+      className: "nodrag",
+      defaultValues: value,
+      onChange: onSliderChange,
+      classes: {
+        labelContainer: classes.labelContainer,
+        sliderBase: classes.sliderBase
+      },
+      ...param
+    }
+  );
+};
+const Slider$1 = Slider;
+export {
+  Slider$1 as default
+};
+//# sourceMappingURL=Slider.mjs.map

package/dist/esm/Flow/Node/Parameters/Slider.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.mjs","sources":["../../../../../src/Flow/Node/Parameters/Slider.tsx"],"sourcesContent":["import { useState } from \"react\";\n\nimport { css } from \"@emotion/css\";\n\nimport { useReactFlow } from \"reactflow\";\n\nimport { HvSlider, HvSliderProps } from \"@hitachivantara/uikit-react-core\";\n\nimport { HvFlowNodeSliderParam } from \"../../types\";\n\ninterface SliderProps {\n  nodeId: string;\n  param: Omit<HvFlowNodeSliderParam, \"type\">;\n  data: any;\n}\n\nconst classes = {\n  labelContainer: css({\n    marginRight: 0,\n    marginLeft: 0,\n  }),\n  sliderBase: css({\n    padding: 0,\n  }),\n};\n\nconst Slider = ({ nodeId, param, data }: SliderProps) => {\n  const { id } = param;\n\n  const reactFlowInstance = useReactFlow();\n\n  const [value, setValue] = useState(data[id]);\n\n  const onSliderChange: HvSliderProps[\"onChange\"] = (val) => {\n    const nodes = reactFlowInstance.getNodes();\n    const newNodes = nodes.map((node) => {\n      if (node.id === nodeId) {\n        node.data = { ...node.data, [id]: val };\n      }\n      return node;\n    });\n    reactFlowInstance.setNodes(newNodes);\n    setValue(val);\n  };\n\n  return (\n    <HvSlider\n      className=\"nodrag\"\n      defaultValues={value}\n      onChange={onSliderChange}\n      classes={{\n        labelContainer: classes.labelContainer,\n        sliderBase: classes.sliderBase,\n      }}\n      {...param}\n    />\n  );\n};\n\nexport default Slider;\n"],"names":[],"mappings":";;;;;AAgBA,MAAM,UAAU;AAAA,EACd,gBAAgB,IAAI;AAAA,IAClB,aAAa;AAAA,IACb,YAAY;AAAA,EAAA,CACb;AAAA,EACD,YAAY,IAAI;AAAA,IACd,SAAS;AAAA,EAAA,CACV;AACH;AAEA,MAAM,SAAS,CAAC,EAAE,QAAQ,OAAO,WAAwB;AACjD,QAAA,EAAE,GAAO,IAAA;AAEf,QAAM,oBAAoB;AAE1B,QAAM,CAAC,OAAO,QAAQ,IAAI,SAAS,KAAK,EAAE,CAAC;AAErC,QAAA,iBAA4C,CAAC,QAAQ;AACnD,UAAA,QAAQ,kBAAkB;AAChC,UAAM,WAAW,MAAM,IAAI,CAAC,SAAS;AAC/B,UAAA,KAAK,OAAO,QAAQ;AACjB,aAAA,OAAO,EAAE,GAAG,KAAK,MAAM,CAAC,EAAE,GAAG;MACpC;AACO,aAAA;AAAA,IAAA,CACR;AACD,sBAAkB,SAAS,QAAQ;AACnC,aAAS,GAAG;AAAA,EAAA;AAIZ,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC,WAAU;AAAA,MACV,eAAe;AAAA,MACf,UAAU;AAAA,MACV,SAAS;AAAA,QACP,gBAAgB,QAAQ;AAAA,QACxB,YAAY,QAAQ;AAAA,MACtB;AAAA,MACC,GAAG;AAAA,IAAA;AAAA,EAAA;AAGV;AAEA,MAAA,WAAe;"}

package/dist/types/index.d.ts

@@ -20,6 +20,7 @@ import { HvColorAny } from '@hitachivantara/uikit-styles';
 import { HvDialogProps } from '@hitachivantara/uikit-react-core';
 import { HvDrawerProps } from '@hitachivantara/uikit-react-core';
 import { HvEmptyStateProps } from '@hitachivantara/uikit-react-core';
+import { HvSliderProps } from '@hitachivantara/uikit-react-core';
 import { JSX as JSX_2 } from '@emotion/react/jsx-runtime';
 import { MiniMapProps } from 'reactflow';
 import { ModalProps } from '@mui/material/Modal';
@@ -330,7 +331,7 @@ export declare type HvFlowNodeOutput = {
     maxConnections?: number;
 };
 
-export declare type HvFlowNodeParam = HvFlowNodeSelectParam | HvFlowNodeTextParam;
+export declare type HvFlowNodeParam = HvFlowNodeSelectParam | HvFlowNodeTextParam | HvFlowNodeSliderParam;
 
 export declare interface HvFlowNodeProps<T = any> extends HvFlowBaseNodeProps<T> {
     /** Node description */
@@ -368,6 +369,10 @@ export declare interface HvFlowNodeSharedParam {
     label: string;
 }
 
+export declare interface HvFlowNodeSliderParam extends HvFlowNodeSharedParam, Omit<HvSliderProps, keyof HvFlowNodeSharedParam> {
+    type: "slider";
+}
+
 export declare interface HvFlowNodeTextParam extends HvFlowNodeSharedParam {
     type: "text";
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@hitachivantara/uikit-react-lab",
-  "version": "5.21.1",
+  "version": "5.22.0",
   "private": false,
   "author": "Hitachi Vantara UI Kit Team",
   "description": "Contributed React components for the NEXT UI Kit.",
@@ -32,7 +32,7 @@
     "@dnd-kit/core": "^6.1.0",
     "@dnd-kit/modifiers": "^6.0.1",
     "@emotion/css": "^11.11.0",
-    "@hitachivantara/uikit-react-core": "^5.43.0",
+    "@hitachivantara/uikit-react-core": "^5.44.0",
     "@hitachivantara/uikit-react-icons": "^5.7.13",
     "@hitachivantara/uikit-styles": "^5.17.2",
     "lodash": "^4.17.21",
@@ -49,7 +49,7 @@
     "access": "public",
     "directory": "package"
   },
-  "gitHead": "e231cebc72c6af32bb9a90256d19ab156d223fc8",
+  "gitHead": "f3a25f1ed7d0a950dfa9e56c75efadd29f4ed128",
   "main": "dist/cjs/index.cjs",
   "exports": {
     ".": {