npm - @sproutsocial/seeds-react-chart-legend - Versions diffs - 1.0.0 → 1.0.2 - Mend

@sproutsocial/seeds-react-chart-legend 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.

Files changed (8) hide show

package/.turbo/turbo-build.log CHANGED Viewed

@@ -1,21 +1,21 @@
 yarn run v1.22.22
 $ tsup --dts
-CLI Building entry: src/index.ts
-CLI Using tsconfig: tsconfig.json
-CLI tsup v8.0.2
-CLI Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-chart-legend/tsup.config.ts
-CLI Target: es2022
-CLI Cleaning output folder
-CJS Build start
-ESM Build start
-ESM dist/esm/index.js     4.03 KB
-ESM dist/esm/index.js.map 9.13 KB
-ESM ⚡️ Build success in 149ms
-CJS dist/index.js     6.08 KB
-CJS dist/index.js.map 9.25 KB
-CJS ⚡️ Build success in 150ms
-DTS Build start
-DTS ⚡️ Build success in 24117ms
-DTS dist/index.d.ts  1.39 KB
-DTS dist/index.d.mts 1.39 KB
-Done in 27.86s.
+[34mCLI[39m Building entry: src/index.ts
+[34mCLI[39m Using tsconfig: tsconfig.json
+[34mCLI[39m tsup v8.5.0
+[34mCLI[39m Using tsup config: /home/runner/work/seeds/seeds/seeds-react/seeds-react-chart-legend/tsup.config.ts
+[34mCLI[39m Target: es2022
+[34mCLI[39m Cleaning output folder
+[34mCJS[39m Build start
+[34mESM[39m Build start
+[32mCJS[39m [1mdist/index.js     [22m[32m6.08 KB[39m
+[32mCJS[39m [1mdist/index.js.map [22m[32m9.25 KB[39m
+[32mCJS[39m ⚡️ Build success in 197ms
+[32mESM[39m [1mdist/esm/index.js     [22m[32m4.03 KB[39m
+[32mESM[39m [1mdist/esm/index.js.map [22m[32m9.14 KB[39m
+[32mESM[39m ⚡️ Build success in 212ms
+[34mDTS[39m Build start
+[32mDTS[39m ⚡️ Build success in 39558ms
+[32mDTS[39m [1mdist/index.d.ts  [22m[32m1.39 KB[39m
+[32mDTS[39m [1mdist/index.d.mts [22m[32m1.39 KB[39m
+Done in 47.81s.

package/CHANGELOG.md CHANGED Viewed

@@ -1,5 +1,27 @@
 # @sproutsocial/seeds-react-chart-legend
+## 1.0.2
+### Patch Changes
+- Updated dependencies [22e1111]
+  - @sproutsocial/seeds-react-text@1.3.2
+  - @sproutsocial/seeds-react-theme@3.0.1
+  - @sproutsocial/seeds-react-box@1.1.3
+  - @sproutsocial/seeds-react-icon@1.1.3
+## 1.0.1
+### Patch Changes
+- 9fd8bac: Update dependencies to use semantic package version instead of wildcards
+- Updated dependencies [9fd8bac]
+  - @sproutsocial/seeds-react-system-props@3.0.2
+  - @sproutsocial/seeds-react-theme@2.2.1
+  - @sproutsocial/seeds-react-icon@1.1.2
+  - @sproutsocial/seeds-react-text@1.3.1
+  - @sproutsocial/seeds-react-box@1.1.2
 ## 1.0.0
 ### Major Changes

package/dist/esm/index.js CHANGED Viewed

@@ -123,9 +123,9 @@ var ChartLegend_default = ChartLegend;
 import "react";
 // src/index.ts
-var src_default = ChartLegend_default;
+var index_default = ChartLegend_default;
 export {
   ChartLegend_default as ChartLegend,
-  src_default as default
+  index_default as default
 };
 //# sourceMappingURL=index.js.map

package/dist/esm/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../../src/ChartLegend.tsx","../../src/styles.ts","../../src/useChartLabels.tsx","../../src/ChartLegendTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport { useChartLabels } from \"./useChartLabels\";\n\nconst ChartLegend = ({\n legendLabels,\n stacked,\n theme = \"datavizRotation\",\n qa,\n ...rest\n}: TypeChartLegendProps) => {\n const chartLabels = useChartLabels(legendLabels, theme);\n\n return (\n <Container inline={!stacked} data-qa-chartlegend=\"\" qa={qa} {...rest}>\n {chartLabels}\n </Container>\n );\n};\n\nexport default ChartLegend;\n","import styled, { css } from \"styled-components\";\nimport { COMMON, LAYOUT } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport type {\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const Label = styled.span`\n display: flex;\n align-items: center;\n color: ${(props) => props.theme.colors.text.subtext};\n white-space: nowrap;\n text-transform: capitalize;\n`;\n\nexport const Swatch = styled.span<TypeSystemCommonProps>`\n margin-right: ${(props) => props.theme.space[300]};\n width: ${(props) => props.theme.space[350]};\n height: ${(props) => props.theme.space[350]};\n border-radius: 4px;\n\n ${COMMON}\n`;\n\nexport interface ChartLegendContainerTypes\n extends Omit<TypeChartLegendProps, \"stacked\" \| \"legendLabels\">,\n TypeSystemCommonProps,\n TypeSystemLayoutProps {\n inline: boolean;\n}\n\nconst Container = styled.div<ChartLegendContainerTypes>`\n ${(props) =>\n props.inline &&\n css`\n display: flex;\n justify-content: center;\n\n ${Label} + ${Label} {\n margin-left: ${(props) => props.theme.space[450]};\n }\n `}\n\n ${COMMON}\n ${LAYOUT}\n`;\n\nLabel.displayName = \"ChartLegendLabel\";\nSwatch.displayName = \"ChartLegendSwatch\";\n\nexport default Container;\n","import React from \"react\";\nimport type {\n TypeChartLegendTheme,\n TypeLegendLabels,\n} from \"./ChartLegendTypes\";\nimport type { TypeColor } from \"@sproutsocial/seeds-react-theme\";\nimport { useTheme } from \"styled-components\";\nimport { Label, Swatch } from \"./styles\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\nconst getSwatchColor = (\n theme: TypeChartLegendTheme,\n index: number,\n RacineThemeColors: TypeColor\n) => {\n const COMPARE_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"2\"],\n ];\n\n const CONTRAST_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"10\"],\n ];\n\n const EXTENDED_THEME = [\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"18\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"13\"],\n RacineThemeColors.dataviz.map[\"16\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"14\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"15\"],\n RacineThemeColors.dataviz.map[\"12\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"17\"],\n RacineThemeColors.dataviz.map[\"20\"],\n RacineThemeColors.dataviz.map[\"19\"],\n ];\n\n type ThemeKeys = \"COMPARE\" \| \"CONTRAST\" \| \"EXTENDED\" \| \"DATAVIZROTATION\";\n\n const THEME_MAP: Record<ThemeKeys, any> = {\n COMPARE: COMPARE_THEME,\n CONTRAST: CONTRAST_THEME,\n EXTENDED: EXTENDED_THEME,\n DATAVIZROTATION: RacineThemeColors.dataviz.list,\n };\n\n return THEME_MAP[theme.toUpperCase() as ThemeKeys][index];\n};\n\nexport const useChartLabels = (\n legendLabels: TypeLegendLabels[],\n theme: TypeChartLegendTheme\n) => {\n const racineTheme = useTheme();\n const colors = racineTheme.colors;\n\n return legendLabels.map((label, i) => {\n const labelColor = label.color\n ? label.color\n : getSwatchColor(theme, i, colors);\n\n return (\n <Label key={`chart-legend-label-${i}`}>\n <Swatch bg={labelColor} data-qa-swatch=\"\" />\n <Text as=\"div\" fontSize={200} breakWord>\n {label.name}\n </Text>\n </Label>\n );\n });\n};\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/** @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\nexport type TypeChartLegendTheme =\n \| \"compare\"\n \| \"contrast\"\n \| \"extended\"\n \| \"datavizRotation\";\nexport interface TypeLegendLabels {\n name: React.ReactNode;\n color?: string;\n}\nexport interface TypeChartLegendProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n /* Inline or stacked y plots /\n stacked?: boolean;\n /* @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\n theme?: TypeChartLegendTheme;\n /* Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme. /\n legendLabels: TypeLegendLabels[];\n /* Orientation of the legend /\n orientation?: string;\n qa?: object;\n}\n","import ChartLegend from \"./ChartLegend\";\n\nexport default ChartLegend;\nexport { ChartLegend };\nexport from \"./ChartLegendTypes\";\n"],"mappings":"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~~cAAQ~~;","names":["props","jsx"]}
1	+ {"version":3,"sources":["../../src/ChartLegend.tsx","../../src/styles.ts","../../src/useChartLabels.tsx","../../src/ChartLegendTypes.ts","../../src/index.ts"],"sourcesContent":["import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport { useChartLabels } from \"./useChartLabels\";\n\nconst ChartLegend = ({\n legendLabels,\n stacked,\n theme = \"datavizRotation\",\n qa,\n ...rest\n}: TypeChartLegendProps) => {\n const chartLabels = useChartLabels(legendLabels, theme);\n\n return (\n <Container inline={!stacked} data-qa-chartlegend=\"\" qa={qa} {...rest}>\n {chartLabels}\n </Container>\n );\n};\n\nexport default ChartLegend;\n","import styled, { css } from \"styled-components\";\nimport { COMMON, LAYOUT } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport type {\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const Label = styled.span`\n display: flex;\n align-items: center;\n color: ${(props) => props.theme.colors.text.subtext};\n white-space: nowrap;\n text-transform: capitalize;\n`;\n\nexport const Swatch = styled.span<TypeSystemCommonProps>`\n margin-right: ${(props) => props.theme.space[300]};\n width: ${(props) => props.theme.space[350]};\n height: ${(props) => props.theme.space[350]};\n border-radius: 4px;\n\n ${COMMON}\n`;\n\nexport interface ChartLegendContainerTypes\n extends Omit<TypeChartLegendProps, \"stacked\" \| \"legendLabels\">,\n TypeSystemCommonProps,\n TypeSystemLayoutProps {\n inline: boolean;\n}\n\nconst Container = styled.div<ChartLegendContainerTypes>`\n ${(props) =>\n props.inline &&\n css`\n display: flex;\n justify-content: center;\n\n ${Label} + ${Label} {\n margin-left: ${(props) => props.theme.space[450]};\n }\n `}\n\n ${COMMON}\n ${LAYOUT}\n`;\n\nLabel.displayName = \"ChartLegendLabel\";\nSwatch.displayName = \"ChartLegendSwatch\";\n\nexport default Container;\n","import React from \"react\";\nimport type {\n TypeChartLegendTheme,\n TypeLegendLabels,\n} from \"./ChartLegendTypes\";\nimport type { TypeColor } from \"@sproutsocial/seeds-react-theme\";\nimport { useTheme } from \"styled-components\";\nimport { Label, Swatch } from \"./styles\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\nconst getSwatchColor = (\n theme: TypeChartLegendTheme,\n index: number,\n RacineThemeColors: TypeColor\n) => {\n const COMPARE_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"2\"],\n ];\n\n const CONTRAST_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"10\"],\n ];\n\n const EXTENDED_THEME = [\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"18\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"13\"],\n RacineThemeColors.dataviz.map[\"16\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"14\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"15\"],\n RacineThemeColors.dataviz.map[\"12\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"17\"],\n RacineThemeColors.dataviz.map[\"20\"],\n RacineThemeColors.dataviz.map[\"19\"],\n ];\n\n type ThemeKeys = \"COMPARE\" \| \"CONTRAST\" \| \"EXTENDED\" \| \"DATAVIZROTATION\";\n\n const THEME_MAP: Record<ThemeKeys, any> = {\n COMPARE: COMPARE_THEME,\n CONTRAST: CONTRAST_THEME,\n EXTENDED: EXTENDED_THEME,\n DATAVIZROTATION: RacineThemeColors.dataviz.list,\n };\n\n return THEME_MAP[theme.toUpperCase() as ThemeKeys][index];\n};\n\nexport const useChartLabels = (\n legendLabels: TypeLegendLabels[],\n theme: TypeChartLegendTheme\n) => {\n const racineTheme = useTheme();\n const colors = racineTheme.colors;\n\n return legendLabels.map((label, i) => {\n const labelColor = label.color\n ? label.color\n : getSwatchColor(theme, i, colors);\n\n return (\n <Label key={`chart-legend-label-${i}`}>\n <Swatch bg={labelColor} data-qa-swatch=\"\" />\n <Text as=\"div\" fontSize={200} breakWord>\n {label.name}\n </Text>\n </Label>\n );\n });\n};\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/** @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\nexport type TypeChartLegendTheme =\n \| \"compare\"\n \| \"contrast\"\n \| \"extended\"\n \| \"datavizRotation\";\nexport interface TypeLegendLabels {\n name: React.ReactNode;\n color?: string;\n}\nexport interface TypeChartLegendProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n /* Inline or stacked y plots /\n stacked?: boolean;\n /* @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\n theme?: TypeChartLegendTheme;\n /* Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme. /\n legendLabels: TypeLegendLabels[];\n /* Orientation of the legend /\n orientation?: string;\n qa?: object;\n}\n","import ChartLegend from \"./ChartLegend\";\n\nexport default ChartLegend;\nexport { ChartLegend };\nexport from \"./ChartLegendTypes\";\n"],"mappings":"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","names":["props","jsx"]}

package/dist/index.js CHANGED Viewed

@@ -28,12 +28,12 @@ var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__ge
 var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
 // src/index.ts
-var src_exports = {};
-__export(src_exports, {
+var index_exports = {};
+__export(index_exports, {
   ChartLegend: () => ChartLegend_default,
-  default: () => src_default
+  default: () => index_default
 });
-module.exports = __toCommonJS(src_exports);
+module.exports = __toCommonJS(index_exports);
 // src/ChartLegend.tsx
 var React2 = require("react");
@@ -160,7 +160,7 @@ var ChartLegend_default = ChartLegend;
 var React3 = require("react");
 // src/index.ts
-var src_default = ChartLegend_default;
+var index_default = ChartLegend_default;
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   ChartLegend

package/dist/index.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"sources":["../src/index.ts","../src/ChartLegend.tsx","../src/styles.ts","../src/useChartLabels.tsx","../src/ChartLegendTypes.ts"],"sourcesContent":["import ChartLegend from \"./ChartLegend\";\n\nexport default ChartLegend;\nexport { ChartLegend };\nexport * from \"./ChartLegendTypes\";\n","import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport { useChartLabels } from \"./useChartLabels\";\n\nconst ChartLegend = ({\n legendLabels,\n stacked,\n theme = \"datavizRotation\",\n qa,\n ...rest\n}: TypeChartLegendProps) => {\n const chartLabels = useChartLabels(legendLabels, theme);\n\n return (\n <Container inline={!stacked} data-qa-chartlegend=\"\" qa={qa} {...rest}>\n {chartLabels}\n </Container>\n );\n};\n\nexport default ChartLegend;\n","import styled, { css } from \"styled-components\";\nimport { COMMON, LAYOUT } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport type {\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const Label = styled.span`\n display: flex;\n align-items: center;\n color: ${(props) => props.theme.colors.text.subtext};\n white-space: nowrap;\n text-transform: capitalize;\n`;\n\nexport const Swatch = styled.span<TypeSystemCommonProps>`\n margin-right: ${(props) => props.theme.space[300]};\n width: ${(props) => props.theme.space[350]};\n height: ${(props) => props.theme.space[350]};\n border-radius: 4px;\n\n ${COMMON}\n`;\n\nexport interface ChartLegendContainerTypes\n extends Omit<TypeChartLegendProps, \"stacked\" \| \"legendLabels\">,\n TypeSystemCommonProps,\n TypeSystemLayoutProps {\n inline: boolean;\n}\n\nconst Container = styled.div<ChartLegendContainerTypes>`\n ${(props) =>\n props.inline &&\n css`\n display: flex;\n justify-content: center;\n\n ${Label} + ${Label} {\n margin-left: ${(props) => props.theme.space[450]};\n }\n `}\n\n ${COMMON}\n ${LAYOUT}\n`;\n\nLabel.displayName = \"ChartLegendLabel\";\nSwatch.displayName = \"ChartLegendSwatch\";\n\nexport default Container;\n","import React from \"react\";\nimport type {\n TypeChartLegendTheme,\n TypeLegendLabels,\n} from \"./ChartLegendTypes\";\nimport type { TypeColor } from \"@sproutsocial/seeds-react-theme\";\nimport { useTheme } from \"styled-components\";\nimport { Label, Swatch } from \"./styles\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\nconst getSwatchColor = (\n theme: TypeChartLegendTheme,\n index: number,\n RacineThemeColors: TypeColor\n) => {\n const COMPARE_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"2\"],\n ];\n\n const CONTRAST_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"10\"],\n ];\n\n const EXTENDED_THEME = [\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"18\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"13\"],\n RacineThemeColors.dataviz.map[\"16\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"14\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"15\"],\n RacineThemeColors.dataviz.map[\"12\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"17\"],\n RacineThemeColors.dataviz.map[\"20\"],\n RacineThemeColors.dataviz.map[\"19\"],\n ];\n\n type ThemeKeys = \"COMPARE\" \| \"CONTRAST\" \| \"EXTENDED\" \| \"DATAVIZROTATION\";\n\n const THEME_MAP: Record<ThemeKeys, any> = {\n COMPARE: COMPARE_THEME,\n CONTRAST: CONTRAST_THEME,\n EXTENDED: EXTENDED_THEME,\n DATAVIZROTATION: RacineThemeColors.dataviz.list,\n };\n\n return THEME_MAP[theme.toUpperCase() as ThemeKeys][index];\n};\n\nexport const useChartLabels = (\n legendLabels: TypeLegendLabels[],\n theme: TypeChartLegendTheme\n) => {\n const racineTheme = useTheme();\n const colors = racineTheme.colors;\n\n return legendLabels.map((label, i) => {\n const labelColor = label.color\n ? label.color\n : getSwatchColor(theme, i, colors);\n\n return (\n <Label key={`chart-legend-label-${i}`}>\n <Swatch bg={labelColor} data-qa-swatch=\"\" />\n <Text as=\"div\" fontSize={200} breakWord>\n {label.name}\n </Text>\n </Label>\n );\n });\n};\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/** @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\nexport type TypeChartLegendTheme =\n \| \"compare\"\n \| \"contrast\"\n \| \"extended\"\n \| \"datavizRotation\";\nexport interface TypeLegendLabels {\n name: React.ReactNode;\n color?: string;\n}\nexport interface TypeChartLegendProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n /* Inline or stacked y plots /\n stacked?: boolean;\n /* @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\n theme?: TypeChartLegendTheme;\n /* Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme. /\n legendLabels: TypeLegendLabels[];\n /* Orientation of the legend */\n orientation?: string;\n qa?: object;\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACAA,IAAAA,SAAuB;;;ACAvB,+BAA4B;AAC5B,sCAA+B;AAOxB,IAAM,QAAQ,yBAAAC,QAAO;AAAA;AAAA;AAAA,WAGjB,CAAC,UAAU,MAAM,MAAM,OAAO,KAAK,OAAO;AAAA;AAAA;AAAA;AAK9C,IAAM,SAAS,yBAAAA,QAAO;AAAA,kBACX,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,WACxC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA,YAChC,CAAC,UAAU,MAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA;AAAA,IAGzC,sCAAM;AAAA;AAUV,IAAM,YAAY,yBAAAA,QAAO;AAAA,IACrB,CAAC,UACD,MAAM,UACN;AAAA;AAAA;AAAA;AAAA,QAII,KAAK,MAAM,KAAK;AAAA,uBACD,CAACC,WAAUA,OAAM,MAAM,MAAM,GAAG,CAAC;AAAA;AAAA,KAEnD;AAAA;AAAA,IAED,sCAAM;AAAA,IACN,sCAAM;AAAA;AAGV,MAAM,cAAc;AACpB,OAAO,cAAc;AAErB,IAAO,iBAAQ;;;ACnDf,mBAAkB;AAMlB,IAAAC,4BAAyB;AAEzB,8BAAqB;AA8Ef;AA5EN,IAAM,iBAAiB,CACrB,OACA,OACA,sBACG;AACH,QAAM,gBAAgB;AAAA,IACpB,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,EACnC;AAEA,QAAM,iBAAiB;AAAA,IACrB,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,EACpC;AAEA,QAAM,iBAAiB;AAAA,IACrB,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,GAAG;AAAA,IACjC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,IAClC,kBAAkB,QAAQ,IAAI,IAAI;AAAA,EACpC;AAIA,QAAM,YAAoC;AAAA,IACxC,SAAS;AAAA,IACT,UAAU;AAAA,IACV,UAAU;AAAA,IACV,iBAAiB,kBAAkB,QAAQ;AAAA,EAC7C;AAEA,SAAO,UAAU,MAAM,YAAY,CAAc,EAAE,KAAK;AAC1D;AAEO,IAAM,iBAAiB,CAC5B,cACA,UACG;AACH,QAAM,kBAAc,oCAAS;AAC7B,QAAM,SAAS,YAAY;AAE3B,SAAO,aAAa,IAAI,CAAC,OAAO,MAAM;AACpC,UAAM,aAAa,MAAM,QACrB,MAAM,QACN,eAAe,OAAO,GAAG,MAAM;AAEnC,WACE,6CAAC,SACC;AAAA,kDAAC,UAAO,IAAI,YAAY,kBAAe,IAAG;AAAA,MAC1C,4CAAC,gCAAK,IAAG,OAAM,UAAU,KAAK,WAAS,MACpC,gBAAM,MACT;AAAA,SAJU,sBAAsB,CAAC,EAKnC;AAAA,EAEJ,CAAC;AACH;;;AF/EI,IAAAC,sBAAA;AAVJ,IAAM,cAAc,CAAC;AAAA,EACnB;AAAA,EACA;AAAA,EACA,QAAQ;AAAA,EACR;AAAA,EACA,GAAG;AACL,MAA4B;AAC1B,QAAM,cAAc,eAAe,cAAc,KAAK;AAEtD,SACE,6CAAC,kBAAU,QAAQ,CAAC,SAAS,uBAAoB,IAAG,IAAS,GAAG,MAC7D,uBACH;AAEJ;AAEA,IAAO,sBAAQ;;;AGrBf,IAAAC,SAAuB;;;AJEvB,IAAO,~~cAAQ~~;","names":["React","styled","props","import_styled_components","import_jsx_runtime","React"]}
1	+ {"version":3,"sources":["../src/index.ts","../src/ChartLegend.tsx","../src/styles.ts","../src/useChartLabels.tsx","../src/ChartLegendTypes.ts"],"sourcesContent":["import ChartLegend from \"./ChartLegend\";\n\nexport default ChartLegend;\nexport { ChartLegend };\nexport * from \"./ChartLegendTypes\";\n","import * as React from \"react\";\nimport Container from \"./styles\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport { useChartLabels } from \"./useChartLabels\";\n\nconst ChartLegend = ({\n legendLabels,\n stacked,\n theme = \"datavizRotation\",\n qa,\n ...rest\n}: TypeChartLegendProps) => {\n const chartLabels = useChartLabels(legendLabels, theme);\n\n return (\n <Container inline={!stacked} data-qa-chartlegend=\"\" qa={qa} {...rest}>\n {chartLabels}\n </Container>\n );\n};\n\nexport default ChartLegend;\n","import styled, { css } from \"styled-components\";\nimport { COMMON, LAYOUT } from \"@sproutsocial/seeds-react-system-props\";\nimport type { TypeChartLegendProps } from \"./ChartLegendTypes\";\nimport type {\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\nexport const Label = styled.span`\n display: flex;\n align-items: center;\n color: ${(props) => props.theme.colors.text.subtext};\n white-space: nowrap;\n text-transform: capitalize;\n`;\n\nexport const Swatch = styled.span<TypeSystemCommonProps>`\n margin-right: ${(props) => props.theme.space[300]};\n width: ${(props) => props.theme.space[350]};\n height: ${(props) => props.theme.space[350]};\n border-radius: 4px;\n\n ${COMMON}\n`;\n\nexport interface ChartLegendContainerTypes\n extends Omit<TypeChartLegendProps, \"stacked\" \| \"legendLabels\">,\n TypeSystemCommonProps,\n TypeSystemLayoutProps {\n inline: boolean;\n}\n\nconst Container = styled.div<ChartLegendContainerTypes>`\n ${(props) =>\n props.inline &&\n css`\n display: flex;\n justify-content: center;\n\n ${Label} + ${Label} {\n margin-left: ${(props) => props.theme.space[450]};\n }\n `}\n\n ${COMMON}\n ${LAYOUT}\n`;\n\nLabel.displayName = \"ChartLegendLabel\";\nSwatch.displayName = \"ChartLegendSwatch\";\n\nexport default Container;\n","import React from \"react\";\nimport type {\n TypeChartLegendTheme,\n TypeLegendLabels,\n} from \"./ChartLegendTypes\";\nimport type { TypeColor } from \"@sproutsocial/seeds-react-theme\";\nimport { useTheme } from \"styled-components\";\nimport { Label, Swatch } from \"./styles\";\nimport { Text } from \"@sproutsocial/seeds-react-text\";\n\nconst getSwatchColor = (\n theme: TypeChartLegendTheme,\n index: number,\n RacineThemeColors: TypeColor\n) => {\n const COMPARE_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"2\"],\n ];\n\n const CONTRAST_THEME = [\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"10\"],\n ];\n\n const EXTENDED_THEME = [\n RacineThemeColors.dataviz.map[\"7\"],\n RacineThemeColors.dataviz.map[\"1\"],\n RacineThemeColors.dataviz.map[\"5\"],\n RacineThemeColors.dataviz.map[\"11\"],\n RacineThemeColors.dataviz.map[\"6\"],\n RacineThemeColors.dataviz.map[\"3\"],\n RacineThemeColors.dataviz.map[\"18\"],\n RacineThemeColors.dataviz.map[\"8\"],\n RacineThemeColors.dataviz.map[\"4\"],\n RacineThemeColors.dataviz.map[\"13\"],\n RacineThemeColors.dataviz.map[\"16\"],\n RacineThemeColors.dataviz.map[\"10\"],\n RacineThemeColors.dataviz.map[\"14\"],\n RacineThemeColors.dataviz.map[\"2\"],\n RacineThemeColors.dataviz.map[\"15\"],\n RacineThemeColors.dataviz.map[\"12\"],\n RacineThemeColors.dataviz.map[\"9\"],\n RacineThemeColors.dataviz.map[\"17\"],\n RacineThemeColors.dataviz.map[\"20\"],\n RacineThemeColors.dataviz.map[\"19\"],\n ];\n\n type ThemeKeys = \"COMPARE\" \| \"CONTRAST\" \| \"EXTENDED\" \| \"DATAVIZROTATION\";\n\n const THEME_MAP: Record<ThemeKeys, any> = {\n COMPARE: COMPARE_THEME,\n CONTRAST: CONTRAST_THEME,\n EXTENDED: EXTENDED_THEME,\n DATAVIZROTATION: RacineThemeColors.dataviz.list,\n };\n\n return THEME_MAP[theme.toUpperCase() as ThemeKeys][index];\n};\n\nexport const useChartLabels = (\n legendLabels: TypeLegendLabels[],\n theme: TypeChartLegendTheme\n) => {\n const racineTheme = useTheme();\n const colors = racineTheme.colors;\n\n return legendLabels.map((label, i) => {\n const labelColor = label.color\n ? label.color\n : getSwatchColor(theme, i, colors);\n\n return (\n <Label key={`chart-legend-label-${i}`}>\n <Swatch bg={labelColor} data-qa-swatch=\"\" />\n <Text as=\"div\" fontSize={200} breakWord>\n {label.name}\n </Text>\n </Label>\n );\n });\n};\n","import * as React from \"react\";\nimport type {\n TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n} from \"@sproutsocial/seeds-react-system-props\";\n\n/** @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\nexport type TypeChartLegendTheme =\n \| \"compare\"\n \| \"contrast\"\n \| \"extended\"\n \| \"datavizRotation\";\nexport interface TypeLegendLabels {\n name: React.ReactNode;\n color?: string;\n}\nexport interface TypeChartLegendProps\n extends TypeStyledComponentsCommonProps,\n TypeSystemCommonProps,\n TypeSystemLayoutProps,\n Omit<React.ComponentPropsWithoutRef<\"div\">, \"color\"> {\n /* Inline or stacked y plots /\n stacked?: boolean;\n /* @deprecated legend themes will be handled automatically by the standard dataviz rotation in a future version /\n theme?: TypeChartLegendTheme;\n /* Array of names with optional color to display. If no color is specified, index of label will be used to determine color based on the theme. /\n legendLabels: TypeLegendLabels[];\n /* Orientation of the legend */\n orientation?: string;\n qa?: object;\n}\n"],"mappings":"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","names":["React","styled","props","import_styled_components","import_jsx_runtime","React"]}

package/package.json CHANGED Viewed

@@ -1,6 +1,6 @@
 {
   "name": "@sproutsocial/seeds-react-chart-legend",
-  "version": "1.0.0",
+  "version": "1.0.2",
   "description": "Seeds React ChartLegend",
   "author": "Sprout Social, Inc.",
   "license": "MIT",
@@ -18,11 +18,11 @@
     "test:watch": "jest --watch --coverage=false"
   },
   "dependencies": {
-    "@sproutsocial/seeds-react-theme": "^*",
-    "@sproutsocial/seeds-react-system-props": "^*",
-    "@sproutsocial/seeds-react-box": "*",
-    "@sproutsocial/seeds-react-icon": "*",
-    "@sproutsocial/seeds-react-text": "*"
+    "@sproutsocial/seeds-react-theme": "^3.0.1",
+    "@sproutsocial/seeds-react-system-props": "^3.0.1",
+    "@sproutsocial/seeds-react-box": "^1.1.3",
+    "@sproutsocial/seeds-react-icon": "^1.1.3",
+    "@sproutsocial/seeds-react-text": "^1.3.2"
   },
   "devDependencies": {
     "@types/react": "^18.0.0",
@@ -30,7 +30,7 @@
     "@sproutsocial/eslint-config-seeds": "*",
     "react": "^18.0.0",
     "styled-components": "^5.2.3",
-    "tsup": "^8.0.2",
+    "tsup": "^8.3.4",
     "typescript": "^5.6.2",
     "@sproutsocial/seeds-tsconfig": "*",
     "@sproutsocial/seeds-testing": "*",

package/tsconfig.json CHANGED Viewed

@@ -5,5 +5,11 @@
     "module": "esnext"
   },
   "include": ["src/**/*"],
-  "exclude": ["node_modules", "dist", "coverage"]
+  "exclude": [
+    "node_modules",
+    "dist",
+    "coverage",
+    "**/*.stories.tsx",
+    "**/*.stories.ts"
+  ]
 }