[#459] Refactor: RangeSlider로 이름 구체화

titicacadev · Feb 7, 2020 · 3fe6ac3 · 3fe6ac3
1 parent 626da50
commit 3fe6ac3
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 6 deletions.
diff --git a/docs/stories/slider.stories.js b/docs/stories/slider.stories.js
@@ -1,7 +1,7 @@
 import React, { useState } from 'react'
 import { storiesOf } from '@storybook/react'
 
-import Slider from '@titicaca/slider'
+import { RangeSlider } from '@titicaca/slider'
 import { Text } from '@titicaca/core-elements'
 
 function Label({ fromValue, toValue }) {
@@ -19,7 +19,7 @@ storiesOf('Slider', module)
     return (
       <div style={{ height: '4000px', padding: '500px 20px 0 20px' }}>
         컴포넌트 외부: {values.join(', ')}
-        <Slider
+        <RangeSlider
           min={0}
           max={500000}
           onChange={setValues}
@@ -34,7 +34,7 @@ storiesOf('Slider', module)
     return (
       <div style={{ height: '4000px', padding: '500px 20px 0 20px' }}>
         컴포넌트 외부: {values.join(', ')}
-        <Slider
+        <RangeSlider
           min={0}
           max={500000}
           onChange={setValues}

diff --git a/packages/slider/src/index.ts b/packages/slider/src/index.ts
@@ -0,0 +1 @@
+export { default as RangeSlider } from './range-slider'
diff --git a/packages/slider/src/index.tsx → packages/slider/src/range-slider.tsx b/packages/slider/src/index.tsx → packages/slider/src/range-slider.tsx
@@ -14,7 +14,7 @@ import Handle from './handle'
 type SliderValue = readonly number[]
 type ValueTransformer = (x: number) => number
 
-interface SliderProps {
+interface RangeSliderProps {
   initialValues?: SliderValue
   step?: number
   min: number
@@ -53,15 +53,15 @@ const NON_LINEAR_FN_SET: ValueTransformer[] = [
   (x) => Math.round(Math.pow(x, 1 / EXPONENT)),
 ]
 
-export default function Slider({
+export default function RangeSlider({
   step = 1,
   initialValues,
   min,
   max,
   onChange,
   labelComponent: LabelComponent,
   nonLinear,
-}: SliderProps) {
+}: RangeSliderProps) {
   const [values, setValues] = useState<SliderValue>(initialValues || [min, max])
 
   const [scaleFn, scaleFnInverse] = nonLinear
Original file line number	Diff line number	Diff line change
		@@ -0,0 +1 @@
		export { default as RangeSlider } from './range-slider'