@instructure/ui-grid 8.8.1-snapshot.3 → 8.8.1-snapshot.63

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 (50) hide show
  1. package/es/Grid/index.js +3 -17
  2. package/{src/Grid/types.ts → es/Grid/props.js} +15 -13
  3. package/es/GridCol/index.js +5 -39
  4. package/es/GridCol/props.js +53 -0
  5. package/es/GridRow/index.js +3 -21
  6. package/{src/GridRow/types.ts → es/GridRow/props.js} +16 -14
  7. package/lib/Grid/index.js +4 -20
  8. package/lib/Grid/props.js +52 -0
  9. package/lib/GridCol/index.js +5 -40
  10. package/lib/GridCol/props.js +64 -0
  11. package/lib/GridRow/index.js +4 -24
  12. package/lib/GridRow/props.js +53 -0
  13. package/package.json +13 -13
  14. package/src/Grid/index.tsx +6 -25
  15. package/src/Grid/props.ts +78 -0
  16. package/src/Grid/styles.ts +1 -1
  17. package/src/GridCol/index.tsx +6 -51
  18. package/src/GridCol/{types.ts → props.ts} +73 -4
  19. package/src/GridCol/styles.ts +1 -1
  20. package/src/GridRow/index.tsx +6 -28
  21. package/src/GridRow/props.ts +82 -0
  22. package/src/GridRow/styles.ts +1 -1
  23. package/src/index.ts +3 -3
  24. package/types/Grid/index.d.ts +19 -16
  25. package/types/Grid/index.d.ts.map +1 -1
  26. package/types/Grid/props.d.ts +21 -0
  27. package/types/Grid/props.d.ts.map +1 -0
  28. package/types/Grid/styles.d.ts +1 -1
  29. package/types/GridCol/index.d.ts +31 -30
  30. package/types/GridCol/index.d.ts.map +1 -1
  31. package/types/GridCol/{types.d.ts → props.d.ts} +14 -5
  32. package/types/GridCol/props.d.ts.map +1 -0
  33. package/types/GridCol/styles.d.ts +1 -1
  34. package/types/GridRow/index.d.ts +21 -17
  35. package/types/GridRow/index.d.ts.map +1 -1
  36. package/types/GridRow/props.d.ts +22 -0
  37. package/types/GridRow/props.d.ts.map +1 -0
  38. package/types/GridRow/styles.d.ts +1 -1
  39. package/types/index.d.ts +3 -3
  40. package/es/Grid/types.js +0 -1
  41. package/es/GridCol/types.js +0 -1
  42. package/es/GridRow/types.js +0 -1
  43. package/lib/Grid/types.js +0 -1
  44. package/lib/GridCol/types.js +0 -1
  45. package/lib/GridRow/types.js +0 -1
  46. package/types/Grid/types.d.ts +0 -12
  47. package/types/Grid/types.d.ts.map +0 -1
  48. package/types/GridCol/types.d.ts.map +0 -1
  49. package/types/GridRow/types.d.ts +0 -13
  50. package/types/GridRow/types.d.ts.map +0 -1
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridCol/props.ts"],"names":[],"mappings":";AA0BA,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAKnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EACF,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,MAAM,CAAC,EACH,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,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,GAAG,cAAc,CAAA;AAEpD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAoCvC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eAcnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { GridTheme } from '@instructure/shared-types';
2
- import { GridColProps } from './types';
2
+ import { GridColProps } from './props';
3
3
  /**
4
4
  * ---
5
5
  * private: true
@@ -1,8 +1,7 @@
1
1
  /** @jsx jsx */
2
2
  import { Component } from 'react';
3
- import PropTypes from 'prop-types';
4
3
  import { jsx } from '@instructure/emotion';
5
- import { GridRowProps } from './types';
4
+ import type { GridRowProps } from './props';
6
5
  /**
7
6
  ---
8
7
  parent: Grid
@@ -11,21 +10,26 @@ id: Grid.Row
11
10
  **/
