carbon-react 111.5.2 → 111.5.3

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 (18) hide show
  1. package/esm/components/search/index.d.ts +2 -1
  2. package/esm/components/search/search-button.style.d.ts +3 -0
  3. package/esm/components/search/search-button.style.js +36 -0
  4. package/esm/components/search/search.component.d.ts +55 -0
  5. package/esm/components/search/search.component.js +202 -112
  6. package/esm/components/search/search.style.d.ts +10 -3
  7. package/esm/components/search/search.style.js +1 -32
  8. package/lib/components/search/index.d.ts +2 -1
  9. package/lib/components/search/search-button.style.d.ts +3 -0
  10. package/lib/components/search/search-button.style.js +51 -0
  11. package/lib/components/search/search.component.d.ts +55 -0
  12. package/lib/components/search/search.component.js +205 -116
  13. package/lib/components/search/search.style.d.ts +10 -3
  14. package/lib/components/search/search.style.js +2 -36
  15. package/package.json +3 -4
  16. package/esm/components/search/search.d.ts +0 -52
  17. package/lib/components/search/search.d.ts +0 -52
  18. package/scripts/check_carbon_version/check_carbon_version.js +0 -39
package/lib/components/search/search.component.d.ts ADDED
@@ -0,0 +1,55 @@
1
+ import React from "react";
2
+ import { MarginProps } from "styled-system";
3
+ import { ValidationProps } from "../../__internal__/validations";
4
+ export interface SearchEvent {
5
+ target: {
6
+ name?: string;
7
+ id?: string;
8
+ value: string;
9
+ };
10
+ }
11
+ export interface SearchProps extends ValidationProps, MarginProps {
12
+ /** Prop to specify the aria-label of the search component */
13
+ "aria-label"?: string;
14
+ /** Prop for `uncontrolled` use */
15
+ defaultValue?: string;
16
+ /** Prop for `id` */
17
+ id?: string;
18
+ /** A callback to retrieve the input reference */
19
+ inputRef?: React.MutableRefObject<HTMLInputElement | null>;
20
+ /** Prop for `name` */
21
+ name?: string;
22
+ /** Prop for `onBlur` events */
23
+ onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
24
+ /** Prop for `onChange` events */
25
+ onChange?: (ev: SearchEvent) => void;
26
+ /** Prop for `onClick` events.
27
+ * `onClick` events are triggered when the `searchButton` is clicked
28
+ */
29
+ onClick?: (ev: SearchEvent) => void;
30
+ /** Prop for `onFocus` events */
31
+ onFocus?: (ev: React.FocusEvent<HTMLInputElement>) => void;
32
+ /** Prop for `onKeyDown` events */
33
+ onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
34
+ /** Prop for a placeholder */
35
+ placeholder?: string;
36
+ /** Prop boolean to state whether the `search` icon renders */
37
+ searchButton?: boolean;
38
+ /**
39
+ * Prop for specifying an input width length.
40
+ * Leaving the `searchWidth` prop with no value will default the width to '100%'
41
+ */
42
+ searchWidth?: string;
43
+ /** Prop for active search threshold. This must be a positive number */
44
+ threshold?: number;
45
+ /** Prop for `controlled` use */
46
+ value?: string;
47
+ /** Prop to specify the styling of the search component */
48
+ variant?: "default" | "dark";
49
+ /** Input tabindex */
50
+ tabIndex?: number;
51
+ /** Overrides the default tooltip position */
52
+ tooltipPosition?: "top" | "bottom" | "left" | "right";
53
+ }
54
+ export declare const Search: ({ defaultValue, onChange, onClick, onFocus, onBlur, onKeyDown, value, id, name, threshold, searchWidth, searchButton, placeholder, variant, "aria-label": ariaLabel, inputRef, tabIndex, error, warning, info, tooltipPosition, ...rest }: SearchProps) => JSX.Element;
55
+ export default Search;
package/lib/components/search/search.component.js CHANGED
@@ -3,21 +3,21 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.default = void 0;
6
+ exports.default = exports.Search = void 0;
7
7
 
8
8
  var _react = _interopRequireWildcard(require("react"));
9
9
 
10
10
  var _propTypes = _interopRequireDefault(require("prop-types"));
11
11
 
12
- var _propTypes2 = _interopRequireDefault(require("@styled-system/prop-types"));
13
-
14
12
  var _invariant = _interopRequireDefault(require("invariant"));
