@atlaskit/status 0.12.0 → 1.0.2

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

@@ -1,6 +1,6 @@
 import { gridSize } from '@atlaskit/theme/constants';
 import * as colors from '@atlaskit/theme/colors';
-import React from 'react';
+import React, { useEffect, useRef, useCallback } from 'react';
 import styled from 'styled-components';
 import Color from './color'; // color value, label, background, borderColor
 
@@ -11,23 +11,70 @@ const ColorPaletteWrapper = styled.div`
   display: flex;
   flex-wrap: wrap;
 `;
+const VK_LEFT = 37; //ArrowLeft
+
+const VK_RIGHT = 39; //ArrowRight
+
+const VK_UP = 38; //ArrowUp
+
+const VK_DOWN = 40; //ArrowDown
+
 export default (({
   cols = 7,
   onClick,
   selectedColor,
   className,
   onHover
-}) => /*#__PURE__*/React.createElement(ColorPaletteWrapper, {
-  className: className,
-  style: {
-    maxWidth: cols * 32
-  }
-}, palette.map(([colorValue, backgroundColor, borderColor]) => /*#__PURE__*/React.createElement(Color, {
-  key: colorValue,
-  value: colorValue,
-  backgroundColor: backgroundColor,
-  borderColor: borderColor,
-  onClick: onClick,
-  onHover: onHover,
-  isSelected: colorValue === selectedColor
-}))));
+}) => {
+  const colorRefs = useRef([]);
+  useEffect(() => {
+    colorRefs.current = colorRefs.current.slice(0, palette.length);
+  }, []);
+  const memoizedHandleKeyDown = useCallback(e => {
+    const colorIndex = palette.findIndex(([colorValue]) => colorValue === selectedColor);
+    let newColorIndex = null;
+
+    switch (e.keyCode) {
+      case VK_RIGHT:
+      case VK_DOWN:
+        e.preventDefault();
+        newColorIndex = colorIndex + 1 > palette.length - 1 ? 0 : colorIndex + 1;
+        break;
+
+      case VK_LEFT:
+      case VK_UP:
+        e.preventDefault();
+        newColorIndex = colorIndex - 1 < 0 ? palette.length - 1 : colorIndex - 1;
+        break;
+    }
+
+    if (newColorIndex === null) {
+      return;
+    }
+
+    const newColorValue = palette[newColorIndex][0];
+    const newRef = colorRefs.current[newColorIndex];
+    newRef === null || newRef === void 0 ? void 0 : newRef.focus();
+    onClick(newColorValue);
+  }, [selectedColor, onClick, colorRefs]);
+  return /*#__PURE__*/React.createElement(ColorPaletteWrapper, {
+    className: className,
+    role: "radiogroup",
+    style: {
+      maxWidth: cols * 32
+    },
+    onKeyDown: memoizedHandleKeyDown
+  }, palette.map(([colorValue, backgroundColor, borderColor], i) => {
+    return /*#__PURE__*/React.createElement(Color, {
+      key: colorValue,
+      value: colorValue,
+      backgroundColor: backgroundColor,
+      borderColor: borderColor,
+      onClick: onClick,
+      onHover: onHover,
+      isSelected: colorValue === selectedColor,
+      tabIndex: colorValue === selectedColor ? 0 : -1,
+      setRef: el => colorRefs.current[i] = el
+    });
+  }));
+});

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

@@ -3,7 +3,7 @@ import EditorDoneIcon from '@atlaskit/icon/glyph/editor/done';
 import { N900, N0, N50 } from '@atlaskit/theme/colors';
 import React from 'react';
 import { PureComponent } from 'react';
-import { FormattedMessage } from 'react-intl';
+import { FormattedMessage } from 'react-intl-next';
 import styled from 'styled-components';
 import { ANALYTICS_HOVER_DELAY } from '../constants';
 import { messages } from '../i18n';
@@ -74,24 +74,27 @@ export default class Color extends PureComponent {
       backgroundColor,
       isSelected,
       borderColor,
-      value
+      value,
+      setRef
     } = this.props;
     const borderStyle = `1px solid ${borderColor}`;
-    return /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, messages[`${value}Color`], label => /*#__PURE__*/React.createElement(Button, {
+    return /*#__PURE__*/React.createElement(ButtonWrapper, null, /*#__PURE__*/React.createElement(FormattedMessage, messages[`${value}Color`], labels => /*#__PURE__*/React.createElement(Button, {
       onClick: this.onClick,
       onMouseEnter: this.onMouseEnter,
       onMouseLeave: this.onMouseLeave,
       onMouseDown: this.onMouseDown,
       tabIndex: tabIndex,
       className: `${isSelected ? 'selected' : ''}`,
-      title: label,
+      title: labels[0],
+      "aria-checked": isSelected,
       style: {
         backgroundColor: backgroundColor || 'transparent',
         border: borderStyle
-      }
+      },
+      innerRef: setRef
     }, isSelected && /*#__PURE__*/React.createElement(EditorDoneIcon, {
       primaryColor: borderColor,
-      label: label
+      label: labels[0]
     }))));
   }
 

