@atlaskit/give-kudos 2.0.3 → 2.1.0

package/CHANGELOG.md

@@ -1,5 +1,17 @@
 # @atlassian/give-kudos
 
+## 2.1.0
+
+### Minor Changes
+
+- [#65577](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/pull-requests/65577) [`757870c8a6d4`](https://stash.atlassian.com/projects/CONFCLOUD/repos/confluence-frontend/commits/757870c8a6d4) - localise all strings in package
+
+## 2.0.4
+
+### Patch Changes
+
+- Updated dependencies
+
 ## 2.0.3
 
 ### Patch Changes

package/dist/cjs/messages.js

@@ -55,6 +55,21 @@ var messages = (0, _reactIntlNext.defineMessages)({
     id: 'team-central.give-kudos.unsaved.warning.close',
     defaultMessage: 'Close',
     description: 'Button that closes the warning modal and closes the drawer.'
+  },
+  confirmCloseTitle: {
+    defaultMessage: 'Confirm Close',
+    description: 'Close kudos drawer confirmation modal title',
+    id: 'team-central.give-kudos.confirm-close.title'
+  },
+  closeDrawerButtonLabel: {
+    defaultMessage: 'Close drawer',
+    description: 'Close kudos drawer button label',
+    id: 'team-central.give-kudos.close-button.label'
+  },
+  successIconLabel: {
+    defaultMessage: 'Success',
+    description: 'Success icon label',
+    id: 'team-central.give-kudos.success-icon.label'
   }
 });
 var _default = exports.default = messages;

package/dist/cjs/ui/GiveKudosLauncher/main.js

@@ -114,7 +114,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
             }
           })),
           icon: (0, _react2.jsx)(_checkCircle.default, {
-            label: "success",
+            label: intl.formatMessage(_messages.default.successIconLabel),
             primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
           })
         });
@@ -125,7 +125,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
           id: "kudosCreatedFlag-".concat(flagEvent.kudosUuid),
           description: (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.JiraKudosCreatedDescriptionFlag),
           icon: (0, _react2.jsx)(_checkCircle.default, {
-            label: "success",
+            label: intl.formatMessage(_messages.default.successIconLabel),
             primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
           }),
           actions: [{
@@ -170,7 +170,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
         // Not a known FlagEventType
         return;
     }
-  }, [addFlag, closeDrawer, sendAnalytic, teamCentralBaseUrl]);
+  }, [addFlag, closeDrawer, sendAnalytic, teamCentralBaseUrl, intl]);
   var messageListener = (0, _react.useCallback)(function (event) {
     if (!props.isOpen) {
       return;
@@ -193,7 +193,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
             }
           })),
           icon: (0, _react2.jsx)(_checkCircle.default, {
-            label: "success",
+            label: intl.formatMessage(_messages.default.successIconLabel),
             primaryColor: "var(--ds-icon-success, ".concat(_colors.G300, ")")
           })
         });
@@ -212,7 +212,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
         // Swallow any errors
       }
     }
