@eccenca/gui-elements 22.0.0-rc.7 → 22.1.0-rc.1

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js

@@ -0,0 +1,57 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ReactFlow = void 0;
+const react_1 = __importDefault(require("react"));
+const react_flow_renderer_1 = __importDefault(require("react-flow-renderer"));
+const unspecifiedConfig = __importStar(require("./../configuration/unspecified"));
+const graphConfig = __importStar(require("./../configuration/graph"));
+const workflowConfig = __importStar(require("./../configuration/workflow"));
+const linkingConfig = __importStar(require("./../configuration/linking"));
+/**
+ * `ReactFlow` container extension that includes pre-configured nodes and edges for
+ * Corporate Memory tools.
+ */
+exports.ReactFlow = react_1.default.forwardRef((_a, ref) => {
+    var { configuration = "unspecified" } = _a, originalProps = __rest(_a, ["configuration"]);
+    const configReactFlow = {
+        unspecified: unspecifiedConfig,
+        graph: graphConfig,
+        workflow: workflowConfig,
+        linking: linkingConfig,
+    };
+    return (react_1.default.createElement(react_flow_renderer_1.default, Object.assign({ ref: ref, nodeTypes: configReactFlow[configuration].nodeTypes, edgeTypes: configReactFlow[configuration].edgeTypes }, originalProps)));
+});
+//# sourceMappingURL=ReactFlow.js.map

package/dist/cjs/cmem/react-flow/ReactFlow/ReactFlow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ReactFlow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/ReactFlow/ReactFlow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,8EAA2G;AAC3G,kFAAoE;AACpE,sEAAwD;AACxD,4EAA8D;AAC9D,0EAA4D;AAS5D;;;GAGG;AACU,QAAA,SAAS,GAAG,eAAK,CAAC,UAAU,CAAiC,CACtE,EAGC,EACD,GAAG,EAAE,EAAE;QAJP,EACI,aAAa,GAAG,aAAa,OAEhC,EADM,aAAa,cAFpB,iBAGC,CADmB;IAGpB,MAAM,eAAe,GAAG;QACpB,WAAW,EAAE,iBAAiB;QAC9B,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,cAAc;QACxB,OAAO,EAAE,aAAa;KACzB,CAAA;IAED,OAAO,CACH,8BAAC,6BAAiB,kBACd,GAAG,EAAE,GAAG,EACR,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,EACpD,SAAS,EAAG,eAAe,CAAC,aAAa,CAAC,CAAC,SAAS,IAChD,aAAa,EACnB,CACL,CAAC;AACN,CAAC,CAAC,CAAA"}

package/dist/cjs/cmem/react-flow/configuration/_colors-graph.module.scss