package/dist/es2019/i18n/cs.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Czech
+//Czech
 export default {
   'fabric.status.color.blue': 'Modrá',
   'fabric.status.color.green': 'Zelená',
   'fabric.status.color.grey': 'Šedá',
   'fabric.status.color.purple': 'Fialová',
   'fabric.status.color.red': 'Červená',
-  'fabric.status.color.yellow': 'Žlutá'
+  'fabric.status.color.yellow': 'Žlutá',
+  'fabric.status.input.label': 'Nastavit stav'
 };

package/dist/es2019/i18n/da.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Danish
+//Danish (Denmark)
 export default {
   'fabric.status.color.blue': 'Blå',
   'fabric.status.color.green': 'Grøn',
   'fabric.status.color.grey': 'Grå',
   'fabric.status.color.purple': 'Lilla',
   'fabric.status.color.red': 'Rød',
-  'fabric.status.color.yellow': 'Gul'
+  'fabric.status.color.yellow': 'Gul',
+  'fabric.status.input.label': 'Angiv en status'
 };

package/dist/es2019/i18n/de.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// German
+//German (Germany)
 export default {
   'fabric.status.color.blue': 'Blau',
   'fabric.status.color.green': 'Grün',
   'fabric.status.color.grey': 'Grau',
   'fabric.status.color.purple': 'Violett',
   'fabric.status.color.red': 'Rot',
-  'fabric.status.color.yellow': 'Gelb'
+  'fabric.status.color.yellow': 'Gelb',
+  'fabric.status.input.label': 'Status festlegen'
 };

package/dist/es2019/i18n/en_ZZ.js

@@ -0,0 +1,16 @@
+/**
+ * NOTE:
+ *
+ * This file is automatically generated by Traduki 2.0.
+ * DO NOT CHANGE IT BY HAND or your changes will be lost.
+ */
+//
+export default {
+  'fabric.status.color.blue': '⁣⁢Blue‍⁠‌‌⁠‍⁠؜‍⁠؜؜⁣⁤',
+  'fabric.status.color.green': '⁣⁢Green⁡⁡⁡⁠‌‌⁡‌‌⁣⁤',
+  'fabric.status.color.grey': '⁣⁢Grey⁠‌؜؜⁠‍⁡⁡⁡⁠‌؜⁡⁡⁣⁤',
+  'fabric.status.color.purple': '⁣⁢Purple⁡؜‍⁡⁠؜؜؜⁡⁣⁤',
+  'fabric.status.color.red': '⁣⁢Red⁡‌‌‌‌⁠‍‌؜؜⁡‍⁣⁤',
+  'fabric.status.color.yellow': '⁣⁢Yellow‍⁡‍⁣⁤',
+  'fabric.status.input.label': '⁣⁢Set a status‍‌؜‌⁡‍‍؜‍؜‍⁠⁣⁤'
+};

package/dist/es2019/i18n/es.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Spanish
+//Spanish (International)
 export default {
   'fabric.status.color.blue': 'Azul',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Gris',
   'fabric.status.color.purple': 'Morado',
   'fabric.status.color.red': 'Rojo',
-  'fabric.status.color.yellow': 'Amarillo'
+  'fabric.status.color.yellow': 'Amarillo',
+  'fabric.status.input.label': 'Establecer un estado'
 };

