@instructure/ui-billboard 10.26.1-snapshot-2 → 10.26.1
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 +2 -23
- package/es/Billboard/index.js +2 -2
- package/es/Billboard/props.js +17 -1
- package/lib/Billboard/index.js +1 -1
- package/lib/Billboard/props.js +18 -1
- package/package.json +15 -14
- package/src/Billboard/index.tsx +2 -1
- package/src/Billboard/props.ts +22 -2
- package/tsconfig.build.tsbuildinfo +1 -1
- package/types/Billboard/index.d.ts +15 -0
- package/types/Billboard/index.d.ts.map +1 -1
- package/types/Billboard/props.d.ts +3 -2
- package/types/Billboard/props.d.ts.map +1 -1
package/CHANGELOG.md
CHANGED
|
@@ -3,30 +3,9 @@
|
|
|
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
|
-
## [10.26.1
|
|
6
|
+
## [10.26.1](https://github.com/instructure/instructure-ui/compare/v10.26.0...v10.26.1) (2025-10-06)
|
|
7
7
|
|
|
8
|
-
|
|
9
|
-
### Features
|
|
10
|
-
|
|
11
|
-
* **many:** instUI v11 release ([36f5438](https://github.com/instructure/instructure-ui/commit/36f54382669186227ba24798bbf7201ef2f5cd4c))
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
### BREAKING CHANGES
|
|
15
|
-
|
|
16
|
-
* **many:** InstUI v11 contains the following breaking changes:
|
|
17
|
-
- React 16 and 17 are no longer supported
|
|
18
|
-
- remove `PropTypes` from all packages
|
|
19
|
-
- remove `CodeEditor` component
|
|
20
|
-
- remove `@instui/theme-registry` package
|
|
21
|
-
- remove `@testable`, `@experimental`, `@hack` decorators
|
|
22
|
-
- InstUISettingsProvider's `as` prop is removed
|
|
23
|
-
- `canvas.use()`, `canvasHighContrast.use()` functions are removed
|
|
24
|
-
- `canvasThemeLocal`, `canvasHighContrastThemeLocal` are removed
|
|
25
|
-
- `variables` field on theme objects are removed
|
|
26
|
-
- remove deprecated props from Table: Row's `isStacked`, Body's
|
|
27
|
-
`isStacked`, `hover`, and `headers`
|
|
28
|
-
- `Table`'s `caption` prop is now required
|
|
29
|
-
- `ui-dom-utils`'s `getComputedStyle` can now return `undefined`
|
|
8
|
+
**Note:** Version bump only for package @instructure/ui-billboard
|
|
30
9
|
|
|
31
10
|
|
|
32
11
|
|
package/es/Billboard/index.js
CHANGED
|
@@ -30,7 +30,7 @@ import { omitProps, callRenderProp, getElementType } from '@instructure/ui-react
|
|
|
30
30
|
import { withStyle } from '@instructure/emotion';
|
|
31
31
|
import generateStyle from './styles';
|
|
32
32
|
import generateComponentTheme from './theme';
|
|
33
|
-
import { allowedProps } from './props';
|
|
33
|
+
import { propTypes, allowedProps } from './props';
|
|
34
34
|
import { jsx as _jsx, jsxs as _jsxs } from "@emotion/react/jsx-runtime";
|
|
35
35
|
/**
|
|
36
36
|
---
|
|
@@ -145,7 +145,7 @@ let Billboard = (_dec = withStyle(generateStyle, generateComponentTheme), _dec(_
|
|
|
145
145
|
})
|
|
146
146
|
});
|
|
147
147
|
}
|
|
148
|
-
}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.allowedProps = allowedProps, _Billboard.defaultProps = {
|
|
148
|
+
}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.propTypes = propTypes, _Billboard.allowedProps = allowedProps, _Billboard.defaultProps = {
|
|
149
149
|
disabled: false,
|
|
150
150
|
readOnly: false,
|
|
151
151
|
size: 'medium',
|
package/es/Billboard/props.js
CHANGED
|
@@ -22,5 +22,21 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
+
import PropTypes from 'prop-types';
|
|
26
|
+
const propTypes = {
|
|
27
|
+
hero: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
|
|
28
|
+
size: PropTypes.oneOf(['small', 'medium', 'large']),
|
|
29
|
+
as: PropTypes.elementType,
|
|
30
|
+
elementRef: PropTypes.func,
|
|
31
|
+
heading: PropTypes.string,
|
|
32
|
+
headingAs: PropTypes.oneOf(['h1', 'h2', 'h3', 'span']),
|
|
33
|
+
headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4']),
|
|
34
|
+
message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
35
|
+
onClick: PropTypes.func,
|
|
36
|
+
href: PropTypes.string,
|
|
37
|
+
disabled: PropTypes.bool,
|
|
38
|
+
readOnly: PropTypes.bool,
|
|
39
|
+
margin: PropTypes.string
|
|
40
|
+
};
|
|
25
41
|
const allowedProps = ['hero', 'size', 'as', 'elementRef', 'heading', 'headingAs', 'headingLevel', 'message', 'onClick', 'href', 'disabled', 'readOnly', 'margin'];
|
|
26
|
-
export { allowedProps };
|
|
42
|
+
export { propTypes, allowedProps };
|
package/lib/Billboard/index.js
CHANGED
|
@@ -153,7 +153,7 @@ let Billboard = exports.Billboard = (_dec = (0, _emotion.withStyle)(_styles.defa
|
|
|
153
153
|
})
|
|
154
154
|
});
|
|
155
155
|
}
|
|
156
|
-
}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.allowedProps = _props.allowedProps, _Billboard.defaultProps = {
|
|
156
|
+
}, _Billboard.displayName = "Billboard", _Billboard.componentId = 'Billboard', _Billboard.propTypes = _props.propTypes, _Billboard.allowedProps = _props.allowedProps, _Billboard.defaultProps = {
|
|
157
157
|
disabled: false,
|
|
158
158
|
readOnly: false,
|
|
159
159
|
size: 'medium',
|
package/lib/Billboard/props.js
CHANGED
|
@@ -1,9 +1,11 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
+
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
|
3
4
|
Object.defineProperty(exports, "__esModule", {
|
|
4
5
|
value: true
|
|
5
6
|
});
|
|
6
|
-
exports.allowedProps = void 0;
|
|
7
|
+
exports.propTypes = exports.allowedProps = void 0;
|
|
8
|
+
var _propTypes = _interopRequireDefault(require("prop-types"));
|
|
7
9
|
/*
|
|
8
10
|
* The MIT License (MIT)
|
|
9
11
|
*
|
|
@@ -28,4 +30,19 @@ exports.allowedProps = void 0;
|
|
|
28
30
|
* SOFTWARE.
|
|
29
31
|
*/
|
|
30
32
|
|
|
33
|
+
const propTypes = exports.propTypes = {
|
|
34
|
+
hero: _propTypes.default.oneOfType([_propTypes.default.element, _propTypes.default.func]),
|
|
35
|
+
size: _propTypes.default.oneOf(['small', 'medium', 'large']),
|
|
36
|
+
as: _propTypes.default.elementType,
|
|
37
|
+
elementRef: _propTypes.default.func,
|
|
38
|
+
heading: _propTypes.default.string,
|
|
39
|
+
headingAs: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'span']),
|
|
40
|
+
headingLevel: _propTypes.default.oneOf(['h1', 'h2', 'h3', 'h4']),
|
|
41
|
+
message: _propTypes.default.oneOfType([_propTypes.default.node, _propTypes.default.func]),
|
|
42
|
+
onClick: _propTypes.default.func,
|
|
43
|
+
href: _propTypes.default.string,
|
|
44
|
+
disabled: _propTypes.default.bool,
|
|
45
|
+
readOnly: _propTypes.default.bool,
|
|
46
|
+
margin: _propTypes.default.string
|
|
47
|
+
};
|
|
31
48
|
const allowedProps = exports.allowedProps = ['hero', 'size', 'as', 'elementRef', 'heading', 'headingAs', 'headingLevel', 'message', 'onClick', 'href', 'disabled', 'readOnly', 'margin'];
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-billboard",
|
|
3
|
-
"version": "10.26.1
|
|
3
|
+
"version": "10.26.1",
|
|
4
4
|
"description": "A UI component to display empty states, 404 pages, redirects, etc.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"module": "./es/index.js",
|
|
@@ -23,27 +23,28 @@
|
|
|
23
23
|
},
|
|
24
24
|
"license": "MIT",
|
|
25
25
|
"devDependencies": {
|
|
26
|
-
"@instructure/ui-axe-check": "10.26.1
|
|
27
|
-
"@instructure/ui-babel-preset": "10.26.1
|
|
28
|
-
"@instructure/ui-color-utils": "10.26.1
|
|
29
|
-
"@instructure/ui-icons": "10.26.1
|
|
30
|
-
"@instructure/ui-themes": "10.26.1
|
|
26
|
+
"@instructure/ui-axe-check": "10.26.1",
|
|
27
|
+
"@instructure/ui-babel-preset": "10.26.1",
|
|
28
|
+
"@instructure/ui-color-utils": "10.26.1",
|
|
29
|
+
"@instructure/ui-icons": "10.26.1",
|
|
30
|
+
"@instructure/ui-themes": "10.26.1",
|
|
31
31
|
"@testing-library/jest-dom": "^6.6.3",
|
|
32
|
-
"@testing-library/react": "
|
|
32
|
+
"@testing-library/react": "^16.0.1",
|
|
33
33
|
"@testing-library/user-event": "^14.6.1",
|
|
34
34
|
"vitest": "^3.2.2"
|
|
35
35
|
},
|
|
36
36
|
"dependencies": {
|
|
37
37
|
"@babel/runtime": "^7.27.6",
|
|
38
|
-
"@instructure/emotion": "10.26.1
|
|
39
|
-
"@instructure/shared-types": "10.26.1
|
|
40
|
-
"@instructure/ui-heading": "10.26.1
|
|
41
|
-
"@instructure/ui-img": "10.26.1
|
|
42
|
-
"@instructure/ui-react-utils": "10.26.1
|
|
43
|
-
"@instructure/ui-view": "10.26.1
|
|
38
|
+
"@instructure/emotion": "10.26.1",
|
|
39
|
+
"@instructure/shared-types": "10.26.1",
|
|
40
|
+
"@instructure/ui-heading": "10.26.1",
|
|
41
|
+
"@instructure/ui-img": "10.26.1",
|
|
42
|
+
"@instructure/ui-react-utils": "10.26.1",
|
|
43
|
+
"@instructure/ui-view": "10.26.1",
|
|
44
|
+
"prop-types": "^15.8.1"
|
|
44
45
|
},
|
|
45
46
|
"peerDependencies": {
|
|
46
|
-
"react": ">=
|
|
47
|
+
"react": ">=16.14 <=18"
|
|
47
48
|
},
|
|
48
49
|
"publishConfig": {
|
|
49
50
|
"access": "public"
|
package/src/Billboard/index.tsx
CHANGED
|
@@ -37,7 +37,7 @@ import { withStyle } from '@instructure/emotion'
|
|
|
37
37
|
import generateStyle from './styles'
|
|
38
38
|
import generateComponentTheme from './theme'
|
|
39
39
|
|
|
40
|
-
import { allowedProps } from './props'
|
|
40
|
+
import { propTypes, allowedProps } from './props'
|
|
41
41
|
import type { BillboardProps, HeroIconSize } from './props'
|
|
42
42
|
import type { ViewProps } from '@instructure/ui-view'
|
|
43
43
|
|
|
@@ -50,6 +50,7 @@ category: components
|
|
|
50
50
|
class Billboard extends Component<BillboardProps> {
|
|
51
51
|
static readonly componentId = 'Billboard'
|
|
52
52
|
|
|
53
|
+
static propTypes = propTypes
|
|
53
54
|
static allowedProps = allowedProps
|
|
54
55
|
static defaultProps = {
|
|
55
56
|
disabled: false,
|
package/src/Billboard/props.ts
CHANGED
|
@@ -22,6 +22,8 @@
|
|
|
22
22
|
* SOFTWARE.
|
|
23
23
|
*/
|
|
24
24
|
|
|
25
|
+
import PropTypes from 'prop-types'
|
|
26
|
+
|
|
25
27
|
import type {
|
|
26
28
|
Spacing,
|
|
27
29
|
WithStyleProps,
|
|
@@ -30,7 +32,8 @@ import type {
|
|
|
30
32
|
import type {
|
|
31
33
|
AsElementType,
|
|
32
34
|
BillboardTheme,
|
|
33
|
-
OtherHTMLAttributes
|
|
35
|
+
OtherHTMLAttributes,
|
|
36
|
+
PropValidators
|
|
34
37
|
} from '@instructure/shared-types'
|
|
35
38
|
import type { ViewProps } from '@instructure/ui-view'
|
|
36
39
|
import { MouseEvent } from 'react'
|
|
@@ -108,6 +111,23 @@ type BillboardProps = BillboardOwnProps &
|
|
|
108
111
|
type BillboardStyle = ComponentStyle<
|
|
109
112
|
'billboard' | 'content' | 'hero' | 'heading' | 'message'
|
|
110
113
|
>
|
|
114
|
+
|
|
115
|
+
const propTypes: PropValidators<PropKeys> = {
|
|
116
|
+
hero: PropTypes.oneOfType([PropTypes.element, PropTypes.func]),
|
|
117
|
+
size: PropTypes.oneOf(['small', 'medium', 'large']),
|
|
118
|
+
as: PropTypes.elementType,
|
|
119
|
+
elementRef: PropTypes.func,
|
|
120
|
+
heading: PropTypes.string,
|
|
121
|
+
headingAs: PropTypes.oneOf(['h1', 'h2', 'h3', 'span']),
|
|
122
|
+
headingLevel: PropTypes.oneOf(['h1', 'h2', 'h3', 'h4']),
|
|
123
|
+
message: PropTypes.oneOfType([PropTypes.node, PropTypes.func]),
|
|
124
|
+
onClick: PropTypes.func,
|
|
125
|
+
href: PropTypes.string,
|
|
126
|
+
disabled: PropTypes.bool,
|
|
127
|
+
readOnly: PropTypes.bool,
|
|
128
|
+
margin: PropTypes.string
|
|
129
|
+
}
|
|
130
|
+
|
|
111
131
|
const allowedProps: AllowedPropKeys = [
|
|
112
132
|
'hero',
|
|
113
133
|
'size',
|
|
@@ -125,4 +145,4 @@ const allowedProps: AllowedPropKeys = [
|
|
|
125
145
|
]
|
|
126
146
|
|
|
127
147
|
export type { BillboardProps, BillboardStyle, HeroIconSize }
|
|
128
|
-
export { allowedProps }
|
|
148
|
+
export { propTypes, allowedProps }
|