15
13
 
16
- var _search = _interopRequireWildcard(require("./search.style"));
14
+ var _utils = require("../../style/utils");
17
15
 
18
16
  var _tags = _interopRequireDefault(require("../../__internal__/utils/helpers/tags/tags"));
19
17
 
20
- var _utils = require("../../style/utils");
18
+ var _search = _interopRequireDefault(require("./search.style"));
19
+
20
+ var _searchButton = _interopRequireWildcard(require("./search-button.style"));
21
21
 
22
22
  var _icon = _interopRequireDefault(require("../icon"));
23
23
 
@@ -33,8 +33,6 @@ function _interopRequireWildcard(obj) { if (obj && obj.__esModule) { return obj;
33
33
 
34
34
  function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
35
35
 
36
- const marginPropTypes = (0, _utils.filterStyledSystemMarginProps)(_propTypes2.default.space);
37
-
38
36
  const Search = ({
39
37
  defaultValue,
40
38
  onChange,
@@ -62,6 +60,7 @@ const Search = ({
62
60
  const isControlled = value !== undefined;
63
61
  const initialValue = isControlled ? value : defaultValue;
64
62
  !(typeof initialValue === "string") ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "This component has no initial value") : (0, _invariant.default)(false) : void 0;
63
+ !(threshold === undefined || typeof threshold === "number" && threshold > 0) ? process.env.NODE_ENV !== "production" ? (0, _invariant.default)(false, "Threshold must be a positive number") : (0, _invariant.default)(false) : void 0;
65
64
  const [searchValue, setSearchValue] = (0, _react.useState)(initialValue);
66
65
  const [isFocused, setIsFocused] = (0, _react.useState)(false);
67
66
  const [searchIsActive, setSearchIsActive] = (0, _react.useState)(initialValue.length >= threshold);
@@ -80,36 +79,35 @@ const Search = ({
80
79
  return ["search", -1];
81
80
  }
82
81
 
83
- return ["", -1];
82
+ return [undefined, -1];
84
83
  }, [isControlled, searchValue, value, isFocused, searchIsActive, threshold, searchButton, inputRef]);
84
+ let buttonProps = {};
85
85
 
86
- const handleChange = e => {
86
+ const handleChange = event => {
87
87
  if (onChange) {
88
- onChange(e);
88
+ onChange(event);
89
89
  }
90
90
 
91
91
  if (!isControlled) {
92
- setSearchValue(e.target.value);
92
+ setSearchValue(event.target.value);
93
93
  }
94
94
  };
95
95
 
96
- const handleFocus = e => {
96
+ const handleFocus = event => {
97
97
  setIsFocused(true);
98
98
 
99
99
  if (onFocus) {
100
- onFocus(e);
100
+ onFocus(event);
101
101
  }
102
102
  };
103
103
 
104
- let buttonProps = {};
105
-
106
104
  if (searchButton && onClick) {
107
105
  buttonProps = {
108
- onClick: ev => {
106
+ onClick: () => {
109
107
  onClick({
110
108
  target: {
111
- name: ev.target.name || name,
112
- id: ev.target.id || id,
109
+ name,
110
+ id,
113
111
  value: !isControlled ? searchValue : value
114
112
  }
115
113
  });
@@ -134,39 +132,40 @@ const Search = ({
134
132
  }
135
133
  };
136
134
 
137
- const handleMouseDown = ev => {
138
- ev.preventDefault();
135
+ const handleMouseDown = event => {
136
+ event.preventDefault();
139
137
  };
140
138
 
141
- const handleBlur = e => {
139
+ const handleBlur = event => {
142
140
  setIsFocused(false);
143
141
 
144
142
  if (onBlur) {
145
- onBlur(e);
143
+ onBlur(event);
146
144
  }
147
145
  };
148
146
 
149
- const handleKeyDown = ev => {
150
- if (ev.key.length === 1) {
151
- ev.stopPropagation();
147
+ const handleKeyDown = event => {
148
+ if (event.key.length === 1) {
149
+ event.stopPropagation();
152
150
  }
153
151
 
154
152
  if (onKeyDown) {
155
- onKeyDown(ev);
153
+ onKeyDown(event);
156
154
  }
157
155
  };
158
156
 
159
157
  const assignInput = input => {
160
158
  if (inputRef) {
161
- inputRef.current = input.current;
159
+ inputRef.current = input === null || input === void 0 ? void 0 : input.current;
162
160
  }
163
161
  };
164
162
 
163
+ const isSearchTyped = isFocused || (!isControlled ? !!searchValue.length : !!value.length);
165
164
  return /*#__PURE__*/_react.default.createElement(_search.default, _extends({
166
165
  isFocused: isFocused,
167
166
  searchWidth: searchWidth,
168
167
  searchIsActive: searchIsActive,
169
- searchHasValue: !isControlled ? searchValue && searchValue.length : value && value.length,
168
+ searchHasValue: !isControlled ? !!(searchValue !== null && searchValue !== void 0 && searchValue.length) : !!(value !== null && value !== void 0 && value.length),
170
169
  showSearchButton: searchButton,
171
170
  variant: variant,
172
171
  mb: 0
@@ -191,103 +190,193 @@ const Search = ({
191
190
  warning: warning,
192
191
  info: info,
193
192
  tooltipPosition: tooltipPosition
194
- }), searchButton && /*#__PURE__*/_react.default.createElement(_search.StyledSearchButton, null, Boolean(isFocused || (!isControlled ? searchValue.length : value.length)) && /*#__PURE__*/_react.default.createElement(_button.default, _extends({
195
- tabIndex: iconTabIndex,
193
+ }), searchButton && /*#__PURE__*/_react.default.createElement(_searchButton.default, null, isSearchTyped && /*#__PURE__*/_react.default.createElement(_button.default, _extends({
196
194
  size: "medium",
197
195
  px: "16px"
198
- }, buttonProps), /*#__PURE__*/_react.default.createElement(_search.StyledButtonIcon, null, /*#__PURE__*/_react.default.createElement(_icon.default, {
196
+ }, buttonProps), /*#__PURE__*/_react.default.createElement(_searchButton.StyledButtonIcon, null, /*#__PURE__*/_react.default.createElement(_icon.default, {
199
197
  type: "search"
200
198
  })))));
201
199
  };
202
200
 
201
+ exports.Search = Search;
203
202
  Search.propTypes = {
204
- /** Filtered styled system margin props */
205
- ...marginPropTypes,
206
-
207
- /** Prop for `uncontrolled` use */
208
- defaultValue: _propTypes.default.string,
209
-
210
- /** Prop for `controlled` use */
211
- value: _propTypes.default.string,
212
-
213
- /** Prop for `onClick` events.
214
- * `onClick` events are triggered when the `searchButton` is clicked */
215
- onClick: _propTypes.default.func,
216
-
217
- /** Prop for `onChange` events */
218
- onChange: _propTypes.default.func,
219
-
220
- /** Prop for `onKeyDown` events */
221
- onKeyDown: _propTypes.default.func,
222
-
223
- /** Prop boolean to state whether the `search` icon renders */
224
- searchButton: _propTypes.default.bool,
225
-
226
- /** Prop for specifying an input width length.
227
- * Leaving the `searchWidth` prop with no value will default the width to '100%' */
228
- searchWidth: _propTypes.default.string,
229
-
230
- /** Prop for `onFocus` events */
231
- onFocus: _propTypes.default.func,
232
-
233
- /** Prop for `onBlur` events */
234
- onBlur: _propTypes.default.func,
235
-
236
- /** Prop for `id` */
237
- id: _propTypes.default.string,
238
-
239
- /** Prop for `name` */
240
- name: _propTypes.default.string,
241
-
242
- /** Prop for active search threshold. This must be a positive number */
243
- threshold(props, propName) {
244
- let error;
245
-
246
- if (props[propName] && typeof props[propName] === "number" && props[propName] < 0) {
247
- error = new Error("Threshold must be a positive number.");
248
- }
249
-
250
- return error;
251
- },
252
-
253
- /** Prop for a placeholder */
254
- placeholder: _propTypes.default.string,
255
-
256
- /** Prop to specify the styling of the search component */
257
- variant: _propTypes.default.oneOf(["default", "dark"]),
258
-
259
- /** Prop to specify the aria-label of the search component */
260
203
  "aria-label": _propTypes.default.string,
261
-
262
- /**
263
- * @private
264
- * @ignore
265
- * A callback to retrieve the input reference
266
- */
267
- inputRef: _propTypes.default.shape({
268
- current: _propTypes.default.instanceOf(Element)
204
+ "defaultValue": _propTypes.default.string,
205
+ "error": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
206
+ "id": _propTypes.default.string,
207
+ "info": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool]),
208
+ "inputRef": _propTypes.default.shape({
209
+ "current": _propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.object]).isRequired
269
210
  }),
270
-
271
- /** Input tabindex */
272
- tabIndex: _propTypes.default.number,
273
-
274
- /** Indicate that error has occurred
275
- Pass string to display icon, tooltip and red border
276
- Pass true boolean to only display red border */
277
- error: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
278
-
279
- /** Indicate that warning has occurred
280
- Pass string to display icon, tooltip and orange border
281
- Pass true boolean to only display orange border */
282
- warning: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
283
-
284
- /** Indicate additional information
285
- Pass string to display icon, tooltip and blue border
286
- Pass true boolean to only display blue border */
287
- info: _propTypes.default.oneOfType([_propTypes.default.bool, _propTypes.default.string]),
288
-
289
- /** Overrides the default tooltip position */
290
- tooltipPosition: _propTypes.default.oneOf(["top", "bottom", "left", "right"])
211
+ "m": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
212
+ "__@toStringTag": _propTypes.default.string.isRequired,
213
+ "description": _propTypes.default.string,
214
+ "toString": _propTypes.default.func.isRequired,
215
+ "valueOf": _propTypes.default.func.isRequired
216
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
217
+ "__@toStringTag": _propTypes.default.string.isRequired,
218
+ "description": _propTypes.default.string,
219
+ "toString": _propTypes.default.func.isRequired,
220
+ "valueOf": _propTypes.default.func.isRequired
221
+ }), _propTypes.default.string]),
222
+ "margin": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
223
+ "__@toStringTag": _propTypes.default.string.isRequired,
224
+ "description": _propTypes.default.string,
225
+ "toString": _propTypes.default.func.isRequired,
226
+ "valueOf": _propTypes.default.func.isRequired
227
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
228
+ "__@toStringTag": _propTypes.default.string.isRequired,
229
+ "description": _propTypes.default.string,
230
+ "toString": _propTypes.default.func.isRequired,
231
+ "valueOf": _propTypes.default.func.isRequired
232
+ }), _propTypes.default.string]),
233
+ "marginBottom": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
234
+ "__@toStringTag": _propTypes.default.string.isRequired,
235
+ "description": _propTypes.default.string,
236
+ "toString": _propTypes.default.func.isRequired,
237
+ "valueOf": _propTypes.default.func.isRequired
238
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
239
+ "__@toStringTag": _propTypes.default.string.isRequired,
240
+ "description": _propTypes.default.string,
241
+ "toString": _propTypes.default.func.isRequired,
242
+ "valueOf": _propTypes.default.func.isRequired
243
+ }), _propTypes.default.string]),
244
+ "marginLeft": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
245
+ "__@toStringTag": _propTypes.default.string.isRequired,
246
+ "description": _propTypes.default.string,
247
+ "toString": _propTypes.default.func.isRequired,
248
+ "valueOf": _propTypes.default.func.isRequired
249
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
250
+ "__@toStringTag": _propTypes.default.string.isRequired,
251
+ "description": _propTypes.default.string,
252
+ "toString": _propTypes.default.func.isRequired,
253
+ "valueOf": _propTypes.default.func.isRequired
254
+ }), _propTypes.default.string]),
255
+ "marginRight": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
256
+ "__@toStringTag": _propTypes.default.string.isRequired,
257
+ "description": _propTypes.default.string,
258
+ "toString": _propTypes.default.func.isRequired,
259
+ "valueOf": _propTypes.default.func.isRequired
260
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
261
+ "__@toStringTag": _propTypes.default.string.isRequired,
262
+ "description": _propTypes.default.string,
263
+ "toString": _propTypes.default.func.isRequired,
264
+ "valueOf": _propTypes.default.func.isRequired
265
+ }), _propTypes.default.string]),
266
+ "marginTop": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
267
+ "__@toStringTag": _propTypes.default.string.isRequired,
268
+ "description": _propTypes.default.string,
269
+ "toString": _propTypes.default.func.isRequired,
270
+ "valueOf": _propTypes.default.func.isRequired
271
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
272
+ "__@toStringTag": _propTypes.default.string.isRequired,
273
+ "description": _propTypes.default.string,
274
+ "toString": _propTypes.default.func.isRequired,
275
+ "valueOf": _propTypes.default.func.isRequired
276
+ }), _propTypes.default.string]),
277
+ "marginX": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
278
+ "__@toStringTag": _propTypes.default.string.isRequired,
279
+ "description": _propTypes.default.string,
280
+ "toString": _propTypes.default.func.isRequired,
281
+ "valueOf": _propTypes.default.func.isRequired
282
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
283
+ "__@toStringTag": _propTypes.default.string.isRequired,
284
+ "description": _propTypes.default.string,
285
+ "toString": _propTypes.default.func.isRequired,
286
+ "valueOf": _propTypes.default.func.isRequired
287
+ }), _propTypes.default.string]),
288
+ "marginY": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
289
+ "__@toStringTag": _propTypes.default.string.isRequired,
290
+ "description": _propTypes.default.string,
291
+ "toString": _propTypes.default.func.isRequired,
292
+ "valueOf": _propTypes.default.func.isRequired
293
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
294
+ "__@toStringTag": _propTypes.default.string.isRequired,
295
+ "description": _propTypes.default.string,
296
+ "toString": _propTypes.default.func.isRequired,
297
+ "valueOf": _propTypes.default.func.isRequired
298
+ }), _propTypes.default.string]),
299
+ "mb": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
300
+ "__@toStringTag": _propTypes.default.string.isRequired,
301
+ "description": _propTypes.default.string,
302
+ "toString": _propTypes.default.func.isRequired,
303
+ "valueOf": _propTypes.default.func.isRequired
304
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
305
+ "__@toStringTag": _propTypes.default.string.isRequired,
306
+ "description": _propTypes.default.string,
307
+ "toString": _propTypes.default.func.isRequired,
308
+ "valueOf": _propTypes.default.func.isRequired
309
+ }), _propTypes.default.string]),
310
+ "ml": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
311
+ "__@toStringTag": _propTypes.default.string.isRequired,
312
+ "description": _propTypes.default.string,
313
+ "toString": _propTypes.default.func.isRequired,
314
+ "valueOf": _propTypes.default.func.isRequired
315
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
316
+ "__@toStringTag": _propTypes.default.string.isRequired,
317
+ "description": _propTypes.default.string,
318
+ "toString": _propTypes.default.func.isRequired,
319
+ "valueOf": _propTypes.default.func.isRequired
320
+ }), _propTypes.default.string]),
321
+ "mr": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
322
+ "__@toStringTag": _propTypes.default.string.isRequired,
323
+ "description": _propTypes.default.string,
324
+ "toString": _propTypes.default.func.isRequired,
325
+ "valueOf": _propTypes.default.func.isRequired
326
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
327
+ "__@toStringTag": _propTypes.default.string.isRequired,
328
+ "description": _propTypes.default.string,
329
+ "toString": _propTypes.default.func.isRequired,
330
+ "valueOf": _propTypes.default.func.isRequired
331
+ }), _propTypes.default.string]),
332
+ "mt": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
333
+ "__@toStringTag": _propTypes.default.string.isRequired,
334
+ "description": _propTypes.default.string,
335
+ "toString": _propTypes.default.func.isRequired,
336
+ "valueOf": _propTypes.default.func.isRequired
337
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
338
+ "__@toStringTag": _propTypes.default.string.isRequired,
339
+ "description": _propTypes.default.string,
340
+ "toString": _propTypes.default.func.isRequired,
341
+ "valueOf": _propTypes.default.func.isRequired
342
+ }), _propTypes.default.string]),
343
+ "mx": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
344
+ "__@toStringTag": _propTypes.default.string.isRequired,
345
+ "description": _propTypes.default.string,
346
+ "toString": _propTypes.default.func.isRequired,
347
+ "valueOf": _propTypes.default.func.isRequired
348
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
349
+ "__@toStringTag": _propTypes.default.string.isRequired,
350
+ "description": _propTypes.default.string,
351
+ "toString": _propTypes.default.func.isRequired,
352
+ "valueOf": _propTypes.default.func.isRequired
353
+ }), _propTypes.default.string]),
354
+ "my": _propTypes.default.oneOfType([_propTypes.default.arrayOf(_propTypes.default.oneOfType([_propTypes.default.oneOf([null]), _propTypes.default.number, _propTypes.default.shape({
355
+ "__@toStringTag": _propTypes.default.string.isRequired,
356
+ "description": _propTypes.default.string,
357
+ "toString": _propTypes.default.func.isRequired,
358
+ "valueOf": _propTypes.default.func.isRequired
359
+ }), _propTypes.default.string])), _propTypes.default.number, _propTypes.default.object, _propTypes.default.shape({
360
+ "__@toStringTag": _propTypes.default.string.isRequired,
361
+ "description": _propTypes.default.string,
362
+ "toString": _propTypes.default.func.isRequired,
363
+ "valueOf": _propTypes.default.func.isRequired
364
+ }), _propTypes.default.string]),
365
+ "name": _propTypes.default.string,
366
+ "onBlur": _propTypes.default.func,
367
+ "onChange": _propTypes.default.func,
368
+ "onClick": _propTypes.default.func,
369
+ "onFocus": _propTypes.default.func,
370
+ "onKeyDown": _propTypes.default.func,
371
+ "placeholder": _propTypes.default.string,
372
+ "searchButton": _propTypes.default.bool,
373
+ "searchWidth": _propTypes.default.string,
374
+ "tabIndex": _propTypes.default.number,
375
+ "threshold": _propTypes.default.number,
376
+ "tooltipPosition": _propTypes.default.oneOf(["bottom", "left", "right", "top"]),
377
+ "value": _propTypes.default.string,
378
+ "variant": _propTypes.default.oneOf(["dark", "default"]),
379
+ "warning": _propTypes.default.oneOfType([_propTypes.default.string, _propTypes.default.bool])
291
380
  };
