@jobber/components 2.72.0 → 2.72.3

package/CHANGELOG.md

@@ -8,6 +8,33 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [2.72.3](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.72.2...@jobber/components@2.72.3) (2022-01-21)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [2.72.2](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.72.1...@jobber/components@2.72.2) (2022-01-21)
+
+**Note:** Version bump only for package @jobber/components
+
+
+
+
+
+## [2.72.1](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.72.0...@jobber/components@2.72.1) (2022-01-12)
+
+
+### Bug Fixes
+
+* Allow space bar key deselect on single select chip ([#827](https://github.com/GetJobber/atlantis/issues/827)) ([a6bc802](https://github.com/GetJobber/atlantis/commit/a6bc802b128a731be5a308f955ee2099029375dd))
+
+
+
+
+
 # [2.72.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.71.7...@jobber/components@2.72.0) (2022-01-11)
 
 

package/dist/Card/index.js

@@ -52,7 +52,7 @@ function Card(_a) {
     var className = classnames(styles.card, accent && styles.accent, (url || onClick) && styles.clickable, accent && colors[accent]);
     var cardContent = (React__default.createElement(React__default.Fragment, null,
         title && (React__default.createElement("div", { className: styles.header },
-            React__default.createElement(index.Typography, { element: "h3", size: "large", textCase: "uppercase", fontWeight: "extraBold" }, title))),
+            React__default.createElement(index.Typography, { element: "h3", size: "large", textCase: "uppercase", fontWeight: "extraBold", textColor: "heading" }, title))),
         children));
     if (onClick) {
         return (React__default.createElement(CardClickable, { className: className, onClick: onClick }, cardContent));

package/dist/Chips/index.js

@@ -130,18 +130,34 @@ function ChipDismissible(_a) {
 
 function InternalChipSingleSelect(_a) {
     var children = _a.children, selected = _a.selected, _b = _a.name, name = _b === void 0 ? uuid.v1() : _b, onChange = _a.onChange, onClick = _a.onClick;
-    return (React__default.createElement("div", { className: styles.wrapper, "data-testid": "singleselect-chips" }, React__default.Children.map(children, function (child) { return (React__default.createElement("label", null,
-        React__default.createElement("input", { type: "radio", checked: child.props.value === selected, className: styles.input, name: name, onClick: handleClick(child.props.value), onChange: function () {
-                /* No op. onClick handles the change to allow deselecting. */
-            }, disabled: child.props.disabled }),
-        React__default.createElement(InternalChip, __chunk_1.__assign({}, child.props, { active: child.props.value === selected })))); })));
+    return (React__default.createElement("div", { className: styles.wrapper, "data-testid": "singleselect-chips" }, React__default.Children.map(children, function (child) {
+        var isSelected = child.props.value === selected;
+        return (React__default.createElement("label", null,
+            React__default.createElement("input", { type: "radio", checked: isSelected, className: styles.input, name: name, onClick: handleClick(child.props.value), onKeyUp: handleKeyUp(isSelected, child.props.value), onChange: function () {
+                    /* No op. onClick handles the change to allow deselecting. */
+                }, disabled: child.props.disabled }),
+            React__default.createElement(InternalChip, __chunk_1.__assign({}, child.props, { active: isSelected }))));
+    })));
+    function handleKeyUp(active, value) {
+        if (!active)
+            return;
+        return function (event) {
+            if (event.key === " ") {
+                // Wait for DOM changes before applying the new change.
+                setTimeout(function () { return handleChange(value); }, 0);
+            }
+        };
+    }
     function handleClick(value) {
         return function (event) {
             onClick === null || onClick === void 0 ? void 0 : onClick(event, value);
-            var newValue = value !== selected ? value : undefined;
-            onChange(newValue);
+            handleChange(value);
         };
     }
+    function handleChange(value) {
+        var newValue = value !== selected ? value : undefined;
+        onChange(newValue);
+    }
 }
 
 function InternalChipMultiSelect(_a) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "2.72.0",
+  "version": "2.72.3",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -19,7 +19,7 @@
   "dependencies": {
     "@jobber/design": "^0.21.0",
     "@jobber/formatters": "^0.2.0",
-    "@jobber/hooks": "^1.9.1",
+    "@jobber/hooks": "^1.10.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@types/color": "^3.0.1",
@@ -84,5 +84,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "b437f80764f836d07a12149ab52d5d994b5caa0c"
+  "gitHead": "46471932c9cbf4529a13a249971f3e50cb6ca9c6"
 }