@instructure/ui-form-field 9.0.2-snapshot-1 → 9.0.2-snapshot-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.
package/CHANGELOG.md CHANGED
@@ -3,7 +3,7 @@
3
3
  All notable changes to this project will be documented in this file.
4
4
  See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
5
5
 
6
- ## [9.0.2-snapshot-1](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-1) (2024-05-22)
6
+ ## [9.0.2-snapshot-3](https://github.com/instructure/instructure-ui/compare/v9.0.1...v9.0.2-snapshot-3) (2024-05-28)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-form-field
9
9
 
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["styles", "makeStyles"];
3
- var _dec, _class, _class2;
3
+ var _dec, _class, _FormFieldGroup;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -39,7 +39,7 @@ import { propTypes, allowedProps } from './props';
39
39
  category: components
40
40
  ---
41
41
  **/
42
- let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class FormFieldGroup extends Component {
42
+ let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FormFieldGroup = class FormFieldGroup extends Component {
43
43
  constructor(...args) {
44
44
  super(...args);
45
45
  this.ref = null;
@@ -106,12 +106,12 @@ let FormFieldGroup = (_dec = withStyle(generateStyle, generateComponentTheme), _
106
106
  elementRef: this.handleRef
107
107
  }), this.renderFields());
108
108
  }
109
- }, _class2.displayName = "FormFieldGroup", _class2.componentId = 'FormFieldGroup', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
109
+ }, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.propTypes = propTypes, _FormFieldGroup.allowedProps = allowedProps, _FormFieldGroup.defaultProps = {
110
110
  as: 'fieldset',
111
111
  disabled: false,
112
112
  rowSpacing: 'medium',
113
113
  colSpacing: 'small',
114
114
  vAlign: 'middle'
115
- }, _class2)) || _class);
115
+ }, _FormFieldGroup)) || _class);
116
116
  export default FormFieldGroup;
117
117
  export { FormFieldGroup };
@@ -1,4 +1,4 @@
1
- var _dec, _class, _class2;
1
+ var _dec, _class, _FormFieldLabel;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -46,7 +46,7 @@ type: example
46
46
  ```
47
47
 
48
48
  **/
49
- let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class FormFieldLabel extends Component {
49
+ let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FormFieldLabel = class FormFieldLabel extends Component {
50
50
  constructor(...args) {
51
51
  super(...args);
52
52
  this.ref = null;
@@ -72,8 +72,8 @@ let FormFieldLabel = (_dec = withStyle(generateStyle, generateComponentTheme), _
72
72
  ref: this.handleRef
73
73
  }), children);
74
74
  }
75
- }, _class2.displayName = "FormFieldLabel", _class2.componentId = 'FormFieldLabel', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
75
+ }, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.propTypes = propTypes, _FormFieldLabel.allowedProps = allowedProps, _FormFieldLabel.defaultProps = {
76
76
  as: 'span'
77
- }, _class2)) || _class);
77
+ }, _FormFieldLabel)) || _class);
78
78
  export default FormFieldLabel;
79
79
  export { FormFieldLabel };
@@ -1,6 +1,6 @@
1
1
  import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
2
2
  const _excluded = ["makeStyles", "styles"];
3
- var _dec, _dec2, _class, _class2;
3
+ var _dec, _dec2, _class, _FormFieldLayout;
4
4
  /*
5
5
  * The MIT License (MIT)
6
6
  *
@@ -42,7 +42,7 @@ import { propTypes, allowedProps } from './props';
42
42
  parent: FormField
43
43
  ---
44
44
  **/
45
- let FormFieldLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec(_class = _dec2(_class = (_class2 = class FormFieldLayout extends Component {
45
+ let FormFieldLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateStyle, null), _dec(_class = _dec2(_class = (_FormFieldLayout = class FormFieldLayout extends Component {
46
46
  constructor(props) {
47
47
  super(props);
48
48
  this._messagesId = void 0;
@@ -143,11 +143,11 @@ let FormFieldLayout = (_dec = withDeterministicId(), _dec2 = withStyle(generateS
143
143
  elementRef: this.handleInputContainerRef
144
144
  }, children)), this.renderVisibleMessages()));
145
145
  }
146
- }, _class2.displayName = "FormFieldLayout", _class2.componentId = 'FormFieldLayout', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
146
+ }, _FormFieldLayout.displayName = "FormFieldLayout", _FormFieldLayout.componentId = 'FormFieldLayout', _FormFieldLayout.propTypes = propTypes, _FormFieldLayout.allowedProps = allowedProps, _FormFieldLayout.defaultProps = {
147
147
  inline: false,
148
148
  layout: 'stacked',
149
149
  as: 'label',
150
150
  labelAlign: 'end'
151
- }, _class2)) || _class) || _class);
151
+ }, _FormFieldLayout)) || _class) || _class);
152
152
  export default FormFieldLayout;
153
153
  export { FormFieldLayout };
@@ -45,5 +45,4 @@ const allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children',
45
45
  // it to allowedProps to prevent it from getting passed through accidentally
46
46
  //'vAlign'
47
47
  ];
48
-
49
48
  export { propTypes, allowedProps };
@@ -1,4 +1,4 @@
1
- var _dec, _class, _class2;
1
+ var _dec, _class, _FormFieldMessage;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -45,7 +45,7 @@ type: example
45
45
  <FormFieldMessage variant="error">Invalid value</FormFieldMessage>
46
46
  ```
