@synerise/ds-format-picker 0.1.59 → 0.2.1

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 (7) hide show
  1. package/CHANGELOG.md +32 -0
  2. package/dist/FomartPicker.types.js +1 -0
  3. package/dist/FormatPicker.js +8 -9
  4. package/dist/FormatSettings/FormatSettings.js +29 -30
  5. package/dist/FormatSettings/FormatSettings.types.js +1 -0
  6. package/dist/utils/valueFormatter.types.js +1 -0
  7. 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.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
+
8
+ **Note:** Version bump only for package @synerise/ds-format-picker
9
+
10
+
11
+
12
+
13
+
14
+ # [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)
15
+
16
+ **Note:** Version bump only for package @synerise/ds-format-picker
17
+
18
+
19
+
20
+
21
+
22
+ ## [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)
23
+
24
+ **Note:** Version bump only for package @synerise/ds-format-picker
25
+
26
+
27
+
28
+
29
+
30
+ ## [0.1.60](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.1.58...@synerise/ds-format-picker@0.1.60) (2021-10-26)
31
+
32
+ **Note:** Version bump only for package @synerise/ds-format-picker
33
+
34
+
35
+
36
+
37
+
6
38
  ## [0.1.59](https://github.com/Synerise/synerise-design/compare/@synerise/ds-format-picker@0.1.58...@synerise/ds-format-picker@0.1.59) (2021-10-19)
7
39
 
8
40
  **Note:** Version bump only for package @synerise/ds-format-picker
package/dist/FomartPicker.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/FormatPicker.js CHANGED
@@ -1,15 +1,14 @@
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
7
  import * as React from 'react';
8
+ import { useIntl } from 'react-intl';
8
9
  import Button from '@synerise/ds-button';
9
10
  import Dropdown from '@synerise/ds-dropdown';
10
- import { useIntl } from 'react-intl';
11
- import Icon from '@synerise/ds-icon';
12
- import { HashM } from '@synerise/ds-icon/dist/icons';
11
+ import Icon, { HashM } from '@synerise/ds-icon';
13
12
  import FormatSettings from './FormatSettings/FormatSettings';
14
13
  import { valueFormatter } from './utils/valueFormatter';
15
14
 
@@ -61,9 +60,9 @@ var FormatPicker = function FormatPicker(_ref) {
61
60
  })
62
61
  }, text);
63
62
  }, [text, intl]);