12
11
  declare class GridRow extends Component<GridRowProps> {
13
12
  static readonly componentId = "Grid.Row";
14
- static propTypes: {
15
- makeStyles: PropTypes.Requireable<(...args: any[]) => any>;
16
- styles: PropTypes.Requireable<object>;
17
- children: {
18
- (props: Record<string, any>, propName: string, componentName: string): Error | null;
19
- isRequired: (props: Record<string, any>, propName: string, componentName: string, location?: string | undefined, propFullName?: string | undefined) => Error | null;
20
- };
21
- rowSpacing: PropTypes.Requireable<string>;
22
- colSpacing: PropTypes.Requireable<string>;
23
- hAlign: PropTypes.Requireable<string>;
24
- vAlign: PropTypes.Requireable<string>;
25
- startAt: PropTypes.Requireable<string | null>;
26
- visualDebug: PropTypes.Requireable<boolean>;
27
- isLastRow: PropTypes.Requireable<boolean>;
28
- };
13
+ static propTypes: import("@instructure/shared-types/types/UtilityTypes").PropValidators<keyof {
14
+ children?: import("react").ReactNode;
15
+ rowSpacing?: "small" | "medium" | "large" | "none" | undefined;
16
+ colSpacing?: "small" | "medium" | "large" | "none" | undefined;
17
+ hAlign?: "start" | "end" | "center" | "space-around" | "space-between" | undefined;
18
+ vAlign?: "top" | "middle" | "bottom" | undefined;
19
+ startAt?: import("..").GridBreakpoints | undefined;
20
+ visualDebug?: boolean | undefined;
21
+ isLastRow?: boolean | undefined;
22
+ }>;
23
+ static allowedProps: readonly (keyof {
24
+ children?: import("react").ReactNode;
25
+ rowSpacing?: "small" | "medium" | "large" | "none" | undefined;
26
+ colSpacing?: "small" | "medium" | "large" | "none" | undefined;
27
+ hAlign?: "start" | "end" | "center" | "space-around" | "space-between" | undefined;
28
+ vAlign?: "top" | "middle" | "bottom" | undefined;
29
+ startAt?: import("..").GridBreakpoints | undefined;
30
+ visualDebug?: boolean | undefined;
31
+ isLastRow?: boolean | undefined;
32
+ })[];
29
33
  static defaultProps: {
30
34
  children: null;
31
35
  isLastRow: boolean;
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridRow/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AACzD,OAAO,SAAS,MAAM,YAAY,CAAA;AAalC,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAIrD,OAAO,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAEtC;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAGxC,MAAM,CAAC,SAAS;;;;;;;;;;;;;;MAmBf;IAGD,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAkBd,MAAM;CAWP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/GridRow/index.tsx"],"names":[],"mappings":"AAwBA,eAAe;AACf,OAAO,EAAE,SAAS,EAA0B,MAAM,OAAO,CAAA;AAWzD,OAAO,EAAa,GAAG,EAAE,MAAM,sBAAsB,CAAA;AAMrD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,SAAS,CAAA;AAE3C;;;;;GAKG;AACH,cACM,OAAQ,SAAQ,SAAS,CAAC,YAAY,CAAC;IAC3C,MAAM,CAAC,QAAQ,CAAC,WAAW,cAAa;IAExC,MAAM,CAAC,SAAS;;;;;;;;;OAAY;IAC5B,MAAM,CAAC,YAAY;;;;;;;;;SAAe;IAClC,MAAM,CAAC,YAAY;;;MAGlB;IAED,iBAAiB;IAMjB,kBAAkB,CAAC,SAAS,KAAA,EAAE,SAAS,KAAA,EAAE,QAAQ,KAAA;IAKjD,cAAc;IAkBd,MAAM;CAWP;AAED,eAAe,OAAO,CAAA;AACtB,OAAO,EAAE,OAAO,EAAE,CAAA"}
@@ -0,0 +1,22 @@
1
+ import React from 'react';
2
+ import type { PropValidators } from '@instructure/shared-types';
3
+ import type { WithStyleProps } from '@instructure/emotion';
4
+ import type { GridBreakpoints } from '../GridTypes';
5
+ declare type GridRowOwnProps = {
6
+ children?: React.ReactNode;
7
+ rowSpacing?: 'none' | 'small' | 'medium' | 'large';
8
+ colSpacing?: 'none' | 'small' | 'medium' | 'large';
9
+ hAlign?: 'start' | 'center' | 'end' | 'space-around' | 'space-between';
10
+ vAlign?: 'top' | 'middle' | 'bottom';
11
+ startAt?: GridBreakpoints;
12
+ visualDebug?: boolean;
13
+ isLastRow?: boolean;
14
+ };
15
+ declare type PropKeys = keyof GridRowOwnProps;
16
+ declare type AllowedPropKeys = Readonly<Array<PropKeys>>;
17
+ declare type GridRowProps = GridRowOwnProps & WithStyleProps;
18
+ declare const propTypes: PropValidators<PropKeys>;
19
+ declare const allowedProps: AllowedPropKeys;
20
+ export type { GridRowProps };
21
+ export { propTypes, allowedProps };
22
+ //# sourceMappingURL=props.d.ts.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"props.d.ts","sourceRoot":"","sources":["../../src/GridRow/props.ts"],"names":[],"mappings":"AAwBA,OAAO,KAAK,MAAM,OAAO,CAAA;AAOzB,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,2BAA2B,CAAA;AAC/D,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,sBAAsB,CAAA;AAC1D,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAEnD,aAAK,eAAe,GAAG;IACrB,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,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,GAAG,cAAc,CAAA;AAEpD,QAAA,MAAM,SAAS,EAAE,cAAc,CAAC,QAAQ,CAevC,CAAA;AAED,QAAA,MAAM,YAAY,EAAE,eASnB,CAAA;AAED,YAAY,EAAE,YAAY,EAAE,CAAA;AAC5B,OAAO,EAAE,SAAS,EAAE,YAAY,EAAE,CAAA"}
@@ -1,5 +1,5 @@
1
1
  import { GridTheme } from '@instructure/shared-types';
2
- import { GridRowProps } from './types';
2
+ import { GridRowProps } from './props';
3
3
  /**
4
4
  * ---
5
5
  * private: true
package/types/index.d.ts CHANGED
@@ -1,6 +1,6 @@
1
1
  export { Grid, GridRow, GridCol } from './Grid';
2
2
  export type { GridBreakpoints } from './GridTypes';
3
- export type { GridProps } from './Grid/types';
4
- export type { GridRowProps } from './GridRow/types';
5
- export type { GridColProps } from './GridCol/types';
3
+ export type { GridProps } from './Grid/props';
4
+ export type { GridRowProps } from './GridRow/props';
5
+ export type { GridColProps } from './GridCol/props';
6
6
  //# sourceMappingURL=index.d.ts.map
package/es/Grid/types.js DELETED
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
@@ -1 +0,0 @@
1
- export {};
package/lib/Grid/types.js DELETED
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1 +0,0 @@
1
- "use strict";
@@ -1,12 +0,0 @@
1
- import { GridBreakpoints } from '../GridTypes';
2
- export declare type GridProps = {
3
- makeStyles?: (...args: any[]) => any;
4
- styles?: any;
5
- colSpacing?: 'none' | 'small' | 'medium' | 'large';
6
- rowSpacing?: 'none' | 'small' | 'medium' | 'large';
7
- hAlign?: 'start' | 'center' | 'end' | 'space-around' | 'space-between';
8
- vAlign?: 'top' | 'middle' | 'bottom';
9
- startAt?: GridBreakpoints;
10
- visualDebug?: boolean;
11
- };
12
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/Grid/types.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,oBAAY,SAAS,GAAG;IACtB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;CACtB,CAAA"}
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/GridCol/types.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,SAAS,CAAC,EAAE,OAAO,GAAG,KAAK,GAAG,QAAQ,GAAG,SAAS,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,KAAK,CAAC,EACF,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,MAAM,CAAC,EACH,GAAG,GACH;QACE,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;QACZ,KAAK,CAAC,EAAE,GAAG,CAAA;QACX,MAAM,CAAC,EAAE,GAAG,CAAA;KACb,CAAA;IACL,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;CACrC,CAAA"}
@@ -1,13 +0,0 @@
1
- import { GridBreakpoints } from '../GridTypes';
2
- export declare type GridRowProps = {
3
- makeStyles?: (...args: any[]) => any;
4
- styles?: any;
5
- rowSpacing?: 'none' | 'small' | 'medium' | 'large';
6
- colSpacing?: 'none' | 'small' | 'medium' | 'large';
7
- hAlign?: 'start' | 'center' | 'end' | 'space-around' | 'space-between';
8
- vAlign?: 'top' | 'middle' | 'bottom';
9
- startAt?: GridBreakpoints;
10
- visualDebug?: boolean;
11
- isLastRow?: boolean;
12
- };
13
- //# sourceMappingURL=types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/GridRow/types.ts"],"names":[],"mappings":"AAwBA,OAAO,EAAE,eAAe,EAAE,MAAM,cAAc,CAAA;AAE9C,oBAAY,YAAY,GAAG;IACzB,UAAU,CAAC,EAAE,CAAC,GAAG,IAAI,EAAE,GAAG,EAAE,KAAK,GAAG,CAAA;IACpC,MAAM,CAAC,EAAE,GAAG,CAAA;IACZ,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,UAAU,CAAC,EAAE,MAAM,GAAG,OAAO,GAAG,QAAQ,GAAG,OAAO,CAAA;IAClD,MAAM,CAAC,EAAE,OAAO,GAAG,QAAQ,GAAG,KAAK,GAAG,cAAc,GAAG,eAAe,CAAA;IACtE,MAAM,CAAC,EAAE,KAAK,GAAG,QAAQ,GAAG,QAAQ,CAAA;IACpC,OAAO,CAAC,EAAE,eAAe,CAAA;IACzB,WAAW,CAAC,EAAE,OAAO,CAAA;IACrB,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB,CAAA"}