@jobber/components 2.74.0 → 2.75.1-pre.4

package/CHANGELOG.md

@@ -8,6 +8,17 @@ menu: Changelog
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [2.75.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.74.0...@jobber/components@2.75.0) (2022-01-28)
+
+
+### Features
+
+* Announce chip deletion and addition JOB-41252 ([#848](https://github.com/GetJobber/atlantis/issues/848)) ([f251b42](https://github.com/GetJobber/atlantis/commit/f251b42c5aa98ee07f7e16d3605a6bd965a8231b))
+
+
+
+
+
 # [2.74.0](https://github.com/GetJobber/atlantis/compare/@jobber/components@2.73.0...@jobber/components@2.74.0) (2022-01-26)
 
 

package/dist/Chips/InternalChipDismissible/hooks/useInternalChipDismissible.d.ts

@@ -4,7 +4,7 @@ export declare function useInternalChipDismissible({ children, selected, onChang
     ref: import("react").RefObject<HTMLDivElement>;
     sortedVisibleChipOptions: import("../../Chip").ChipProps[];
     availableChipOptions: import("../../Chip").ChipProps[];
-    handleChipRemove: (value: string) => () => void;
+    handleChipRemove: (chip: import("../../Chip").ChipProps) => () => void;
     handleChipAdd: (value: string) => void;
     handleCustomAdd: ((value: string) => void) | undefined;
     handleChipClick: (value: string) => ((event: MouseEvent<HTMLButtonElement, globalThis.MouseEvent>) => void) | undefined;

package/dist/Chips/index.js

@@ -225,9 +225,13 @@ function useInternalChipDismissible(_a) {
         return selected.indexOf(chip.value);
     });
     var availableChipOptions = chipOptions.filter(function (chip) { return !selected.includes(chip.value); });
+    var liveAnnounce = hooks.useLiveAnnounce().liveAnnounce;
     var actions = {
-        handleChipRemove: function (value) {
-            return function () { return onChange(selected.filter(function (val) { return val !== value; })); };
+        handleChipRemove: function (chip) {
+            return function () {
+                liveAnnounce(chip.label + " Removed");
+                onChange(selected.filter(function (val) { return val !== chip.value; }));
+            };
         },
         handleChipAdd: function (value) { return onChange(__chunk_1.__spread(selected, [value])); },
         handleCustomAdd: onCustomAdd,
@@ -237,10 +241,12 @@ function useInternalChipDismissible(_a) {
             return function (event) { return onClick(event, value); };
         },
         handleEmptyBackspace: function () {
-            actions.handleChipRemove(selected[selected.length - 1])();
+            actions.handleChipRemove(sortedVisibleChipOptions[selected.length - 1])();
         },
     };
-    return __chunk_1.__assign(__chunk_1.__assign({}, actions), { ref: ref, sortedVisibleChipOptions: sortedVisibleChipOptions, availableChipOptions: availableChipOptions });
+    return __chunk_1.__assign(__chunk_1.__assign({}, actions), { ref: ref,
+        sortedVisibleChipOptions: sortedVisibleChipOptions,
+        availableChipOptions: availableChipOptions });
 }
 
 var menuId = uuid.v1();
@@ -253,6 +259,7 @@ function useInternalChipDismissibleInput(_a) {
     var _g = __chunk_1.__read(React.useState(false), 2), shouldCancelBlur = _g[0], setShouldCancelBlur = _g[1];
     var canAddCustomOption = onCustomOptionSelect !== undefined && !isLoadingMore;
     var maxOptionIndex = allOptions.length - 1;
+    var liveAnnounce = hooks.useLiveAnnounce().liveAnnounce;
     React.useEffect(function () {
         setAllOptions(generateOptions(options, searchValue, canAddCustomOption));
     }, [options]);
@@ -297,6 +304,7 @@ function useInternalChipDismissibleInput(_a) {
             var setValue = selected.custom ? onCustomOptionSelect : onOptionSelect;
             if (setValue) {
                 setValue(selected.value);
+                liveAnnounce(selected.label + " Added");
                 actions.handleReset();
                 (_a = computed.inputRef.current) === null || _a === void 0 ? void 0 : _a.focus();
             }
@@ -456,7 +464,7 @@ function InternalChipDismissibleInput(props) {
 function InternalChipDismissible(props) {
     var _a = useInternalChipDismissible(props), availableChipOptions = _a.availableChipOptions, wrapperRef = _a.ref, sortedVisibleChipOptions = _a.sortedVisibleChipOptions, handleChipClick = _a.handleChipClick, handleChipAdd = _a.handleChipAdd, handleChipRemove = _a.handleChipRemove, handleCustomAdd = _a.handleCustomAdd, handleEmptyBackspace = _a.handleEmptyBackspace;
     return (React__default.createElement("div", { ref: wrapperRef, className: styles$1.wrapper, "data-testid": "dismissible-chips" },
-        sortedVisibleChipOptions.map(function (chip) { return (React__default.createElement(ChipDismissible, __chunk_1.__assign({ key: chip.value }, chip, { onClick: handleChipClick(chip.value), onRequestRemove: handleChipRemove(chip.value) }))); }),
+        sortedVisibleChipOptions.map(function (chip) { return (React__default.createElement(ChipDismissible, __chunk_1.__assign({ key: chip.value }, chip, { onClick: handleChipClick(chip.value), onRequestRemove: handleChipRemove(chip) }))); }),
         React__default.createElement(InternalChipDismissibleInput, { activator: props.activator, attachTo: wrapperRef, isLoadingMore: props.isLoadingMore, options: availableChipOptions, onOptionSelect: handleChipAdd, onCustomOptionSelect: handleCustomAdd, onEmptyBackspace: handleEmptyBackspace, onSearch: props.onSearch, onLoadMore: props.onLoadMore })));
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@jobber/components",
-  "version": "2.74.0",
+  "version": "2.75.1-pre.4+9e2ce96",
   "license": "MIT",
   "main": "dist/index.js",
   "types": "dist/index.d.ts",
@@ -17,9 +17,9 @@
     "dist/*"
   ],
   "dependencies": {
-    "@jobber/design": "^0.21.0",
+    "@jobber/design": "^0.21.1-pre.46+9e2ce96",
     "@jobber/formatters": "^0.2.0",
-    "@jobber/hooks": "^1.10.0",
+    "@jobber/hooks": "^1.11.0",
     "@popperjs/core": "^2.0.6",
     "@std-proposal/temporal": "0.0.1",
     "@types/color": "^3.0.1",
@@ -85,5 +85,5 @@
     "> 1%",
     "IE 10"
   ],
-  "gitHead": "78e84cb5d7fd49daa2c90414a6244bfeb30b5f2b"
+  "gitHead": "9e2ce96cf5d3c14207b2e869acfebfff4862b7cb"
 }