@instructure/ui-form-field 8.46.2-snapshot-5 → 8.46.2-snapshot-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 (25) hide show
  1. package/CHANGELOG.md +1 -1
  2. package/lib/FormField/index.js +1 -2
  3. package/lib/FormField/props.js +2 -4
  4. package/lib/FormFieldGroup/index.js +2 -4
  5. package/lib/FormFieldGroup/props.js +2 -4
  6. package/lib/FormFieldGroup/styles.js +1 -2
  7. package/lib/FormFieldGroup/theme.js +1 -2
  8. package/lib/FormFieldLabel/index.js +2 -4
  9. package/lib/FormFieldLabel/props.js +2 -4
  10. package/lib/FormFieldLabel/styles.js +1 -2
  11. package/lib/FormFieldLabel/theme.js +1 -2
  12. package/lib/FormFieldLayout/index.js +2 -4
  13. package/lib/FormFieldLayout/props.js +3 -5
  14. package/lib/FormFieldLayout/styles.js +1 -2
  15. package/lib/FormFieldMessage/index.js +2 -4
  16. package/lib/FormFieldMessage/props.js +2 -4
  17. package/lib/FormFieldMessage/styles.js +1 -2
  18. package/lib/FormFieldMessage/theme.js +1 -2
  19. package/lib/FormFieldMessages/index.js +2 -4
  20. package/lib/FormFieldMessages/props.js +2 -4
  21. package/lib/FormFieldMessages/styles.js +1 -2
  22. package/lib/FormFieldMessages/theme.js +1 -2
  23. package/lib/FormPropTypes.js +4 -8
  24. package/package.json +15 -15
  25. package/tsconfig.build.tsbuildinfo +1 -1
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
- ## [8.46.2-snapshot-5](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-5) (2023-10-19)
6
+ ## [8.46.2-snapshot-7](https://github.com/instructure/instructure-ui/compare/v8.46.1...v8.46.2-snapshot-7) (2023-10-20)
7
7
 
8
8
  **Note:** Version bump only for package @instructure/ui-form-field
9
9
 
package/lib/FormField/index.js CHANGED
@@ -73,5 +73,4 @@ FormField.defaultProps = {
73
73
  labelAlign: 'end',
74
74
  vAlign: 'middle'
75
75
  };
76
- var _default = FormField;
77
- exports.default = _default;
76
+ var _default = exports.default = FormField;
package/lib/FormField/props.js CHANGED
@@ -31,7 +31,7 @@ var _FormPropTypes = require("../FormPropTypes");
31
31
  * SOFTWARE.
32
32
  */
33
33
 
34
- const propTypes = {
34
+ const propTypes = exports.propTypes = {
35
35
  label: _propTypes.default.node.isRequired,
36
36
  id: _propTypes.default.string.isRequired,
37
37
  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
@@ -45,6 +45,4 @@ const propTypes = {
45
45
  inputContainerRef: _propTypes.default.func,
46
46
  elementRef: _propTypes.default.func
47
47
  };
48
- exports.propTypes = propTypes;
49
- const allowedProps = ['label', 'id', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'vAlign', 'width', 'inputContainerRef', 'elementRef'];
50
- exports.allowedProps = allowedProps;
48
+ const allowedProps = exports.allowedProps = ['label', 'id', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'vAlign', 'width', 'inputContainerRef', 'elementRef'];
package/lib/FormFieldGroup/index.js CHANGED
@@ -47,7 +47,7 @@ category: components
47
47
  ---
48
48
  @tsProps
49
49
  **/
50
- let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldGroup extends _react.Component {
50
+ let FormFieldGroup = exports.FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldGroup extends _react.Component {
51
51
  constructor(...args) {
52
52
  super(...args);
53
53
  this.ref = null;
@@ -121,6 +121,4 @@ let FormFieldGroup = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
121
121
  colSpacing: 'small',
122
122
  vAlign: 'middle'
123
123
  }, _class2)) || _class);
124
- exports.FormFieldGroup = FormFieldGroup;
125
- var _default = FormFieldGroup;
126
- exports.default = _default;
124
+ var _default = exports.default = FormFieldGroup;
package/lib/FormFieldGroup/props.js CHANGED
@@ -31,7 +31,7 @@ var _FormPropTypes = require("../FormPropTypes");
31
31
  * SOFTWARE.
32
32
  */
33
33
 
34
- const propTypes = {
34
+ const propTypes = exports.propTypes = {
35
35
  description: _propTypes.default.node.isRequired,
36
36
  as: _propTypes.default.elementType,
37
37
  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message),
@@ -45,6 +45,4 @@ const propTypes = {
45
45
  startAt: _propTypes.default.oneOf(['small', 'medium', 'large', 'x-large', null]),
46
46
  elementRef: _propTypes.default.func
47
47
  };
48
- exports.propTypes = propTypes;
49
- const allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'elementRef'];
50
- exports.allowedProps = allowedProps;
48
+ const allowedProps = exports.allowedProps = ['description', 'as', 'messages', 'messagesId', 'disabled', 'children', 'layout', 'rowSpacing', 'colSpacing', 'vAlign', 'startAt', 'elementRef'];
package/lib/FormFieldGroup/styles.js CHANGED
@@ -59,5 +59,4 @@ const generateStyle = (componentTheme, props, state) => {
59
59
  }
60
60
  };
