@spark-web/select 1.0.4 → 1.0.7

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 (4) hide show
  1. package/dist/spark-web-select.cjs.dev.js +25 -25
  2. package/dist/spark-web-select.cjs.prod.js +25 -25
  3. package/dist/spark-web-select.esm.js +26 -26
  4. package/package.json +11 -11
package/dist/spark-web-select.cjs.dev.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
7
  var css = require('@emotion/css');
8
8
  var box = require('@spark-web/box');
9
9
  var field = require('@spark-web/field');
@@ -13,7 +13,6 @@ var theme = require('@spark-web/theme');
13
13
  var react = require('react');
14
14
  var jsxRuntime = require('react/jsx-runtime');
15
15
 
16
- var _excluded = ["disabled", "invalid"];
17
16
  var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
18
17
  var data = _ref.data,
19
18
  defaultValue = _ref.defaultValue,
@@ -26,9 +25,11 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
26
25
  value = _ref.value;
27
26
 
28
27
  var _useFieldContext = field.useFieldContext(),
29
- disabled = _useFieldContext.disabled,
30
- invalid = _useFieldContext.invalid,
31
- a11yProps = _objectWithoutProperties(_useFieldContext, _excluded);
28
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
29
+ _useFieldContext2$ = _useFieldContext2[0],
30
+ disabled = _useFieldContext2$.disabled,
31
+ invalid = _useFieldContext2$.invalid,
32
+ a11yProps = _useFieldContext2[1];
32
33
 
33
34
  var styles = useSelectStyles({
34
35
  disabled: disabled,
@@ -41,11 +42,25 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
41
42
  children: opt.label
42
43
  }, opt.value);
43
44
  }, []);
44
- return /*#__PURE__*/jsxRuntime.jsxs(box.Box, {
45
- position: "relative",
46
- children: [/*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({}, a11yProps), {}, {
47
- data: data,
45
+ return /*#__PURE__*/jsxRuntime.jsxs(textInput.InputContainer, {
46
+ children: [/*#__PURE__*/jsxRuntime.jsx(box.Box, {
47
+ position: "absolute",
48
+ top: 0,
49
+ bottom: 0,
50
+ right: 0,
51
+ display: "flex",
52
+ alignItems: "center",
53
+ padding: "medium",
54
+ className: css.css({
55
+ pointerEvents: 'none'
56
+ }),
57
+ children: /*#__PURE__*/jsxRuntime.jsx(icon.ChevronDownIcon, {
58
+ size: "xxsmall",
59
+ tone: "placeholder"
60
+ })
61
+ }), /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({}, a11yProps), {}, {
48
62
  as: "select",
63
+ data: data,
49
64
  defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) ? '' : undefined,
50
65
  disabled: disabled,
51
66
  name: name,
@@ -78,22 +93,7 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
78
93
 
79
94
  return mapOptions(optionOrGroup);
80
95
  })]
81
- })), /*#__PURE__*/jsxRuntime.jsx(box.Box, {
82
- position: "absolute",
83
- top: 0,
84
- bottom: 0,
85
- right: 0,
86
- display: "flex",
87
- alignItems: "center",
88
- padding: "medium",
89
- className: css.css({
90
- pointerEvents: 'none'
91
- }),
92
- children: /*#__PURE__*/jsxRuntime.jsx(icon.ChevronDownIcon, {
93
- size: "xxsmall",
94
- tone: "placeholder"
95
- })
96
- })]
96
+ }))]
97
97
  });
98
98
  });
99
99
  Select.displayName = 'Select';
package/dist/spark-web-select.cjs.prod.js CHANGED
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
6
- var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
6
+ var _slicedToArray = require('@babel/runtime/helpers/slicedToArray');
7
7
  var css = require('@emotion/css');
8
8
  var box = require('@spark-web/box');
9
9
  var field = require('@spark-web/field');
@@ -13,7 +13,6 @@ var theme = require('@spark-web/theme');
13
13
  var react = require('react');
14
14
  var jsxRuntime = require('react/jsx-runtime');
15
15
 
16
- var _excluded = ["disabled", "invalid"];
17
16
  var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
18
17
  var data = _ref.data,
19
18
  defaultValue = _ref.defaultValue,