-  }, [props.isOpen, closeDrawer, sendAnalytic, addFlag, teamCentralBaseUrl, createFlagWithJsonStringifiedInput]);
+  }, [props.isOpen, closeDrawer, sendAnalytic, addFlag, teamCentralBaseUrl, createFlagWithJsonStringifiedInput, intl]);
   (0, _react.useEffect)(function () {
     window.removeEventListener('message', messageListenerEventHandler.current);
     messageListenerEventHandler.current = messageListener;
@@ -268,7 +268,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
       onClick: handleCloseDrawerClicked,
       css: sidebarButtonStyles
     }, (0, _react2.jsx)(_arrowLeft.default, {
-      label: "Close drawer"
+      label: intl.formatMessage(_messages.default.closeDrawerButtonLabel)
     })));
   };
   var renderDrawer = (0, _react.useMemo)(function () {
@@ -302,7 +302,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
   }, (0, _react2.jsx)(_modalDialog.ModalTransition, null, isCloseConfirmModalOpen && (0, _react2.jsx)(_modalDialog.default, {
     onClose: closeWarningModal,
     width: "small"
-  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, "Confirm Close")), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.unsavedKudosWarning)), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
+  }, (0, _react2.jsx)(_modalDialog.ModalHeader, null, (0, _react2.jsx)(_modalDialog.ModalTitle, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.confirmCloseTitle))), (0, _react2.jsx)(_modalDialog.ModalBody, null, (0, _react2.jsx)(_reactIntlNext.FormattedMessage, _messages.default.unsavedKudosWarning)), (0, _react2.jsx)(_modalDialog.ModalFooter, null, (0, _react2.jsx)(_standardButton.default, {
     appearance: "subtle",
     onClick: closeWarningModal,
     autoFocus: true

package/dist/es2019/messages.js

@@ -49,6 +49,21 @@ const messages = defineMessages({
     id: 'team-central.give-kudos.unsaved.warning.close',
     defaultMessage: 'Close',
     description: 'Button that closes the warning modal and closes the drawer.'
+  },
+  confirmCloseTitle: {
+    defaultMessage: 'Confirm Close',
+    description: 'Close kudos drawer confirmation modal title',
+    id: 'team-central.give-kudos.confirm-close.title'
+  },
+  closeDrawerButtonLabel: {
+    defaultMessage: 'Close drawer',
+    description: 'Close kudos drawer button label',
+    id: 'team-central.give-kudos.close-button.label'
+  },
+  successIconLabel: {
+    defaultMessage: 'Success',
+    description: 'Success icon label',
+    id: 'team-central.give-kudos.success-icon.label'
   }
 });
 export default messages;

package/dist/es2019/ui/GiveKudosLauncher/main.js

@@ -98,7 +98,7 @@ const GiveKudosLauncher = props => {
             }
           })),
           icon: jsx(SuccessIcon, {
-            label: "success",
+            label: intl.formatMessage(messages.successIconLabel),
             primaryColor: `var(--ds-icon-success, ${G300})`
           })
         });
@@ -109,7 +109,7 @@ const GiveKudosLauncher = props => {
           id: `kudosCreatedFlag-${flagEvent.kudosUuid}`,
           description: jsx(FormattedMessage, messages.JiraKudosCreatedDescriptionFlag),
           icon: jsx(SuccessIcon, {
-            label: "success",
+            label: intl.formatMessage(messages.successIconLabel),
             primaryColor: `var(--ds-icon-success, ${G300})`
           }),
           actions: [{
@@ -152,7 +152,7 @@ const GiveKudosLauncher = props => {
         // Not a known FlagEventType
         return;
     }
-  }, [addFlag, closeDrawer, sendAnalytic, teamCentralBaseUrl]);
+  }, [addFlag, closeDrawer, sendAnalytic, teamCentralBaseUrl, intl]);
   const messageListener = useCallback(event => {
     if (!props.isOpen) {
       return;
@@ -173,7 +173,7 @@ const GiveKudosLauncher = props => {
             }
           })),
           icon: jsx(SuccessIcon, {
-            label: "success",
+            label: intl.formatMessage(messages.successIconLabel),
             primaryColor: `var(--ds-icon-success, ${G300})`
           })
         });
@@ -192,7 +192,7 @@ const GiveKudosLauncher = props => {
         // Swallow any errors
       }
     }
