@sanity/ui-codemod 1.0.0-alpha.6 → 1.0.0-alpha.8

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 (33) hide show
  1. package/dist/_chunks-es/box.mods.js +1 -100
  2. package/dist/_chunks-es/box.mods.js.map +1 -1
  3. package/dist/_chunks-es/grid.mods.js +48 -48
  4. package/dist/_chunks-es/grid.mods.js.map +1 -1
  5. package/dist/_chunks-es/replaceElement.js +102 -0
  6. package/dist/_chunks-es/replaceElement.js.map +1 -0
  7. package/dist/commands/latest/inline.d.ts +47 -0
  8. package/dist/commands/latest/inline.js +17 -0
  9. package/dist/commands/latest/inline.js.map +1 -0
  10. package/dist/commands/latest/label.d.ts +47 -0
  11. package/dist/commands/latest/label.js +17 -0
  12. package/dist/commands/latest/label.js.map +1 -0
  13. package/dist/commands/latest/stack.d.ts +47 -0
  14. package/dist/commands/latest/stack.js +17 -0
  15. package/dist/commands/latest/stack.js.map +1 -0
  16. package/dist/transforms/latest/box/box.js +2 -1
  17. package/dist/transforms/latest/box/box.js.map +1 -1
  18. package/dist/transforms/latest/card/card.js +2 -1
  19. package/dist/transforms/latest/card/card.js.map +1 -1
  20. package/dist/transforms/latest/inline/inline.d.ts +18 -0
  21. package/dist/transforms/latest/inline/inline.js +80 -0
  22. package/dist/transforms/latest/inline/inline.js.map +1 -0
  23. package/dist/transforms/latest/label/label.d.ts +18 -0
  24. package/dist/transforms/latest/label/label.js +111 -0
  25. package/dist/transforms/latest/label/label.js.map +1 -0
  26. package/dist/transforms/latest/stack/stack.d.ts +18 -0
  27. package/dist/transforms/latest/stack/stack.js +67 -0
  28. package/dist/transforms/latest/stack/stack.js.map +1 -0
  29. package/package.json +7 -1
  30. package/src/transforms/latest/grid/grid.mods.ts +48 -48
  31. package/src/transforms/latest/grid/grid.test.ts +4 -4
  32. package/src/transforms/latest/stack/stack.test.ts +6 -6
  33. package/src/transforms/latest/stack/stack.ts +5 -1
package/src/transforms/latest/grid/grid.mods.ts CHANGED
@@ -33,54 +33,54 @@ export const GRID_MODS: AttributeMods = {
33
33
  name: 'gridTemplateColumns',
34
34
  mapping: {
35
35
  0: '0px',
36
- 1: 'repeat(1, 1fr)',
37
- 2: 'repeat(2, 1fr)',
38
- 3: 'repeat(3, 1fr)',
39
- 4: 'repeat(4, 1fr)',
40
- 5: 'repeat(5, 1fr)',
41
- 6: 'repeat(6, 1fr)',
42
- 7: 'repeat(7, 1fr)',
43
- 8: 'repeat(8, 1fr)',
44
- 9: 'repeat(9, 1fr)',
45
- 10: 'repeat(10, 1fr)',
46
- 11: 'repeat(11, 1fr)',
47
- 12: 'repeat(12, 1fr)',
36
+ 1: 'repeat(1, minmax(0, 1fr))',
37
+ 2: 'repeat(2, minmax(0, 1fr))',
38
+ 3: 'repeat(3, minmax(0, 1fr))',
39
+ 4: 'repeat(4, minmax(0, 1fr))',
40
+ 5: 'repeat(5, minmax(0, 1fr))',
41
+ 6: 'repeat(6, minmax(0, 1fr))',
42
+ 7: 'repeat(7, minmax(0, 1fr))',
43
+ 8: 'repeat(8, minmax(0, 1fr))',
44
+ 9: 'repeat(9, minmax(0, 1fr))',
45
+ 10: 'repeat(10, minmax(0, 1fr))',
46
+ 11: 'repeat(11, minmax(0, 1fr))',
47
+ 12: 'repeat(12, minmax(0, 1fr))',
48
48
  },
49
49
  },