61
61
  };
62
- var _default = generateStyle;
63
- exports.default = _default;
62
+ var _default = exports.default = generateStyle;
package/lib/FormFieldGroup/theme.js CHANGED
@@ -49,5 +49,4 @@ const generateComponentTheme = theme => {
49
49
  ...componentVariables
50
50
  };
51
51
  };
52
- var _default = generateComponentTheme;
53
- exports.default = _default;
52
+ var _default = exports.default = generateComponentTheme;
package/lib/FormFieldLabel/index.js CHANGED
@@ -54,7 +54,7 @@ example: true
54
54
  ```
55
55
 
56
56
  **/
57
- let FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldLabel extends _react.Component {
57
+ let FormFieldLabel = exports.FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldLabel extends _react.Component {
58
58
  constructor(...args) {
59
59
  super(...args);
60
60
  this.ref = null;
@@ -83,6 +83,4 @@ let FormFieldLabel = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.def
83
83
  }, _class2.displayName = "FormFieldLabel", _class2.componentId = 'FormFieldLabel', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
84
84
  as: 'span'
85
85
  }, _class2)) || _class);
86
- exports.FormFieldLabel = FormFieldLabel;
87
- var _default = FormFieldLabel;
88
- exports.default = _default;
86
+ var _default = exports.default = FormFieldLabel;
package/lib/FormFieldLabel/props.js CHANGED
@@ -30,10 +30,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
30
30
  * SOFTWARE.
31
31
  */
32
32
 
33
- const propTypes = {
33
+ const propTypes = exports.propTypes = {
34
34
  children: _propTypes.default.node.isRequired,
35
35
  as: _propTypes.default.elementType
36
36
  };
37
- exports.propTypes = propTypes;
38
- const allowedProps = ['as', 'children'];
39
- exports.allowedProps = allowedProps;
37
+ const allowedProps = exports.allowedProps = ['as', 'children'];
package/lib/FormFieldLabel/styles.js CHANGED
@@ -65,5 +65,4 @@ const generateStyle = (componentTheme, props) => {
65
65
  }
66
66
  };
67
67
  };
68
- var _default = generateStyle;
69
- exports.default = _default;
68
+ var _default = exports.default = generateStyle;
package/lib/FormFieldLabel/theme.js CHANGED
@@ -54,5 +54,4 @@ const generateComponentTheme = theme => {
54
54
  ...themeSpecificStyle[themeName]
55
55
  };
56
56
  };
57
- var _default = generateComponentTheme;
58
- exports.default = _default;
57
+ var _default = exports.default = generateComponentTheme;
package/lib/FormFieldLayout/index.js CHANGED
@@ -52,7 +52,7 @@ parent: FormField
52
52
  ---
53
53
  @tsProps
54
54
  **/
55
- let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _dec2 = (0, _emotion.withStyle)(_styles.default, null), _dec(_class = _dec2(_class = (_class2 = class FormFieldLayout extends _react.Component {
55
+ 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 {
56
56
  constructor(props) {
57
57
  super(props);
58
58
  this._messagesId = void 0;
@@ -159,6 +159,4 @@ let FormFieldLayout = (_dec = (0, _withDeterministicId.withDeterministicId)(), _
159
159
  as: 'label',
160
160
  labelAlign: 'end'
161
161
  }, _class2)) || _class) || _class);
162
- exports.FormFieldLayout = FormFieldLayout;
163
- var _default = FormFieldLayout;
164
- exports.default = _default;
162
+ var _default = exports.default = FormFieldLayout;
package/lib/FormFieldLayout/props.js CHANGED
@@ -31,7 +31,7 @@ var _FormPropTypes = require("../FormPropTypes");
31
31
  * SOFTWARE.
32
32
  */
33
33
 
34
- const propTypes = {
34
+ const propTypes = exports.propTypes = {
35
35
  label: _propTypes.default.node.isRequired,
36
36
  id: _propTypes.default.string,
37
37
  as: _propTypes.default.elementType,
@@ -46,11 +46,9 @@ const propTypes = {
46
46
  inputContainerRef: _propTypes.default.func,
47
47
  elementRef: _propTypes.default.func
48
48
  };
49
- exports.propTypes = propTypes;
50
- const allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef'
49
+ const allowedProps = exports.allowedProps = ['label', 'id', 'as', 'messages', 'messagesId', 'children', 'inline', 'layout', 'labelAlign', 'width', 'inputContainerRef', 'elementRef'
51
50
 
52
51
  // added vAlign because FormField and FormFieldGroup passes it, but not adding
53
52
  // it to allowedProps to prevent it from getting passed through accidentally
54
53
  //'vAlign'
55
- ];
56
- exports.allowedProps = allowedProps;
54
+ ];
package/lib/FormFieldLayout/styles.js CHANGED
@@ -61,5 +61,4 @@ const generateStyle = (_componentTheme, props) => {
61
61
  }
62
62
  };
63
63
  };
64
- var _default = generateStyle;
65
- exports.default = _default;
64
+ var _default = exports.default = generateStyle;
package/lib/FormFieldMessage/index.js CHANGED
@@ -52,7 +52,7 @@ example: true
52
52
  <FormFieldMessage variant="error">Invalid value</FormFieldMessage>
53
53
  ```
