@instructure/ui-list 8.13.1-snapshot.9 → 8.14.0
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 +4 -0
- package/es/InlineList/InlineListItem/InlineListItemLocator.js +2 -1
- package/es/InlineList/InlineListItem/index.js +19 -15
- package/es/InlineList/InlineListItem/props.js +0 -24
- package/es/InlineList/InlineListLocator.js +2 -1
- package/es/InlineList/__examples__/InlineList.examples.js +1 -1
- package/es/InlineList/index.js +1 -2
- package/es/InlineList/props.js +0 -17
- package/es/List/ListItem/index.js +19 -15
- package/es/List/ListItem/props.js +0 -24
- package/es/List/ListLocator.js +4 -2
- package/es/List/__examples__/List.examples.js +1 -1
- package/es/List/index.js +16 -13
- package/es/List/props.js +0 -25
- package/lib/InlineList/InlineListItem/InlineListItemLocator.js +1 -0
- package/lib/InlineList/InlineListItem/index.js +19 -15
- package/lib/InlineList/InlineListItem/props.js +0 -24
- package/lib/InlineList/InlineListLocator.js +1 -0
- package/lib/InlineList/__examples__/InlineList.examples.js +1 -1
- package/lib/InlineList/index.js +1 -2
- package/lib/InlineList/props.js +0 -17
- package/lib/List/ListItem/index.js +19 -15
- package/lib/List/ListItem/props.js +0 -24
- package/lib/List/ListLocator.js +3 -1
- package/lib/List/__examples__/List.examples.js +1 -1
- package/lib/List/index.js +16 -13
- package/lib/List/props.js +0 -25
- package/package.json +14 -15
- package/src/InlineList/InlineListItem/index.tsx +5 -9
- package/src/InlineList/InlineListItem/props.ts +20 -20
- package/src/InlineList/__examples__/InlineList.examples.tsx +3 -4
- package/src/InlineList/index.tsx +1 -3
- package/src/InlineList/props.ts +16 -15
- package/src/List/ListItem/index.tsx +5 -9
- package/src/List/ListItem/props.ts +20 -20
- package/src/List/__examples__/List.examples.tsx +4 -5
- package/src/List/index.tsx +5 -10
- package/src/List/props.ts +20 -20
- package/tsconfig.build.json +18 -2
- package/tsconfig.build.tsbuildinfo +1 -0
- package/types/InlineList/InlineListItem/InlineListItemLocator.d.ts +52 -52
- package/types/InlineList/InlineListItem/index.d.ts +4 -4
- package/types/InlineList/InlineListItem/index.d.ts.map +1 -1
- package/types/InlineList/InlineListItem/props.d.ts +20 -1
- package/types/InlineList/InlineListItem/props.d.ts.map +1 -1
- package/types/InlineList/InlineListLocator.d.ts +182 -182
- package/types/InlineList/__examples__/InlineList.examples.d.ts +3 -2
- package/types/InlineList/__examples__/InlineList.examples.d.ts.map +1 -1
- package/types/InlineList/index.d.ts +1 -2
- package/types/InlineList/index.d.ts.map +1 -1
- package/types/InlineList/props.d.ts +14 -0
- package/types/InlineList/props.d.ts.map +1 -1
- package/types/List/ListItem/index.d.ts +4 -4
- package/types/List/ListItem/index.d.ts.map +1 -1
- package/types/List/ListItem/props.d.ts +20 -1
- package/types/List/ListItem/props.d.ts.map +1 -1
- package/types/List/ListLocator.d.ts +182 -182
- package/types/List/__examples__/List.examples.d.ts +3 -2
- package/types/List/__examples__/List.examples.d.ts.map +1 -1
- package/types/List/index.d.ts +2 -3
- package/types/List/index.d.ts.map +1 -1
- package/types/List/props.d.ts +20 -0
- package/types/List/props.d.ts.map +1 -1
- package/LICENSE.md +0 -27
|
@@ -1,10 +1,11 @@
|
|
|
1
1
|
/// <reference types="react" />
|
|
2
|
+
import { InlineListProps } from '../props';
|
|
2
3
|
declare const _default: {
|
|
3
4
|
sectionProp: string;
|
|
4
|
-
getComponentProps: (
|
|
5
|
+
getComponentProps: () => {
|
|
5
6
|
children: JSX.Element[];
|
|
6
7
|
};
|
|
7
|
-
filter: (props:
|
|
8
|
+
filter: (props: InlineListProps) => boolean;
|
|
8
9
|
};
|
|
9
10
|
export default _default;
|
|
10
11
|
//# sourceMappingURL=InlineList.examples.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"InlineList.examples.d.ts","sourceRoot":"","sources":["../../../src/InlineList/__examples__/InlineList.examples.tsx"],"names":[],"mappings":"
|
|
1
|
+
{"version":3,"file":"InlineList.examples.d.ts","sourceRoot":"","sources":["../../../src/InlineList/__examples__/InlineList.examples.tsx"],"names":[],"mappings":";AAyBA,OAAO,EAAE,eAAe,EAAE,MAAM,UAAU,CAAA;;;;;;oBAaxB,eAAe;;AAXjC,wBAkBC"}
|
|
@@ -5,6 +5,7 @@ import type { InlineListProps } from './props';
|
|
|
5
5
|
---
|
|
6
6
|
category: components
|
|
7
7
|
---
|
|
8
|
+
@tsProps
|
|
8
9
|
**/
|
|
9
10
|
declare class InlineList extends Component<InlineListProps> {
|
|
10
11
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
@@ -26,9 +27,7 @@ declare class InlineList extends Component<InlineListProps> {
|
|
|
26
27
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
27
28
|
})[];
|
|
28
29
|
static defaultProps: {
|
|
29
|
-
children: null;
|
|
30
30
|
itemSpacing: string;
|
|
31
|
-
elementRef: (el: any) => void;
|
|
32
31
|
as: string;
|
|
33
32
|
margin: string;
|
|
34
33
|
delimiter: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineList/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAMhE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/InlineList/index.tsx"],"names":[],"mappings":"AAuBA,OAAO,KAAK,EAAE,EAAY,SAAS,EAAgB,MAAM,OAAO,CAAA;AAMhE,OAAO,EAAE,cAAc,EAAE,MAAM,kBAAkB,CAAA;AAGjD,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,SAAS,CAAA;AAE9C;;;;;GAKG;AACH,cACM,UAAW,SAAQ,SAAS,CAAC,eAAe,CAAC;IACjD,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;;MAMlB;IAED,MAAM,CAAC,IAAI,wBAAiB;IAE5B,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,cAAc;IAYd,MAAM;CAgBP;AAED,eAAe,UAAU,CAAA;AACzB,OAAO,EAAE,UAAU,EAAE,CAAA"}
|
|
@@ -2,12 +2,26 @@ import React from 'react';
|
|
|
2
2
|
import type { Spacing } from '@instructure/emotion';
|
|
3
3
|
import type { OtherHTMLAttributes, PropValidators } from '@instructure/shared-types';
|
|
4
4
|
declare type InlineListOwnProps = {
|
|
5
|
+
/**
|
|
6
|
+
* Only accepts `<InlineList.Item>` as a child
|
|
7
|
+
*/
|
|
5
8
|
children?: React.ReactNode;
|
|
6
9
|
as?: 'ul' | 'ol';
|
|
10
|
+
/**
|
|
11
|
+
* Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
|
|
12
|
+
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
|
13
|
+
* familiar CSS-like shorthand. For example: `margin="small auto large"`.
|
|
14
|
+
*/
|
|
7
15
|
margin?: Spacing;
|
|
8
16
|
size?: 'small' | 'medium' | 'large';
|
|
9
17
|
delimiter?: 'none' | 'pipe' | 'slash' | 'arrow';
|
|
18
|
+
/**
|
|
19
|
+
* Sets the margin separating each ListItem.
|
|
20
|
+
*/
|
|
10
21
|
itemSpacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
|
|
22
|
+
/**
|
|
23
|
+
* provides a reference to the underlying html root element
|
|
24
|
+
*/
|
|
11
25
|
elementRef?: (element: Element | null) => void;
|
|
12
26
|
};
|
|
13
27
|
declare type PropKeys = keyof InlineListOwnProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineList/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,kBAAkB,GAAG;IACxB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/InlineList/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,OAAO,EAAE,MAAM,sBAAsB,CAAA;AACnD,OAAO,KAAK,EACV,mBAAmB,EACnB,cAAc,EACf,MAAM,2BAA2B,CAAA;AAElC,aAAK,kBAAkB,GAAG;IACxB;;OAEG;IAEH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,EAAE,CAAC,EAAE,IAAI,GAAG,IAAI,CAAA;IAChB;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC,SAAS,CAAC,EAAE,MAAM,GAAG,MAAM,GAAG,OAAO,GAAG,OAAO,CAAA;IAC/C;;OAEG;IACH,WAAW,CAAC,EACR,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,kBAAkB,CAAA;AAExC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,eAAe,GAAG,kBAAkB,GACvC,mBAAmB,CAAC,kBAAkB,CAAC,CAAA;AAEzC,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,eAAe,EAAE,CAAA;AAC/B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|
|
@@ -7,11 +7,12 @@ import type { ListItemProps } from './props';
|
|
|
7
7
|
parent: List
|
|
8
8
|
id: List.Item
|
|
9
9
|
---
|
|
10
|
+
@tsProps
|
|
10
11
|
**/
|
|
11
12
|
declare class ListItem extends Component<ListItemProps> {
|
|
12
13
|
static readonly componentId = "List.Item";
|
|
13
14
|
static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
|
|
14
|
-
children: import("react").ReactNode | ((
|
|
15
|
+
children: import("react").ReactNode | (() => import("react").ReactNode);
|
|
15
16
|
delimiter?: "none" | "dashed" | "solid" | undefined;
|
|
16
17
|
size?: "small" | "medium" | "large" | undefined;
|
|
17
18
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
@@ -20,7 +21,7 @@ declare class ListItem extends Component<ListItemProps> {
|
|
|
20
21
|
elementRef?: ((element: Element | null) => void) | undefined;
|
|
21
22
|
}>;
|
|
22
23
|
static allowedProps: readonly (keyof {
|
|
23
|
-
children: import("react").ReactNode | ((
|
|
24
|
+
children: import("react").ReactNode | (() => import("react").ReactNode);
|
|
24
25
|
delimiter?: "none" | "dashed" | "solid" | undefined;
|
|
25
26
|
size?: "small" | "medium" | "large" | undefined;
|
|
26
27
|
margin?: import("@instructure/emotion/types/styleUtils/ThemeablePropValues").Spacing | undefined;
|
|
@@ -33,12 +34,11 @@ declare class ListItem extends Component<ListItemProps> {
|
|
|
33
34
|
spacing: string;
|
|
34
35
|
delimiter: string;
|
|
35
36
|
size: string;
|
|
36
|
-
elementRef: (el: any) => void;
|
|
37
37
|
};
|
|
38
38
|
ref: Element | null;
|
|
39
39
|
handleRef: (el: Element | null) => void;
|
|
40
40
|
componentDidMount(): void;
|
|
41
|
-
componentDidUpdate(
|
|
41
|
+
componentDidUpdate(): void;
|
|
42
42
|
render(): jsx.JSX.Element;
|
|
43
43
|
}
|
|
44
44
|
export default ListItem;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAMjC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,aAAa,EAAE,MAAM,SAAS,CAAA;AAE5C;;;;;;GAMG;AACH,cAEM,QAAS,SAAQ,SAAS,CAAC,aAAa,CAAC;IAC7C,MAAM,CAAC,QAAQ,CAAC,WAAW,eAAc;IAEzC,MAAM,CAAC,SAAS;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;;;MAKlB;IAED,GAAG,EAAE,OAAO,GAAG,IAAI,CAAO;IAE1B,SAAS,OAAQ,OAAO,GAAG,IAAI,UAQ9B;IAED,iBAAiB;IAIjB,kBAAkB;IAIlB,MAAM;CA2BP;AAED,eAAe,QAAQ,CAAA;AACvB,OAAO,EAAE,QAAQ,EAAE,CAAA"}
|
|
@@ -2,12 +2,31 @@ import React from 'react';
|
|
|
2
2
|
import type { Spacing, WithStyleProps, ComponentStyle } from '@instructure/emotion';
|
|
3
3
|
import type { PropValidators, ListItemTheme, OtherHTMLAttributes } from '@instructure/shared-types';
|
|
4
4
|
declare type ListItemOwnProps = {
|
|
5
|
-
children: React.ReactNode | ((
|
|
5
|
+
children: React.ReactNode | (() => React.ReactNode);
|
|
6
|
+
/**
|
|
7
|
+
* Inherits delimiter from the parent List component.
|
|
8
|
+
*/
|
|
6
9
|
delimiter?: 'none' | 'dashed' | 'solid';
|
|
7
10
|
size?: 'small' | 'medium' | 'large';
|
|
11
|
+
/**
|
|
12
|
+
* Valid values are `0`, `none`, `auto`, `xxx-small`, `xx-small`, `x-small`,
|
|
13
|
+
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
|
14
|
+
* familiar CSS-like shorthand. For example: `margin="small auto large"`.
|
|
15
|
+
*/
|
|
8
16
|
margin?: Spacing;
|
|
17
|
+
/**
|
|
18
|
+
* Valid values are `0`, `none`, `xxx-small`, `xx-small`, `x-small`,
|
|
19
|
+
* `small`, `medium`, `large`, `x-large`, `xx-large`. Apply these values via
|
|
20
|
+
* familiar CSS-like shorthand. For example: `padding="small x-large large"`.
|
|
21
|
+
*/
|
|
9
22
|
padding?: Spacing;
|
|
23
|
+
/**
|
|
24
|
+
* Inherits itemSpacing from the parent List component
|
|
25
|
+
*/
|
|
10
26
|
spacing?: 'none' | 'xxx-small' | 'xx-small' | 'x-small' | 'small' | 'medium' | 'large' | 'x-large' | 'xx-large';
|
|
27
|
+
/**
|
|
28
|
+
* provides a reference to the underlying html root element
|
|
29
|
+
*/
|
|
11
30
|
elementRef?: (element: Element | null) => void;
|
|
12
31
|
};
|
|
13
32
|
declare type PropKeys = keyof ListItemOwnProps;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,
|
|
1
|
+
{"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../../src/List/ListItem/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,OAAO,KAAK,EACV,OAAO,EACP,cAAc,EACd,cAAc,EACf,MAAM,sBAAsB,CAAA;AAC7B,OAAO,KAAK,EACV,cAAc,EACd,aAAa,EACb,mBAAmB,EACpB,MAAM,2BAA2B,CAAA;AAElC,aAAK,gBAAgB,GAAG;IACtB,QAAQ,EAAE,KAAK,CAAC,SAAS,GAAG,CAAC,MAAM,KAAK,CAAC,SAAS,CAAC,CAAA;IACnD;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAA;IACvC,IAAI,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IACnC;;;;OAIG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,OAAO,CAAC,EACJ,MAAM,GACN,WAAW,GACX,UAAU,GACV,SAAS,GACT,OAAO,GACP,QAAQ,GACR,OAAO,GACP,SAAS,GACT,UAAU,CAAA;IACd;;OAEG;IACH,UAAU,CAAC,EAAE,CAAC,OAAO,EAAE,OAAO,GAAG,IAAI,KAAK,IAAI,CAAA;CAC/C,CAAA;AAED,aAAK,QAAQ,GAAG,MAAM,gBAAgB,CAAA;AAEtC,aAAK,eAAe,GAAG,QAAQ,CAAC,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAA;AAEhD,aAAK,aAAa,GAAG,gBAAgB,GACnC,cAAc,CAAC,aAAa,EAAE,aAAa,CAAC,GAC5C,mBAAmB,CAAC,gBAAgB,CAAC,CAAA;AAEvC,aAAK,aAAa,GAAG,cAAc,CAAC,UAAU,CAAC,CAAA;AAE/C,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAkBvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAQnB,CAAA;AAED,YAAY,EAAE,aAAa,EAAE,aAAa,EAAE,CAAA;AAC5C,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
|