@@ -26,9 +25,11 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
26
25
  value = _ref.value;
27
26
 
28
27
  var _useFieldContext = field.useFieldContext(),
29
- disabled = _useFieldContext.disabled,
30
- invalid = _useFieldContext.invalid,
31
- a11yProps = _objectWithoutProperties(_useFieldContext, _excluded);
28
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
29
+ _useFieldContext2$ = _useFieldContext2[0],
30
+ disabled = _useFieldContext2$.disabled,
31
+ invalid = _useFieldContext2$.invalid,
32
+ a11yProps = _useFieldContext2[1];
32
33
 
33
34
  var styles = useSelectStyles({
34
35
  disabled: disabled,
@@ -41,11 +42,25 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
41
42
  children: opt.label
42
43
  }, opt.value);
43
44
  }, []);
44
- return /*#__PURE__*/jsxRuntime.jsxs(box.Box, {
45
- position: "relative",
46
- children: [/*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({}, a11yProps), {}, {
47
- data: data,
45
+ return /*#__PURE__*/jsxRuntime.jsxs(textInput.InputContainer, {
46
+ children: [/*#__PURE__*/jsxRuntime.jsx(box.Box, {
47
+ position: "absolute",
48
+ top: 0,
49
+ bottom: 0,
50
+ right: 0,
51
+ display: "flex",
52
+ alignItems: "center",
53
+ padding: "medium",
54
+ className: css.css({
55
+ pointerEvents: 'none'
56
+ }),
57
+ children: /*#__PURE__*/jsxRuntime.jsx(icon.ChevronDownIcon, {
58
+ size: "xxsmall",
59
+ tone: "placeholder"
60
+ })
61
+ }), /*#__PURE__*/jsxRuntime.jsxs(box.Box, _objectSpread(_objectSpread({}, a11yProps), {}, {
48
62
  as: "select",
63
+ data: data,
49
64
  defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) ? '' : undefined,
50
65
  disabled: disabled,
51
66
  name: name,
@@ -78,22 +93,7 @@ var Select = /*#__PURE__*/react.forwardRef(function (_ref, forwardedRef) {
78
93
 
79
94
  return mapOptions(optionOrGroup);
80
95
  })]
81
- })), /*#__PURE__*/jsxRuntime.jsx(box.Box, {
82
- position: "absolute",
83
- top: 0,
84
- bottom: 0,
85
- right: 0,
86
- display: "flex",
87
- alignItems: "center",
88
- padding: "medium",
89
- className: css.css({
90
- pointerEvents: 'none'
91
- }),
92
- children: /*#__PURE__*/jsxRuntime.jsx(icon.ChevronDownIcon, {
93
- size: "xxsmall",
94
- tone: "placeholder"
95
- })
96
- })]
96
+ }))]
97
97
  });
98
98
  });
99
99
  Select.displayName = 'Select';
package/dist/spark-web-select.esm.js CHANGED
@@ -1,15 +1,14 @@
1
1
  import _objectSpread from '@babel/runtime/helpers/esm/objectSpread2';
2
- import _objectWithoutProperties from '@babel/runtime/helpers/esm/objectWithoutProperties';
2
+ import _slicedToArray from '@babel/runtime/helpers/esm/slicedToArray';
3
3
  import { css } from '@emotion/css';
4
4
  import { Box } from '@spark-web/box';
5
5
  import { useFieldContext } from '@spark-web/field';
6
6
  import { ChevronDownIcon } from '@spark-web/icon';
7
- import { useInput } from '@spark-web/text-input';
7
+ import { InputContainer, useInput } from '@spark-web/text-input';
8
8
  import { useTheme } from '@spark-web/theme';
9
9
  import { forwardRef, useCallback } from 'react';
10
10
  import { jsx, jsxs } from 'react/jsx-runtime';
11
11
 
12
- var _excluded = ["disabled", "invalid"];
13
12
  var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
14
13
  var data = _ref.data,
15
14
  defaultValue = _ref.defaultValue,
@@ -22,9 +21,11 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
22
21
  value = _ref.value;
23
22
 
24
23
  var _useFieldContext = useFieldContext(),
