@sproutsocial/seeds-react-stack 1.0.0 → 1.0.2
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/.turbo/turbo-build.log +19 -19
- package/CHANGELOG.md +18 -0
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/index.js +5 -5
- package/dist/index.js.map +1 -1
- package/package.json +6 -6
- package/tsconfig.json +7 -1
package/.turbo/turbo-build.log
CHANGED
|
@@ -1,21 +1,21 @@
|
|
|
1
1
|
yarn run v1.22.22
|
|
2
2
|
$ tsup --dts
|
|
3
|
-
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
Done in
|
|
3
|
+
[34mCLI[39m Building entry: src/index.ts
|
|
4
|
+
[34mCLI[39m Using tsconfig: tsconfig.json
|
|
5
|
+
[34mCLI[39m tsup v8.5.0
|
|
6
|
+
[34mCLI[39m Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-stack/tsup.config.ts
|
|
7
|
+
[34mCLI[39m Target: es2022
|
|
8
|
+
[34mCLI[39m Cleaning output folder
|
|
9
|
+
[34mCJS[39m Build start
|
|
10
|
+
[34mESM[39m Build start
|
|
11
|
+
[32mCJS[39m [1mdist/index.js [22m[32m5.55 KB[39m
|
|
12
|
+
[32mCJS[39m [1mdist/index.js.map [22m[32m8.36 KB[39m
|
|
13
|
+
[32mCJS[39m ⚡️ Build success in 136ms
|
|
14
|
+
[32mESM[39m [1mdist/esm/index.js [22m[32m3.75 KB[39m
|
|
15
|
+
[32mESM[39m [1mdist/esm/index.js.map [22m[32m8.25 KB[39m
|
|
16
|
+
[32mESM[39m ⚡️ Build success in 138ms
|
|
17
|
+
[34mDTS[39m Build start
|
|
18
|
+
[32mDTS[39m ⚡️ Build success in 25254ms
|
|
19
|
+
[32mDTS[39m [1mdist/index.d.ts [22m[32m1.02 KB[39m
|
|
20
|
+
[32mDTS[39m [1mdist/index.d.mts [22m[32m1.02 KB[39m
|
|
21
|
+
Done in 32.07s.
|
package/CHANGELOG.md
CHANGED
|
@@ -1,5 +1,23 @@
|
|
|
1
1
|
# @sproutsocial/seeds-react-stack
|
|
2
2
|
|
|
3
|
+
## 1.0.2
|
|
4
|
+
|
|
5
|
+
### Patch Changes
|
|
6
|
+
|
|
7
|
+
- Updated dependencies [22e1111]
|
|
8
|
+
- @sproutsocial/seeds-react-theme@3.0.1
|
|
9
|
+
- @sproutsocial/seeds-react-box@1.1.3
|
|
10
|
+
|
|
11
|
+
## 1.0.1
|
|
12
|
+
|
|
13
|
+
### Patch Changes
|
|
14
|
+
|
|
15
|
+
- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
|
|
16
|
+
- Updated dependencies [9fd8bac]
|
|
17
|
+
- @sproutsocial/seeds-react-system-props@3.0.2
|
|
18
|
+
- @sproutsocial/seeds-react-theme@2.2.1
|
|
19
|
+
- @sproutsocial/seeds-react-box@1.1.2
|
|
20
|
+
|
|
3
21
|
## 1.0.0
|
|
4
22
|
|
|
5
23
|
### Major Changes
|
package/dist/esm/index.js
CHANGED
|
@@ -132,9 +132,9 @@ var Stack_default = Stack;
|
|
|
132
132
|
import "react";
|
|
133
133
|
|
|
134
134
|
// src/index.ts
|
|
135
|
-
var
|
|
135
|
+
var index_default = Stack_default;
|
|
136
136
|
export {
|
|
137
137
|
Stack_default as Stack,
|
|
138
|
-
|
|
138
|
+
index_default as default
|
|
139
139
|
};
|
|
140
140
|
//# sourceMappingURL=index.js.map
|
package/dist/esm/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../../src/Stack.tsx","../../src/utils.ts","../../src/StackTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n horizontal: {\n left: {\n alignItems: \"center\",\n },\n center: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n right: {\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n stretch: {\n alignItems: \"center\",\n },\n },\n vertical: {\n left: {\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n },\n center: {\n flexDirection: \"column\",\n alignItems: \"center\",\n },\n right: {\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n },\n stretch: {\n flexDirection: \"column\",\n alignItems: \"stretch\",\n },\n },\n};\n\nconst Stack = ({\n children,\n space = 300,\n align = \"left\",\n direction = \"vertical\",\n ...rest\n}: TypeStackProps) => {\n const stackItems = Children.toArray(children);\n const responsiveAlignment = normalizeResponsiveProp(align);\n const responsiveDirection = normalizeResponsiveProp(direction);\n const responsiveSpace = normalizeResponsiveProp(space);\n const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n // TODO: rely on styled system to solve this during the refactor\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const styleProps: any = {\n alignItems: [...initialValue],\n flexDirection: [...initialValue],\n justifyContent: [...initialValue],\n };\n const childFlexBasis: (string | null)[] = [...initialValue];\n const childMarginProps = {\n marginLeft: [...initialValue],\n marginTop: [...initialValue],\n };\n\n initialValue.forEach((_, i) => {\n const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n const currentAlignment = responsiveAlignment[\n i\n ] as keyof (typeof stackStyles)[\"horizontal\"];\n const currentSpace = responsiveSpace[i];\n\n if (currentDirection && currentAlignment) {\n const styles: { [key: string]: string } =\n stackStyles[currentDirection][currentAlignment];\n Object.keys(styleProps).forEach((key: string) => {\n styleProps[key][i] = styles[key] || \"initial\";\n });\n }\n\n const flexBasis =\n currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n ? \"100%\"\n : null;\n childFlexBasis[i] = flexBasis;\n\n const margin =\n currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n const opposite =\n currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n childMarginProps[margin][i] = currentSpace;\n // styled system can pass numbers that map to theme values and TS doesn't like it\n childMarginProps[opposite][i] = 0 as unknown as string;\n });\n\n return (\n <Box display=\"flex\" {...styleProps} {...rest}>\n {stackItems.map((item, i) => (\n <Box\n flexBasis={childFlexBasis}\n {...(i !== 0 ? childMarginProps : {})}\n key={i}\n >\n {item}\n </Box>\n ))}\n </Box>\n );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n value: TypeResponsive<any>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n if ([\"string\", \"number\"].includes(typeof value)) {\n return Array(LENGTH).fill(value);\n }\n\n if (value.length) {\n switch (value.length) {\n case 1:\n return Array(LENGTH).fill(value[0]);\n case 2:\n return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n case 3:\n return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n case 4:\n return [\n value[0],\n value[1],\n value[2],\n ...Array(LENGTH - 3).fill(value[3]),\n ];\n case 5:\n return value;\n default:\n throw new Error(\n `Invalid responsive prop length: ${JSON.stringify(value)}`\n );\n }\n } else {\n throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n | 0\n | 100\n | 200\n | 300\n | 350\n | 400\n | 450\n | 500\n | 600\n | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n /** Amount of space between items in the stack */\n space?: TypeResponsive<TypeSpaceLiterals>;\n\n /** Alignment of the items in the stack (horizontal or vertical) */\n align?: TypeResponsive<TypeAlignment>;\n\n /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n direction?: TypeResponsive<TypeDirection>;\n children: React.ReactNode;\n}\n","import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../../src/Stack.tsx","../../src/utils.ts","../../src/StackTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n horizontal: {\n left: {\n alignItems: \"center\",\n },\n center: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n right: {\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n stretch: {\n alignItems: \"center\",\n },\n },\n vertical: {\n left: {\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n },\n center: {\n flexDirection: \"column\",\n alignItems: \"center\",\n },\n right: {\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n },\n stretch: {\n flexDirection: \"column\",\n alignItems: \"stretch\",\n },\n },\n};\n\nconst Stack = ({\n children,\n space = 300,\n align = \"left\",\n direction = \"vertical\",\n ...rest\n}: TypeStackProps) => {\n const stackItems = Children.toArray(children);\n const responsiveAlignment = normalizeResponsiveProp(align);\n const responsiveDirection = normalizeResponsiveProp(direction);\n const responsiveSpace = normalizeResponsiveProp(space);\n const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n // TODO: rely on styled system to solve this during the refactor\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const styleProps: any = {\n alignItems: [...initialValue],\n flexDirection: [...initialValue],\n justifyContent: [...initialValue],\n };\n const childFlexBasis: (string | null)[] = [...initialValue];\n const childMarginProps = {\n marginLeft: [...initialValue],\n marginTop: [...initialValue],\n };\n\n initialValue.forEach((_, i) => {\n const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n const currentAlignment = responsiveAlignment[\n i\n ] as keyof (typeof stackStyles)[\"horizontal\"];\n const currentSpace = responsiveSpace[i];\n\n if (currentDirection && currentAlignment) {\n const styles: { [key: string]: string } =\n stackStyles[currentDirection][currentAlignment];\n Object.keys(styleProps).forEach((key: string) => {\n styleProps[key][i] = styles[key] || \"initial\";\n });\n }\n\n const flexBasis =\n currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n ? \"100%\"\n : null;\n childFlexBasis[i] = flexBasis;\n\n const margin =\n currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n const opposite =\n currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n childMarginProps[margin][i] = currentSpace;\n // styled system can pass numbers that map to theme values and TS doesn't like it\n childMarginProps[opposite][i] = 0 as unknown as string;\n });\n\n return (\n <Box display=\"flex\" {...styleProps} {...rest}>\n {stackItems.map((item, i) => (\n <Box\n flexBasis={childFlexBasis}\n {...(i !== 0 ? childMarginProps : {})}\n key={i}\n >\n {item}\n </Box>\n ))}\n </Box>\n );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n value: TypeResponsive<any>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n if ([\"string\", \"number\"].includes(typeof value)) {\n return Array(LENGTH).fill(value);\n }\n\n if (value.length) {\n switch (value.length) {\n case 1:\n return Array(LENGTH).fill(value[0]);\n case 2:\n return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n case 3:\n return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n case 4:\n return [\n value[0],\n value[1],\n value[2],\n ...Array(LENGTH - 3).fill(value[3]),\n ];\n case 5:\n return value;\n default:\n throw new Error(\n `Invalid responsive prop length: ${JSON.stringify(value)}`\n );\n }\n } else {\n throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n | 0\n | 100\n | 200\n | 300\n | 350\n | 400\n | 450\n | 500\n | 600\n | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n /** Amount of space between items in the stack */\n space?: TypeResponsive<TypeSpaceLiterals>;\n\n /** Alignment of the items in the stack (horizontal or vertical) */\n align?: TypeResponsive<TypeAlignment>;\n\n /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n direction?: TypeResponsive<TypeDirection>;\n children: React.ReactNode;\n}\n","import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n"],"mappings":"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","names":[]}
|
package/dist/index.js
CHANGED
|
@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
|
|
|
28
28
|
var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
|
|
29
29
|
|
|
30
30
|
// src/index.ts
|
|
31
|
-
var
|
|
32
|
-
__export(
|
|
31
|
+
var index_exports = {};
|
|
32
|
+
__export(index_exports, {
|
|
33
33
|
Stack: () => Stack_default,
|
|
34
|
-
default: () =>
|
|
34
|
+
default: () => index_default
|
|
35
35
|
});
|
|
36
|
-
module.exports = __toCommonJS(
|
|
36
|
+
module.exports = __toCommonJS(index_exports);
|
|
37
37
|
|
|
38
38
|
// src/Stack.tsx
|
|
39
39
|
var React = require("react");
|
|
@@ -169,7 +169,7 @@ var Stack_default = Stack;
|
|
|
169
169
|
var React2 = require("react");
|
|
170
170
|
|
|
171
171
|
// src/index.ts
|
|
172
|
-
var
|
|
172
|
+
var index_default = Stack_default;
|
|
173
173
|
// Annotate the CommonJS export names for ESM import in node:
|
|
174
174
|
0 && (module.exports = {
|
|
175
175
|
Stack
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/index.ts","../src/Stack.tsx","../src/utils.ts","../src/StackTypes.ts"],"sourcesContent":["import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n","import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n horizontal: {\n left: {\n alignItems: \"center\",\n },\n center: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n right: {\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n stretch: {\n alignItems: \"center\",\n },\n },\n vertical: {\n left: {\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n },\n center: {\n flexDirection: \"column\",\n alignItems: \"center\",\n },\n right: {\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n },\n stretch: {\n flexDirection: \"column\",\n alignItems: \"stretch\",\n },\n },\n};\n\nconst Stack = ({\n children,\n space = 300,\n align = \"left\",\n direction = \"vertical\",\n ...rest\n}: TypeStackProps) => {\n const stackItems = Children.toArray(children);\n const responsiveAlignment = normalizeResponsiveProp(align);\n const responsiveDirection = normalizeResponsiveProp(direction);\n const responsiveSpace = normalizeResponsiveProp(space);\n const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n // TODO: rely on styled system to solve this during the refactor\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const styleProps: any = {\n alignItems: [...initialValue],\n flexDirection: [...initialValue],\n justifyContent: [...initialValue],\n };\n const childFlexBasis: (string | null)[] = [...initialValue];\n const childMarginProps = {\n marginLeft: [...initialValue],\n marginTop: [...initialValue],\n };\n\n initialValue.forEach((_, i) => {\n const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n const currentAlignment = responsiveAlignment[\n i\n ] as keyof (typeof stackStyles)[\"horizontal\"];\n const currentSpace = responsiveSpace[i];\n\n if (currentDirection && currentAlignment) {\n const styles: { [key: string]: string } =\n stackStyles[currentDirection][currentAlignment];\n Object.keys(styleProps).forEach((key: string) => {\n styleProps[key][i] = styles[key] || \"initial\";\n });\n }\n\n const flexBasis =\n currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n ? \"100%\"\n : null;\n childFlexBasis[i] = flexBasis;\n\n const margin =\n currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n const opposite =\n currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n childMarginProps[margin][i] = currentSpace;\n // styled system can pass numbers that map to theme values and TS doesn't like it\n childMarginProps[opposite][i] = 0 as unknown as string;\n });\n\n return (\n <Box display=\"flex\" {...styleProps} {...rest}>\n {stackItems.map((item, i) => (\n <Box\n flexBasis={childFlexBasis}\n {...(i !== 0 ? childMarginProps : {})}\n key={i}\n >\n {item}\n </Box>\n ))}\n </Box>\n );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n value: TypeResponsive<any>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n if ([\"string\", \"number\"].includes(typeof value)) {\n return Array(LENGTH).fill(value);\n }\n\n if (value.length) {\n switch (value.length) {\n case 1:\n return Array(LENGTH).fill(value[0]);\n case 2:\n return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n case 3:\n return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n case 4:\n return [\n value[0],\n value[1],\n value[2],\n ...Array(LENGTH - 3).fill(value[3]),\n ];\n case 5:\n return value;\n default:\n throw new Error(\n `Invalid responsive prop length: ${JSON.stringify(value)}`\n );\n }\n } else {\n throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n | 0\n | 100\n | 200\n | 300\n | 350\n | 400\n | 450\n | 500\n | 600\n | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n /** Amount of space between items in the stack */\n space?: TypeResponsive<TypeSpaceLiterals>;\n\n /** Alignment of the items in the stack (horizontal or vertical) */\n align?: TypeResponsive<TypeAlignment>;\n\n /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n direction?: TypeResponsive<TypeDirection>;\n children: React.ReactNode;\n}\n"],"mappings":"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
|
|
1
|
+
{"version":3,"sources":["../src/index.ts","../src/Stack.tsx","../src/utils.ts","../src/StackTypes.ts"],"sourcesContent":["import Stack from \"./Stack\";\n\nexport default Stack;\nexport { Stack };\nexport * from \"./StackTypes\";\n","import * as React from \"react\";\nimport { Children } from \"react\";\nimport { normalizeResponsiveProp } from \"./utils\";\nimport Box from \"@sproutsocial/seeds-react-box\";\nimport type { TypeStackProps } from \"./StackTypes\";\n\nconst stackStyles = {\n horizontal: {\n left: {\n alignItems: \"center\",\n },\n center: {\n alignItems: \"center\",\n justifyContent: \"center\",\n },\n right: {\n alignItems: \"center\",\n justifyContent: \"flex-end\",\n },\n stretch: {\n alignItems: \"center\",\n },\n },\n vertical: {\n left: {\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n },\n center: {\n flexDirection: \"column\",\n alignItems: \"center\",\n },\n right: {\n flexDirection: \"column\",\n alignItems: \"flex-end\",\n },\n stretch: {\n flexDirection: \"column\",\n alignItems: \"stretch\",\n },\n },\n};\n\nconst Stack = ({\n children,\n space = 300,\n align = \"left\",\n direction = \"vertical\",\n ...rest\n}: TypeStackProps) => {\n const stackItems = Children.toArray(children);\n const responsiveAlignment = normalizeResponsiveProp(align);\n const responsiveDirection = normalizeResponsiveProp(direction);\n const responsiveSpace = normalizeResponsiveProp(space);\n const initialValue = [\"initial\", \"initial\", \"initial\", \"initial\", \"initial\"];\n\n // TODO: rely on styled system to solve this during the refactor\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const styleProps: any = {\n alignItems: [...initialValue],\n flexDirection: [...initialValue],\n justifyContent: [...initialValue],\n };\n const childFlexBasis: (string | null)[] = [...initialValue];\n const childMarginProps = {\n marginLeft: [...initialValue],\n marginTop: [...initialValue],\n };\n\n initialValue.forEach((_, i) => {\n const currentDirection = responsiveDirection[i] as keyof typeof stackStyles;\n const currentAlignment = responsiveAlignment[\n i\n ] as keyof (typeof stackStyles)[\"horizontal\"];\n const currentSpace = responsiveSpace[i];\n\n if (currentDirection && currentAlignment) {\n const styles: { [key: string]: string } =\n stackStyles[currentDirection][currentAlignment];\n Object.keys(styleProps).forEach((key: string) => {\n styleProps[key][i] = styles[key] || \"initial\";\n });\n }\n\n const flexBasis =\n currentAlignment === \"stretch\" && currentDirection === \"horizontal\"\n ? \"100%\"\n : null;\n childFlexBasis[i] = flexBasis;\n\n const margin =\n currentDirection === \"horizontal\" ? \"marginLeft\" : \"marginTop\";\n\n const opposite =\n currentDirection === \"horizontal\" ? \"marginTop\" : \"marginLeft\";\n childMarginProps[margin][i] = currentSpace;\n // styled system can pass numbers that map to theme values and TS doesn't like it\n childMarginProps[opposite][i] = 0 as unknown as string;\n });\n\n return (\n <Box display=\"flex\" {...styleProps} {...rest}>\n {stackItems.map((item, i) => (\n <Box\n flexBasis={childFlexBasis}\n {...(i !== 0 ? childMarginProps : {})}\n key={i}\n >\n {item}\n </Box>\n ))}\n </Box>\n );\n};\n\nexport default Stack;\n","import { theme } from \"@sproutsocial/seeds-react-theme\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\n\nconst breakpoints = theme.breakpoints;\nconst LENGTH = breakpoints.length + 1;\n\nexport const normalizeResponsiveProp = (\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n value: TypeResponsive<any>\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n): TypeResponsive<any> => {\n if ([\"string\", \"number\"].includes(typeof value)) {\n return Array(LENGTH).fill(value);\n }\n\n if (value.length) {\n switch (value.length) {\n case 1:\n return Array(LENGTH).fill(value[0]);\n case 2:\n return [value[0], ...Array(LENGTH - 1).fill(value[1])];\n case 3:\n return [value[0], value[1], ...Array(LENGTH - 2).fill(value[2])];\n case 4:\n return [\n value[0],\n value[1],\n value[2],\n ...Array(LENGTH - 3).fill(value[3]),\n ];\n case 5:\n return value;\n default:\n throw new Error(\n `Invalid responsive prop length: ${JSON.stringify(value)}`\n );\n }\n } else {\n throw new Error(`Invalid responsive prop type: ${JSON.stringify(value)}`);\n }\n};\n","import * as React from \"react\";\n\nimport type { TypeResponsive } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeBoxProps } from \"@sproutsocial/seeds-react-box\";\n\nexport type TypeSpaceLiterals =\n | 0\n | 100\n | 200\n | 300\n | 350\n | 400\n | 450\n | 500\n | 600\n | string;\n\ntype TypeDirection = \"vertical\" | \"horizontal\";\n\ntype TypeAlignment = \"left\" | \"center\" | \"right\" | \"stretch\";\n\nexport interface TypeStackProps extends TypeBoxProps {\n /** Amount of space between items in the stack */\n space?: TypeResponsive<TypeSpaceLiterals>;\n\n /** Alignment of the items in the stack (horizontal or vertical) */\n align?: TypeResponsive<TypeAlignment>;\n\n /** Axis upon which the stack is laid out (left, center, right, or stretch) */\n direction?: TypeResponsive<TypeDirection>;\n children: React.ReactNode;\n}\n"],"mappings":"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","names":["import_react","Box","React"]}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@sproutsocial/seeds-react-stack",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.2",
|
|
4
4
|
"description": "Seeds React Stack",
|
|
5
5
|
"author": "Sprout Social, Inc.",
|
|
6
6
|
"license": "MIT",
|
|
@@ -18,9 +18,9 @@
|
|
|
18
18
|
"test:watch": "jest --watch --coverage=false"
|
|
19
19
|
},
|
|
20
20
|
"dependencies": {
|
|
21
|
-
"@sproutsocial/seeds-react-theme": "
|
|
22
|
-
"@sproutsocial/seeds-react-system-props": "
|
|
23
|
-
"@sproutsocial/seeds-react-box": "
|
|
21
|
+
"@sproutsocial/seeds-react-theme": "^3.0.1",
|
|
22
|
+
"@sproutsocial/seeds-react-system-props": "^3.0.1",
|
|
23
|
+
"@sproutsocial/seeds-react-box": "^1.1.3"
|
|
24
24
|
},
|
|
25
25
|
"devDependencies": {
|
|
26
26
|
"@types/react": "^18.0.0",
|
|
@@ -28,12 +28,12 @@
|
|
|
28
28
|
"@sproutsocial/eslint-config-seeds": "*",
|
|
29
29
|
"react": "^18.0.0",
|
|
30
30
|
"styled-components": "^5.2.3",
|
|
31
|
-
"tsup": "^8.
|
|
31
|
+
"tsup": "^8.3.4",
|
|
32
32
|
"typescript": "^5.6.2",
|
|
33
33
|
"@sproutsocial/seeds-tsconfig": "*",
|
|
34
34
|
"@sproutsocial/seeds-testing": "*",
|
|
35
35
|
"@sproutsocial/seeds-react-testing-library": "*",
|
|
36
|
-
"@sproutsocial/seeds-react-text": "
|
|
36
|
+
"@sproutsocial/seeds-react-text": "^1.3.2"
|
|
37
37
|
},
|
|
38
38
|
"peerDependencies": {
|
|
39
39
|
"styled-components": "^5.2.3"
|