@@ -0,0 +1,35 @@
+$reactflow-color-graph-node: #745a85 !default;
+$reactflow-color-class-node: #3a7896 !default;
+$reactflow-color-instance-node: #0097a7 !default;
+$reactflow-color-property-node: #ffd54f !default;
+
+$reactflow-color-implicit-edge: #ae3c74 !default;
+$reactflow-color-import-edge: $reactflow-color-graph-node !default;
+$reactflow-color-subclass-edge: $reactflow-color-class-node !default;
+$reactflow-color-subproperty-edge: $reactflow-color-property-node !default;
+$reactflow-color-rdftype-edge: $reactflow-color-instance-node !default;
+
+@function bright($color) {
+    @return mix($color, #fff, 24%);
+}
+
+:export {
+    graphNode: $reactflow-color-graph-node;
+    classNode: $reactflow-color-class-node;
+    instanceNode: $reactflow-color-instance-node;
+    propertyNode: $reactflow-color-property-node;
+    implicitEdge: $reactflow-color-implicit-edge;
+    importEdge: $reactflow-color-import-edge;
+    subclassEdge: $reactflow-color-subclass-edge;
+    subpropertyEdge: $reactflow-color-subproperty-edge;
+    rdftypeEdge: $reactflow-color-rdftype-edge;
+    graphNodeBright: bright($reactflow-color-graph-node);
+    classNodeBright: bright($reactflow-color-class-node);
+    instanceNodeBright: bright($reactflow-color-instance-node);
+    propertyNodeBright: bright($reactflow-color-property-node);
+    implicitEdgeBright: bright($reactflow-color-implicit-edge);
+    importEdgeBright: bright($reactflow-color-import-edge);
+    subclassEdgeBright: bright($reactflow-color-subclass-edge);
+    subpropertyEdgeBright: bright($reactflow-color-subproperty-edge);
+    rdftypeEdgeBright: bright($reactflow-color-rdftype-edge);
+}

package/dist/cjs/cmem/react-flow/configuration/_colors-linking.module.scss

@@ -0,0 +1,29 @@
+$reactflow-color-sourcepath-node: #745a85 !default;
+$reactflow-color-targetpath-node: #3a7896 !default;
+$reactflow-color-transformation-node: #ae3c74 !default;
+$reactflow-color-comparator-node: #40a691 !default;
+$reactflow-color-aggregator-node: #0097a7 !default;
+
+$reactflow-color-value-edge: #222 !default;
+$reactflow-color-score-edge: $reactflow-color-aggregator-node !default;
+
+@function bright($color) {
+    @return mix($color, #fff, 24%);
+}
+
+:export {
+    sourcepathNode: $reactflow-color-sourcepath-node;
+    targetpathNode: $reactflow-color-targetpath-node;
+    transformationNode: $reactflow-color-transformation-node;
+    comparatorNode: $reactflow-color-comparator-node;
+    aggregatorNode: $reactflow-color-aggregator-node;
+    valueEdge: $reactflow-color-value-edge;
+    scoreEdge: $reactflow-color-score-edge;
+    sourcepathNodeBright: bright($reactflow-color-sourcepath-node);
+    targetpathNodeBright: bright($reactflow-color-targetpath-node);
+    transformationNodeBright: bright($reactflow-color-transformation-node);
+    comparatorNodeBright: bright($reactflow-color-comparator-node);
+    aggregatorNodeBright: bright($reactflow-color-aggregator-node);
+    valueEdgeBright: bright($reactflow-color-value-edge);
+    scoreEdgeBright: bright($reactflow-color-score-edge);
+}

package/dist/cjs/cmem/react-flow/configuration/_colors-workflow.module.scss

@@ -0,0 +1,22 @@
+$reactflow-color-dataset-node: #3a7896 !default;
+$reactflow-color-linking-node: #0097a7 !default;
+$reactflow-color-transform-node: #40a691 !default;
+$reactflow-color-task-node: #80b67b !default;
+$reactflow-color-workflow-node: #745a85 !default;
+
+@function bright($color) {
+    @return mix($color, #fff, 24%);
+}
+
+:export {
+    datasetNode: $reactflow-color-dataset-node;
+    linkingNode: $reactflow-color-linking-node;
+    transformNode: $reactflow-color-transform-node;
+    taskNode: $reactflow-color-task-node;
+    workflowNode: $reactflow-color-workflow-node;
+    datasetNodeBright: bright($reactflow-color-dataset-node);
+    linkingNodeBright: bright($reactflow-color-linking-node);
+    transformNodeBright: bright($reactflow-color-transform-node);
+    taskNodeBright: bright($reactflow-color-task-node);
+    workflowNodeBright: bright($reactflow-color-workflow-node);
+}

package/dist/cjs/cmem/react-flow/configuration/graph.js

@@ -0,0 +1,31 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeDefault_1 = require("./../../../extensions/react-flow/edges/EdgeDefault");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+const _colors_graph_module_scss_1 = __importDefault(require("./_colors-graph.module.scss"));
+exports.colors = _colors_graph_module_scss_1.default;
+const edgeTypes = {
+    default: EdgeDefault_1.EdgeDefault,
+    implicit: EdgeDefault_1.EdgeDefault,
+    import: EdgeDefault_1.EdgeDefault,
+    subclass: EdgeDefault_1.EdgeDefault,
+    subproperty: EdgeDefault_1.EdgeDefault,
+    rdftype: EdgeDefault_1.EdgeDefault,
+    success: EdgeDefault_1.EdgeDefault,
+    warning: EdgeDefault_1.EdgeDefault,
+    danger: EdgeDefault_1.EdgeDefault,
+};
+exports.edgeTypes = edgeTypes;
+const nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+    graph: NodeDefault_1.NodeDefault,
+    class: NodeDefault_1.NodeDefault,
+    instance: NodeDefault_1.NodeDefault,
+    property: NodeDefault_1.NodeDefault,
+};
+exports.nodeTypes = nodeTypes;
+//# sourceMappingURL=graph.js.map

package/dist/cjs/cmem/react-flow/configuration/graph.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"graph.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/graph.ts"],"names":[],"mappings":";;;;;;AAAA,oFAAiF;AACjF,oFAAiF;AACjF,4FAAiD;AAyB5C,iBAzBE,mCAAM,CAyBF;AAvBX,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;IACrB,MAAM,EAAE,yBAAW;IACnB,QAAQ,EAAE,yBAAW;IACrB,WAAW,EAAE,yBAAW;IACxB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,MAAM,EAAE,yBAAW;CACtB,CAAC;AAWG,8BAAS;AATd,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,KAAK,EAAE,yBAAW;IAClB,KAAK,EAAE,yBAAW;IAClB,QAAQ,EAAE,yBAAW;IACrB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAIG,8BAAS"}

package/dist/cjs/cmem/react-flow/configuration/linking.js