25
- disabled = _useFieldContext.disabled,
26
- invalid = _useFieldContext.invalid,
27
- a11yProps = _objectWithoutProperties(_useFieldContext, _excluded);
24
+ _useFieldContext2 = _slicedToArray(_useFieldContext, 2),
25
+ _useFieldContext2$ = _useFieldContext2[0],
26
+ disabled = _useFieldContext2$.disabled,
27
+ invalid = _useFieldContext2$.invalid,
28
+ a11yProps = _useFieldContext2[1];
28
29
 
29
30
  var styles = useSelectStyles({
30
31
  disabled: disabled,
@@ -37,11 +38,25 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
37
38
  children: opt.label
38
39
  }, opt.value);
39
40
  }, []);
40
- return /*#__PURE__*/jsxs(Box, {
41
- position: "relative",
42
- children: [/*#__PURE__*/jsxs(Box, _objectSpread(_objectSpread({}, a11yProps), {}, {
43
- data: data,
41
+ return /*#__PURE__*/jsxs(InputContainer, {
42
+ children: [/*#__PURE__*/jsx(Box, {
43
+ position: "absolute",
44
+ top: 0,
45
+ bottom: 0,
46
+ right: 0,
47
+ display: "flex",
48
+ alignItems: "center",
49
+ padding: "medium",
50
+ className: css({
51
+ pointerEvents: 'none'
52
+ }),
53
+ children: /*#__PURE__*/jsx(ChevronDownIcon, {
54
+ size: "xxsmall",
55
+ tone: "placeholder"
56
+ })
57
+ }), /*#__PURE__*/jsxs(Box, _objectSpread(_objectSpread({}, a11yProps), {}, {
44
58
  as: "select",
59
+ data: data,
45
60
  defaultValue: (defaultValue !== null && defaultValue !== void 0 ? defaultValue : placeholder) ? '' : undefined,
46
61
  disabled: disabled,
47
62
  name: name,
@@ -74,22 +89,7 @@ var Select = /*#__PURE__*/forwardRef(function (_ref, forwardedRef) {
74
89
 
75
90
  return mapOptions(optionOrGroup);
76
91
  })]
77
- })), /*#__PURE__*/jsx(Box, {
78
- position: "absolute",
79
- top: 0,
80
- bottom: 0,
81
- right: 0,
82
- display: "flex",
83
- alignItems: "center",
84
- padding: "medium",
85
- className: css({
86
- pointerEvents: 'none'
87
- }),
88
- children: /*#__PURE__*/jsx(ChevronDownIcon, {
89
- size: "xxsmall",
90
- tone: "placeholder"
91
- })
92
- })]
92
+ }))]
93
93
  });
94
94
  });
95
95
  Select.displayName = 'Select';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@spark-web/select",
3
- "version": "1.0.4",
3
+ "version": "1.0.7",
4
4
  "license": "MIT",
5
5
  "main": "dist/spark-web-select.cjs.js",
6
6
  "module": "dist/spark-web-select.esm.js",
@@ -8,16 +8,16 @@
8
8
  "dist"
9
9
  ],
10
10
  "dependencies": {
11
- "@babel/runtime": "^7.14.6",
12
- "@emotion/css": "^11.7.1",
13
- "@spark-web/a11y": "^1.0.4",
14
- "@spark-web/box": "^1.0.4",
15
- "@spark-web/field": "^1.1.0",
16
- "@spark-web/icon": "^1.1.2",
17
- "@spark-web/text": "^1.0.4",
18
- "@spark-web/text-input": "^1.1.0",
19
- "@spark-web/theme": "^3.0.0",
20
- "@spark-web/utils": "^1.1.2"
11
+ "@babel/runtime": "^7.18.0",
12
+ "@emotion/css": "^11.9.0",
13
+ "@spark-web/a11y": "^1.0.5",
14
+ "@spark-web/box": "^1.0.5",
15
+ "@spark-web/field": "^3.0.0",
16
+ "@spark-web/icon": "^1.1.3",
17
+ "@spark-web/text": "^1.0.5",
18
+ "@spark-web/text-input": "^1.2.1",
19
+ "@spark-web/theme": "^3.0.1",
20
+ "@spark-web/utils": "^1.1.3"
21
21
  },
22
22
  "devDependencies": {
23
23
  "@types/react": "^17.0.12",