glints-aries 4.0.273 → 4.0.274

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 (5) hide show
  1. package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js +4 -1
  2. package/es/@next/Select/selectStoryHelper/Searchable.js +7 -4
  3. package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js +4 -1
  4. package/lib/@next/Select/selectStoryHelper/Searchable.js +7 -4
  5. package/package.json +1 -1
package/es/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js CHANGED
@@ -6,6 +6,7 @@ import { StyledInput, StyledPrefixContainer } from '../../../Input/InputStyle';
6
6
  import { ClearSelected } from './ClearSelected';
7
7
  import { InputContainer, StyledContainer, StyledSelected, StyledSelectedValue } from './SearchableSelectInputStyle';
8
8
  export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSelectInput(_ref, ref) {
9
+ var _options$find;
9
10
  var _ref$disabled = _ref.disabled,
10
11
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
11
12
  error = _ref.error,
@@ -122,7 +123,9 @@ export var SearchableSelectInput = /*#__PURE__*/forwardRef(function SearchableSe
122
123
  }, /*#__PURE__*/React.createElement(StyledPrefixContainer, null, prefix), showSelected && /*#__PURE__*/React.createElement(StyledSelectedValue, {
123
124
  className: "searchable-select",
124
125
  onClick: handleSelectedClick
125
- }, /*#__PURE__*/React.createElement(StyledSelected, null, selectedValue)), showInput && /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(StyledInput, _extends({
126
+ }, /*#__PURE__*/React.createElement(StyledSelected, null, ((_options$find = options.find(function (option) {
127
+ return option.value === selectedValue;
128
+ })) == null ? void 0 : _options$find.label) || selectedValue)), showInput && /*#__PURE__*/React.createElement(InputContainer, null, /*#__PURE__*/React.createElement(StyledInput, _extends({
126
129
  ref: inputRef,
127
130
  onChange: handleInputChange,
128
131
  placeholder: showPlaceholder ? placeholder : null,
package/es/@next/Select/selectStoryHelper/Searchable.js CHANGED
@@ -35,12 +35,15 @@ export var SearchableSelect = function SearchableSelect(_ref) {
35
35
  setSelectedOptions(options);
36
36
  };
37
37
  };
38
- var tagsMarkup = selectedOptions.map(function (option) {
38
+ var tagsMarkup = selectedOptions.map(function (value) {
39
+ var _data$find;
39
40
  return /*#__PURE__*/React.createElement(StyledTag, {
40
- key: "option-" + option,
41
- onRemove: removeTag(option),
41
+ key: "option-" + value,
42
+ onRemove: removeTag(value),
42
43
  textColor: Blue.S99
43
- }, option);
44
+ }, ((_data$find = data.find(function (option) {
45
+ return option.value === value;
46
+ })) == null ? void 0 : _data$find.label) || value);
44
47
  });
45
48
  return /*#__PURE__*/React.createElement("div", null, /*#__PURE__*/React.createElement(Select, _extends({}, args, {
46
49
  onSelect: handleSelect,
package/lib/@next/Select/components/SearchableSelectInput/SearchableSelectInput.js CHANGED
@@ -13,6 +13,7 @@ var _excluded = ["disabled", "error", "filterOptions", "onSelect", "placeholder"
13
13
  function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
14
14
  function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
15
15
  var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function SearchableSelectInput(_ref, ref) {
16
+ var _options$find;
16
17
  var _ref$disabled = _ref.disabled,
17
18
  disabled = _ref$disabled === void 0 ? false : _ref$disabled,
18
19
  error = _ref.error,
@@ -129,7 +130,9 @@ var SearchableSelectInput = /*#__PURE__*/(0, _react.forwardRef)(function Searcha
129
130
  }, /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledPrefixContainer, null, prefix), showSelected && /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.StyledSelectedValue, {
130
131
  className: "searchable-select",
131
132
  onClick: handleSelectedClick
132
- }, /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.StyledSelected, null, selectedValue)), showInput && /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.InputContainer, null, /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
133
+ }, /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.StyledSelected, null, ((_options$find = options.find(function (option) {
134
+ return option.value === selectedValue;
135
+ })) == null ? void 0 : _options$find.label) || selectedValue)), showInput && /*#__PURE__*/_react["default"].createElement(_SearchableSelectInputStyle.InputContainer, null, /*#__PURE__*/_react["default"].createElement(_InputStyle.StyledInput, (0, _extends2["default"])({
133
136
  ref: inputRef,
134
137
  onChange: handleInputChange,
135
138
  placeholder: showPlaceholder ? placeholder : null,
package/lib/@next/Select/selectStoryHelper/Searchable.js CHANGED
@@ -42,12 +42,15 @@ var SearchableSelect = function SearchableSelect(_ref) {
42
42
  setSelectedOptions(options);
43
43
  };
44
44
  };
45
- var tagsMarkup = selectedOptions.map(function (option) {
45
+ var tagsMarkup = selectedOptions.map(function (value) {
46
+ var _data$find;
46
47
  return /*#__PURE__*/_react["default"].createElement(_SelectStoryStyle.StyledTag, {
47
- key: "option-" + option,
48
- onRemove: removeTag(option),
48
+ key: "option-" + value,
49
+ onRemove: removeTag(value),
49
50
  textColor: _colors.Blue.S99
50
- }, option);
51
+ }, ((_data$find = data.find(function (option) {
52
+ return option.value === value;
53
+ })) == null ? void 0 : _data$find.label) || value);
51
54
  });
52
55
  return /*#__PURE__*/_react["default"].createElement("div", null, /*#__PURE__*/_react["default"].createElement(_Select.Select, (0, _extends2["default"])({}, args, {
53
56
  onSelect: handleSelect,
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "glints-aries",
3
- "version": "4.0.273",
3
+ "version": "4.0.274",
4
4
  "description": "Glints ui-kit for frontend",
5
5
  "main": "./lib/index.js",
6
6
  "module": "./es/index.js",