@spark-web/select 1.0.13 → 2.0.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.
Files changed (5) hide show
  1. package/CHANGELOG.md +19 -0
  2. package/dist/spark-web-select.cjs.dev.js +24 -31
  3. package/dist/spark-web-select.cjs.prod.js +24 -31
  4. package/dist/spark-web-select.esm.js +24 -31
  5. package/package.json +10 -10
package/CHANGELOG.md CHANGED
@@ -1,5 +1,24 @@
1
1
  # @spark-web/select
2
2
 
3
+ ## 2.0.0
4
+
5
+ ### Minor Changes
6
+
7
+ - [#382](https://github.com/brighte-labs/spark-web/pull/382)
8
+ [`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)
9
+ Thanks [@dilipt-brighte](https://github.com/dilipt-brighte)! - Updates React
10
+ version to latest (18.2.0)
11
+
12
+ ### Patch Changes
13
+
14
+ - Updated dependencies
15
+ [[`955bf5d`](https://github.com/brighte-labs/spark-web/commit/955bf5d7698bfdf45e7f317aa3e726c81d3444c0)]:
16
+ - @spark-web/box@1.2.0
17
+ - @spark-web/field@3.1.0
18
+ - @spark-web/icon@1.3.0
19
+ - @spark-web/text-input@3.0.0
20
+ - @spark-web/theme@3.2.0
21
+
3
22
  ## 1.0.13
4
23
 
5
24
  ### Patch Changes
package/dist/spark-web-select.cjs.dev.js CHANGED
@@ -15,30 +15,27 @@ var jsxRuntime = require('react/jsx-runtime');
15
15
 
16
16
  var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
17
17
  var data = _ref.data,
18
- defaultValue = _ref.defaultValue,
19
- name = _ref.name,
20
- onBlur = _ref.onBlur,
21
- onChange = _ref.onChange,
22
- optionsOrGroups = _ref.options,
23
- placeholder = _ref.placeholder,
24
- required = _ref.required,
25
- value = _ref.value;
26
-
18
+ defaultValue = _ref.defaultValue,
19
+ name = _ref.name,
20
+ onBlur = _ref.onBlur,
21
+ onChange = _ref.onChange,
22
+ optionsOrGroups = _ref.options,
23
+ placeholder = _ref.placeholder,
24
+ required = _ref.required,
25
+ value = _ref.value;
27
26
  var _useFieldContext = field.useFieldContext(),
28
- _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
29
- _useFieldContext2$ = _useFieldContext2[0],
30
- disabled = _useFieldContext2$.disabled,
31
- invalid = _useFieldContext2$.invalid,
32
- a11yProps = _useFieldContext2[1];
33
-
27
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
28
+ _useFieldContext2$ = _useFieldContext2[0],
29
+ disabled = _useFieldContext2$.disabled,
30
+ invalid = _useFieldContext2$.invalid,
31
+ a11yProps = _useFieldContext2[1];
34
32
  var _useSelectStyles = useSelectStyles({
35
- disabled: disabled,
36
- invalid: invalid
37
- }),
38
- _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
39
- boxProps = _useSelectStyles2[0],
40
- inputStyles = _useSelectStyles2[1];
41
-
33
+ disabled: disabled,
34
+ invalid: invalid
35
+ }),
36
+ _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
37
+ boxProps = _useSelectStyles2[0],
38
+ inputStyles = _useSelectStyles2[1];
42
39
  var mapOptions = react.useCallback(function (opt) {
43
40
  return /*#__PURE__*/jsxRuntime.jsx("option", {
44
41
  value: opt.value,
@@ -73,14 +70,12 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
73
70
  })
74
71
  }, optionOrGroup.label);
75
72
  }
76
-
77
73
  return mapOptions(optionOrGroup);
78
74
  })]
79
75
  }))]
80
76
  });
81
77
  });
82
78
  Select.displayName = 'Select';
83
-
84
79
  var Indicator = function Indicator() {
85
80
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
86
81
  position: "absolute",
@@ -99,19 +94,17 @@ var Indicator = function Indicator() {
99
94
  })
100
95
  });
101
96
  };
102
-
103
97
  function useSelectStyles(props) {
104
98
  var _useInputStyles = textInput.useInputStyles(props),
105
- _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
106
- boxProps = _useInputStyles2[0],
107
- inputStyles = _useInputStyles2[1];
108
-
99
+ _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
100
+ boxProps = _useInputStyles2[0],
101
+ inputStyles = _useInputStyles2[1];
109
102
  var theme$1 = theme.useTheme();
110
103
  return [boxProps, _objectSpread(_objectSpread({}, inputStyles), {}, {
111
104
  // Prevent text going underneath the chevron icon
112
- paddingRight: theme$1.sizing.xxsmall + // size of chevron icon
105
+ paddingRight: theme$1.sizing.xxsmall +
106
+ // size of chevron icon
113
107
  theme$1.spacing.medium * 2 // paddingX value
114
-
115
108
  })];
116
109
  }
117
110
 
package/dist/spark-web-select.cjs.prod.js CHANGED
@@ -15,30 +15,27 @@ var jsxRuntime = require('react/jsx-runtime');
15
15
 
16
16
  var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
17
17
  var data = _ref.data,
18
- defaultValue = _ref.defaultValue,
19
- name = _ref.name,
20
- onBlur = _ref.onBlur,
21
- onChange = _ref.onChange,
22
- optionsOrGroups = _ref.options,
23
- placeholder = _ref.placeholder,
24
- required = _ref.required,
25
- value = _ref.value;
26
-
18
+ defaultValue = _ref.defaultValue,
19
+ name = _ref.name,
20
+ onBlur = _ref.onBlur,
21
+ onChange = _ref.onChange,
22
+ optionsOrGroups = _ref.options,
23
+ placeholder = _ref.placeholder,
24
+ required = _ref.required,
25
+ value = _ref.value;
27
26
  var _useFieldContext = field.useFieldContext(),
28
- _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
29
- _useFieldContext2$ = _useFieldContext2[0],
30
- disabled = _useFieldContext2$.disabled,
31
- invalid = _useFieldContext2$.invalid,
32
- a11yProps = _useFieldContext2[1];
33
-
27
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
28
+ _useFieldContext2$ = _useFieldContext2[0],
29
+ disabled = _useFieldContext2$.disabled,
30
+ invalid = _useFieldContext2$.invalid,
31
+ a11yProps = _useFieldContext2[1];
34
32
  var _useSelectStyles = useSelectStyles({
35
- disabled: disabled,
36
- invalid: invalid
37
- }),
38
- _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
39
- boxProps = _useSelectStyles2[0],
40
- inputStyles = _useSelectStyles2[1];
41
-
33
+ disabled: disabled,
34
+ invalid: invalid
35
+ }),
36
+ _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
37
+ boxProps = _useSelectStyles2[0],
38
+ inputStyles = _useSelectStyles2[1];
42
39
  var mapOptions = react.useCallback(function (opt) {
43
40
  return /*#__PURE__*/jsxRuntime.jsx("option", {
44
41
  value: opt.value,
@@ -73,14 +70,12 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
73
70
  })
74
71
  }, optionOrGroup.label);
75
72
  }
76
-
77
73
  return mapOptions(optionOrGroup);
78
74
  })]
79
75
  }))]
80
76
  });
81
77
  });
82
78
  Select.displayName = 'Select';
83
-
84
79
  var Indicator = function Indicator() {
85
80
  return /*#__PURE__*/jsxRuntime.jsx(box.Box, {
86
81
  position: "absolute",
@@ -99,19 +94,17 @@ var Indicator = function Indicator() {
99
94
  })
100
95
  });
101
96
  };
102
-
103
97
  function useSelectStyles(props) {
104
98
  var _useInputStyles = textInput.useInputStyles(props),
105
- _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
106
- boxProps = _useInputStyles2[0],
107
- inputStyles = _useInputStyles2[1];
108
-
99
+ _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
100
+ boxProps = _useInputStyles2[0],
101
+ inputStyles = _useInputStyles2[1];
109
102
  var theme$1 = theme.useTheme();
110
103
  return [boxProps, _objectSpread(_objectSpread({}, inputStyles), {}, {
111
104
  // Prevent text going underneath the chevron icon
112
- paddingRight: theme$1.sizing.xxsmall + // size of chevron icon
105
+ paddingRight: theme$1.sizing.xxsmall +
106
+ // size of chevron icon
113
107
  theme$1.spacing.medium * 2 // paddingX value
114
-
115
108
  })];
116
109
  }
117
110
 
package/dist/spark-web-select.esm.js CHANGED
@@ -11,30 +11,27 @@ import { jsx, jsxs } from 'react/jsx-runtime';
11
11
 
12
12
  var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
13
13
  var data = _ref.data,
14
- defaultValue = _ref.defaultValue,
15
- name = _ref.name,
16
- onBlur = _ref.onBlur,
17
- onChange = _ref.onChange,
18
- optionsOrGroups = _ref.options,
19
- placeholder = _ref.placeholder,
20
- required = _ref.required,
21
- value = _ref.value;
22
-
14
+ defaultValue = _ref.defaultValue,
15
+ name = _ref.name,
16
+ onBlur = _ref.onBlur,
17
+ onChange = _ref.onChange,
18
+ optionsOrGroups = _ref.options,
19
+ placeholder = _ref.placeholder,
20
+ required = _ref.required,
21
+ value = _ref.value;
23
22
  var _useFieldContext = useFieldContext(),
24
- _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
25
- _useFieldContext2$ = _useFieldContext2[0],
26
- disabled = _useFieldContext2$.disabled,
27
- invalid = _useFieldContext2$.invalid,
28
- a11yProps = _useFieldContext2[1];
29
-
23
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
24
+ _useFieldContext2$ = _useFieldContext2[0],
25
+ disabled = _useFieldContext2$.disabled,
26
+ invalid = _useFieldContext2$.invalid,
27
+ a11yProps = _useFieldContext2[1];
30
28
  var _useSelectStyles = useSelectStyles({
31
- disabled: disabled,
32
- invalid: invalid
33
- }),
34
- _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
35
- boxProps = _useSelectStyles2[0],
36
- inputStyles = _useSelectStyles2[1];
37
-
29
+ disabled: disabled,
30
+ invalid: invalid
31
+ }),
32
+ _useSelectStyles2 = _slicedToArray(_useSelectStyles, 2),
33
+ boxProps = _useSelectStyles2[0],
34
+ inputStyles = _useSelectStyles2[1];
38
35
  var mapOptions = useCallback(function (opt) {
39
36
  return /*#__PURE__*/jsx("option", {
40
37
  value: opt.value,
@@ -69,14 +66,12 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
69
66
  })
70
67
  }, optionOrGroup.label);
71
68
  }
72
-
73
69
  return mapOptions(optionOrGroup);
74
70
  })]
75
71
  }))]
76
72
  });
77
73
  });
78
74
  Select.displayName = 'Select';
79
-
80
75
  var Indicator = function Indicator() {
81
76
  return /*#__PURE__*/jsx(Box, {
82
77
  position: "absolute",
@@ -95,19 +90,17 @@ var Indicator = function Indicator() {
95
90
  })
96
91
  });
97
92
  };
98
-
99
93
  function useSelectStyles(props) {
100
94
  var _useInputStyles = useInputStyles(props),
101
- _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
102
- boxProps = _useInputStyles2[0],
103
- inputStyles = _useInputStyles2[1];
104
-
95
+ _useInputStyles2 = _slicedToArray(_useInputStyles, 2),
96
+ boxProps = _useInputStyles2[0],
97
+ inputStyles = _useInputStyles2[1];
105
98
  var theme = useTheme();
106
99
  return [boxProps, _objectSpread(_objectSpread({}, inputStyles), {}, {
107
100
  // Prevent text going underneath the chevron icon
108
- paddingRight: theme.sizing.xxsmall + // size of chevron icon
101
+ paddingRight: theme.sizing.xxsmall +
102
+ // size of chevron icon
109
103
  theme.spacing.medium * 2 // paddingX value
110
-
111
104
  })];
112
105
  }
113
106
 
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/select",
3
- "version": "1.0.13",
3
+ "version": "2.0.0",
4
4
  "homepage": "https://github.com/brighte-labs/spark-web#readme",
5
5
  "repository": {
6
6
  "type": "git",
@@ -17,19 +17,19 @@
17
17
  "dependencies": {
18
18
  "@babel/runtime": "^7.19.0",
19
19
  "@emotion/css": "^11.9.0",
20
- "@spark-web/box": "^1.1.0",
21
- "@spark-web/icon": "^1.2.2",
22
- "@spark-web/text-input": "^2.0.4",
23
- "@spark-web/theme": "^3.1.0"
20
+ "@spark-web/box": "^1.2.0",
21
+ "@spark-web/icon": "^1.3.0",
22
+ "@spark-web/text-input": "^3.0.0",
23
+ "@spark-web/theme": "^3.2.0"
24
24
  },
25
25
  "devDependencies": {
26
- "@spark-web/field": "^3.0.6",
27
- "@spark-web/utils": "^1.2.3",
28
- "@types/react": "^17.0.12",
29
- "react": "^17.0.2"
26
+ "@spark-web/field": "^3.1.0",
27
+ "@spark-web/utils": "^1.3.0",
28
+ "@types/react": "^18.2.0",
29
+ "react": "^18.2.0"
30
30
  },
31
31
  "peerDependencies": {
32
- "@spark-web/field": "^3.0.6",
32
+ "@spark-web/field": "^3.1.0",
33
33
  "react": ">=17.0.2"
34
34
  },
35
35
  "engines": {