@atlaskit/status 1.1.3 → 1.1.4

package/CHANGELOG.md

@@ -1,5 +1,12 @@
 # @atlaskit/status
 
+## 1.1.4
+
+### Patch Changes
+
+- [`721bc4d7794`](https://bitbucket.org/atlassian/atlassian-frontend/commits/721bc4d7794) - ED-14377 To remove the imports of version.json which is deprecated
+- [`b3fedfabde4`](https://bitbucket.org/atlassian/atlassian-frontend/commits/b3fedfabde4) - Changing status colors with tab and shfit-tab
+
 ## 1.1.3
 
 ### Patch Changes

package/dist/cjs/components/analytics.js

@@ -9,14 +9,14 @@ exports.createStatusAnalyticsAndFire = exports.ELEMENTS_CHANNEL = void 0;
 
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-var _version = require("../version.json");
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var ELEMENTS_CHANNEL = 'fabric-elements';
 exports.ELEMENTS_CHANNEL = ELEMENTS_CHANNEL;
+var packageName = "@atlaskit/status";
+var packageVersion = "1.1.4";
 
 var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
@@ -28,8 +28,8 @@ var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createA
       statusPayload.attributes = {};
     }
 
-    statusPayload.attributes.packageName = _version.name;
-    statusPayload.attributes.packageVersion = _version.version;
+    statusPayload.attributes.packageName = packageName;
+    statusPayload.attributes.packageVersion = packageVersion;
     statusPayload.attributes.componentName = 'status';
     var event = createAnalyticsEvent(statusPayload);
     event.fire(ELEMENTS_CHANNEL);

package/dist/cjs/components/internal/color-palette.js

@@ -42,6 +42,8 @@ var VK_UP = 38; //ArrowUp
 
 var VK_DOWN = 40; //ArrowDown
 
+var VK_TAB = 9;
+
 var _default = function _default(_ref) {
   var _ref$cols = _ref.cols,
       cols = _ref$cols === void 0 ? 7 : _ref$cols,
@@ -62,17 +64,36 @@ var _default = function _default(_ref) {
     });
     var newColorIndex = null;
 
+    var nextColor = function nextColor() {
+      return colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+    };
+
+    var previousColor = function previousColor() {
+      return colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+    };
+
     switch (e.keyCode) {
       case VK_RIGHT:
       case VK_DOWN:
         e.preventDefault();
-        newColorIndex = colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+        newColorIndex = nextColor();
         break;
 
       case VK_LEFT:
       case VK_UP:
         e.preventDefault();
-        newColorIndex = colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+        newColorIndex = previousColor();
+        break;
+
+      case VK_TAB:
+        e.preventDefault();
+
+        if (e.shiftKey) {
+          newColorIndex = previousColor();
+        } else {
+          newColorIndex = nextColor();
+        }
+
         break;
     }
 

package/dist/cjs/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.1.3"
+	"version": "1.1.4"
 }

package/dist/es2019/components/analytics.js

@@ -1,5 +1,6 @@
-import { name as packageName, version as packageVersion } from '../version.json';
 export const ELEMENTS_CHANNEL = 'fabric-elements';