47
47
  **/
48
- let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class FormFieldMessage extends Component {
48
+ let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FormFieldMessage = class FormFieldMessage extends Component {
49
49
  constructor(...args) {
50
50
  super(...args);
51
51
  this.ref = null;
@@ -72,8 +72,8 @@ let FormFieldMessage = (_dec = withStyle(generateStyle, generateComponentTheme),
72
72
  elementRef: this.handleRef
73
73
  }, children);
74
74
  }
75
- }, _class2.displayName = "FormFieldMessage", _class2.componentId = 'FormFieldMessage', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {
75
+ }, _FormFieldMessage.displayName = "FormFieldMessage", _FormFieldMessage.componentId = 'FormFieldMessage', _FormFieldMessage.propTypes = propTypes, _FormFieldMessage.allowedProps = allowedProps, _FormFieldMessage.defaultProps = {
76
76
  variant: 'hint'
77
- }, _class2)) || _class);
77
+ }, _FormFieldMessage)) || _class);
78
78
  export default FormFieldMessage;
79
79
  export { FormFieldMessage };
@@ -1,4 +1,4 @@
1
- var _dec, _class, _class2;
1
+ var _dec, _class, _FormFieldMessages;
2
2
  /*
3
3
  * The MIT License (MIT)
4
4
  *
@@ -49,7 +49,7 @@ type: example
49
49
  ]} />
50
50
  ```
51
51
  **/
52
- let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_class2 = class FormFieldMessages extends Component {
52
+ let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_class = (_FormFieldMessages = class FormFieldMessages extends Component {
53
53
  constructor(...args) {
54
54
  super(...args);
55
55
  this.ref = null;
@@ -82,6 +82,6 @@ let FormFieldMessages = (_dec = withStyle(generateStyle, generateComponentTheme)
82
82
  }, msg.text));
83
83
  })) : null;
84
84
  }
85
- }, _class2.displayName = "FormFieldMessages", _class2.componentId = 'FormFieldMessages', _class2.propTypes = propTypes, _class2.allowedProps = allowedProps, _class2.defaultProps = {}, _class2)) || _class);
85
+ }, _FormFieldMessages.displayName = "FormFieldMessages", _FormFieldMessages.componentId = 'FormFieldMessages', _FormFieldMessages.propTypes = propTypes, _FormFieldMessages.allowedProps = allowedProps, _FormFieldMessages.defaultProps = {}, _FormFieldMessages)) || _class);
86
86
  export default FormFieldMessages;
87
87
  export { FormFieldMessages };
@@ -16,7 +16,7 @@ var _styles = _interopRequireDefault(require("./styles"));
16
16
  var _theme = _interopRequireDefault(require("./theme"));
17
17
  var _props = require("./props");
18
18
  const _excluded = ["styles", "makeStyles"];
19
- var _dec, _class, _class2;
19
+ var _dec, _class, _FormFieldGroup;
20
20
  /*
21
21
  * The MIT License (MIT)
22
22
  *
@@ -46,7 +46,7 @@ var _dec, _class, _class2;
46
46
  category: components
47
47
  ---
48
48
  **/
49
- let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldGroup extends _react.Component {
49
+ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FormFieldGroup = class FormFieldGroup extends _react.Component {
50
50
  constructor(...args) {
51
51
  super(...args);
52
52
  this.ref = null;
@@ -113,11 +113,11 @@ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_s
113
113
  elementRef: this.handleRef
114
114
  }), this.renderFields());
115
115
  }
116
- }, _class2.displayName = "FormFieldGroup", _class2.componentId = 'FormFieldGroup', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
116
+ }, _FormFieldGroup.displayName = "FormFieldGroup", _FormFieldGroup.componentId = 'FormFieldGroup', _FormFieldGroup.propTypes = _props.propTypes, _FormFieldGroup.allowedProps = _props.allowedProps, _FormFieldGroup.defaultProps = {
117
117
  as: 'fieldset',
118
118
  disabled: false,
119
119
  rowSpacing: 'medium',
120
120
  colSpacing: 'small',
121
121
  vAlign: 'middle'
122
- }, _class2)) || _class);
122
+ }, _FormFieldGroup)) || _class);
123
123
  var _default = exports.default = FormFieldGroup;