@@ -0,0 +1,29 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeStep_1 = require("./../../../extensions/react-flow/edges/EdgeStep");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+const _colors_linking_module_scss_1 = __importDefault(require("./_colors-linking.module.scss"));
+exports.colors = _colors_linking_module_scss_1.default;
+const edgeTypes = {
+    default: EdgeStep_1.EdgeStep,
+    value: EdgeStep_1.EdgeStep,
+    score: EdgeStep_1.EdgeStep,
+    success: EdgeStep_1.EdgeStep,
+    warning: EdgeStep_1.EdgeStep,
+    danger: EdgeStep_1.EdgeStep,
+};
+exports.edgeTypes = edgeTypes;
+const nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+    sourcepath: NodeDefault_1.NodeDefault,
+    targetpath: NodeDefault_1.NodeDefault,
+    transformation: NodeDefault_1.NodeDefault,
+    comparator: NodeDefault_1.NodeDefault,
+    aggregator: NodeDefault_1.NodeDefault,
+};
+exports.nodeTypes = nodeTypes;
+//# sourceMappingURL=linking.js.map

package/dist/cjs/cmem/react-flow/configuration/linking.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"linking.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/linking.ts"],"names":[],"mappings":";;;;;;AACA,8EAA2E;AAC3E,oFAAiF;AACjF,gGAAmD;AAuB9C,iBAvBE,qCAAM,CAuBF;AArBX,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,mBAAQ;IACjB,KAAK,EAAE,mBAAQ;IACf,KAAK,EAAE,mBAAQ;IACf,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,MAAM,EAAE,mBAAQ;CACnB,CAAC;AAYG,8BAAS;AAVd,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,yBAAW;IACvB,cAAc,EAAE,yBAAW;IAC3B,UAAU,EAAE,yBAAW;IACvB,UAAU,EAAE,yBAAW;CAC1B,CAAC;AAIG,8BAAS"}

package/dist/cjs/cmem/react-flow/configuration/unspecified.js

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeDefault_1 = require("./../../../extensions/react-flow/edges/EdgeDefault");
+const EdgeStep_1 = require("./../../../extensions/react-flow/edges/EdgeStep");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+exports.edgeTypes = {
+    default: EdgeDefault_1.EdgeDefault,
+    straight: EdgeDefault_1.EdgeDefault,
+    step: EdgeStep_1.EdgeStep,
+};
+exports.nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+};
+//# sourceMappingURL=unspecified.js.map

package/dist/cjs/cmem/react-flow/configuration/unspecified.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unspecified.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/unspecified.ts"],"names":[],"mappings":";;;AAAA,oFAAiF;AACjF,8EAA2E;AAC3E,oFAAiF;AAEpE,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;IACpB,QAAQ,EAAE,yBAAW;IACrB,IAAI,EAAE,mBAAQ;CACjB,CAAC;AAEW,QAAA,SAAS,GAAG;IACrB,OAAO,EAAE,yBAAW;CACvB,CAAC"}

package/dist/cjs/cmem/react-flow/configuration/workflow.js

@@ -0,0 +1,27 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.colors = exports.nodeTypes = exports.edgeTypes = void 0;
+const EdgeStep_1 = require("./../../../extensions/react-flow/edges/EdgeStep");
+const NodeDefault_1 = require("./../../../extensions/react-flow/nodes/NodeDefault");
+const _colors_workflow_module_scss_1 = __importDefault(require("./_colors-workflow.module.scss"));
+exports.colors = _colors_workflow_module_scss_1.default;
+const edgeTypes = {
+    default: EdgeStep_1.EdgeStep,
+    success: EdgeStep_1.EdgeStep,
+    warning: EdgeStep_1.EdgeStep,
+    danger: EdgeStep_1.EdgeStep,
+};
+exports.edgeTypes = edgeTypes;
+const nodeTypes = {
+    default: NodeDefault_1.NodeDefault,
+    dataset: NodeDefault_1.NodeDefault,
+    linking: NodeDefault_1.NodeDefault,
+    transform: NodeDefault_1.NodeDefault,
+    task: NodeDefault_1.NodeDefault,
+    workflow: NodeDefault_1.NodeDefault,
+};
+exports.nodeTypes = nodeTypes;
+//# sourceMappingURL=workflow.js.map

package/dist/cjs/cmem/react-flow/configuration/workflow.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"workflow.js","sourceRoot":"","sources":["../../../../../src/cmem/react-flow/configuration/workflow.ts"],"names":[],"mappings":";;;;;;AAAA,8EAA2E;AAC3E,oFAAiF;AACjF,kGAAoD;AAqB/C,iBArBE,sCAAM,CAqBF;AAnBX,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,OAAO,EAAE,mBAAQ;IACjB,MAAM,EAAE,mBAAQ;CACnB,CAAC;AAYG,8BAAS;AAVd,MAAM,SAAS,GAAG;IACd,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,OAAO,EAAE,yBAAW;IACpB,SAAS,EAAE,yBAAW;IACtB,IAAI,EAAE,yBAAW;IACjB,QAAQ,EAAE,yBAAW;CACxB,CAAC;AAIG,8BAAS"}