54
54
  **/
55
- let FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldMessage extends _react.Component {
55
+ let FormFieldMessage = exports.FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldMessage extends _react.Component {
56
56
  constructor(...args) {
57
57
  super(...args);
58
58
  this.ref = null;
@@ -82,6 +82,4 @@ let FormFieldMessage = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.d
82
82
  }, _class2.displayName = "FormFieldMessage", _class2.componentId = 'FormFieldMessage', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {
83
83
  variant: 'hint'
84
84
  }, _class2)) || _class);
85
- exports.FormFieldMessage = FormFieldMessage;
86
- var _default = FormFieldMessage;
87
- exports.default = _default;
85
+ var _default = exports.default = FormFieldMessage;
package/lib/FormFieldMessage/props.js CHANGED
@@ -29,10 +29,8 @@ var _FormPropTypes = require("../FormPropTypes");
29
29
  * SOFTWARE.
30
30
  */
31
31
 
32
- const propTypes = {
32
+ const propTypes = exports.propTypes = {
33
33
  variant: _FormPropTypes.formMessageTypePropType,
34
34
  children: _FormPropTypes.formMessageChildPropType
35
35
  };
36
- exports.propTypes = propTypes;
37
- const allowedProps = ['variant', 'children'];
38
- exports.allowedProps = allowedProps;
36
+ const allowedProps = exports.allowedProps = ['variant', 'children'];
package/lib/FormFieldMessage/styles.js CHANGED
@@ -64,5 +64,4 @@ const generateStyle = (componentTheme, props) => {
64
64
  }
65
65
  };
66
66
  };
67
- var _default = generateStyle;
68
- exports.default = _default;
67
+ var _default = exports.default = generateStyle;
package/lib/FormFieldMessage/theme.js CHANGED
@@ -56,5 +56,4 @@ const generateComponentTheme = theme => {
56
56
  ...themeSpecificStyle[themeName]
57
57
  };
58
58
  };
59
- var _default = generateComponentTheme;
60
- exports.default = _default;
59
+ var _default = exports.default = generateComponentTheme;
package/lib/FormFieldMessages/index.js CHANGED
@@ -56,7 +56,7 @@ example: true
56
56
  ]} />