@@ -12,7 +12,7 @@ var _emotion = require("@instructure/emotion");
12
12
  var _styles = _interopRequireDefault(require("./styles"));
13
13
  var _theme = _interopRequireDefault(require("./theme"));
14
14
  var _props = require("./props");
15
- var _dec, _class, _class2;
15
+ var _dec, _class, _FormFieldLabel;
16
16
  /*
17
17
  * The MIT License (MIT)
18
18
  *
@@ -53,7 +53,7 @@ type: example
53
53
  ```
54
54
 
55
55
  **/
56
- let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldLabel extends _react.Component {
56
+ let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FormFieldLabel = class FormFieldLabel extends _react.Component {
57
57
  constructor(...args) {
58
58
  super(...args);
59
59
  this.ref = null;
@@ -79,7 +79,7 @@ let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_s
79
79
  ref: this.handleRef
80
80
  }), children);
81
81
  }
82
- }, _class2.displayName = "FormFieldLabel", _class2.componentId = 'FormFieldLabel', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
82
+ }, _FormFieldLabel.displayName = "FormFieldLabel", _FormFieldLabel.componentId = 'FormFieldLabel', _FormFieldLabel.propTypes = _props.propTypes, _FormFieldLabel.allowedProps = _props.allowedProps, _FormFieldLabel.defaultProps = {
83
83
  as: 'span'
84
- }, _class2)) || _class);
84
+ }, _FormFieldLabel)) || _class);
85
85
  var _default = exports.default = FormFieldLabel;
@@ -21,7 +21,7 @@ var _FormFieldMessages = require("../FormFieldMessages");
21
21
  var _styles = _interopRequireDefault(require("./styles"));
22
22
  var _props = require("./props");
23
23
  const _excluded = ["makeStyles", "styles"];
24
- var _dec, _dec2, _class, _class2;
24
+ var _dec, _dec2, _class, _FormFieldLayout;
25
25
  /*
26
26
  * The MIT License (MIT)
27
27
  *
@@ -51,7 +51,7 @@ var _dec, _dec2, _class, _class2;
51
51
  parent: FormField
52
52
  ---
53
53
  **/
54
- let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = _dec2(_class = (_class2 = class FormFieldLayout extends _react.Component {
54
+ let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = _dec2(_class = (_FormFieldLayout = class FormFieldLayout extends _react.Component {
55
55
  constructor(props) {
56
56
  super(props);
57
57
  this._messagesId = void 0;
@@ -152,10 +152,10 @@ let FormFieldLayout = exports.FormFieldLayout = (_dec = (0, _withDeterministicId
152
152
  elementRef: this.handleInputContainerRef
153
153
  }, children)), this.renderVisibleMessages()));
154
154
  }
155
- }, _class2.displayName = "FormFieldLayout", _class2.componentId = 'FormFieldLayout', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
155
+ }, _FormFieldLayout.displayName = "FormFieldLayout", _FormFieldLayout.componentId = 'FormFieldLayout', _FormFieldLayout.propTypes = _props.propTypes, _FormFieldLayout.allowedProps = _props.allowedProps, _FormFieldLayout.defaultProps = {
156
156
  inline: false,
157
157
  layout: 'stacked',
158
158
  as: 'label',
159
159
  labelAlign: 'end'
160
- }, _class2)) || _class) || _class);
160
+ }, _FormFieldLayout)) || _class) || _class);
161
161
  var _default = exports.default = FormFieldLayout;
@@ -11,7 +11,7 @@ var _emotion = require("@instructure/emotion");
11
11
  var _styles = _interopRequireDefault(require("./styles"));
12
12
  var _theme = _interopRequireDefault(require("./theme"));
13
13
  var _props = require("./props");
14
- var _dec, _class, _class2;
14
+ var _dec, _class, _FormFieldMessage;
15
15
  /*
16
16
  * The MIT License (MIT)
17
17
  *
@@ -51,7 +51,7 @@ type: example
51
51
  <FormFieldMessage variant="error">Invalid value</FormFieldMessage>
52
52
  ```
53
53
  **/
54
- let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldMessage extends _react.Component {
54
+ let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FormFieldMessage = class FormFieldMessage extends _react.Component {
55
55
  constructor(...args) {
56
56
  super(...args);
57
57
  this.ref = null;
@@ -78,7 +78,7 @@ let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle
78
78
  elementRef: this.handleRef
79
79
  }, children);
80
80
  }
