chore(sunburst): rename slice label props for consistency

plouc · Dec 2, 2020 · 6717e5b · 6717e5b
1 parent 77fcc21
commit 6717e5b
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 13 deletions.
diff --git a/packages/sunburst/src/Sunburst.tsx b/packages/sunburst/src/Sunburst.tsx
@@ -37,10 +37,10 @@ export const Sunburst = <Datum extends Record<string, unknown>>(props: SunburstS
         borderColor,
 
         // slices labels
-        enableSlicesLabels,
+        enableSliceLabels,
         sliceLabel,
-        slicesLabelsSkipAngle,
-        slicesLabelsTextColor,
+        sliceLabelsSkipAngle,
+        sliceLabelsTextColor,
 
         // theming
         theme: _theme,
@@ -136,12 +136,12 @@ export const Sunburst = <Datum extends Record<string, unknown>>(props: SunburstS
                                 onMouseLeave={onMouseLeave}
                             />
                         ))}
-                    {enableSlicesLabels && (
+                    {enableSliceLabels && (
                         <SunburstLabels
                             nodes={nodes}
                             label={getSliceLabel}
-                            skipAngle={slicesLabelsSkipAngle}
-                            textColor={slicesLabelsTextColor}
+                            skipAngle={sliceLabelsSkipAngle}
+                            textColor={sliceLabelsTextColor}
                         />
                     )}
                 </g>

diff --git a/packages/sunburst/src/props.ts b/packages/sunburst/src/props.ts
@@ -14,9 +14,9 @@ export const defaultProps = {
     role: 'img',
 
     // slices labels
-    enableSlicesLabels: false,
+    enableSliceLabels: false,
     sliceLabel: 'value',
-    slicesLabelsTextColor: { theme: 'labels.text.fill' },
+    sliceLabelsTextColor: { theme: 'labels.text.fill' },
 
     isInteractive: true,
 }
diff --git a/packages/sunburst/src/types.ts b/packages/sunburst/src/types.ts
@@ -60,11 +60,10 @@ type CommonSunburstProps = {
     childColor: InheritedColorConfig<SunburstNode['data']>
 
     // slices labels
-    enableSlicesLabels: boolean
+    enableSliceLabels: boolean
     sliceLabel: string | ((node: ComputedNode['data']) => string)
-
-    slicesLabelsSkipAngle: number
-    slicesLabelsTextColor: InheritedColorConfig<SunburstNode['data']>
+    sliceLabelsSkipAngle: number
+    sliceLabelsTextColor: InheritedColorConfig<SunburstNode['data']>
 
     role: string
 
@@ -137,5 +136,5 @@ export type SunburstArcProps = Pick<
 export type SunburstLabelProps = Pick<ComputedSunburstProps, 'nodes'> & {
     label: ComputedSunburstProps['getSliceLabel']
     skipAngle?: number
-    textColor: CommonSunburstProps['slicesLabelsTextColor']
+    textColor: CommonSunburstProps['sliceLabelsTextColor']
 }