package/dist/cjs/common/utils/stringUtils.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.removeExtraSpaces = void 0;
+/** Removes leading and trailing spaces. In addition converts multiple subsequent spaces to a single space. */
+const removeExtraSpaces = (text) => text.replace(/\s+/g, " ").trim();
+exports.removeExtraSpaces = removeExtraSpaces;
+//# sourceMappingURL=stringUtils.js.map

package/dist/cjs/common/utils/stringUtils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stringUtils.js","sourceRoot":"","sources":["../../../../src/common/utils/stringUtils.ts"],"names":[],"mappings":";;;AAAA,8GAA8G;AACvG,MAAM,iBAAiB,GAAG,CAAC,IAAY,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC,IAAI,EAAE,CAAC;AAAvE,QAAA,iBAAiB,qBAAsD"}

package/dist/cjs/components/Application/ApplicationContent.js

@@ -18,13 +18,7 @@ const react_1 = __importDefault(require("react"));
 const carbon_components_react_1 = require("carbon-components-react");
 const constants_1 = require("../../configuration/constants");
 function ApplicationContent(_a) {
-    var { children, isApplicationSidebarExpanded = false, isApplicationSidebarRail = false, htmlMainProps } = _a, 
-    /*
-        TODO: type definitions do not include data attributes because of their infinite number of possible names, so we
-        need to solve this by filtering out all other props, or create a stack of allowed data attributes or using
-        a combined process of dynamic keys and template mappings in typescript
-    */
-    otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "isApplicationSidebarExpanded", "isApplicationSidebarRail", "htmlMainProps"]);
+    var { children, isApplicationSidebarExpanded = false, isApplicationSidebarRail = false, htmlMainProps } = _a, otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "isApplicationSidebarExpanded", "isApplicationSidebarRail", "htmlMainProps"]);
     let addSidebarMargin = "";
     if (isApplicationSidebarExpanded) {
         addSidebarMargin = `${constants_1.CLASSPREFIX}-application__content--withsidebar`;

package/dist/cjs/components/Application/ApplicationContent.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationContent.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAmE;AACnE,6DAAsE;AAyBtE,SAAS,kBAAkB,CAAC,EAWD;QAXC,EACxB,QAAQ,EACR,4BAA4B,GAAG,KAAK,EACpC,wBAAwB,GAAG,KAAK,EAChC,aAAa,OAOU;IANvB;;;;MAIE;IACC,2CAA2C,cAVtB,yFAW3B,CADiD;IAG9C,IAAI,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,4BAA4B,EAAE;QAAE,gBAAgB,GAAG,GAAG,uBAAM,oCAAoC,CAAC;KAAE;IACvG,IAAI,wBAAwB,EAAE;QAAE,gBAAgB,GAAG,GAAG,uBAAM,oCAAoC,CAAC;KAAE;IAEnG,OAAO,CACH,8BAAC,iCAAa,oBACN,2CAA2C,EAC3C,aAAa,IACjB,SAAS,EAAE,GAAG,uBAAM,yBAAyB,gBAAgB,EAAE,EAC/D,OAAO,EAAE,MAAM,KAEb,QAAQ,CACE,CACnB,CAAA;AACL,CAAC;AAED,kBAAe,kBAAkB,CAAC"}
+{"version":3,"file":"ApplicationContent.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationContent.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAmE;AACnE,6DAAsE;AAyBtE,SAAS,kBAAkB,CAAC,EAMD;QANC,EACxB,QAAQ,EACR,4BAA4B,GAAG,KAAK,EACpC,wBAAwB,GAAG,KAAK,EAChC,aAAa,OAEU,EADpB,2CAA2C,cALtB,yFAM3B,CADiD;IAG9C,IAAI,gBAAgB,GAAG,EAAE,CAAC;IAC1B,IAAI,4BAA4B,EAAE;QAAE,gBAAgB,GAAG,GAAG,uBAAM,oCAAoC,CAAC;KAAE;IACvG,IAAI,wBAAwB,EAAE;QAAE,gBAAgB,GAAG,GAAG,uBAAM,oCAAoC,CAAC;KAAE;IAEnG,OAAO,CACH,8BAAC,iCAAa,oBACN,2CAA2C,EAC3C,aAAa,IACjB,SAAS,EAAE,GAAG,uBAAM,yBAAyB,gBAAgB,EAAE,EAC/D,OAAO,EAAE,MAAM,KAEb,QAAQ,CACE,CACnB,CAAA;AACL,CAAC;AAED,kBAAe,kBAAkB,CAAC"}

package/dist/cjs/components/Application/ApplicationTitle.js

@@ -18,13 +18,7 @@ const react_1 = __importDefault(require("react"));
 const carbon_components_react_1 = require("carbon-components-react");
 const constants_1 = require("../../configuration/constants");
 function ApplicationTitle(_a) {
-    var { children, className = "", prefix = "", href, depiction, isNotDisplayed = false, isAlignedWithSidebar = false, isApplicationSidebarExpanded, htmlAProps } = _a, 
-    /*
-        TODO: type definitions do not include data attributes because of their infinite number of possible names, so we
-        need to solve this by filtering out all other props, or create a stack of allowed data attributes or using
-        a combined process of dynamic keys and template mappings in typescript
-    */
-    otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "className", "prefix", "href", "depiction", "isNotDisplayed", "isAlignedWithSidebar", "isApplicationSidebarExpanded", "htmlAProps"]);
+    var { children, className = "", prefix = "", href, depiction, isNotDisplayed = false, isAlignedWithSidebar = false, isApplicationSidebarExpanded, htmlAProps } = _a, otherPropsShouldOnlyBeUsedForDataAttributes = __rest(_a, ["children", "className", "prefix", "href", "depiction", "isNotDisplayed", "isAlignedWithSidebar", "isApplicationSidebarExpanded", "htmlAProps"]);
     const classApplication = `${constants_1.CLASSPREFIX}-application__title`;
     const classNotDisplayed = isNotDisplayed || (!isApplicationSidebarExpanded && typeof isNotDisplayed === "undefined") ? "bx--visually-hidden" : "";
     const classAlignedSidebar = isAlignedWithSidebar || isApplicationSidebarExpanded ? `${constants_1.CLASSPREFIX}-application__title--withsidebar` : "";

