@elliemae/ds-grid 3.0.0-next.1 → 3.0.0-next.13

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 (54) hide show
  1. package/dist/cjs/Grid.js +109 -0
  2. package/dist/cjs/Grid.js.map +7 -0
  3. package/dist/cjs/GridItem.js +53 -0
  4. package/dist/cjs/GridItem.js.map +7 -0
  5. package/dist/cjs/index.js +39 -0
  6. package/dist/cjs/index.js.map +7 -0
  7. package/dist/cjs/react-desc-prop-types.js +92 -0
  8. package/dist/cjs/react-desc-prop-types.js.map +7 -0
  9. package/dist/cjs/types.js +27 -0
  10. package/dist/cjs/types.js.map +7 -0
  11. package/dist/cjs/utils/constants.js +39 -0
  12. package/dist/cjs/utils/constants.js.map +7 -0
  13. package/dist/cjs/utils/styles.js +178 -0
  14. package/dist/cjs/utils/styles.js.map +7 -0
  15. package/dist/esm/Grid.js +82 -0
  16. package/dist/esm/Grid.js.map +7 -0
  17. package/dist/esm/GridItem.js +31 -0
  18. package/dist/esm/GridItem.js.map +7 -0
  19. package/dist/esm/index.js +10 -0
  20. package/dist/esm/index.js.map +7 -0
  21. package/dist/esm/react-desc-prop-types.js +69 -0
  22. package/dist/esm/react-desc-prop-types.js.map +7 -0
  23. package/dist/esm/types.js +2 -0
  24. package/dist/esm/types.js.map +7 -0
  25. package/dist/esm/utils/constants.js +10 -0
  26. package/dist/esm/utils/constants.js.map +7 -0
  27. package/dist/esm/utils/styles.js +149 -0
  28. package/dist/esm/utils/styles.js.map +7 -0
  29. package/package.json +42 -32
  30. package/cjs/Grid.js +0 -91
  31. package/cjs/GridItem.js +0 -29
  32. package/cjs/defaultProps.js +0 -15
  33. package/cjs/index.js +0 -13
  34. package/cjs/propTypes.js +0 -46
  35. package/cjs/types.js +0 -2
  36. package/cjs/utils/constants.js +0 -11
  37. package/cjs/utils/styles.js +0 -129
  38. package/esm/Grid.js +0 -80
  39. package/esm/GridItem.js +0 -21
  40. package/esm/defaultProps.js +0 -11
  41. package/esm/index.js +0 -1
  42. package/esm/propTypes.js +0 -42
  43. package/esm/types.js +0 -1
  44. package/esm/utils/constants.js +0 -5
  45. package/esm/utils/styles.js +0 -119
  46. package/types/Grid.d.ts +0 -11
  47. package/types/GridItem.d.ts +0 -2
  48. package/types/defaultProps.d.ts +0 -9
  49. package/types/index.d.ts +0 -5
  50. package/types/propTypes.d.ts +0 -135
  51. package/types/tests/DSGrid.events.test.d.ts +0 -1
  52. package/types/types.d.ts +0 -66
  53. package/types/utils/constants.d.ts +0 -3
  54. package/types/utils/styles.d.ts +0 -3
