@synerise/ds-format-picker 0.1.61 → 0.2.3

package/CHANGELOG.md

@@ -3,6 +3,38 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [0.2.3](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.2.2...@synerise/ds-format-picker@0.2.3) (2021-11-22)
+
+**Note:** Version bump only for package @synerise/ds-format-picker
+
+
+
+
+
+## [0.2.2](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.2.1...@synerise/ds-format-picker@0.2.2) (2021-11-16)
+
+**Note:** Version bump only for package @synerise/ds-format-picker
+
+
+
+
+
+## [0.2.1](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.1.61...@synerise/ds-format-picker@0.2.1) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-format-picker
+
+
+
+
+
+# [0.2.0](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.1.61...@synerise/ds-format-picker@0.2.0) (2021-11-09)
+
+**Note:** Version bump only for package @synerise/ds-format-picker
+
+
+
+
+
 ## [0.1.61](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.1.60...@synerise/ds-format-picker@0.1.61) (2021-11-05)
 
 **Note:** Version bump only for package @synerise/ds-format-picker

package/dist/FomartPicker.types.js

@@ -0,0 +1 @@
+export {};

package/dist/FormatPicker.js

@@ -5,11 +5,10 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
 import * as React from 'react';
+import { useIntl } from 'react-intl';
 import Button from '@synerise/ds-button';
 import Dropdown from '@synerise/ds-dropdown';
-import { useIntl } from 'react-intl';
-import Icon from '@synerise/ds-icon';
-import { HashM } from '@synerise/ds-icon/dist/icons';
+import Icon, { HashM } from '@synerise/ds-icon';
 import FormatSettings from './FormatSettings/FormatSettings';
 import { valueFormatter } from './utils/valueFormatter';
 
@@ -61,9 +60,9 @@ var FormatPicker = function FormatPicker(_ref) {
       })
     }, text);
   }, [text, intl]);
-  return React.createElement(Dropdown, {
+  return /*#__PURE__*/React.createElement(Dropdown, {
     trigger: ['click'],
-    overlay: React.createElement(FormatSettings, {
+    overlay: /*#__PURE__*/React.createElement(FormatSettings, {
       onCurrencyChange: onCurrencyChange,
       onFixedLengthChange: onFixedLengthChange,
       onDataFormatChange: onDataFormatChange,
@@ -76,16 +75,16 @@ var FormatPicker = function FormatPicker(_ref) {
       currenciesConfig: currenciesConfig
     }),
     placement: "topCenter"
-  }, React.createElement(Button, {
+  }, /*#__PURE__*/React.createElement(Button, {
     type: "tertiary",
     mode: "icon-label"
-  }, React.createElement(Icon, {
-    component: React.createElement(HashM, null)
-  }), "".concat(texts.format, " ").concat(valueFormatter({
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(HashM, null)
+  }), texts.format + " " + valueFormatter({
     value: value,
     formatting: format,
     intl: intl
-  }))));
+  })));
 };
 
 export default FormatPicker;

package/dist/FormatSettings/FormatSettings.js

@@ -4,24 +4,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 
 function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
-function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
-
 import * as React from 'react';
-import { AngleDownS, Coin2M, CommaDecM, CommaIncM, HashM, PercentM } from '@synerise/ds-icon/dist/icons';
+import Icon, { AngleDownS, Coin2M, CommaDecM, CommaIncM, HashM, PercentM } from '@synerise/ds-icon';
 import { useIntl } from 'react-intl';
 import { Title } from '@synerise/ds-typography';
 import Tooltip from '@synerise/ds-tooltip';
-import Icon from '@synerise/ds-icon';
 import Radio from '@synerise/ds-radio';
 import ButtonGroup from '@synerise/ds-button-group';
 import Button from '@synerise/ds-button';
@@ -33,16 +20,16 @@ import { valueFormatter } from '../utils/valueFormatter';
 var getFormattingTypes = function getFormattingTypes(intl, text) {
   return [{
     format: 'numeric',
-    icon: React.createElement(HashM, null),
-    tooltip: text === null || text === void 0 ? void 0 : text.numeric
+    icon: /*#__PURE__*/React.createElement(HashM, null),
+    tooltip: text == null ? void 0 : text.numeric
   }, {
     format: 'percent',
-    icon: React.createElement(PercentM, null),
-    tooltip: text === null || text === void 0 ? void 0 : text.percentage
+    icon: /*#__PURE__*/React.createElement(PercentM, null),
+    tooltip: text == null ? void 0 : text.percentage
   }, {
     format: 'cash',
-    icon: React.createElement(Coin2M, null),
-    tooltip: text === null || text === void 0 ? void 0 : text.cash
+    icon: /*#__PURE__*/React.createElement(Coin2M, null),
+    tooltip: text == null ? void 0 : text.cash
   }];
 };
 
@@ -59,7 +46,7 @@ var getCurrenciesConfig = function getCurrenciesConfig(currenciesConfig) {
   }, {
     currency: 'JPY',
     label: 'Yen (JP)'
-  }].concat(_toConsumableArray(currenciesConfig));
+  }].concat(currenciesConfig);
 };
 
 var FormatSettings = function FormatSettings(_ref) {
@@ -89,47 +76,47 @@ var FormatSettings = function FormatSettings(_ref) {
       return currency.currency === format.currency;
     });
   }, [currenciesConfig, format]);
