@synerise/ds-format-picker 0.2.1 → 0.2.5

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (6) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/FormatPicker.js +3 -3
  3. package/dist/FormatSettings/FormatSettings.js +11 -23
  4. package/dist/FormatSettings/FormatSettings.styles.d.ts +1 -1
  5. package/dist/utils/valueFormatter.js +4 -4
  6. package/package.json +9 -9
package/CHANGELOG.md CHANGED
@@ -3,6 +3,38 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
+ ## [0.2.5](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.2.4...@synerise/ds-format-picker@0.2.5) (2021-12-20)
7
+
8
+ **Note:** Version bump only for package @synerise/ds-format-picker
9
+
10
+
11
+
12
+
13
+
14
+ ## [0.2.4](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.2.3...@synerise/ds-format-picker@0.2.4) (2021-11-23)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-format-picker
17
+
18
+
19
+
20
+
21
+
22
+ ## [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)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-format-picker
25
+
26
+
27
+
28
+
29
+
30
+ ## [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)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-format-picker
33
+
34
+
35
+
36
+
37
+
6
38
  ## [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)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-format-picker
package/dist/FormatPicker.js CHANGED
@@ -1,4 +1,4 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
2
2
 
3
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
4
4
 
@@ -80,11 +80,11 @@ var FormatPicker = function FormatPicker(_ref) {
80
80
  mode: "icon-label"
81
81
  }, /*#__PURE__*/React.createElement(Icon, {
82
82
  component: /*#__PURE__*/React.createElement(HashM, null)
83
- }), "".concat(texts.format, " ").concat(valueFormatter({
83
+ }), texts.format + " " + valueFormatter({
84
84
  value: value,
85
85
  formatting: format,
86
86
  intl: intl
87
- }))));
87
+ })));
88
88
  };
89
89
 
90
90
  export default FormatPicker;
package/dist/FormatSettings/FormatSettings.js CHANGED
@@ -1,21 +1,9 @@
1
- function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
1
+ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
2
2
 
3
3
  function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
4
4
 
5
5
  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; }
6
6
 
7
- function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
8
-
9
- 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."); }
10
-
11
- 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(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
12
-
13
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
14
-
15
- function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
16
-
17
- 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; }
18
-
19
7
  import * as React from 'react';
20
8
  import Icon, { AngleDownS, Coin2M, CommaDecM, CommaIncM, HashM, PercentM } from '@synerise/ds-icon';
21
9
  import { useIntl } from 'react-intl';
@@ -33,15 +21,15 @@ var getFormattingTypes = function getFormattingTypes(intl, text) {
33
21
  return [{
34
22
  format: 'numeric',
35
23
  icon: /*#__PURE__*/React.createElement(HashM, null),
36
- tooltip: text === null || text === void 0 ? void 0 : text.numeric
24
+ tooltip: text == null ? void 0 : text.numeric
37
25
  }, {
38
26
  format: 'percent',
39
27
  icon: /*#__PURE__*/React.createElement(PercentM, null),
40
- tooltip: text === null || text === void 0 ? void 0 : text.percentage
28
+ tooltip: text == null ? void 0 : text.percentage
41
29
  }, {
42
30
  format: 'cash',
43
31
  icon: /*#__PURE__*/React.createElement(Coin2M, null),
44
- tooltip: text === null || text === void 0 ? void 0 : text.cash
32
+ tooltip: text == null ? void 0 : text.cash
45
33
  }];
46
34
  };
47
35
 
@@ -58,7 +46,7 @@ var getCurrenciesConfig = function getCurrenciesConfig(currenciesConfig) {
58
46
  }, {
59
47
  currency: 'JPY',
60
48
  label: 'Yen (JP)'
61
- }].concat(_toConsumableArray(currenciesConfig));
49
+ }].concat(currenciesConfig);
62
50
  };
63
51
 
64
52
  var FormatSettings = function FormatSettings(_ref) {
@@ -90,7 +78,7 @@ var FormatSettings = function FormatSettings(_ref) {
90
78
  }, [currenciesConfig, format]);
