Merge pull request #85 from COW-dev/refactor/#83

[REFACTOR] Accordion 컴포넌트의 defaultValue prop 지원

Author: yougyung

src/shared/ui/Accordion/Accordion.stories.tsx

@@ -63,6 +63,7 @@ export const NoneArrowAccordion: Story = {
     );
   },
 };
+
 export const InputAccordion: Story = {
   render: () => {
     return (
@@ -74,3 +75,18 @@ export const InputAccordion: Story = {
     );
   },
 };
+
+export const DefaultValueAccordion: Story = {
+  render: () => {
+    return (
+      <Accordion type="single" defaultValue={['item-2']}>
+        <AccordionItem value="item-1" isArrow={false} trigger="defualtValue를 설정하지 않은 요소">
+          초기 render시 조회되지 않아요
+        </AccordionItem>
+        <AccordionItem value="item-2" isArrow={false} trigger="defualtValue를 설정한 요소">
+          초기 render시 조회돼요
+        </AccordionItem>
+      </Accordion>
+    );
+  },
+};

src/shared/ui/Accordion/Accordion.tsx

@@ -17,6 +17,11 @@ type AccordionRootProps = {
    * The content of the Accordion, typically AccordionItem components.
    */
   children: ReactNode;
+  /**
+   * The default value of the Accordion item that should be open on initial render.
+   */
+  defaultValue?: string[];
+
   /**
    * Additional class names to apply to the AccordionRoot.
    */
@@ -27,9 +32,11 @@ export function AccordionRoot({
   type = 'single',
   className = '',
   children,
+  defaultValue,
   ...props
 }: AccordionRootProps) {
-  const [openItems, setOpenItems] = useState<string[]>([]);
+  const defaultOpenItem = defaultValue ? defaultValue : [];
+  const [openItems, setOpenItems] = useState<string[]>(defaultOpenItem);
 
   const toggleItem = (value: string) => {
     if (type === 'single') {