81
- }, _class2.displayName = "FormFieldMessage", _class2.componentId = 'FormFieldMessage', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
81
+ }, _FormFieldMessage.displayName = "FormFieldMessage", _FormFieldMessage.componentId = 'FormFieldMessage', _FormFieldMessage.propTypes = _props.propTypes, _FormFieldMessage.allowedProps = _props.allowedProps, _FormFieldMessage.defaultProps = {
82
82
  variant: 'hint'
83
- }, _class2)) || _class);
83
+ }, _FormFieldMessage)) || _class);
84
84
  var _default = exports.default = FormFieldMessage;
@@ -12,7 +12,7 @@ var _FormFieldMessage = require("../FormFieldMessage");
12
12
  var _styles = _interopRequireDefault(require("./styles"));
13
13
  var _theme = _interopRequireDefault(require("./theme"));
14
14
  var _props = require("./props");
15
- var _dec, _class, _class2;
15
+ var _dec, _class, _FormFieldMessages;
16
16
  /*
17
17
  * The MIT License (MIT)
18
18
  *
@@ -55,7 +55,7 @@ type: example
55
55
  ]} />
56
56
  ```
57
57
  **/
58
- let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldMessages extends _react.Component {
58
+ let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_FormFieldMessages = class FormFieldMessages extends _react.Component {
59
59
  constructor(...args) {
60
60
  super(...args);
61
61
  this.ref = null;
@@ -88,5 +88,5 @@ let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withSty
88
88
  }, msg.text));
89
89
  })) : null;
90
90
  }
91
- }, _class2.displayName = "FormFieldMessages", _class2.componentId = 'FormFieldMessages', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2)) || _class);
91
+ }, _FormFieldMessages.displayName = "FormFieldMessages", _FormFieldMessages.componentId = 'FormFieldMessages', _FormFieldMessages.propTypes = _props.propTypes, _FormFieldMessages.allowedProps = _props.allowedProps, _FormFieldMessages.defaultProps = {}, _FormFieldMessages)) || _class);
92
92
  var _default = exports.default = FormFieldMessages;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-form-field",
3
- "version": "9.0.2-snapshot-1",
3
+ "version": "9.0.2-snapshot-3",
4
4
  "description": "Form layout components.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,25 +23,25 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-axe-check": "9.0.2-snapshot-1",
27
- "@instructure/ui-babel-preset": "9.0.2-snapshot-1",
28
- "@instructure/ui-test-utils": "9.0.2-snapshot-1",
29
- "@instructure/ui-themes": "9.0.2-snapshot-1",
30
- "@testing-library/jest-dom": "^6.1.4",
31
- "@testing-library/react": "^14.1.2"
26
+ "@instructure/ui-axe-check": "9.0.2-snapshot-3",
27
+ "@instructure/ui-babel-preset": "9.0.2-snapshot-3",
28
+ "@instructure/ui-test-utils": "9.0.2-snapshot-3",
29
+ "@instructure/ui-themes": "9.0.2-snapshot-3",
30
+ "@testing-library/jest-dom": "^6.4.5",
31
+ "@testing-library/react": "^15.0.7"
32
32
  },
33
33
  "dependencies": {
34
- "@babel/runtime": "^7.23.2",
35
- "@instructure/console": "9.0.2-snapshot-1",
36
- "@instructure/emotion": "9.0.2-snapshot-1",
37
- "@instructure/shared-types": "9.0.2-snapshot-1",
38
- "@instructure/ui-a11y-content": "9.0.2-snapshot-1",
39
- "@instructure/ui-a11y-utils": "9.0.2-snapshot-1",
40
- "@instructure/ui-grid": "9.0.2-snapshot-1",
41
- "@instructure/ui-icons": "9.0.2-snapshot-1",
42
- "@instructure/ui-react-utils": "9.0.2-snapshot-1",
43
- "@instructure/ui-utils": "9.0.2-snapshot-1",
44
- "@instructure/uid": "9.0.2-snapshot-1",
34
+ "@babel/runtime": "^7.24.5",
35
+ "@instructure/console": "9.0.2-snapshot-3",
36
+ "@instructure/emotion": "9.0.2-snapshot-3",
37
+ "@instructure/shared-types": "9.0.2-snapshot-3",
38
+ "@instructure/ui-a11y-content": "9.0.2-snapshot-3",
39
+ "@instructure/ui-a11y-utils": "9.0.2-snapshot-3",
40
+ "@instructure/ui-grid": "9.0.2-snapshot-3",
41
+ "@instructure/ui-icons": "9.0.2-snapshot-3",
42
+ "@instructure/ui-react-utils": "9.0.2-snapshot-3",
43
+ "@instructure/ui-utils": "9.0.2-snapshot-3",
44
+ "@instructure/uid": "9.0.2-snapshot-3",
45
45
  "prop-types": "^15.8.1"
46
46
  },
47
47
  "peerDependencies": {