91
79
  return /*#__PURE__*/React.createElement(S.FormatSettingsContainer, null, /*#__PURE__*/React.createElement(S.FormatSettingsWrapper, null, /*#__PURE__*/React.createElement(Title, {
92
80
  level: 6
93
- }, text === null || text === void 0 ? void 0 : text.header), /*#__PURE__*/React.createElement(S.FormatSettings, null, /*#__PURE__*/React.createElement(Radio.Group, {
81
+ }, text == null ? void 0 : text.header), /*#__PURE__*/React.createElement(S.FormatSettings, null, /*#__PURE__*/React.createElement(Radio.Group, {
94
82
  defaultValue: format.dataFormat,
95
83
  onChange: function onChange(e) {
96
84
  return onDataFormatChange(e.target.value);
@@ -132,7 +120,7 @@ var FormatSettings = function FormatSettings(_ref) {
132
120
  key: currency,
133
121
  suffixel: valueFormatter({
134
122
  value: value,
135
- formatting: _objectSpread(_objectSpread({}, format), {}, {
123
+ formatting: _objectSpread({}, format, {
136
124
  currency: currency
137
125
  }),
138
126
  intl: intl
@@ -142,22 +130,22 @@ var FormatSettings = function FormatSettings(_ref) {
142
130
  }
143
131
  }, label);
144
132
  }))
145
- }, /*#__PURE__*/React.createElement(S.DropdownTrigger, null, /*#__PURE__*/React.createElement(S.DropdownValue, null, selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.label), /*#__PURE__*/React.createElement(Icon, {
133
+ }, /*#__PURE__*/React.createElement(S.DropdownTrigger, null, /*#__PURE__*/React.createElement(S.DropdownValue, null, selectedCurrency == null ? void 0 : selectedCurrency.label), /*#__PURE__*/React.createElement(Icon, {
146
134
  component: /*#__PURE__*/React.createElement(AngleDownS, null)
147
135
  }))), /*#__PURE__*/React.createElement(Checkbox, {
148
136
  onChange: function onChange(e) {
149
137
  return onUseSeparatorChange(e.target.checked);
150
138
  },
151
139
  checked: format.useSeparator
152
- }, text === null || text === void 0 ? void 0 : text.useSeparator), /*#__PURE__*/React.createElement(Checkbox, {
140
+ }, text == null ? void 0 : text.useSeparator), /*#__PURE__*/React.createElement(Checkbox, {
153
141
  onChange: function onChange(e) {
154
142
  return onCompactNumbersChange(e.target.checked);
155
143
  },
156
144
  checked: format.compactNumbers
157
- }, text === null || text === void 0 ? void 0 : text.compactNumbers))), /*#__PURE__*/React.createElement(S.FormatFooter, null, /*#__PURE__*/React.createElement(Button, {
145
+ }, text == null ? void 0 : text.compactNumbers))), /*#__PURE__*/React.createElement(S.FormatFooter, null, /*#__PURE__*/React.createElement(Button, {
158
146
  type: "ghost",
159
147
  onClick: onSetDefault
160
- }, text === null || text === void 0 ? void 0 : text.setDefault)));
148
+ }, text == null ? void 0 : text.setDefault)));
161
149
  };
162
150
 
163
151
  export default FormatSettings;
package/dist/FormatSettings/FormatSettings.styles.d.ts CHANGED
@@ -9,5 +9,5 @@ export declare const FormatFooter: import("styled-components").StyledComponent<"
9
9
  export declare const DropdownTrigger: import("styled-components").StyledComponent<"div", any, {}, never>;
10
10
  export declare const DropdownValue: import("styled-components").StyledComponent<"span", any, {}, never>;
11
11
  export declare const DropdownWrapper: import("styled-components").StyledComponent<typeof Menu, any, {}, never>;
12
- export declare const MenuItem: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-menu/dist/Elements/SubMenu/SubMenu.types").SubMenuProps & import("@synerise/ds-menu/dist/Elements/Item/MenuItem.types").MenuItemProps>, any, {}, never>;
12
+ export declare const MenuItem: import("styled-components").StyledComponent<import("react").FC<import("@synerise/ds-menu/dist/Elements/SubMenu/SubMenu.types").SubMenuProps & import("@synerise/ds-menu").MenuItemProps>, any, {}, never>;
13
13
  export declare const FixedLengthButton: import("styled-components").StyledComponent<typeof Button, any, {}, never>;