-  return React.createElement(S.FormatSettingsContainer, null, React.createElement(S.FormatSettingsWrapper, null, React.createElement(Title, {
+  return /*#__PURE__*/React.createElement(S.FormatSettingsContainer, null, /*#__PURE__*/React.createElement(S.FormatSettingsWrapper, null, /*#__PURE__*/React.createElement(Title, {
     level: 6
-  }, text === null || text === void 0 ? void 0 : text.header), React.createElement(S.FormatSettings, null, React.createElement(Radio.Group, {
+  }, text == null ? void 0 : text.header), /*#__PURE__*/React.createElement(S.FormatSettings, null, /*#__PURE__*/React.createElement(Radio.Group, {
     defaultValue: format.dataFormat,
     onChange: function onChange(e) {
       return onDataFormatChange(e.target.value);
     }
-  }, React.createElement(ButtonGroup, null, getFormattingTypes(intl, text).map(function (type) {
-    return React.createElement(Tooltip, {
+  }, /*#__PURE__*/React.createElement(ButtonGroup, null, getFormattingTypes(intl, text).map(function (type) {
+    return /*#__PURE__*/React.createElement(Tooltip, {
       key: type.format,
       trigger: ['hover'],
       title: type.tooltip
-    }, React.createElement(Button, {
+    }, /*#__PURE__*/React.createElement(Button, {
       type: type.format === format.dataFormat ? 'primary' : 'secondary',
       mode: "icon",
       onClick: function onClick() {
         return onDataFormatChange(type.format);
       }
-    }, React.createElement(Icon, {
+    }, /*#__PURE__*/React.createElement(Icon, {
       component: type.icon
     })));
-  }))), React.createElement(ButtonGroup, {
+  }))), /*#__PURE__*/React.createElement(ButtonGroup, {
     buttonsPosition: "right"
-  }, React.createElement(S.FixedLengthButton, {
+  }, /*#__PURE__*/React.createElement(S.FixedLengthButton, {
     type: "secondary",
     mode: "icon",
     onClick: handleDecreaseFixedLength
-  }, React.createElement(Icon, {
-    component: React.createElement(CommaDecM, null)
-  })), React.createElement(S.FixedLengthButton, {
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CommaDecM, null)
+  })), /*#__PURE__*/React.createElement(S.FixedLengthButton, {
     type: "secondary",
     mode: "icon",
     onClick: handleIncreaseFixedLength
-  }, React.createElement(Icon, {
-    component: React.createElement(CommaIncM, null)
-  })))), React.createElement(S.FormatOptions, null, format.dataFormat === 'cash' && React.createElement(Dropdown, {
+  }, /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(CommaIncM, null)
+  })))), /*#__PURE__*/React.createElement(S.FormatOptions, null, format.dataFormat === 'cash' && /*#__PURE__*/React.createElement(Dropdown, {
     trigger: ['click'],
-    overlay: React.createElement(S.DropdownWrapper, null, getCurrenciesConfig(currenciesConfig || []).map(function (_ref2) {
+    overlay: /*#__PURE__*/React.createElement(S.DropdownWrapper, null, getCurrenciesConfig(currenciesConfig || []).map(function (_ref2) {
       var currency = _ref2.currency,
           label = _ref2.label;
-      return React.createElement(S.MenuItem, {
+      return /*#__PURE__*/React.createElement(S.MenuItem, {
         key: currency,
         suffixel: valueFormatter({
           value: value,
@@ -143,22 +130,22 @@ var FormatSettings = function FormatSettings(_ref) {
         }
       }, label);
     }))
-  }, React.createElement(S.DropdownTrigger, null, React.createElement(S.DropdownValue, null, selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.label), React.createElement(Icon, {
-    component: React.createElement(AngleDownS, null)
-  }))), React.createElement(Checkbox, {
+  }, /*#__PURE__*/React.createElement(S.DropdownTrigger, null, /*#__PURE__*/React.createElement(S.DropdownValue, null, selectedCurrency == null ? void 0 : selectedCurrency.label), /*#__PURE__*/React.createElement(Icon, {
+    component: /*#__PURE__*/React.createElement(AngleDownS, null)
+  }))), /*#__PURE__*/React.createElement(Checkbox, {
     onChange: function onChange(e) {
       return onUseSeparatorChange(e.target.checked);
     },
     checked: format.useSeparator
-  }, text === null || text === void 0 ? void 0 : text.useSeparator), React.createElement(Checkbox, {
+  }, text == null ? void 0 : text.useSeparator), /*#__PURE__*/React.createElement(Checkbox, {
     onChange: function onChange(e) {
       return onCompactNumbersChange(e.target.checked);
     },
     checked: format.compactNumbers
-  }, text === null || text === void 0 ? void 0 : text.compactNumbers))), React.createElement(S.FormatFooter, null, React.createElement(Button, {
+  }, text == null ? void 0 : text.compactNumbers))), /*#__PURE__*/React.createElement(S.FormatFooter, null, /*#__PURE__*/React.createElement(Button, {
     type: "ghost",
     onClick: onSetDefault
-  }, text === null || text === void 0 ? void 0 : text.setDefault)));
+  }, text == null ? void 0 : text.setDefault)));
 };
 
 export default FormatSettings;

package/dist/FormatSettings/FormatSettings.types.js

@@ -0,0 +1 @@
+export {};

package/dist/utils/valueFormatter.js

@@ -114,7 +114,7 @@ export var appendZeros = function appendZeros(fixedLength) {
     return '';
   }
 
-  return ".".concat(range(0, fixedLength, 0).join(''));
+  return "." + range(0, fixedLength, 0).join('');
 };
 export var chooseSuffix = function chooseSuffix(compactNumbers) {
   return compactNumbers ? 'a' : '';
@@ -123,7 +123,7 @@ export var choosePrefix = function choosePrefix(useSeparator) {
   return useSeparator ? '0,0' : '0';
 };
 export var getFormattingFormula = function getFormattingFormula(formatting) {
-  return "".concat(choosePrefix(formatting.useSeparator)).concat(appendZeros(formatting.fixedLength)).concat(chooseSuffix(formatting.compactNumbers));
+  return "" + choosePrefix(formatting.useSeparator) + appendZeros(formatting.fixedLength) + chooseSuffix(formatting.compactNumbers);
 };
 export var appendSign = function appendSign(input, intl, format, currency) {
   switch (format) {
@@ -138,11 +138,11 @@ export var appendSign = function appendSign(input, intl, format, currency) {
           currencyDisplay: 'symbol',
           currency: currency
         });
-        return CONTAINS_LETTERS.test(input) ? currencyFormat.replace(DIGITS, "".concat(input, " ")) : currencyFormat.replace(DIGITS, input);
+        return CONTAINS_LETTERS.test(input) ? currencyFormat.replace(DIGITS, input + " ") : currencyFormat.replace(DIGITS, input);
       }
 
     case 'percent':
-      return CONTAINS_LETTERS.test(input) ? "".concat(input, " %") : "".concat(input, "%");
+      return CONTAINS_LETTERS.test(input) ? input + " %" : input + "%";
 
     case 'numeric':
     default:

package/dist/utils/valueFormatter.types.js

@@ -0,0 +1 @@
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@synerise/ds-format-picker",
-  "version": "0.1.61",
+  "version": "0.2.3",
   "description": "FormatPicker UI Component for the Synerise Design System",
   "license": "ISC",
   "repository": "Synerise/synerise-design",
@@ -32,13 +32,13 @@
   ],
   "types": "dist/index.d.ts",
   "dependencies": {
-    "@synerise/ds-button": "^0.15.0",
-    "@synerise/ds-button-group": "^0.5.127",
-    "@synerise/ds-checkbox": "^0.10.30",
-    "@synerise/ds-dropdown": "^0.12.0",
-    "@synerise/ds-icon": "^0.34.0",
-    "@synerise/ds-menu": "^0.10.45",
-    "@synerise/ds-radio": "^0.10.75",
+    "@synerise/ds-button": "^0.16.2",
+    "@synerise/ds-button-group": "^0.6.2",
+    "@synerise/ds-checkbox": "^0.11.3",
+    "@synerise/ds-dropdown": "^0.17.3",
+    "@synerise/ds-icon": "^0.46.2",
+    "@synerise/ds-menu": "^0.11.2",
+    "@synerise/ds-radio": "^0.11.3",
     "@types/numeral": "^0.0.28",
     "numeral": "^2.0.6"
   },
@@ -46,5 +46,5 @@
     "@synerise/ds-core": "*",
     "react": ">=16.9.0 < 17.0.0"
   },
-  "gitHead": "bf865b6d1967c42effb68dc794f34dd18ddebe27"
+  "gitHead": "2468359677783819939fb9f1ef5acc36667ecd1a"
 }