-  }, [props.isOpen, closeDrawer, sendAnalytic, addFlag, teamCentralBaseUrl, createFlagWithJsonStringifiedInput]);
+  }, [props.isOpen, closeDrawer, sendAnalytic, addFlag, teamCentralBaseUrl, createFlagWithJsonStringifiedInput, intl]);
   useEffect(() => {
     window.removeEventListener('message', messageListenerEventHandler.current);
     messageListenerEventHandler.current = messageListener;
@@ -248,7 +248,7 @@ const GiveKudosLauncher = props => {
       onClick: handleCloseDrawerClicked,
       css: sidebarButtonStyles
     }, jsx(ArrowLeft, {
-      label: "Close drawer"
+      label: intl.formatMessage(messages.closeDrawerButtonLabel)
     })));
   };
   const renderDrawer = useMemo(() => {
@@ -282,7 +282,7 @@ const GiveKudosLauncher = props => {
   }, jsx(ModalTransition, null, isCloseConfirmModalOpen && jsx(Modal, {
     onClose: closeWarningModal,
     width: "small"
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, "Confirm Close")), jsx(ModalBody, null, jsx(FormattedMessage, messages.unsavedKudosWarning)), jsx(ModalFooter, null, jsx(Button, {
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.confirmCloseTitle))), jsx(ModalBody, null, jsx(FormattedMessage, messages.unsavedKudosWarning)), jsx(ModalFooter, null, jsx(Button, {
     appearance: "subtle",
     onClick: closeWarningModal,
     autoFocus: true

package/dist/esm/messages.js

@@ -49,6 +49,21 @@ var messages = defineMessages({
     id: 'team-central.give-kudos.unsaved.warning.close',
     defaultMessage: 'Close',
     description: 'Button that closes the warning modal and closes the drawer.'
+  },
+  confirmCloseTitle: {
+    defaultMessage: 'Confirm Close',
+    description: 'Close kudos drawer confirmation modal title',
+    id: 'team-central.give-kudos.confirm-close.title'
+  },
+  closeDrawerButtonLabel: {
+    defaultMessage: 'Close drawer',
+    description: 'Close kudos drawer button label',
+    id: 'team-central.give-kudos.close-button.label'
+  },
+  successIconLabel: {
+    defaultMessage: 'Success',
+    description: 'Success icon label',
+    id: 'team-central.give-kudos.success-icon.label'
   }
 });
 export default messages;

package/dist/esm/ui/GiveKudosLauncher/main.js

@@ -106,7 +106,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
             }
           })),
           icon: jsx(SuccessIcon, {
-            label: "success",
+            label: intl.formatMessage(messages.successIconLabel),
             primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
           })
         });
@@ -117,7 +117,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
           id: "kudosCreatedFlag-".concat(flagEvent.kudosUuid),
           description: jsx(FormattedMessage, messages.JiraKudosCreatedDescriptionFlag),
           icon: jsx(SuccessIcon, {
-            label: "success",
+            label: intl.formatMessage(messages.successIconLabel),
             primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
           }),
           actions: [{
@@ -162,7 +162,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
         // Not a known FlagEventType
         return;
     }
-  }, [addFlag, closeDrawer, sendAnalytic, teamCentralBaseUrl]);
+  }, [addFlag, closeDrawer, sendAnalytic, teamCentralBaseUrl, intl]);
   var messageListener = useCallback(function (event) {
     if (!props.isOpen) {
       return;
@@ -185,7 +185,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
             }
           })),
           icon: jsx(SuccessIcon, {
-            label: "success",
+            label: intl.formatMessage(messages.successIconLabel),
             primaryColor: "var(--ds-icon-success, ".concat(G300, ")")
           })
         });
@@ -204,7 +204,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
         // Swallow any errors
       }
     }