@@ -1,2 +0,0 @@
1
- import type { GridItemPropsT } from './types';
2
- export declare const GridItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, GridItemPropsT, never>;
@@ -1,9 +0,0 @@
1
- export declare const defaultProps: {
2
- rows: never[];
3
- cols: never[];
4
- className: string;
5
- justify: "flex-start";
6
- gutter: number;
7
- wrap: "wrap";
8
- span: number;
9
- };
package/types/index.d.ts DELETED
@@ -1,5 +0,0 @@
1
- export { default as Grid } from './Grid';
2
- export { default as GridContainer } from './Grid';
3
- export { default as GridItem } from './Grid';
4
- export { DSGridWithSchema } from './Grid';
5
- export { default } from './Grid';
@@ -1,135 +0,0 @@
1
- /// <reference path="../../../../shared/typings/react-desc.d.ts" />
2
- export declare const propTypes: {
3
- rows: {
4
- deprecated: import("react-desc").PropTypesDescValidator;
5
- };
6
- cols: {
7
- deprecated: import("react-desc").PropTypesDescValidator;
8
- };
9
- span: {
10
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
11
- deprecated: import("react-desc").PropTypesDescValidator;
12
- };
13
- isRequired: import("react-desc").PropTypesDescValue;
14
- };
15
- alignItems: {
16
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
17
- deprecated: import("react-desc").PropTypesDescValidator;
18
- };
19
- isRequired: import("react-desc").PropTypesDescValue;
20
- };
21
- children: {
22
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
23
- deprecated: import("react-desc").PropTypesDescValidator;
24
- };
25
- isRequired: import("react-desc").PropTypesDescValue;
26
- };
27
- className: {
28
- deprecated: import("react-desc").PropTypesDescValidator;
29
- };
30
- justifyContent: {
31
- deprecated: import("react-desc").PropTypesDescValidator;
32
- };
33
- gutter: {
34
- deprecated: import("react-desc").PropTypesDescValidator;
35
- };
36
- wrap: {
37
- deprecated: import("react-desc").PropTypesDescValidator;
38
- };
39
- height: {
40
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
41
- deprecated: import("react-desc").PropTypesDescValidator;
42
- };
43
- isRequired: import("react-desc").PropTypesDescValue;
44
- };
45
- width: {
46
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
47
- deprecated: import("react-desc").PropTypesDescValidator;
48
- };
49
- isRequired: import("react-desc").PropTypesDescValue;
50
- };
51
- p: {
52
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
53
- deprecated: import("react-desc").PropTypesDescValidator;
54
- };
55
- isRequired: import("react-desc").PropTypesDescValue;
56
- };
57
- m: {
58
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
59
- deprecated: import("react-desc").PropTypesDescValidator;
60
- };
61
- isRequired: import("react-desc").PropTypesDescValue;
62
- };
63
- px: {
64
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
65
- deprecated: import("react-desc").PropTypesDescValidator;
66
- };
67
- isRequired: import("react-desc").PropTypesDescValue;
68
- };
69
- mx: {
70
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
71
- deprecated: import("react-desc").PropTypesDescValidator;
72
- };
73
- isRequired: import("react-desc").PropTypesDescValue;
74
- };
75
- py: {
76
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
77
- deprecated: import("react-desc").PropTypesDescValidator;
78
- };
79
- isRequired: import("react-desc").PropTypesDescValue;
80
- };
81
- my: {
82
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
83
- deprecated: import("react-desc").PropTypesDescValidator;
84
- };
85
- isRequired: import("react-desc").PropTypesDescValue;
86
- };
87
- ml: {
88
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
89
- deprecated: import("react-desc").PropTypesDescValidator;
90
- };
91
- isRequired: import("react-desc").PropTypesDescValue;
92
- };
93
- mr: {
94
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
95
- deprecated: import("react-desc").PropTypesDescValidator;
96
- };
97
- isRequired: import("react-desc").PropTypesDescValue;
98
- };
99
- mt: {
100
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
101
- deprecated: import("react-desc").PropTypesDescValidator;
102
- };
103
- isRequired: import("react-desc").PropTypesDescValue;
104
- };
105
- mb: {
106
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
107
- deprecated: import("react-desc").PropTypesDescValidator;
108
- };
109
- isRequired: import("react-desc").PropTypesDescValue;
110
- };
111
- pl: {
112
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
113
- deprecated: import("react-desc").PropTypesDescValidator;
114
- };
115
- isRequired: import("react-desc").PropTypesDescValue;
116
- };
117
- pr: {
118
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
119
- deprecated: import("react-desc").PropTypesDescValidator;
120
- };
121
- isRequired: import("react-desc").PropTypesDescValue;
122
- };
123
- pt: {
124
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
125
- deprecated: import("react-desc").PropTypesDescValidator;
126
- };
127
- isRequired: import("react-desc").PropTypesDescValue;
128
- };
129
- pb: {
130
- defaultValue(arg: import("react-desc").ReactDescPossibleDefaultValues): {
131
- deprecated: import("react-desc").PropTypesDescValidator;
132
- };
133
- isRequired: import("react-desc").PropTypesDescValue;
134
- };
135
- };
@@ -1 +0,0 @@
1
- export {};
package/types/types.d.ts DELETED
@@ -1,66 +0,0 @@
1
- /// <reference types="react" />
2
- import { alignItemsPlacement, justifyPlacement, wrap } from './utils/constants';
3
- interface RowColBreakpoints {
4
- small?: string | number[];
5
- medium?: string | number[];
6
- large?: string | number[];
7
- }
8
- interface SpanBreakpoints {
9
- small?: number;
10
- medium?: number;
11
- large?: number;
12
- }
13
- export interface GridPropsT {
14
- height?: string;
15
- width?: string;
16
- rows?: string[] | string | number[] | RowColBreakpoints;
17
- cols?: string[] | string | number[] | RowColBreakpoints;
18
- justifyContent?: typeof justifyPlacement[number];
19
- alignItems?: typeof alignItemsPlacement[number];
20
- children?: React.ReactNode;
21
- className?: string;
22
- justify?: typeof justifyPlacement[number];
23
- gutter?: string | number;
24
- wrap?: typeof wrap[number];
25
- span?: number;
26
- p?: string | number;
27
- m?: string | number;
28
- px?: string | number;
29
- mx?: string | number;
30
- py?: string | number;
31
- my?: string | number;
32
- ml?: string | number;
33
- mr?: string | number;
34
- mt?: string | number;
35
- mb?: string | number;
36
- pl?: string | number;
37
- pr?: string | number;
38
- pt?: string | number;
39
- pb?: string | number;
40
- }
41
- export interface GridPropsWithDefaultT {
42
- rows: string | number[] | RowColBreakpoints;
43
- cols: string | number[] | RowColBreakpoints;
44
- alignItems: typeof alignItemsPlacement[number];
45
- children?: React.ReactNode;
46
- className: string;
47
- justify: typeof justifyPlacement[number];
48
- gutter: string | number;
49
- wrap: typeof wrap[number];
50
- span: number | SpanBreakpoints;
51
- }
52
- export interface GridItemPropsT {
53
- rows: string | number[] | RowColBreakpoints;
54
- cols: string | number[] | RowColBreakpoints;
55
- alignItems: typeof alignItemsPlacement[number];
56
- children: React.ReactElement[];
57
- className: string;
58
- justify: typeof justifyPlacement[number];
59
- gutter: string | number;
60
- wrap: typeof wrap[number];
61
- childNumber: number;
62
- isSpanParent: boolean;
63
- span?: number | SpanBreakpoints;
64
- ref: React.ForwardedRef<HTMLDivElement>;
65
- }
66
- export {};
@@ -1,3 +0,0 @@
1
- export declare const justifyPlacement: readonly ["flex-start", "center", "flex-end", "space-between", "space-around", "space-evenly"];
2
- export declare const alignItemsPlacement: readonly ["flex-start", "center", "flex-end", "stretch", "baseline"];
3
- export declare const wrap: readonly ["wrap", "nowrap", "wrap-reverse"];
@@ -1,3 +0,0 @@
1
- export declare const manageSpan: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
2
- export declare const manageCols: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
3
- export declare const manageRows: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;