50
50
  gridTemplateColumns: {
51
51
  type: 'mapped-only',
52
52
  mapping: {
53
53
  0: '0px',
54
- 1: 'repeat(1, 1fr)',
55
- 2: 'repeat(2, 1fr)',
56
- 3: 'repeat(3, 1fr)',
57
- 4: 'repeat(4, 1fr)',
58
- 5: 'repeat(5, 1fr)',
59
- 6: 'repeat(6, 1fr)',
60
- 7: 'repeat(7, 1fr)',
61
- 8: 'repeat(8, 1fr)',
62
- 9: 'repeat(9, 1fr)',
63
- 10: 'repeat(10, 1fr)',
64
- 11: 'repeat(11, 1fr)',
65
- 12: 'repeat(12, 1fr)',
54
+ 1: 'repeat(1, minmax(0, 1fr))',
55
+ 2: 'repeat(2, minmax(0, 1fr))',
56
+ 3: 'repeat(3, minmax(0, 1fr))',
57
+ 4: 'repeat(4, minmax(0, 1fr))',
58
+ 5: 'repeat(5, minmax(0, 1fr))',
59
+ 6: 'repeat(6, minmax(0, 1fr))',
60
+ 7: 'repeat(7, minmax(0, 1fr))',
61
+ 8: 'repeat(8, minmax(0, 1fr))',
62
+ 9: 'repeat(9, minmax(0, 1fr))',
63
+ 10: 'repeat(10, minmax(0, 1fr))',
64
+ 11: 'repeat(11, minmax(0, 1fr))',
65
+ 12: 'repeat(12, minmax(0, 1fr))',
66
66
  },
67
67
  },
68
68
  gridTemplateRows: {
69
69
  type: 'mapped-only',
70
70
  mapping: {
71
71
  0: '0px',
72
- 1: 'repeat(1, 1fr)',
73
- 2: 'repeat(2, 1fr)',
74
- 3: 'repeat(3, 1fr)',
75
- 4: 'repeat(4, 1fr)',
76
- 5: 'repeat(5, 1fr)',
77
- 6: 'repeat(6, 1fr)',
78
- 7: 'repeat(7, 1fr)',
79
- 8: 'repeat(8, 1fr)',
80
- 9: 'repeat(9, 1fr)',
81
- 10: 'repeat(10, 1fr)',
82
- 11: 'repeat(11, 1fr)',
83
- 12: 'repeat(12, 1fr)',
72
+ 1: 'repeat(1, minmax(0, 1fr))',
73
+ 2: 'repeat(2, minmax(0, 1fr))',
74
+ 3: 'repeat(3, minmax(0, 1fr))',
75
+ 4: 'repeat(4, minmax(0, 1fr))',
76
+ 5: 'repeat(5, minmax(0, 1fr))',
77
+ 6: 'repeat(6, minmax(0, 1fr))',
78
+ 7: 'repeat(7, minmax(0, 1fr))',
79
+ 8: 'repeat(8, minmax(0, 1fr))',
80
+ 9: 'repeat(9, minmax(0, 1fr))',
81
+ 10: 'repeat(10, minmax(0, 1fr))',
82
+ 11: 'repeat(11, minmax(0, 1fr))',
83
+ 12: 'repeat(12, minmax(0, 1fr))',
84
84
  },
85
85
  },
86
86
  justifyContent: {
@@ -92,18 +92,18 @@ export const GRID_MODS: AttributeMods = {
92
92
  name: 'gridTemplateRows',
93
93
  mapping: {
94
94
  0: '0px',
95
- 1: 'repeat(1, 1fr)',
96
- 2: 'repeat(2, 1fr)',
97
- 3: 'repeat(3, 1fr)',
98
- 4: 'repeat(4, 1fr)',
99
- 5: 'repeat(5, 1fr)',
100
- 6: 'repeat(6, 1fr)',
101
- 7: 'repeat(7, 1fr)',
102
- 8: 'repeat(8, 1fr)',
103
- 9: 'repeat(9, 1fr)',
104
- 10: 'repeat(10, 1fr)',
105
- 11: 'repeat(11, 1fr)',
106
- 12: 'repeat(12, 1fr)',
95
+ 1: 'repeat(1, minmax(0, 1fr))',
96
+ 2: 'repeat(2, minmax(0, 1fr))',
97
+ 3: 'repeat(3, minmax(0, 1fr))',
98
+ 4: 'repeat(4, minmax(0, 1fr))',
99
+ 5: 'repeat(5, minmax(0, 1fr))',
100
+ 6: 'repeat(6, minmax(0, 1fr))',
101
+ 7: 'repeat(7, minmax(0, 1fr))',
102
+ 8: 'repeat(8, minmax(0, 1fr))',
103
+ 9: 'repeat(9, minmax(0, 1fr))',
104
+ 10: 'repeat(10, minmax(0, 1fr))',
105
+ 11: 'repeat(11, minmax(0, 1fr))',
106
+ 12: 'repeat(12, minmax(0, 1fr))',
107
107
  },
108
108
  },
109
109
  }
