td-stylekit 28.22.4 → 28.23.0
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.
package/CHANGELOG.md
CHANGED
|
@@ -1,3 +1,10 @@
|
|
|
1
|
+
# [28.23.0](https://github.com/treasure-data/td-stylekit/compare/v28.22.4...v28.23.0) (2023-06-20)
|
|
2
|
+
|
|
3
|
+
|
|
4
|
+
### Features
|
|
5
|
+
|
|
6
|
+
* **CON-13235:** Provide search placeholders to shuttle ([#1481](https://github.com/treasure-data/td-stylekit/issues/1481)) ([dfdc1f7](https://github.com/treasure-data/td-stylekit/commit/dfdc1f7))
|
|
7
|
+
|
|
1
8
|
## [28.22.4](https://github.com/treasure-data/td-stylekit/compare/v28.22.3...v28.22.4) (2023-06-19)
|
|
2
9
|
|
|
3
10
|
|
|
@@ -24,6 +24,8 @@ export type ShuttleProps = Omit<MultiSelectProps, 'rowRenderer' | 'initiallySele
|
|
|
24
24
|
rightSelectedLabel?: string;
|
|
25
25
|
leftTotalLabel?: string;
|
|
26
26
|
rightTotalLabel?: string;
|
|
27
|
+
leftSearchPlaceholder?: string;
|
|
28
|
+
rightSearchPlaceholder?: string;
|
|
27
29
|
ref?: React.RefObject<Shuttle>;
|
|
28
30
|
};
|
|
29
31
|
type ShuttleState = {
|
|
@@ -44,6 +46,8 @@ declare class Shuttle extends React.Component<ShuttleProps, ShuttleState> {
|
|
|
44
46
|
rightSelectedLabel: string;
|
|
45
47
|
leftTotalLabel: string;
|
|
46
48
|
rightTotalLabel: string;
|
|
49
|
+
leftSearchPlaceholder: string;
|
|
50
|
+
rightSearchPlaceholder: string;
|
|
47
51
|
};
|
|
48
52
|
leftSelect: React.RefObject<BaseMultiSelect>;
|
|
49
53
|
rightSelect: React.RefObject<BaseMultiSelect>;
|
|
@@ -207,7 +207,9 @@ var Shuttle = /*#__PURE__*/function (_React$Component) {
|
|
|
207
207
|
leftSelectedLabel = _this$props3.leftSelectedLabel,
|
|
208
208
|
rightSelectedLabel = _this$props3.rightSelectedLabel,
|
|
209
209
|
leftTotalLabel = _this$props3.leftTotalLabel,
|
|
210
|
-
rightTotalLabel = _this$props3.rightTotalLabel
|
|
210
|
+
rightTotalLabel = _this$props3.rightTotalLabel,
|
|
211
|
+
leftSearchPlaceholder = _this$props3.leftSearchPlaceholder,
|
|
212
|
+
rightSearchPlaceholder = _this$props3.rightSearchPlaceholder;
|
|
211
213
|
var _this$state3 = this.state,
|
|
212
214
|
leftSearchText = _this$state3.leftSearchText,
|
|
213
215
|
rightSearchText = _this$state3.rightSearchText,
|
|
@@ -231,6 +233,7 @@ var Shuttle = /*#__PURE__*/function (_React$Component) {
|
|
|
231
233
|
"data-instrumentation": "".concat(dataInstrumentation, "-left"),
|
|
232
234
|
onFilterChange: this.leftSearchHandler,
|
|
233
235
|
inputName: "leftsearch",
|
|
236
|
+
inputPlaceholder: leftSearchPlaceholder,
|
|
234
237
|
onEnterKey: this.onAdd,
|
|
235
238
|
width: this.props.width,
|
|
236
239
|
height: this.props.height,
|
|
@@ -275,6 +278,7 @@ var Shuttle = /*#__PURE__*/function (_React$Component) {
|
|
|
275
278
|
"data-instrumentation": "".concat(dataInstrumentation, "-right"),
|
|
276
279
|
onFilterChange: this.rightSearchHandler,
|
|
277
280
|
inputName: "rightsearch",
|
|
281
|
+
inputPlaceholder: rightSearchPlaceholder,
|
|
278
282
|
ref: this.rightSelect,
|
|
279
283
|
onEnterKey: this.onRemove,
|
|
280
284
|
width: this.props.width,
|
|
@@ -300,7 +304,9 @@ _defineProperty(Shuttle, "defaultProps", {
|
|
|
300
304
|
leftSelectedLabel: 'selected',
|
|
301
305
|
rightSelectedLabel: 'selected',
|
|
302
306
|
leftTotalLabel: 'total',
|
|
303
|
-
rightTotalLabel: 'total'
|
|
307
|
+
rightTotalLabel: 'total',
|
|
308
|
+
leftSearchPlaceholder: '',
|
|
309
|
+
rightSearchPlaceholder: ''
|
|
304
310
|
});
|
|
305
311
|
|
|
306
312
|
var _default = Shuttle;
|