@instructure/ui-options 8.10.3-snapshot.2 → 8.10.3-snapshot.25
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/package.json +15 -15
- package/src/Options/Item/index.tsx +1 -1
- package/src/Options/Item/props.ts +4 -2
- package/src/Options/Separator/props.ts +5 -2
- package/src/Options/props.ts +5 -2
- package/types/Options/Item/index.d.ts +2 -2
- package/types/Options/Item/props.d.ts +2 -2
- package/types/Options/Item/props.d.ts.map +1 -1
- package/types/Options/Separator/props.d.ts +3 -2
- package/types/Options/Separator/props.d.ts.map +1 -1
- package/types/Options/props.d.ts +2 -2
- package/types/Options/props.d.ts.map +1 -1
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@instructure/ui-options",
|
|
3
|
-
"version": "8.10.3-snapshot.
|
|
3
|
+
"version": "8.10.3-snapshot.25+ed32a6c3b",
|
|
4
4
|
"description": "A view-only component for composing interactive lists and menus.",
|
|
5
5
|
"author": "Instructure, Inc. Engineering and Product Design",
|
|
6
6
|
"type": "commonjs",
|
|
@@ -24,22 +24,22 @@
|
|
|
24
24
|
},
|
|
25
25
|
"license": "MIT",
|
|
26
26
|
"devDependencies": {
|
|
27
|
-
"@instructure/ui-babel-preset": "8.10.3-snapshot.
|
|
28
|
-
"@instructure/ui-color-utils": "8.10.3-snapshot.
|
|
29
|
-
"@instructure/ui-test-locator": "8.10.3-snapshot.
|
|
30
|
-
"@instructure/ui-test-utils": "8.10.3-snapshot.
|
|
31
|
-
"@instructure/ui-themes": "8.10.3-snapshot.
|
|
27
|
+
"@instructure/ui-babel-preset": "8.10.3-snapshot.25+ed32a6c3b",
|
|
28
|
+
"@instructure/ui-color-utils": "8.10.3-snapshot.25+ed32a6c3b",
|
|
29
|
+
"@instructure/ui-test-locator": "8.10.3-snapshot.25+ed32a6c3b",
|
|
30
|
+
"@instructure/ui-test-utils": "8.10.3-snapshot.25+ed32a6c3b",
|
|
31
|
+
"@instructure/ui-themes": "8.10.3-snapshot.25+ed32a6c3b"
|
|
32
32
|
},
|
|
33
33
|
"dependencies": {
|
|
34
34
|
"@babel/runtime": "^7.13.10",
|
|
35
|
-
"@instructure/emotion": "8.10.3-snapshot.
|
|
36
|
-
"@instructure/shared-types": "8.10.3-snapshot.
|
|
37
|
-
"@instructure/ui-icons": "8.10.3-snapshot.
|
|
38
|
-
"@instructure/ui-prop-types": "8.10.3-snapshot.
|
|
39
|
-
"@instructure/ui-react-utils": "8.10.3-snapshot.
|
|
40
|
-
"@instructure/ui-testable": "8.10.3-snapshot.
|
|
41
|
-
"@instructure/ui-view": "8.10.3-snapshot.
|
|
42
|
-
"@instructure/uid": "8.10.3-snapshot.
|
|
35
|
+
"@instructure/emotion": "8.10.3-snapshot.25+ed32a6c3b",
|
|
36
|
+
"@instructure/shared-types": "8.10.3-snapshot.25+ed32a6c3b",
|
|
37
|
+
"@instructure/ui-icons": "8.10.3-snapshot.25+ed32a6c3b",
|
|
38
|
+
"@instructure/ui-prop-types": "8.10.3-snapshot.25+ed32a6c3b",
|
|
39
|
+
"@instructure/ui-react-utils": "8.10.3-snapshot.25+ed32a6c3b",
|
|
40
|
+
"@instructure/ui-testable": "8.10.3-snapshot.25+ed32a6c3b",
|
|
41
|
+
"@instructure/ui-view": "8.10.3-snapshot.25+ed32a6c3b",
|
|
42
|
+
"@instructure/uid": "8.10.3-snapshot.25+ed32a6c3b",
|
|
43
43
|
"prop-types": "^15"
|
|
44
44
|
},
|
|
45
45
|
"peerDependencies": {
|
|
@@ -49,5 +49,5 @@
|
|
|
49
49
|
"access": "public"
|
|
50
50
|
},
|
|
51
51
|
"sideEffects": false,
|
|
52
|
-
"gitHead": "
|
|
52
|
+
"gitHead": "ed32a6c3b14ddb7fbbb5b543d9871a296f06e4c0"
|
|
53
53
|
}
|
|
@@ -109,7 +109,7 @@ class Item extends Component<OptionsItemProps> {
|
|
|
109
109
|
<ElementType
|
|
110
110
|
role="none"
|
|
111
111
|
css={styles?.item}
|
|
112
|
-
// @ts-expect-error TODO fix produces an union that is too complex to represent
|
|
112
|
+
// @ts-expect-error TODO: fix produces an union that is too complex to represent
|
|
113
113
|
ref={(element: any) => {
|
|
114
114
|
this.ref = element
|
|
115
115
|
}}
|
|
@@ -28,7 +28,8 @@ import PropTypes from 'prop-types'
|
|
|
28
28
|
import type {
|
|
29
29
|
AsElementType,
|
|
30
30
|
PropValidators,
|
|
31
|
-
OptionsItemTheme
|
|
31
|
+
OptionsItemTheme,
|
|
32
|
+
OtherHTMLAttributes
|
|
32
33
|
} from '@instructure/shared-types'
|
|
33
34
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
|
|
34
35
|
|
|
@@ -46,7 +47,8 @@ type PropKeys = keyof OptionsItemOwnProps
|
|
|
46
47
|
type AllowedPropKeys = Readonly<Array<PropKeys>>
|
|
47
48
|
|
|
48
49
|
type OptionsItemProps = OptionsItemOwnProps &
|
|
49
|
-
WithStyleProps<OptionsItemTheme, OptionsItemStyle>
|
|
50
|
+
WithStyleProps<OptionsItemTheme, OptionsItemStyle> &
|
|
51
|
+
OtherHTMLAttributes<OptionsItemOwnProps>
|
|
50
52
|
|
|
51
53
|
type OptionsItemStyle = ComponentStyle<
|
|
52
54
|
'item' | 'container' | 'content' | 'contentBefore' | 'contentAfter'
|
|
@@ -26,9 +26,11 @@ import PropTypes from 'prop-types'
|
|
|
26
26
|
import type {
|
|
27
27
|
AsElementType,
|
|
28
28
|
PropValidators,
|
|
29
|
-
OptionsSeparatorTheme
|
|
29
|
+
OptionsSeparatorTheme,
|
|
30
|
+
OtherHTMLAttributes
|
|
30
31
|
} from '@instructure/shared-types'
|
|
31
32
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
|
|
33
|
+
import { AllHTMLAttributes } from 'react'
|
|
32
34
|
|
|
33
35
|
type OptionsSeparatorOwnProps = {
|
|
34
36
|
as?: AsElementType
|
|
@@ -39,7 +41,8 @@ type PropKeys = keyof OptionsSeparatorOwnProps
|
|
|
39
41
|
type AllowedPropKeys = Readonly<Array<PropKeys>>
|
|
40
42
|
|
|
41
43
|
type OptionsSeparatorProps = OptionsSeparatorOwnProps &
|
|
42
|
-
WithStyleProps<OptionsSeparatorTheme, OptionsSeparatorStyle>
|
|
44
|
+
WithStyleProps<OptionsSeparatorTheme, OptionsSeparatorStyle> &
|
|
45
|
+
OtherHTMLAttributes<OptionsSeparatorOwnProps, AllHTMLAttributes<any>>
|
|
43
46
|
|
|
44
47
|
type OptionsSeparatorStyle = ComponentStyle<'separator'>
|
|
45
48
|
|
package/src/Options/props.ts
CHANGED
|
@@ -29,7 +29,8 @@ import { Children as ChildrenPropTypes } from '@instructure/ui-prop-types'
|
|
|
29
29
|
import type {
|
|
30
30
|
AsElementType,
|
|
31
31
|
PropValidators,
|
|
32
|
-
OptionsTheme
|
|
32
|
+
OptionsTheme,
|
|
33
|
+
OtherHTMLAttributes
|
|
33
34
|
} from '@instructure/shared-types'
|
|
34
35
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion'
|
|
35
36
|
|
|
@@ -45,7 +46,9 @@ type PropKeys = keyof OptionsOwnProps
|
|
|
45
46
|
|
|
46
47
|
type AllowedPropKeys = Readonly<Array<PropKeys>>
|
|
47
48
|
|
|
48
|
-
type OptionsProps = OptionsOwnProps &
|
|
49
|
+
type OptionsProps = OptionsOwnProps &
|
|
50
|
+
WithStyleProps<OptionsTheme, OptionsStyle> &
|
|
51
|
+
OtherHTMLAttributes<OptionsOwnProps>
|
|
49
52
|
|
|
50
53
|
type OptionsStyle = ComponentStyle<'options' | 'list' | 'label'>
|
|
51
54
|
|
|
@@ -12,7 +12,7 @@ declare class Item extends Component<OptionsItemProps> {
|
|
|
12
12
|
static readonly componentId = "Options.Item";
|
|
13
13
|
static allowedProps: readonly (keyof {
|
|
14
14
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
15
|
-
variant?: "default" | "
|
|
15
|
+
variant?: "default" | "disabled" | "selected" | "highlighted" | undefined;
|
|
16
16
|
role?: string | undefined;
|
|
17
17
|
renderBeforeLabel?: import("react").ReactNode | ((...args: any[]) => any);
|
|
18
18
|
renderAfterLabel?: import("react").ReactNode | ((...args: any[]) => any);
|
|
@@ -20,7 +20,7 @@ declare class Item extends Component<OptionsItemProps> {
|
|
|
20
20
|
})[];
|
|
21
21
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
22
22
|
as?: import("@instructure/shared-types/types/CommonProps").AsElementType | undefined;
|
|
23
|
-
variant?: "default" | "
|
|
23
|
+
variant?: "default" | "disabled" | "selected" | "highlighted" | undefined;
|
|
24
24
|
role?: string | undefined;
|
|
25
25
|
renderBeforeLabel?: import("react").ReactNode | ((...args: any[]) => any);
|
|
26
26
|
renderAfterLabel?: import("react").ReactNode | ((...args: any[]) => any);
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { AsElementType, PropValidators, OptionsItemTheme } from '@instructure/shared-types';
|
|
2
|
+
import type { AsElementType, PropValidators, OptionsItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
4
|
declare type OptionsItemOwnProps = {
|
|
5
5
|
as?: AsElementType;
|
|
@@ -11,7 +11,7 @@ declare type OptionsItemOwnProps = {
|
|
|
11
11
|
};
|
|
12
12
|
declare type PropKeys = keyof OptionsItemOwnProps;
|
|
13
13
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
14
|
-
declare type OptionsItemProps = OptionsItemOwnProps & WithStyleProps<OptionsItemTheme, OptionsItemStyle>;
|
|
14
|
+
declare type OptionsItemProps = OptionsItemOwnProps & WithStyleProps<OptionsItemTheme, OptionsItemStyle> & OtherHTMLAttributes<OptionsItemOwnProps>;
|
|
15
15
|
declare type OptionsItemStyle = ComponentStyle<'item' | 'container' | 'content' | 'contentBefore' | 'contentAfter'>;
|
|
16
16
|
declare const propTypes: PropValidators<PropKeys>;
|
|
17
17
|
declare const allowedProps: AllowedPropKeys;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Item/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,gBAAgB,EAChB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,mBAAmB,GAAG;IACzB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,OAAO,CAAC,EAAE,SAAS,GAAG,aAAa,GAAG,UAAU,GAAG,UAAU,CAAA;IAC7D,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,iBAAiB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC/D,gBAAgB,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IAC9D,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,KAAK,CAAC,SAAS,CAAC,CAAA;CACnE,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,mBAAmB,CAAA;AAEzC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,gBAAgB,GAAG,mBAAmB,GACzC,cAAc,CAAC,gBAAgB,EAAE,gBAAgB,CAAC,GAClD,mBAAmB,CAAC,mBAAmB,CAAC,CAAA;AAE1C,aAAK,gBAAgB,GAAG,cAAc,CACpC,MAAM,GAAG,WAAW,GAAG,SAAS,GAAG,eAAe,GAAG,cAAc,CACpE,CAAA;AAED,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAwBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAOnB,CAAA;AAED,YAAY,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,CAAA;AAClD,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -1,11 +1,12 @@
|
|
|
1
|
-
import type { AsElementType, PropValidators, OptionsSeparatorTheme } from '@instructure/shared-types';
|
|
1
|
+
import type { AsElementType, PropValidators, OptionsSeparatorTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
2
2
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
|
+
import { AllHTMLAttributes } from 'react';
|
|
3
4
|
declare type OptionsSeparatorOwnProps = {
|
|
4
5
|
as?: AsElementType;
|
|
5
6
|
};
|
|
6
7
|
declare type PropKeys = keyof OptionsSeparatorOwnProps;
|
|
7
8
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
8
|
-
declare type OptionsSeparatorProps = OptionsSeparatorOwnProps & WithStyleProps<OptionsSeparatorTheme, OptionsSeparatorStyle
|
|
9
|
+
declare type OptionsSeparatorProps = OptionsSeparatorOwnProps & WithStyleProps<OptionsSeparatorTheme, OptionsSeparatorStyle> & OtherHTMLAttributes<OptionsSeparatorOwnProps, AllHTMLAttributes<any>>;
|
|
9
10
|
declare type OptionsSeparatorStyle = ComponentStyle<'separator'>;
|
|
10
11
|
declare const propTypes: PropValidators<PropKeys>;
|
|
11
12
|
declare const allowedProps: AllowedPropKeys;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Separator/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/Options/Separator/props.ts"],"names":[],"mappings":"AAyBA,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,qBAAqB,EACrB,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1E,OAAO,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAEzC,aAAK,wBAAwB,GAAG;IAC9B,EAAE,CAAC,EAAE,aAAa,CAAA;CACnB,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,wBAAwB,CAAA;AAE9C,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,qBAAqB,GAAG,wBAAwB,GACnD,cAAc,CAAC,qBAAqB,EAAE,qBAAqB,CAAC,GAC5D,mBAAmB,CAAC,wBAAwB,EAAE,iBAAiB,CAAC,GAAG,CAAC,CAAC,CAAA;AAEvE,aAAK,qBAAqB,GAAG,cAAc,CAAC,WAAW,CAAC,CAAA;AAExD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAKvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAAwB,CAAA;AAE5C,YAAY,EAAE,qBAAqB,EAAE,qBAAqB,EAAE,CAAA;AAC5D,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
package/types/Options/props.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
|
-
import type { AsElementType, PropValidators, OptionsTheme } from '@instructure/shared-types';
|
|
2
|
+
import type { AsElementType, PropValidators, OptionsTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
3
3
|
import type { WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
4
4
|
declare type OptionsOwnProps = {
|
|
5
5
|
as?: AsElementType;
|
|
@@ -10,7 +10,7 @@ declare type OptionsOwnProps = {
|
|
|
10
10
|
};
|
|
11
11
|
declare type PropKeys = keyof OptionsOwnProps;
|
|
12
12
|
declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
|
|
13
|
-
declare type OptionsProps = OptionsOwnProps & WithStyleProps<OptionsTheme, OptionsStyle>;
|
|
13
|
+
declare type OptionsProps = OptionsOwnProps & WithStyleProps<OptionsTheme, OptionsStyle> & OtherHTMLAttributes<OptionsOwnProps>;
|
|
14
14
|
declare type OptionsStyle = ComponentStyle<'options' | 'list' | 'label'>;
|
|
15
15
|
declare const propTypes: PropValidators<PropKeys>;
|
|
16
16
|
declare const allowedProps: AllowedPropKeys;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Options/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/Options/props.ts"],"names":[],"mappings":"AAuBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,aAAa,EACb,cAAc,EACd,YAAY,EACZ,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAClC,OAAO,KAAK,EAAE,cAAc,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAE1E,aAAK,eAAe,GAAG;IACrB,EAAE,CAAC,EAAE,aAAa,CAAA;IAClB,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;IAC9C,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAC,CAAA;IACzD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,eAAe,CAAA;AAErC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,YAAY,GAAG,eAAe,GACjC,cAAc,CAAC,YAAY,EAAE,YAAY,CAAC,GAC1C,mBAAmB,CAAC,eAAe,CAAC,CAAA;AAEtC,aAAK,YAAY,GAAG,cAAc,CAAC,SAAS,GAAG,MAAM,GAAG,OAAO,CAAC,CAAA;AAEhE,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAMnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,YAAY,EAAE,CAAA;AAC1C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|