@truedat/core 4.51.2 → 4.51.4

package/CHANGELOG.md

@@ -1,5 +1,11 @@
 # Changelog
 
+## [4.51.3] 2022-09-16
+
+### Changed
+
+- [TD-4794] `DomainSelector` improvements
+
 ## [4.51.1] 2022-09-14
 
 ### Changed

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@truedat/core",
-  "version": "4.51.2",
+  "version": "4.51.4",
   "description": "Truedat Web Core",
   "sideEffects": false,
   "jsnext:main": "src/index.js",
@@ -35,7 +35,7 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^12.0.0",
     "@testing-library/user-event": "^13.2.1",
-    "@truedat/test": "4.47.9",
+    "@truedat/test": "4.51.4",
     "babel-jest": "^28.1.0",
     "babel-plugin-dynamic-import-node": "^2.3.3",
     "babel-plugin-lodash": "^3.3.4",
@@ -112,5 +112,5 @@
     "react-dom": ">= 16.8.6 < 17",
     "semantic-ui-react": ">= 0.88.2 < 2.1"
   },
-  "gitHead": "9bdc76f3ee59a6e28fb2312e26d0cba2807f069b"
+  "gitHead": "d3e3af905c2330f5e4aaeeefc3549acaa19575f7"
 }

package/src/components/DomainSelector.js

@@ -54,7 +54,11 @@ DomainSelector.propTypes = {
   multiple: PropTypes.bool,
   domainActions: PropTypes.array,
   onLoad: PropTypes.func,
-  value: PropTypes.array,
+  value: PropTypes.oneOfType([
+    PropTypes.array,
+    PropTypes.string,
+    PropTypes.number,
+  ]),
 };
 
 export default DomainSelector;

package/src/components/TreeSelector.js

@@ -12,26 +12,35 @@ export const match =
     _.contains(query)(lowerDeburr(name));
 export const matchAny = recursiveMatch(match);
 
-export const SelectedLabels = ({ onClick, options, placeholder, value }) =>
+export const SelectedLabels = ({
+  disabled,
+  onClick,
+  options,
+  placeholder,
+  value,
+}) =>
   _.isEmpty(value) ? (
     <label>{placeholder}</label>
   ) : (
     _.map((id) => (
       <Label key={id}>
         {_.flow(_.find({ id }), _.prop("name"))(options)}
-        <Icon
-          name="delete"
-          onClick={(e) => {
-            e.preventDefault();
-            e.stopPropagation();
-            onClick(e, id);
-          }}
-        />
+        {disabled ? null : (
+          <Icon
+            name="delete"
+            onClick={(e) => {
+              e.preventDefault();
+              e.stopPropagation();
+              onClick(e, id);
+            }}
+          />
+        )}
       </Label>
     ))(value)
   );
 
 SelectedLabels.propTypes = {
+  disabled: PropTypes.bool,
   onClick: PropTypes.func,
   options: PropTypes.array,
   placeholder: PropTypes.string,
@@ -50,6 +59,7 @@ const labelValues = _.cond([
 
 export const TreeSelector = ({
   check = false,
+  disabled = false,
   error,
   label,
   labels = false,
@@ -117,6 +127,7 @@ export const TreeSelector = ({
 
   const trigger = labels ? (
     <SelectedLabels
+      disabled={disabled}
       placeholder={placeholder}
       options={options}
       onClick={handleClick}
@@ -180,6 +191,7 @@ export const TreeSelector = ({
 
 TreeSelector.propTypes = {
   check: PropTypes.bool,
+  disabled: PropTypes.bool,
   error: PropTypes.bool,
   label: PropTypes.string,
   labels: PropTypes.bool,