-  }, [props.isOpen, closeDrawer, sendAnalytic, addFlag, teamCentralBaseUrl, createFlagWithJsonStringifiedInput]);
+  }, [props.isOpen, closeDrawer, sendAnalytic, addFlag, teamCentralBaseUrl, createFlagWithJsonStringifiedInput, intl]);
   useEffect(function () {
     window.removeEventListener('message', messageListenerEventHandler.current);
     messageListenerEventHandler.current = messageListener;
@@ -260,7 +260,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
       onClick: handleCloseDrawerClicked,
       css: sidebarButtonStyles
     }, jsx(ArrowLeft, {
-      label: "Close drawer"
+      label: intl.formatMessage(messages.closeDrawerButtonLabel)
     })));
   };
   var renderDrawer = useMemo(function () {
@@ -294,7 +294,7 @@ var GiveKudosLauncher = function GiveKudosLauncher(props) {
   }, jsx(ModalTransition, null, isCloseConfirmModalOpen && jsx(Modal, {
     onClose: closeWarningModal,
     width: "small"
-  }, jsx(ModalHeader, null, jsx(ModalTitle, null, "Confirm Close")), jsx(ModalBody, null, jsx(FormattedMessage, messages.unsavedKudosWarning)), jsx(ModalFooter, null, jsx(Button, {
+  }, jsx(ModalHeader, null, jsx(ModalTitle, null, jsx(FormattedMessage, messages.confirmCloseTitle))), jsx(ModalBody, null, jsx(FormattedMessage, messages.unsavedKudosWarning)), jsx(ModalFooter, null, jsx(Button, {
     appearance: "subtle",
     onClick: closeWarningModal,
     autoFocus: true

package/dist/types/messages.d.ts

@@ -49,5 +49,20 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    confirmCloseTitle: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    closeDrawerButtonLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    successIconLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

package/dist/types-ts4.5/messages.d.ts

@@ -49,5 +49,20 @@ declare const messages: {
         defaultMessage: string;
         description: string;
     };
+    confirmCloseTitle: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    closeDrawerButtonLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
+    successIconLabel: {
+        defaultMessage: string;
+        description: string;
+        id: string;
+    };
 };
 export default messages;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/give-kudos",
-  "version": "2.0.3",
+  "version": "2.1.0",
   "description": "Give Kudos experience ",
   "author": "Atlassian Pty Ltd",
   "license": "Apache-2.0",
@@ -40,13 +40,13 @@
   },
   "dependencies": {
     "@atlaskit/analytics-next": "^9.1.0",
-    "@atlaskit/button": "^16.16.0",
+    "@atlaskit/button": "^17.2.0",
     "@atlaskit/drawer": "^7.6.0",
     "@atlaskit/icon": "^22.0.0",
-    "@atlaskit/modal-dialog": "^12.8.0",
+    "@atlaskit/modal-dialog": "^12.10.0",
     "@atlaskit/portal": "^4.4.0",
     "@atlaskit/theme": "^12.6.0",
-    "@atlaskit/tokens": "^1.28.0",
+    "@atlaskit/tokens": "^1.33.0",
     "@babel/runtime": "^7.0.0",
     "@emotion/react": "^11.7.1",
     "react-intl-next": "npm:react-intl@^5.18.1"
@@ -57,7 +57,6 @@
   "devDependencies": {
     "@af/integration-testing": "*",
     "@atlaskit/ssr": "*",
-    "@atlaskit/webdriver-runner": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.0": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.0",
     "@testing-library/react": "^12.1.5",
     "react-dom": "^16.8.0",

package/tmp/api-report-tmp.d.ts

@@ -1,82 +0,0 @@
-## API Report File for "@atlaskit/give-kudos"
-
-> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
-
-```ts
-
-/// <reference types="react" />
-
-import { jsx } from '@emotion/react';
-import { LazyExoticComponent } from 'react';
-
-// @public (undocumented)
-export interface FlagEvent {
-    // (undocumented)
-    eventType: FlagEventType;
-    // (undocumented)
-    jiraKudosFormUrl?: string;
-    // (undocumented)
-    jiraKudosUrl?: string;
-    // (undocumented)
-    kudosUuid?: string;
-}
-
-// @public (undocumented)
-export enum FlagEventType {
-    // (undocumented)
-    CLOSE = "close",
-    // (undocumented)
-    DIRTY = "dirty",
-    // (undocumented)
-    JIRA_KUDOS_CREATED = "jira-kudos-created",
-    // (undocumented)
-    JIRA_KUDOS_FAILED = "jira-kudos-failed",
-    // (undocumented)
-    KUDOS_CREATED = "kudos-created"
-}
-
-// @public (undocumented)
-export interface GiveKudosDrawerProps {
-    // (undocumented)
-    addFlag?: (flag: any) => void;
-    // (undocumented)
-    analyticsSource: string;
-    // (undocumented)
-    cloudId: string;
-    // (undocumented)
-    isOpen: boolean;
-    // (undocumented)
-    onClose: () => void;
-    // (undocumented)
-    recipient?: KudosRecipient;
-    // (undocumented)
-    teamCentralBaseUrl: string;
-    // (undocumented)
-    testId?: string;
-}
-
-// @public (undocumented)
-export const GiveKudosLauncher: (props: GiveKudosDrawerProps) => jsx.JSX.Element;
-
-// @public (undocumented)
-export const GiveKudosLauncherLazy: LazyExoticComponent<(props: GiveKudosDrawerProps) => jsx>;
-
-// @public (undocumented)
-export interface KudosRecipient {
-    // (undocumented)
-    recipientId: string;
-    // (undocumented)
-    type: KudosType;
-}
-
-// @public (undocumented)
-export enum KudosType {
-    // (undocumented)
-    INDIVIDUAL = "individual",
-    // (undocumented)
-    TEAM = "team"
-}
-
-// (No @packageDocumentation comment for this package)
-
-```