package/dist/es2019/i18n/et.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Estonian
+//Estonian
 export default {
   'fabric.status.color.blue': 'Sinine',
   'fabric.status.color.green': 'Roheline',

package/dist/es2019/i18n/fi.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Finnish
+//Finnish
 export default {
   'fabric.status.color.blue': 'Sininen',
   'fabric.status.color.green': 'Vihreä',
   'fabric.status.color.grey': 'Harmaa',
   'fabric.status.color.purple': 'Violetti',
   'fabric.status.color.red': 'Punainen',
-  'fabric.status.color.yellow': 'Keltainen'
+  'fabric.status.color.yellow': 'Keltainen',
+  'fabric.status.input.label': 'Aseta tila'
 };

package/dist/es2019/i18n/fr.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// French
+//French (France)
 export default {
   'fabric.status.color.blue': 'Bleu',
   'fabric.status.color.green': 'Vert',
   'fabric.status.color.grey': 'Gris',
   'fabric.status.color.purple': 'Violet',
   'fabric.status.color.red': 'Rouge',
-  'fabric.status.color.yellow': 'Jaune'
+  'fabric.status.color.yellow': 'Jaune',
+  'fabric.status.input.label': 'Définir un état'
 };

package/dist/es2019/i18n/hu.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Hungarian
+//Hungarian
 export default {
   'fabric.status.color.blue': 'Kék',
   'fabric.status.color.green': 'Zöld',
   'fabric.status.color.grey': 'Szürke',
   'fabric.status.color.purple': 'Lila',
   'fabric.status.color.red': 'Piros',
-  'fabric.status.color.yellow': 'Sárga'
+  'fabric.status.color.yellow': 'Sárga',
+  'fabric.status.input.label': 'Állapot beállítása'
 };

package/dist/es2019/i18n/it.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Italian
+//Italian (Italy)
 export default {
   'fabric.status.color.blue': 'Blu',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Grigio',
   'fabric.status.color.purple': 'Viola',
   'fabric.status.color.red': 'Rosso',
-  'fabric.status.color.yellow': 'Giallo'
+  'fabric.status.color.yellow': 'Giallo',
+  'fabric.status.input.label': 'Imposta uno stato'
 };

package/dist/es2019/i18n/ja.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Japanese
+//Japanese
 export default {
   'fabric.status.color.blue': '青',
   'fabric.status.color.green': '緑',
   'fabric.status.color.grey': '灰色',
   'fabric.status.color.purple': '紫',
   'fabric.status.color.red': '赤',
-  'fabric.status.color.yellow': '黄'
+  'fabric.status.color.yellow': '黄',
+  'fabric.status.input.label': 'ステータスを設定'
 };

package/dist/es2019/i18n/ko.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Korean
+//Korean
 export default {
   'fabric.status.color.blue': '파란색',
   'fabric.status.color.green': '녹색',
   'fabric.status.color.grey': '회색',
   'fabric.status.color.purple': '보라색',
   'fabric.status.color.red': '빨강색',
-  'fabric.status.color.yellow': '노란색'
+  'fabric.status.color.yellow': '노란색',
+  'fabric.status.input.label': '상태 설정'
 };

package/dist/es2019/i18n/nb.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Norwegian Bokmål
+//Norwegian (Bokmål)
 export default {
   'fabric.status.color.blue': 'Blå',
   'fabric.status.color.green': 'Grønn',
   'fabric.status.color.grey': 'Grå',
   'fabric.status.color.purple': 'Lilla',
   'fabric.status.color.red': 'Rød',
-  'fabric.status.color.yellow': 'Gul'
+  'fabric.status.color.yellow': 'Gul',
+  'fabric.status.input.label': 'Angi en status'
 };

package/dist/es2019/i18n/nl.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Dutch
+//Dutch (Netherlands)
 export default {
   'fabric.status.color.blue': 'Blauw',
   'fabric.status.color.green': 'Groen',
   'fabric.status.color.grey': 'Grijs',
   'fabric.status.color.purple': 'Paars',
   'fabric.status.color.red': 'Rood',
-  'fabric.status.color.yellow': 'Geel'
+  'fabric.status.color.yellow': 'Geel',
+  'fabric.status.input.label': 'Status instellen'
 };

package/dist/es2019/i18n/pl.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Polish
+//Polish (Poland)
 export default {
   'fabric.status.color.blue': 'Niebieski',
   'fabric.status.color.green': 'Zielony',
   'fabric.status.color.grey': 'Szary',
   'fabric.status.color.purple': 'Fioletowy',
   'fabric.status.color.red': 'Czerwony',
-  'fabric.status.color.yellow': 'Żółty'
+  'fabric.status.color.yellow': 'Żółty',
+  'fabric.status.input.label': 'Ustaw status'
 };

package/dist/es2019/i18n/pt_BR.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Portuguese (Brazil)
+//Portuguese (Brazil)
 export default {
   'fabric.status.color.blue': 'Azul',
   'fabric.status.color.green': 'Verde',
   'fabric.status.color.grey': 'Cinza',
   'fabric.status.color.purple': 'Roxo',
   'fabric.status.color.red': 'Vermelho',
-  'fabric.status.color.yellow': 'Amarelo'
+  'fabric.status.color.yellow': 'Amarelo',
+  'fabric.status.input.label': 'Definir status'
 };

package/dist/es2019/i18n/pt_PT.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Portuguese (Portugal)
+//Portuguese (Portugal)
 export default {
   'fabric.status.color.blue': 'Azul',
   'fabric.status.color.green': 'Verde',

package/dist/es2019/i18n/ru.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Russian
+//Russian
 export default {
   'fabric.status.color.blue': 'Синий',
   'fabric.status.color.green': 'Зеленый',
   'fabric.status.color.grey': 'Серый',
   'fabric.status.color.purple': 'Фиолетовый',
   'fabric.status.color.red': 'Красный',
-  'fabric.status.color.yellow': 'Желтый'
+  'fabric.status.color.yellow': 'Желтый',
+  'fabric.status.input.label': 'Задать статус'
 };

package/dist/es2019/i18n/sk.js

@@ -1,10 +1,10 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Slovak
+//Slovak
 export default {
   'fabric.status.color.blue': 'Modrá',
   'fabric.status.color.green': 'Zelená',

package/dist/es2019/i18n/sv.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Swedish
+//Swedish
 export default {
   'fabric.status.color.blue': 'Blå',
   'fabric.status.color.green': 'Grön',
   'fabric.status.color.grey': 'Grå',
   'fabric.status.color.purple': 'Lila',
   'fabric.status.color.red': 'Röd',
-  'fabric.status.color.yellow': 'Gul'
+  'fabric.status.color.yellow': 'Gul',
+  'fabric.status.input.label': 'Ange status'
 };

package/dist/es2019/i18n/th.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Thai
+//Thai (Thailand)
 export default {
   'fabric.status.color.blue': 'น้ำเงิน',
   'fabric.status.color.green': 'เขียว',
   'fabric.status.color.grey': 'เทา',
   'fabric.status.color.purple': 'ม่วง',
   'fabric.status.color.red': 'แดง',
-  'fabric.status.color.yellow': 'เหลือง'
+  'fabric.status.color.yellow': 'เหลือง',
+  'fabric.status.input.label': 'ตั้งค่าสถานะ'
 };

package/dist/es2019/i18n/tr.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Turkish
+//Turkish (Turkey)
 export default {
   'fabric.status.color.blue': 'Mavi',
   'fabric.status.color.green': 'Yeşil',
   'fabric.status.color.grey': 'Gri',
   'fabric.status.color.purple': 'Mor',
   'fabric.status.color.red': 'Kırmızı',
-  'fabric.status.color.yellow': 'Sarı'
+  'fabric.status.color.yellow': 'Sarı',
+  'fabric.status.input.label': 'Durum ayarlayın'
 };

package/dist/es2019/i18n/uk.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Ukrainian
+//Ukrainian (Ukraine)
 export default {
   'fabric.status.color.blue': 'Синій',
   'fabric.status.color.green': 'Зелений',
   'fabric.status.color.grey': 'Сірий',
   'fabric.status.color.purple': 'Фіолетовий',
   'fabric.status.color.red': 'Червоний',
-  'fabric.status.color.yellow': 'Жовтий'
+  'fabric.status.color.yellow': 'Жовтий',
+  'fabric.status.input.label': 'Додати статус'
 };

package/dist/es2019/i18n/vi.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Vietnamese
+//Vietnamese (Vietnam)
 export default {
   'fabric.status.color.blue': 'Xanh lam',
   'fabric.status.color.green': 'Xanh lục',
   'fabric.status.color.grey': 'Xám',
   'fabric.status.color.purple': 'Tím',
   'fabric.status.color.red': 'Đỏ',
-  'fabric.status.color.yellow': 'Vàng'
+  'fabric.status.color.yellow': 'Vàng',
+  'fabric.status.input.label': 'Đặt trạng thái'
 };

package/dist/es2019/i18n/zh.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// Chinese
+//Chinese (Simplified)
 export default {
   'fabric.status.color.blue': '蓝色',
   'fabric.status.color.green': '绿色',
   'fabric.status.color.grey': '灰色',
   'fabric.status.color.purple': '紫色',
   'fabric.status.color.red': '红色',
-  'fabric.status.color.yellow': '黄色'
+  'fabric.status.color.yellow': '黄色',
+  'fabric.status.input.label': '设置状态'
 };

package/dist/es2019/i18n/zh_TW.js

@@ -1,15 +1,16 @@
 /**
  * NOTE:
  *
- * This file is automatically generated by i18n-tools.
+ * This file is automatically generated by Traduki 2.0.
  * DO NOT CHANGE IT BY HAND or your changes will be lost.
  */
-// undefined
+//Chinese (Traditional)
 export default {
   'fabric.status.color.blue': '藍色',
   'fabric.status.color.green': '綠色',
   'fabric.status.color.grey': '灰色',
   'fabric.status.color.purple': '紫色',
   'fabric.status.color.red': '紅色',
-  'fabric.status.color.yellow': '黃色'
+  'fabric.status.color.yellow': '黃色',
+  'fabric.status.input.label': '設定狀態'
 };