57
57
  ```
58
58
  **/
59
- let FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldMessages extends _react.Component {
59
+ let FormFieldMessages = exports.FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.default), _dec(_class = (_class2 = class FormFieldMessages extends _react.Component {
60
60
  constructor(...args) {
61
61
  super(...args);
62
62
  this.ref = null;
@@ -90,6 +90,4 @@ let FormFieldMessages = (_dec = (0, _emotion.withStyle)(_styles.default, _theme.
90
90
  })) : null;
91
91
  }
92
92
  }, _class2.displayName = "FormFieldMessages", _class2.componentId = 'FormFieldMessages', _class2.propTypes = _props.propTypes, _class2.allowedProps = _props.allowedProps, _class2.defaultProps = {}, _class2)) || _class);
93
- exports.FormFieldMessages = FormFieldMessages;
94
- var _default = FormFieldMessages;
95
- exports.default = _default;
93
+ var _default = exports.default = FormFieldMessages;
package/lib/FormFieldMessages/props.js CHANGED
@@ -31,9 +31,7 @@ var _FormPropTypes = require("../FormPropTypes");
31
31
  * SOFTWARE.
32
32
  */
33
33
 
34
- const propTypes = {
34
+ const propTypes = exports.propTypes = {
35
35
  messages: _propTypes.default.arrayOf(_FormPropTypes.FormPropTypes.message)
36
36
  };
37
- exports.propTypes = propTypes;
38
- const allowedProps = ['messages'];
39
- exports.allowedProps = allowedProps;
37
+ const allowedProps = exports.allowedProps = ['messages'];
package/lib/FormFieldMessages/styles.js CHANGED
@@ -52,5 +52,4 @@ const generateStyle = componentTheme => {
52
52
  }
53
53
  };
54
54
  };
55
- var _default = generateStyle;
56
- exports.default = _default;
55
+ var _default = exports.default = generateStyle;
package/lib/FormFieldMessages/theme.js CHANGED
@@ -42,5 +42,4 @@ const generateComponentTheme = theme => {
42
42
  ...componentVariables
43
43
  };
44
44
  };
45
- var _default = generateComponentTheme;
46
- exports.default = _default;
45
+ var _default = exports.default = generateComponentTheme;
package/lib/FormPropTypes.js CHANGED
@@ -30,10 +30,8 @@ var _propTypes = _interopRequireDefault(require("prop-types"));
30
30
  * SOFTWARE.
31
31
  */
32
32
 
33
- const formMessageTypePropType = _propTypes.default.oneOf(['error', 'hint', 'success', 'screenreader-only']);
34
- exports.formMessageTypePropType = formMessageTypePropType;
35
- const formMessageChildPropType = _propTypes.default.node;
36
- exports.formMessageChildPropType = formMessageChildPropType;
33
+ const formMessageTypePropType = exports.formMessageTypePropType = _propTypes.default.oneOf(['error', 'hint', 'success', 'screenreader-only']);
34
+ const formMessageChildPropType = exports.formMessageChildPropType = _propTypes.default.node;
37
35
  /**
38
36
  * ---
39
37
  * category: utilities/form
@@ -41,12 +39,10 @@ exports.formMessageChildPropType = formMessageChildPropType;
41
39
  * Custom prop types for React components.
42
40
  * @module FormPropTypes
43
41
  */
44
- const FormPropTypes = {
42
+ const FormPropTypes = exports.FormPropTypes = {
45
43
  message: _propTypes.default.shape({
46
44
  type: formMessageTypePropType,
47
45
  text: formMessageChildPropType
48
46
  })
49
47
  };
50
- exports.FormPropTypes = FormPropTypes;
51
- var _default = FormPropTypes;
52
- exports.default = _default;
48
+ var _default = exports.default = FormPropTypes;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@instructure/ui-form-field",
3
- "version": "8.46.2-snapshot-5",
3
+ "version": "8.46.2-snapshot-7",
4
4
  "description": "Form layout components.",
5
5
  "author": "Instructure, Inc. Engineering and Product Design",
6
6
  "module": "./es/index.js",
@@ -23,22 +23,22 @@
23
23
  },
24
24
  "license": "MIT",
25
25
  "devDependencies": {
26
- "@instructure/ui-babel-preset": "8.46.2-snapshot-5",
27
- "@instructure/ui-test-utils": "8.46.2-snapshot-5",
28
- "@instructure/ui-themes": "8.46.2-snapshot-5"
26
+ "@instructure/ui-babel-preset": "8.46.2-snapshot-7",
27
+ "@instructure/ui-test-utils": "8.46.2-snapshot-7",
28
+ "@instructure/ui-themes": "8.46.2-snapshot-7"
29
29
  },
30
30
  "dependencies": {
31
- "@babel/runtime": "^7.22.15",
32
- "@instructure/console": "8.46.2-snapshot-5",
33
- "@instructure/emotion": "8.46.2-snapshot-5",
34
- "@instructure/shared-types": "8.46.2-snapshot-5",
35
- "@instructure/ui-a11y-content": "8.46.2-snapshot-5",
36
- "@instructure/ui-a11y-utils": "8.46.2-snapshot-5",
37
- "@instructure/ui-grid": "8.46.2-snapshot-5",
38
- "@instructure/ui-icons": "8.46.2-snapshot-5",
39
- "@instructure/ui-react-utils": "8.46.2-snapshot-5",
40
- "@instructure/ui-utils": "8.46.2-snapshot-5",
41
- "@instructure/uid": "8.46.2-snapshot-5",
31
+ "@babel/runtime": "^7.23.2",
32
+ "@instructure/console": "8.46.2-snapshot-7",
33
+ "@instructure/emotion": "8.46.2-snapshot-7",
34
+ "@instructure/shared-types": "8.46.2-snapshot-7",
35
+ "@instructure/ui-a11y-content": "8.46.2-snapshot-7",
36
+ "@instructure/ui-a11y-utils": "8.46.2-snapshot-7",
37
+ "@instructure/ui-grid": "8.46.2-snapshot-7",
38
+ "@instructure/ui-icons": "8.46.2-snapshot-7",
39
+ "@instructure/ui-react-utils": "8.46.2-snapshot-7",
40
+ "@instructure/ui-utils": "8.46.2-snapshot-7",
41
+ "@instructure/uid": "8.46.2-snapshot-7",
42
42
  "prop-types": "^15.8.1"
43
43
  },
44
44
  "peerDependencies": {