+const packageName = "@atlaskit/status";
+const packageVersion = "1.1.4";
 export const createStatusAnalyticsAndFire = createAnalyticsEvent => payload => {
   const statusPayload = { ...payload,
     eventType: 'ui'

package/dist/es2019/components/internal/color-palette.js

@@ -21,6 +21,7 @@ const VK_UP = 38; //ArrowUp
 
 const VK_DOWN = 40; //ArrowDown
 
+const VK_TAB = 9;
 export default (({
   cols = 7,
   onClick,
@@ -36,17 +37,32 @@ export default (({
     const colorIndex = palette.findIndex(([colorValue]) => colorValue === selectedColor);
     let newColorIndex = null;
 
+    const nextColor = () => colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+
+    const previousColor = () => colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+
     switch (e.keyCode) {
       case VK_RIGHT:
       case VK_DOWN:
         e.preventDefault();
-        newColorIndex = colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+        newColorIndex = nextColor();
         break;
 
       case VK_LEFT:
       case VK_UP:
         e.preventDefault();
-        newColorIndex = colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+        newColorIndex = previousColor();
+        break;
+
+      case VK_TAB:
+        e.preventDefault();
+
+        if (e.shiftKey) {
+          newColorIndex = previousColor();
+        } else {
+          newColorIndex = nextColor();
+        }
+
         break;
     }
 

package/dist/es2019/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.1.3"
+	"version": "1.1.4"
 }

package/dist/esm/components/analytics.js

@@ -4,8 +4,9 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
-import { name as packageName, version as packageVersion } from '../version.json';
 export var ELEMENTS_CHANNEL = 'fabric-elements';
+var packageName = "@atlaskit/status";
+var packageVersion = "1.1.4";
 export var createStatusAnalyticsAndFire = function createStatusAnalyticsAndFire(createAnalyticsEvent) {
   return function (payload) {
     var statusPayload = _objectSpread(_objectSpread({}, payload), {}, {

package/dist/esm/components/internal/color-palette.js

@@ -21,6 +21,7 @@ var VK_UP = 38; //ArrowUp
 
 var VK_DOWN = 40; //ArrowDown
 
+var VK_TAB = 9;
 export default (function (_ref) {
   var _ref$cols = _ref.cols,
       cols = _ref$cols === void 0 ? 7 : _ref$cols,
@@ -41,17 +42,36 @@ export default (function (_ref) {
     });
     var newColorIndex = null;
 
+    var nextColor = function nextColor() {
+      return colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+    };
+
+    var previousColor = function previousColor() {
+      return colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+    };
+
     switch (e.keyCode) {
       case VK_RIGHT:
       case VK_DOWN:
         e.preventDefault();
-        newColorIndex = colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+        newColorIndex = nextColor();
         break;
 
       case VK_LEFT:
       case VK_UP:
         e.preventDefault();
-        newColorIndex = colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+        newColorIndex = previousColor();
+        break;
+
+      case VK_TAB:
+        e.preventDefault();
+
+        if (e.shiftKey) {
+          newColorIndex = previousColor();
+        } else {
+          newColorIndex = nextColor();
+        }
+
         break;
     }
 

package/dist/esm/version.json

@@ -1,4 +1,4 @@
 {
 	"name": "@atlaskit/status",
-	"version": "1.1.3"
+	"version": "1.1.4"
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@atlaskit/status",
-  "version": "1.1.3",
+  "version": "1.1.4",
   "description": "Fabric Status React Components",
   "publishConfig": {
     "registry": "https://registry.npmjs.org/"
@@ -40,7 +40,7 @@
   },
   "devDependencies": {
     "@atlaskit/docs": "^9.0.0",
-    "@atlaskit/editor-test-helpers": "^17.0.0",
+    "@atlaskit/editor-test-helpers": "^17.1.0",
     "@atlaskit/elements-test-helpers": "^0.7.0",
     "@atlaskit/visual-regression": "*",
     "@atlassian/atlassian-frontend-prettier-config-1.0.1": "npm:@atlassian/atlassian-frontend-prettier-config@1.0.1",

package/report.api.md

@@ -0,0 +1,58 @@
+## API Report File for "@atlaskit/status"
+
+> Do not edit this file. It is a report generated by [API Extractor](https://api-extractor.com/).
+
+```ts
+import { default as React_2 } from 'react';
+import { WithAnalyticsEventsProps } from '@atlaskit/analytics-next';
+import { WithIntlProps } from 'react-intl-next';
+import { WrappedComponentProps } from 'react-intl-next';
+
+export declare type Color =
+  | 'neutral'
+  | 'purple'
+  | 'blue'
+  | 'red'
+  | 'yellow'
+  | 'green';
+
+declare type ColorType = Color;
+
+declare interface OwnProps {
+  text: string;
+  color: Color;
+  style?: StatusStyle;
+  localId?: string;
+  onClick?: (event: React_2.SyntheticEvent<any>) => void;
+  onHover?: () => void;
+  role?: string;
+}
+
+export declare type Props = OwnProps & WithAnalyticsEventsProps;
+
+export declare const Status: React_2.ForwardRefExoticComponent<
+  Omit<Props, keyof WithAnalyticsEventsProps> & React_2.RefAttributes<any>
+>;
+
+export declare const StatusPicker: React_2.FC<
+  WithIntlProps<StatusPickerProps & WrappedComponentProps<'intl'>>
+> & {
+  WrappedComponent: React_2.ComponentType<
+    StatusPickerProps & WrappedComponentProps<'intl'>
+  >;
+};
+
+export declare interface StatusPickerProps {
+  selectedColor: ColorType;
+  text: string;
+  onEnter: () => void;
+  onColorClick: (value: ColorType) => void;
+  onColorHover?: (value: ColorType) => void;
+  onTextChanged: (value: string) => void;
+  autoFocus?: boolean;
+}
+
+export declare type StatusStyle = 'bold' | 'subtle';
+
+export {};
+```