package/dist/cjs/components/Application/ApplicationTitle.js.map

@@ -1 +1 @@
-{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAyE;AACzE,6DAAsE;AA4CtE,SAAS,gBAAgB,CAAC,EAgBD;QAhBC,EACtB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,IAAI,EACJ,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,oBAAoB,GAAC,KAAK,EAC1B,4BAA4B,EAC5B,UAAU,OAOW;IANrB;;;;MAIE;IACC,2CAA2C,cAfxB,gJAgBzB,CADiD;IAG9C,MAAM,gBAAgB,GAAG,GAAG,uBAAM,qBAAqB,CAAC;IACxD,MAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,MAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAC,GAAG,uBAAM,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,8BAAC,oCAAgB,oBACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAE,GAAG,gBAAgB,IAAI,mBAAmB,IAAI,iBAAiB,IAAI,SAAS,EAAE,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,wCAAM,SAAS,EAAE,GAAG,uBAAM,8BAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,wCAAM,SAAS,EAAE,GAAG,uBAAM,gCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,wCAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;yBAE3D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,kBAAe,gBAAgB,CAAC"}
+{"version":3,"file":"ApplicationTitle.js","sourceRoot":"","sources":["../../../../src/components/Application/ApplicationTitle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAA0B;AAC1B,qEAAyE;AACzE,6DAAsE;AA4CtE,SAAS,gBAAgB,CAAC,EAWD;QAXC,EACtB,QAAQ,EACR,SAAS,GAAG,EAAE,EACd,MAAM,GAAG,EAAE,EACX,IAAI,EACJ,SAAS,EACT,cAAc,GAAG,KAAK,EACtB,oBAAoB,GAAC,KAAK,EAC1B,4BAA4B,EAC5B,UAAU,OAEW,EADlB,2CAA2C,cAVxB,gJAWzB,CADiD;IAG9C,MAAM,gBAAgB,GAAG,GAAG,uBAAM,qBAAqB,CAAC;IACxD,MAAM,iBAAiB,GAAG,cAAc,IAAI,CAAC,CAAC,4BAA4B,IAAI,OAAO,cAAc,KAAK,WAAW,CAAC,CAAC,CAAC,CAAC,qBAAqB,CAAC,CAAC,CAAC,EAAE,CAAC;IAClJ,MAAM,mBAAmB,GAAG,oBAAoB,IAAI,4BAA4B,CAAC,CAAC,CAAC,GAAG,uBAAM,kCAAkC,CAAC,CAAC,CAAC,EAAE,CAAC;IAEpI,OAAO,CACH,8BAAC,oCAAgB,oBACT,2CAA2C,EAC3C,UAAU,IACd,SAAS,EAAE,GAAG,gBAAgB,IAAI,mBAAmB,IAAI,iBAAiB,IAAI,SAAS,EAAE,EACzF,IAAI,EAAE,IAAI,EACV,MAAM,EAAC,EAAE;QAET,wCAAM,SAAS,EAAE,GAAG,uBAAM,8BAA8B;YACnD,CAAC,CAAC,SAAS,IAAI,CACR;gBACI,wCAAM,SAAS,EAAE,GAAG,uBAAM,gCAAgC,IAAG,SAAS,CAAQ,CAC/E,CACV;YACA,CAAC,CAAC,MAAM,IAAI,CACL;gBACI,wCAAM,SAAS,EAAC,0BAA0B,IAAE,MAAM,CAAQ;yBAE3D,CACV;YACC,QAAQ,CACP,CACQ,CACtB,CAAA;AACL,CAAC;AAED,kBAAe,gBAAgB,CAAC"}

package/dist/cjs/components/AutoSuggestion/AutoSuggestion.js

@@ -0,0 +1,284 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
+    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
+    return new (P || (P = Promise))(function (resolve, reject) {
+        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
+        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
+        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
+        step((generator = generator.apply(thisArg, _arguments || [])).next());
+    });
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.OVERWRITTEN_KEYS = void 0;
+const react_1 = __importStar(require("react"));
+const __1 = require("./../../");
+const core_1 = require("@blueprintjs/core");
+//custom components
+const SingleLineCodeEditor_1 = __importDefault(require("./SingleLineCodeEditor"));
+const AutoSuggestionList_1 = require("./AutoSuggestionList");
+const lodash_1 = require("lodash");
+var OVERWRITTEN_KEYS;
+(function (OVERWRITTEN_KEYS) {
+    OVERWRITTEN_KEYS["ArrowUp"] = "ArrowUp";
+    OVERWRITTEN_KEYS["ArrowDown"] = "ArrowDown";
+    OVERWRITTEN_KEYS["Enter"] = "Enter";
+    OVERWRITTEN_KEYS["Tab"] = "Tab";
+})(OVERWRITTEN_KEYS = exports.OVERWRITTEN_KEYS || (exports.OVERWRITTEN_KEYS = {}));
+/** Input component that allows partial, fine-grained auto-completion, i.e. of sub-strings of the input string.
+ * This is comparable to a one line code editor. */
+const AutoSuggestion = ({ label, initialValue, onChange, fetchSuggestions, checkInput, validationErrorText = "Invalid value", clearIconText = "Clear", onFocusChange, id, onInputChecked, leftElement, rightElement, useTabForCompletions = false, placeholder, showScrollBar = true }) => {
+    var _a;
+    const [value, setValue] = react_1.default.useState(initialValue);
+    const [cursorPosition, setCursorPosition] = react_1.default.useState(0);
+    const [coords, setCoords] = react_1.default.useState({ left: 0 });
+    const [shouldShowDropdown, setShouldShowDropdown] = react_1.default.useState(false);
+    const [suggestions, setSuggestions] = react_1.default.useState([]);
+    const [suggestionsPending, setSuggestionsPending] = react_1.default.useState(false);
+    const [pathValidationPending, setPathValidationPending] = react_1.default.useState(false);
+    const [, setErrorMarkers] = react_1.default.useState([]);
+    const [validationResponse, setValidationResponse] = (0, react_1.useState)(undefined);
+    const [suggestionResponse, setSuggestionResponse] = (0, react_1.useState)(undefined);
+    // The element that should be used for replacement highlighting
+    const [highlightedElement, setHighlightedElement] = (0, react_1.useState)(undefined);
+    const [editorInstance, setEditorInstance] = react_1.default.useState();
+    const [isFocused, setIsFocused] = react_1.default.useState(false);
+    /** Mutable editor state, since this needs to be current in scope of the SingleLineEditorComponent. */
+    const [editorState] = react_1.default.useState({ index: 0, suggestions: [], dropdownShown: false });
+    /** This is for the AutoSuggestionList component in order to re-render. */
+    const [focusedIndex, setFocusedIndex] = react_1.default.useState(0);
+    const [selectedTextRanges, setSelectedTextRanges] = (0, react_1.useState)([]);
+    const pathIsValid = (_a = validationResponse === null || validationResponse === void 0 ? void 0 : validationResponse.valid) !== null && _a !== void 0 ? _a : true;
+    const setCurrentIndex = (newIndex) => {
+        editorState.index = newIndex;
+        setFocusedIndex(newIndex);
+    };
+    const currentIndex = () => editorState.index;
+    react_1.default.useEffect(() => {
+        editorState.editorInstance = editorInstance;
+    }, [editorInstance, editorState]);
+    react_1.default.useEffect(() => {
+        setValue(initialValue);
+    }, [initialValue]);
+    react_1.default.useEffect(() => {
+        editorState.dropdownShown = shouldShowDropdown;
+    }, [shouldShowDropdown, editorState]);
+    // Handle replacement highlighting
+    (0, react_1.useEffect)(() => {
+        if (highlightedElement && editorInstance) {
+            const { from, length } = highlightedElement;
+            if (length > 0 && selectedTextRanges.length === 0) {
+                const to = from + length;
+                const marker = editorInstance.markText({ line: 0, ch: from }, { line: 0, ch: to }, { className: "ecc-text-highlighting" });
+                return () => marker.clear();
+            }
+        }
+    }, [highlightedElement, selectedTextRanges, editorInstance]);
+    //handle linting
+    react_1.default.useEffect(() => {
+        const parseError = validationResponse === null || validationResponse === void 0 ? void 0 : validationResponse.parseError;
+        if (parseError && editorInstance) {
+            const { message, start, end } = parseError;
+            editorInstance.getDoc().getEditor();
+            const marker = editorInstance.markText({ line: 0, ch: start }, { line: 0, ch: end }, { className: "ecc-text-error-highlighting", title: message });
+            setErrorMarkers((previousMarkers) => {
+                previousMarkers.forEach(marker => marker.clear());
+                return [marker];
+            });
+        }
+        else {
+            // Valid, clear all error markers
+            setErrorMarkers((previous) => {
+                previous.forEach(marker => marker.clear());
+                return [];
+            });
+        }
+        onInputChecked && onInputChecked(!!(validationResponse === null || validationResponse === void 0 ? void 0 : validationResponse.valid));
+    }, [validationResponse === null || validationResponse === void 0 ? void 0 : validationResponse.valid, validationResponse === null || validationResponse === void 0 ? void 0 : validationResponse.parseError, editorInstance, onInputChecked]);
+    /** generate suggestions and also populate the replacement indexes dict */
+    react_1.default.useEffect(() => {
+        var _a, _b, _c, _d;
+        let newSuggestions = [];
+        if (((_a = suggestionResponse === null || suggestionResponse === void 0 ? void 0 : suggestionResponse.replacementResults) === null || _a === void 0 ? void 0 : _a.length) === 1 &&
+            !((_c = (_b = suggestionResponse === null || suggestionResponse === void 0 ? void 0 : suggestionResponse.replacementResults[0]) === null || _b === void 0 ? void 0 : _b.replacements) === null || _c === void 0 ? void 0 : _c.length)) {
+            setShouldShowDropdown(false);
+        }
+        if ((_d = suggestionResponse === null || suggestionResponse === void 0 ? void 0 : suggestionResponse.replacementResults) === null || _d === void 0 ? void 0 : _d.length) {
+            suggestionResponse.replacementResults.forEach(({ replacements, replacementInterval: { from, length }, extractedQuery }) => {
+                const replacementsWithMetaData = replacements.map(r => (Object.assign(Object.assign({}, r), { query: extractedQuery, from, length })));
+                newSuggestions = [...newSuggestions, ...replacementsWithMetaData];
+            });
+            editorState.suggestions = newSuggestions;
+            setSuggestions(newSuggestions);
+        }
+        else {
+            editorState.suggestions = [];
+            setSuggestions([]);
+        }
+        editorState.index = 0;
+    }, [suggestionResponse, editorState]);
+    const asyncCheckInput = (inputString) => __awaiter(void 0, void 0, void 0, function* () {
+        if (!checkInput) {
+            return;
+        }
+        setPathValidationPending(true);
+        try {
+            const result = yield checkInput(inputString);
+            setValidationResponse(result);
+        }
+        catch (e) {
+            setValidationResponse(undefined);
+            // TODO: Error handling
+        }
+        finally {
+            setPathValidationPending(false);
+        }
+    });
+    const checkValuePathValidity = (0, react_1.useCallback)((0, lodash_1.debounce)((inputString) => asyncCheckInput(inputString), 200), [checkInput]);
+    const handleEditorInputChange = (0, react_1.useCallback)((0, lodash_1.debounce)((inputString, cursorPosition) => asyncHandleEditorInputChange(inputString, cursorPosition), 200), [fetchSuggestions]);
+    react_1.default.useEffect(() => {
+        if (isFocused) {
+            setShouldShowDropdown(true);
+            handleEditorInputChange(value, cursorPosition);
+            return handleEditorInputChange.cancel;
+        }
+    }, [cursorPosition, value, isFocused, handleEditorInputChange]);
+    // Trigger input validation
+    (0, react_1.useEffect)(() => {
+        checkValuePathValidity(value);
+        return checkValuePathValidity.cancel;
+    }, [value, checkValuePathValidity]);
+    const asyncHandleEditorInputChange = (inputString, cursorPosition) => __awaiter(void 0, void 0, void 0, function* () {
+        setSuggestionsPending(true);
+        try {
+            const result = yield fetchSuggestions(inputString, cursorPosition);
+            setSuggestionResponse(result);
+        }
+        catch (e) {
+            setSuggestionResponse(undefined);
+            // TODO: Error handling
+        }
+        finally {
+            setSuggestionsPending(false);
+        }
+    });
+    const handleChange = (val) => {
+        setValue(val);
+        onChange(val);
+    };
+    const handleCursorChange = (pos, coords) => {
+        setCursorPosition(pos.ch);
+        setCoords(() => coords);
+    };
+    const handleInputEditorKeyPress = (event) => {
+        const overWrittenKeys = Object.values(OVERWRITTEN_KEYS);
+        if (overWrittenKeys.includes(event.key) && (useTabForCompletions || event.key !== OVERWRITTEN_KEYS.Tab)) {
+            event.preventDefault();
+            makeDropDownRespondToKeyPress(OVERWRITTEN_KEYS[event.key]);
+        }
+    };
+    const closeDropDown = () => {
+        setHighlightedElement(undefined);
+        setShouldShowDropdown(false);
+    };
+    const handleDropdownChange = (selectedSuggestion) => {
+        if (selectedSuggestion && editorState.editorInstance) {
+            const { from, length, value } = selectedSuggestion;
+            const to = from + length;
+            editorState.editorInstance.replaceRange(selectedSuggestion.value, { line: 0, ch: from }, { line: 0, ch: to });
+            closeDropDown();
+            editorState.editorInstance.setCursor({ line: 0, ch: from + value.length });
+            editorState.editorInstance.focus();
+        }
+    };
+    const handleInputEditorClear = () => {
+        handleChange("");
+        setValue("");
+        editorInstance === null || editorInstance === void 0 ? void 0 : editorInstance.focus();
+    };
+    const handleInputFocus = (focusState) => {
+        onFocusChange && onFocusChange(focusState);
+        setIsFocused(focusState);
+        focusState ? setShouldShowDropdown(true) : closeDropDown();
+    };
+    //keyboard handlers
+    const handleArrowDown = () => {
+        const lastSuggestionIndex = editorState.suggestions.length - 1;
+        setCurrentIndex(currentIndex() === lastSuggestionIndex ? 0 : currentIndex() + 1);
+    };
+    const handleArrowUp = () => {
+        const lastSuggestionIndex = editorState.suggestions.length - 1;
+        setCurrentIndex(currentIndex() === 0 ? lastSuggestionIndex : currentIndex() - 1);
+    };
+    const handleEnterPressed = () => {
+        handleDropdownChange(editorState.suggestions[currentIndex()]);
+        setCurrentIndex(0);
+    };
+    const handleTabPressed = () => {
+        handleDropdownChange(editorState.suggestions[currentIndex()]);
+    };
+    const makeDropDownRespondToKeyPress = (keyPressedFromInput) => {
+        // React state unknown
+        if (editorState.dropdownShown) {
+            switch (keyPressedFromInput) {
+                case OVERWRITTEN_KEYS.ArrowUp:
+                    handleArrowUp();
+                    break;
+                case OVERWRITTEN_KEYS.ArrowDown:
+                    handleArrowDown();
+                    break;
+                case OVERWRITTEN_KEYS.Enter:
+                    handleEnterPressed();
+                    break;
+                case OVERWRITTEN_KEYS.Tab:
+                    handleTabPressed();
+                    break;
+                default:
+                //do nothing
+            }
+        }
+    };
+    const handleItemHighlighting = react_1.default.useCallback((item) => {
+        setHighlightedElement(item);
+    }, []);
+    const hasError = !!value && !pathIsValid && !pathValidationPending;
+    const autoSuggestionInput = react_1.default.createElement("div", { id: id, className: "ecc-auto-suggestion-box" },
+        react_1.default.createElement("div", { className: `ecc-auto-suggestion-box__editor-box ${core_1.Classes.INPUT_GROUP} ${core_1.Classes.FILL} ${hasError ? core_1.Classes.INTENT_DANGER : ""}` },
+            react_1.default.createElement(SingleLineCodeEditor_1.default, { mode: "null", setEditorInstance: setEditorInstance, onChange: handleChange, onCursorChange: handleCursorChange, initialValue: value, onFocusChange: handleInputFocus, onKeyDown: handleInputEditorKeyPress, enableTab: useTabForCompletions, placeholder: placeholder, onSelection: setSelectedTextRanges, showScrollBar: showScrollBar }),
+            !!value && (react_1.default.createElement("span", { className: core_1.Classes.INPUT_ACTION },
+                react_1.default.createElement(__1.IconButton, { "data-test-id": "value-path-clear-btn", name: "operation-clear", text: clearIconText, onClick: handleInputEditorClear })))),
+        shouldShowDropdown ? react_1.default.createElement(AutoSuggestionList_1.AutoSuggestionList, { left: coords.left, loading: suggestionsPending, options: suggestions, isOpen: !suggestionsPending && shouldShowDropdown, onItemSelectionChange: handleDropdownChange, currentlyFocusedIndex: focusedIndex, itemToHighlight: handleItemHighlighting }) : null);
+    const withRightElement = rightElement || leftElement ? react_1.default.createElement(__1.Toolbar, { noWrap: true },
+        leftElement && react_1.default.createElement(__1.ToolbarSection, null, leftElement),
+        react_1.default.createElement(__1.ToolbarSection, { canGrow: true }, autoSuggestionInput),
+        rightElement && react_1.default.createElement(__1.ToolbarSection, null, rightElement)) : autoSuggestionInput;
+    return label ? (react_1.default.createElement(__1.FieldItem, { labelAttributes: {
+            text: (react_1.default.createElement(react_1.default.Fragment, null,
+                label,
+                "\u00A0",
+                (pathValidationPending || suggestionsPending) && (react_1.default.createElement(__1.Spinner, { size: "tiny", position: "inline", description: "Validating value path" }))))
+        }, hasStateDanger: hasError, messageText: hasError ? validationErrorText : undefined }, withRightElement)) : withRightElement;
+};
+exports.default = AutoSuggestion;
+//# sourceMappingURL=AutoSuggestion.js.map