64
- return React.createElement(Dropdown, {
63
+ return /*#__PURE__*/React.createElement(Dropdown, {
65
64
  trigger: ['click'],
66
- overlay: React.createElement(FormatSettings, {
65
+ overlay: /*#__PURE__*/React.createElement(FormatSettings, {
67
66
  onCurrencyChange: onCurrencyChange,
68
67
  onFixedLengthChange: onFixedLengthChange,
69
68
  onDataFormatChange: onDataFormatChange,
@@ -76,11 +75,11 @@ var FormatPicker = function FormatPicker(_ref) {
76
75
  currenciesConfig: currenciesConfig
77
76
  }),
78
77
  placement: "topCenter"
79
- }, React.createElement(Button, {
78
+ }, /*#__PURE__*/React.createElement(Button, {
80
79
  type: "tertiary",
81
80
  mode: "icon-label"
82
- }, React.createElement(Icon, {
83
- component: React.createElement(HashM, null)
81
+ }, /*#__PURE__*/React.createElement(Icon, {
82
+ component: /*#__PURE__*/React.createElement(HashM, null)
84
83
  }), "".concat(texts.format, " ").concat(valueFormatter({
85
84
  value: value,
86
85
  formatting: format,
package/dist/FormatSettings/FormatSettings.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
 
@@ -8,20 +8,19 @@ function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableTo
8
8
 
9
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
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(n); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
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
12
 
13
- function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && Symbol.iterator in Object(iter)) return Array.from(iter); }
13
+ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
14
14
 
15
15
  function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
16
16
 
17
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
18
 
19
19
  import * as React from 'react';
20
- import { AngleDownS, Coin2M, CommaDecM, CommaIncM, HashM, PercentM } from '@synerise/ds-icon/dist/icons';
20
+ import Icon, { AngleDownS, Coin2M, CommaDecM, CommaIncM, HashM, PercentM } from '@synerise/ds-icon';
21
21
  import { useIntl } from 'react-intl';
22
22
  import { Title } from '@synerise/ds-typography';
23
23
  import Tooltip from '@synerise/ds-tooltip';
24
- import Icon from '@synerise/ds-icon';
25
24
  import Radio from '@synerise/ds-radio';
26
25
  import ButtonGroup from '@synerise/ds-button-group';
27
26
  import Button from '@synerise/ds-button';
@@ -33,15 +32,15 @@ import { valueFormatter } from '../utils/valueFormatter';
33
32
  var getFormattingTypes = function getFormattingTypes(intl, text) {
34
33
  return [{
35
34
  format: 'numeric',
36
- icon: React.createElement(HashM, null),
35
+ icon: /*#__PURE__*/React.createElement(HashM, null),
37
36
  tooltip: text === null || text === void 0 ? void 0 : text.numeric
38
37
  }, {
39
38
  format: 'percent',
40
- icon: React.createElement(PercentM, null),
39
+ icon: /*#__PURE__*/React.createElement(PercentM, null),
41
40
  tooltip: text === null || text === void 0 ? void 0 : text.percentage
42
41
  }, {
43
42
  format: 'cash',
44
- icon: React.createElement(Coin2M, null),
43
+ icon: /*#__PURE__*/React.createElement(Coin2M, null),
45
44
  tooltip: text === null || text === void 0 ? void 0 : text.cash
46
45
  }];
47
46
  };
@@ -89,51 +88,51 @@ var FormatSettings = function FormatSettings(_ref) {
89
88
  return currency.currency === format.currency;
90
89
  });
91
90
  }, [currenciesConfig, format]);
92
- return React.createElement(S.FormatSettingsContainer, null, React.createElement(S.FormatSettingsWrapper, null, React.createElement(Title, {
91
+ return /*#__PURE__*/React.createElement(S.FormatSettingsContainer, null, /*#__PURE__*/React.createElement(S.FormatSettingsWrapper, null, /*#__PURE__*/React.createElement(Title, {
93
92
  level: 6
94
- }, text === null || text === void 0 ? void 0 : text.header), React.createElement(S.FormatSettings, null, React.createElement(Radio.Group, {
93
+ }, text === null || text === void 0 ? void 0 : text.header), /*#__PURE__*/React.createElement(S.FormatSettings, null, /*#__PURE__*/React.createElement(Radio.Group, {
95
94
  defaultValue: format.dataFormat,
96
95
  onChange: function onChange(e) {
97
96
  return onDataFormatChange(e.target.value);
98
97
  }
99
- }, React.createElement(ButtonGroup, null, getFormattingTypes(intl, text).map(function (type) {
100
- return React.createElement(Tooltip, {
98
+ }, /*#__PURE__*/React.createElement(ButtonGroup, null, getFormattingTypes(intl, text).map(function (type) {
99
+ return /*#__PURE__*/React.createElement(Tooltip, {
101
100
  key: type.format,
102
101
  trigger: ['hover'],
103
102
  title: type.tooltip
104
- }, React.createElement(Button, {
103
+ }, /*#__PURE__*/React.createElement(Button, {
105
104
  type: type.format === format.dataFormat ? 'primary' : 'secondary',
106
105
  mode: "icon",
107
106
  onClick: function onClick() {
108
107
  return onDataFormatChange(type.format);
109
108
  }
110
- }, React.createElement(Icon, {
109
+ }, /*#__PURE__*/React.createElement(Icon, {
111
110
  component: type.icon
112
111
  })));
113
- }))), React.createElement(ButtonGroup, {
112
+ }))), /*#__PURE__*/React.createElement(ButtonGroup, {
114
113
  buttonsPosition: "right"
115
- }, React.createElement(S.FixedLengthButton, {
114
+ }, /*#__PURE__*/React.createElement(S.FixedLengthButton, {
116
115
  type: "secondary",
117
116
  mode: "icon",
118
117
  onClick: handleDecreaseFixedLength
119
- }, React.createElement(Icon, {
120
- component: React.createElement(CommaDecM, null)
121
- })), React.createElement(S.FixedLengthButton, {
118
+ }, /*#__PURE__*/React.createElement(Icon, {
119
+ component: /*#__PURE__*/React.createElement(CommaDecM, null)
120
+ })), /*#__PURE__*/React.createElement(S.FixedLengthButton, {
122
121
  type: "secondary",
123
122
  mode: "icon",
124
123
  onClick: handleIncreaseFixedLength
125
- }, React.createElement(Icon, {
126
- component: React.createElement(CommaIncM, null)
127
- })))), React.createElement(S.FormatOptions, null, format.dataFormat === 'cash' && React.createElement(Dropdown, {
124
+ }, /*#__PURE__*/React.createElement(Icon, {
125
+ component: /*#__PURE__*/React.createElement(CommaIncM, null)
126
+ })))), /*#__PURE__*/React.createElement(S.FormatOptions, null, format.dataFormat === 'cash' && /*#__PURE__*/React.createElement(Dropdown, {
128
127
  trigger: ['click'],
129
- overlay: React.createElement(S.DropdownWrapper, null, getCurrenciesConfig(currenciesConfig || []).map(function (_ref2) {
128
+ overlay: /*#__PURE__*/React.createElement(S.DropdownWrapper, null, getCurrenciesConfig(currenciesConfig || []).map(function (_ref2) {
130
129
  var currency = _ref2.currency,
131
130
  label = _ref2.label;
132
- return React.createElement(S.MenuItem, {
131
+ return /*#__PURE__*/React.createElement(S.MenuItem, {
133
132
  key: currency,
134
133
  suffixel: valueFormatter({
135
134
  value: value,
136
- formatting: _objectSpread({}, format, {
135
+ formatting: _objectSpread(_objectSpread({}, format), {}, {
137
136
  currency: currency
138
137
  }),
139
138
  intl: intl
@@ -143,19 +142,19 @@ var FormatSettings = function FormatSettings(_ref) {
143
142
  }
144
143
  }, label);
145
144
  }))
146
- }, React.createElement(S.DropdownTrigger, null, React.createElement(S.DropdownValue, null, selectedCurrency === null || selectedCurrency === void 0 ? void 0 : selectedCurrency.label), React.createElement(Icon, {
147
- component: React.createElement(AngleDownS, null)
148
- }))), React.createElement(Checkbox, {
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, {
146
+ component: /*#__PURE__*/React.createElement(AngleDownS, null)
147
+ }))), /*#__PURE__*/React.createElement(Checkbox, {
149
148
  onChange: function onChange(e) {
150
149
  return onUseSeparatorChange(e.target.checked);
151
150
  },
152
151
  checked: format.useSeparator
153
- }, text === null || text === void 0 ? void 0 : text.useSeparator), React.createElement(Checkbox, {
152
+ }, text === null || text === void 0 ? void 0 : text.useSeparator), /*#__PURE__*/React.createElement(Checkbox, {
154
153
  onChange: function onChange(e) {
155
154
  return onCompactNumbersChange(e.target.checked);
156
155
  },
157
156
  checked: format.compactNumbers
158
- }, text === null || text === void 0 ? void 0 : text.compactNumbers))), React.createElement(S.FormatFooter, null, React.createElement(Button, {
157
+ }, text === null || text === void 0 ? void 0 : text.compactNumbers))), /*#__PURE__*/React.createElement(S.FormatFooter, null, /*#__PURE__*/React.createElement(Button, {
159
158
  type: "ghost",
160
159
  onClick: onSetDefault
161
160
  }, text === null || text === void 0 ? void 0 : text.setDefault)));
package/dist/FormatSettings/FormatSettings.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/dist/utils/valueFormatter.types.js CHANGED
@@ -0,0 +1 @@
1
+ export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@synerise/ds-format-picker",
3
- "version": "0.1.59",
3
+ "version": "0.2.1",
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.14.0",
36
- "@synerise/ds-button-group": "^0.5.126",
37
- "@synerise/ds-checkbox": "^0.10.30",
38
- "@synerise/ds-dropdown": "^0.12.0",
39
- "@synerise/ds-icon": "^0.34.0",
40
- "@synerise/ds-menu": "^0.10.43",
41
- "@synerise/ds-radio": "^0.10.75",
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",
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": "b69adf958dccdf8cc697fbba1a47acc96218f40e"
49
+ "gitHead": "14733fd96fcf0727a2baf45444e54e9a490d64f4"
50
50
  }