292
381
  var _default = Search;
293
382
  exports.default = _default;
package/lib/components/search/search.style.d.ts CHANGED
@@ -1,4 +1,11 @@
1
+ interface StyledSearchProps {
2
+ name?: string;
3
+ isFocused?: boolean;
4
+ searchHasValue?: boolean;
5
+ searchIsActive?: boolean;
6
+ searchWidth?: string;
7
+ showSearchButton?: boolean;
8
+ variant?: string;
9
+ }
10
+ declare const StyledSearch: import("styled-components").StyledComponent<"div", any, StyledSearchProps, never>;
1
11
  export default StyledSearch;
2
- export const StyledSearchButton: import("styled-components").StyledComponent<"div", any, {}, never>;
3
- export const StyledButtonIcon: import("styled-components").StyledComponent<"div", any, {}, never>;
4
- declare const StyledSearch: import("styled-components").StyledComponent<"div", any, {}, never>;
package/lib/components/search/search.style.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.StyledButtonIcon = exports.StyledSearchButton = exports.default = void 0;
6
+ exports.default = void 0;
7
7
 
8
8
  var _styledSystem = require("styled-system");
9
9
 
@@ -17,8 +17,6 @@ var _input = _interopRequireDefault(require("../../__internal__/input/input.styl
17
17
 
18
18
  var _icon = _interopRequireDefault(require("../icon/icon.style"));
19
19
 
20
- var _button = _interopRequireDefault(require("../button/button.style"));
21
-
22
20
  var _themes = require("../../style/themes");
23
21
 
24
22
  var _formField = _interopRequireDefault(require("../../__internal__/form-field/form-field.style"));
@@ -161,36 +159,4 @@ StyledSearch.defaultProps = {
161
159
  theme: _themes.baseTheme
162
160
  };
163
161
  var _default = StyledSearch;
164
- exports.default = _default;
165
- const StyledSearchButton = _styledComponents.default.div`
166
- display: inline-flex;
167
- border-bottom: none;
168
- & ${_button.default} {
169
- background-color: var(--colorsActionMajor500);
170
- border-color: var(--colorsActionMajorTransparent);
171
- :hover {
172
- background: var(--colorsActionMajor600);
173
- border-color: var(--colorsActionMajorTransparent);
174
- }
175
-
176
- width: 40px;
177
- margin: 0px 0px;
178
- padding-bottom: 3px;
179
- :focus {
180
- z-index: ${({
181
- theme
182
- }) => theme.zIndex.smallOverlay};
183
- }
184
- }
185
- `;
186
- exports.StyledSearchButton = StyledSearchButton;
187
- const StyledButtonIcon = _styledComponents.default.div`
188
- &&& ${_icon.default} {
189
- color: var(--colorsActionMajorYang100);
190
- margin-right: 0px;
191
- }
192
- `;
193
- exports.StyledButtonIcon = StyledButtonIcon;
194
- StyledSearchButton.defaultProps = {
195
- theme: _themes.baseTheme
196
- };
162
+ exports.default = _default;
package/package.json CHANGED
@@ -1,11 +1,10 @@
1
1
  {
2
2
  "name": "carbon-react",
3
- "version": "111.5.2",
3
+ "version": "111.5.3",
4
4
  "description": "A library of reusable React components for easily building user interfaces.",
5
5
  "files": [
6
6
  "lib",
7
7
  "esm",
8
- "scripts/check_carbon_version/check_carbon_version.js",
9
8
  "scripts/check_rfcs/check_rfcs.js"
10
9
  ],
11
10
  "scripts": {
@@ -21,7 +20,7 @@
21
20
  "copy-files": "node ./scripts/copy-files.js",
22
21
  "precompile": "npm run type-check && npm run clean-lib && npm run build && npm run build:types && npm run copy-files",
23
22
  "prepublishOnly": "npm run precompile",
24
- "postinstall": "node ./scripts/check_carbon_version/check_carbon_version.js && node ./scripts/check_rfcs/check_rfcs.js",
23
+ "postinstall": "node ./scripts/check_rfcs/check_rfcs.js",
25
24
  "watch": "npm run clean-lib && npm run copy-files -- --watch & npm run babel -- --watch",
26
25
  "build-storybook": "cross-env STORYBOOK_BUILD=true build-storybook -c .storybook",
27
26
  "start-storybook": "cross-env STORYBOOK_BUILD=true start-storybook -c .storybook",
@@ -179,7 +178,7 @@
179
178
  "immutable": "~3.8.2",
180
179
  "invariant": "^2.2.4",
181
180
  "lodash": "^4.17.20",
182
- "node-fetch": "^2.6.7",
181
+ "node-fetch": "^3.2.10",
183
182
  "polished": "^4.0.5",
184
183
  "prop-types": "^15.7.2",
185
184
  "react-day-picker": "~7.4.10",
package/esm/components/search/search.d.ts DELETED
@@ -1,52 +0,0 @@
1
- import * as React from "react";
2
- import { MarginProps } from "styled-system";
3
- import { ValidationProps } from "../../__internal__/validations";
4
-
5
- export interface SearchProps extends ValidationProps, MarginProps {
6
- /** Prop to specify the aria-label of the search component */
7
- "aria-label"?: string;
8
- /** Prop for `uncontrolled` use */
9
- defaultValue?: string;
10
- /** Prop for `id` */
11
- id?: string;
12
- /** Prop for `name` */
13
- name?: string;
14
- /** Prop for `onBlur` events */
15
- onBlur?: (ev: React.FocusEvent<HTMLInputElement>) => void;
16
- /** Prop for `onChange` events */
17
- onChange?: (ev: React.ChangeEvent<HTMLInputElement>) => void;
18
- /** Prop for `onClick` events.
19
- * `onClick` events are triggered when the `searchButton` is clicked
20
- */
21
- onClick?: (
22
- ev: React.ChangeEvent<HTMLInputElement> &
23
- React.MouseEvent<HTMLButtonElement>
24
- ) => void;
25
- /** Prop for `onKeyDown` events */
26
- onKeyDown?: (ev: React.KeyboardEvent<HTMLInputElement>) => void;
27
- /** Prop for a placeholder */
28
- placeholder?: string;
29
- /** Prop boolean to state whether the `search` icon renders */
30
- searchButton?: boolean;
31
- /**
32
- * Prop for specifying an input width length.
33
- * Leaving the `searchWidth` prop with no value will default the width to '100%'
34
- */
35
- searchWidth?: string;
36
- /** Prop for active search threshold. This must be a positive number */
37
- threshold?: number;
38
- /** Prop for `controlled` use */
39
- value?: string;
40
- /** Prop to specify the styling of the search component */
41
- variant?: string;
42
- /** A callback to retrieve the input reference */
43
- inputRef?: React.RefObject<HTMLInputElement>;
44
- /** Input tabindex */
45
- tabIndex?: number;
46
- /** Overrides the default tooltip position */
47
- tooltipPosition?: "top" | "bottom" | "left" | "right";
48
- }
49
-
50
- declare function Search(props: SearchProps): JSX.Element;
51
-
52
- export default Search;