package/src/transforms/latest/grid/grid.test.ts CHANGED
@@ -53,8 +53,8 @@ defineInlineTest(
53
53
  `,
54
54
  `
55
55
  <Grid
56
- gridTemplateColumns="repeat(1, 1fr)"
57
- gridTemplateRows="repeat(2, 1fr)"
56
+ gridTemplateColumns="repeat(1, minmax(0, 1fr))"
57
+ gridTemplateRows="repeat(2, minmax(0, 1fr))"
58
58
  />
59
59
  `,
60
60
  'updates grid props mapped values',
@@ -91,8 +91,8 @@ defineInlineTest(
91
91
  `,
92
92
  `
93
93
  <Grid
94
- gridTemplateColumns="repeat(1, 1fr)"
95
- gridTemplateRows="repeat(2, 1fr)"
94
+ gridTemplateColumns="repeat(1, minmax(0, 1fr))"
95
+ gridTemplateRows="repeat(2, minmax(0, 1fr))"
96
96
  />
97
97
  `,
98
98
  'updates v3 grid props mapped values',
package/src/transforms/latest/stack/stack.test.ts CHANGED
@@ -30,7 +30,7 @@ defineInlineTest(
30
30
  `
31
31
  import {Flex} from "@sanity/ui"
32
32
 
33
- <Flex padding={2} flexDirection="column" />
33
+ <Flex padding={2} flexDirection="column" flexShrink={0} />
34
34
  `,
35
35
  'replaces Stack with Flex and updates import path based on fromPackage and toPackage',
36
36
  )
@@ -66,7 +66,7 @@ defineInlineTest(
66
66
 
67
67
  import { Flex } from "@sanity/ui";
68
68
 
69
- <Flex margin={2} flexDirection="column" />
69
+ <Flex margin={2} flexDirection="column" flexShrink={0} />
70
70
  `,
71
71
  'replaces Stack and updates import path with multiple specifiers',
72
72
  )
@@ -111,7 +111,7 @@ defineInlineTest(
111
111
 
112
112
  <>
113
113
  <VStack />
114
- <Flex overflow="auto" flexDirection="column" />
114
+ <Flex overflow="auto" flexDirection="column" flexShrink={0} />
115
115
  </>
116
116
  `,
117
117
  'replaces Stack with Flex and adds Flex import',
@@ -128,7 +128,7 @@ defineInlineTest(
128
128
  `
129
129
  import {Flex} from '@sanity/ui'
130
130
 
131
- <Flex padding={1} flexDirection="column" />
131
+ <Flex padding={1} flexDirection="column" flexShrink={0} />
132
132
  `,
133
133
  'replaces Stack with Flex and removes Stack import',
134
134
  )
@@ -142,7 +142,7 @@ defineInlineTest(
142
142
  </Stack>
143
143
  `,
144
144
  `
145
- <Flex padding={1} flexDirection="column">
145
+ <Flex padding={1} flexDirection="column" flexShrink={0}>
146
146
  <span />
147
147
  </Flex>
148
148
  `,
@@ -156,7 +156,7 @@ defineInlineTest(
156
156
  <Stack padding={1} width="fill" />
157
157
  `,
158
158
  `
159
- <Flex padding={1} width="100%" flexDirection="column" />
159
+ <Flex padding={1} width="100%" flexDirection="column" flexShrink={0} />
160
160
  `,
161
161
  'replaces Stack with Flex and transforms attributes',
162
162
  )
package/src/transforms/latest/stack/stack.ts CHANGED
@@ -76,11 +76,15 @@ export default function transform(
76
76
  callback: (path) => {
77
77
  let changed = false
78
78
 
79
+ if (transformAttributes(j, path, FLEX_MODS, FLEX_TODO_WARNING)) {
80
+ changed = true
81
+ }
82
+
79
83
  if (addAttribute(j, path.node, 'flexDirection', 'column')) {
80
84
  changed = true
81
85
  }
82
86
 
83
- if (transformAttributes(j, path, FLEX_MODS, FLEX_TODO_WARNING)) {
87
+ if (addAttribute(j, path.node, 'flexShrink', 0)) {
84
88
  changed = true
85
89
  }
86
90