package/dist/utils/valueFormatter.js CHANGED
@@ -114,7 +114,7 @@ export var appendZeros = function appendZeros(fixedLength) {
114
114
  return '';
115
115
  }
116
116
 
117
- return ".".concat(range(0, fixedLength, 0).join(''));
117
+ return "." + range(0, fixedLength, 0).join('');
118
118
  };
119
119
  export var chooseSuffix = function chooseSuffix(compactNumbers) {
120
120
  return compactNumbers ? 'a' : '';
@@ -123,7 +123,7 @@ export var choosePrefix = function choosePrefix(useSeparator) {
123
123
  return useSeparator ? '0,0' : '0';
124
124
  };
125
125
  export var getFormattingFormula = function getFormattingFormula(formatting) {
126
- return "".concat(choosePrefix(formatting.useSeparator)).concat(appendZeros(formatting.fixedLength)).concat(chooseSuffix(formatting.compactNumbers));
126
+ return "" + choosePrefix(formatting.useSeparator) + appendZeros(formatting.fixedLength) + chooseSuffix(formatting.compactNumbers);
127
127
  };
128
128
  export var appendSign = function appendSign(input, intl, format, currency) {
129
129
  switch (format) {
@@ -138,11 +138,11 @@ export var appendSign = function appendSign(input, intl, format, currency) {
138
138
  currencyDisplay: 'symbol',
139
139
  currency: currency
140
140
  });
141
- return CONTAINS_LETTERS.test(input) ? currencyFormat.replace(DIGITS, "".concat(input, " ")) : currencyFormat.replace(DIGITS, input);
141
+ return CONTAINS_LETTERS.test(input) ? currencyFormat.replace(DIGITS, input + " ") : currencyFormat.replace(DIGITS, input);
142
142
  }
143
143
 
144
144
  case 'percent':
145
- return CONTAINS_LETTERS.test(input) ? "".concat(input, " %") : "".concat(input, "%");
145
+ return CONTAINS_LETTERS.test(input) ? input + " %" : input + "%";
146
146
 
147
147
  case 'numeric':
148
148
  default:
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-format-picker",
3
- "version": "0.2.1",
3
+ "version": "0.2.5",
4
4
  "description": "FormatPicker UI Component for the Synerise Design System",
5
5
  "license": "ISC",
6
6
  "repository": "Synerise/synerise-design",
@@ -32,13 +32,13 @@
32
32
  ],
33
33
  "types": "dist/index.d.ts",
34
34
  "dependencies": {
35
- "@synerise/ds-button": "^0.16.1",
36
- "@synerise/ds-button-group": "^0.6.1",
37
- "@synerise/ds-checkbox": "^0.11.1",
38
- "@synerise/ds-dropdown": "^0.17.1",
39
- "@synerise/ds-icon": "^0.46.1",
40
- "@synerise/ds-menu": "^0.11.1",
41
- "@synerise/ds-radio": "^0.11.1",
35
+ "@synerise/ds-button": "^0.16.2",
36
+ "@synerise/ds-button-group": "^0.6.2",
37
+ "@synerise/ds-checkbox": "^0.11.4",
38
+ "@synerise/ds-dropdown": "^0.17.4",
39
+ "@synerise/ds-icon": "^0.46.2",
40
+ "@synerise/ds-menu": "^0.11.3",
41
+ "@synerise/ds-radio": "^0.11.4",
42
42
  "@types/numeral": "^0.0.28",
43
43
  "numeral": "^2.0.6"
44
44
  },
@@ -46,5 +46,5 @@
46
46
  "@synerise/ds-core": "*",
47
47
  "react": ">=16.9.0 < 17.0.0"
48
48
  },
49
- "gitHead": "14733fd96fcf0727a2baf45444e54e9a490d64f4"
49
+ "gitHead": "dd78d8abea639d2d77cf841f8b41a1382cf8d827"
50
50
  }