@seed-design/figma 0.1.7 → 0.1.9

package/src/codegen/targets/react/component/handlers/action-sheet.ts

@@ -1,82 +0,0 @@
-import type {
-  ActionSheetItemProperties,
-  ActionSheetProperties,
-} from "@/codegen/component-properties";
-import { createElement, defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { findAllInstances } from "@/utils/figma-node";
-import { camelCase } from "change-case";
-import { match } from "ts-pattern";
-import { createLocalSnippetHelper } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-
-const { createLocalSnippetElement } = createLocalSnippetHelper("action-sheet");
-
-const ACTION_SHEET_ITEM_KEY = "c3cafd3a3fdcd45fecb6971019d88eaf39a2e381";
-const createActionSheetItemHandler = (_ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ActionSheetItemProperties>(
-    ACTION_SHEET_ITEM_KEY,
-    ({ componentProperties: props }) => {
-      const states = props.State.value.split("-");
-
-      const commonProps = {
-        label: props["Label#15420:4"].value,
-        tone: camelCase(props.Tone.value),
-        ...(states.includes("Disabled") && {
-          disabled: true,
-        }),
-      };
-
-      return createLocalSnippetElement("ActionSheetItem", commonProps);
-    },
-  );
-
-export const createActionSheetHandler = (ctx: ComponentHandlerDeps) => {
-  const actionSheetItemHandler = createActionSheetItemHandler(ctx);
-
-  return defineComponentHandler<ActionSheetProperties>(metadata.actionSheet.key, (node) => {
-    const { componentProperties: props } = node;
-
-    const contentProps = match(props.Header.value)
-      .with("None", () => ({
-        title: undefined,
-        description: undefined,
-      }))
-      .with("Title Only", () => ({
-        title: props["Title#15641:37"].value,
-        description: undefined,
-      }))
-      .with("Description Only", () => ({
-        title: undefined,
-        description: props["Description#15641:70"].value,
-      }))
-      .with("Title With Description", () => ({
-        title: props["Title#15641:37"].value,
-        description: props["Description#15641:70"].value,
-      }))
-      .exhaustive();
-
-    const items = findAllInstances<ActionSheetItemProperties>({
-      node,
-      key: actionSheetItemHandler.key,
-    });
-
-    const contentChildren = items.map(actionSheetItemHandler.transform);
-
-    const content = createLocalSnippetElement("ActionSheetContent", contentProps, contentChildren, {
-      comment: contentProps.title
-        ? undefined
-        : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다.",
-    });
-
-    const trigger = createLocalSnippetElement(
-      "ActionSheetTrigger",
-      { asChild: true },
-      createElement("button", undefined, "열기", {
-        comment: "ActionSheet을 여는 요소를 제공해주세요.",
-      }),
-    );
-
-    return createLocalSnippetElement("ActionSheet", undefined, [trigger, content]);
-  });
-};

package/src/codegen/targets/react/component/handlers/chip-tabs.ts

@@ -1,57 +0,0 @@
-import type { ChipTabsItemProperties, ChipTabsProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { findAllInstances } from "@/utils/figma-node";
-import { camelCase } from "change-case";
-import { createLocalSnippetHelper } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-
-const { createLocalSnippetElement } = createLocalSnippetHelper("chip-tabs");
-
-const CHIP_TABS_ITEM_KEY = "fa80168b02051fbb0ba032238bd76d840dbe2e15";
-const createChipTabsItemHandler = (_ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ChipTabsItemProperties>(
-    CHIP_TABS_ITEM_KEY,
-    ({ componentProperties: props }) => {
-      const states = props.State.value.split("-");
-
-      const commonProps = {
-        value: props["Label#8876:0"].value,
-        ...(states.includes("Disabled") && {
-          disabled: true,
-        }),
-      };
-
-      return createLocalSnippetElement("ChipTabsTrigger", commonProps, props["Label#8876:0"].value);
-    },
-  );
-
-export const createChipTabsHandler = (ctx: ComponentHandlerDeps) => {
-  const chipTabsItemHandler = createChipTabsItemHandler(ctx);
-
-  return defineComponentHandler<ChipTabsProperties>(metadata.chipTablist.key, (node) => {
-    const chipTabsItems = findAllInstances<ChipTabsItemProperties>({
-      node,
-      key: chipTabsItemHandler.key,
-    });
-
-    const selectedChipTabsItem = chipTabsItems.find((chipTabsItem) =>
-      chipTabsItem.componentProperties.State.value.split("-").includes("Selected"),
-    );
-
-    const chipTabsList = createLocalSnippetElement(
-      "ChipTabsList",
-      undefined,
-      chipTabsItems.map(chipTabsItemHandler.transform),
-    );
-
-    const commonProps = {
-      variant: camelCase(node.componentProperties.Variant.value),
-      ...(selectedChipTabsItem && {
-        defaultValue: selectedChipTabsItem.componentProperties["Label#8876:0"].value,
-      }),
-    };
-
-    return createLocalSnippetElement("ChipTabs", commonProps, chipTabsList);
-  });
-};

package/src/codegen/targets/react/component/handlers/control-chip.ts

@@ -1,81 +0,0 @@
-import type { ControlChipProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { match } from "ts-pattern";
-import { createLocalSnippetHelper, createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
-
-const { createLocalSnippetElement } = createLocalSnippetHelper("control-chip");
-
-export const createControlChipHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ControlChipProperties>(
-    metadata.controlChip.key,
-    ({ componentProperties: props }) => {
-      const states = props.State.value.split("-");
-
-      const count = props["Show Count#7185:42"].value ? props["Count#7185:21"].value : undefined;
-
-      const { layout, children } = match(props.Layout.value)
-        .with("Icon Only", () => ({
-          layout: "iconOnly",
-          children: [
-            createSeedReactElement("Icon", {
-              svg: ctx.iconHandler.transform(props["Icon#8722:41"]),
-            }),
-          ],
-        }))
-        .with("Icon First", () => ({
-          layout: "withText",
-          children: [
-            createSeedReactElement("PrefixIcon", {
-              svg: ctx.iconHandler.transform(props["Prefix Icon#8722:0"]),
-            }),
-            props["Label#7185:0"].value,
-            count ? createSeedReactElement("Count", undefined, [count]) : undefined,
-          ],
-        }))
-        .with("Icon Last", () => ({
-          layout: "withText",
-          children: [
-            props["Label#7185:0"].value,
-            createSeedReactElement("SuffixIcon", {
-              svg: ctx.iconHandler.transform(props["Suffix Icon#8722:82"]),
-            }),
-          ],
-        }))
-        .with("Icon Both", () => ({
-          layout: "withText",
-          children: [
-            createSeedReactElement("PrefixIcon", {
-              svg: ctx.iconHandler.transform(props["Prefix Icon#8722:0"]),
-            }),
-            props["Label#7185:0"].value,
-            createSeedReactElement("SuffixIcon", {
-              svg: ctx.iconHandler.transform(props["Suffix Icon#8722:82"]),
-            }),
-          ],
-        }))
-        .with("Text Only", () => ({
-          layout: "withText",
-          children: props["Label#7185:0"].value,
-        }))
-        .exhaustive();
-
-      const commonProps = {
-        size: handleSizeProp(props.Size.value),
-        layout,
-        ...(states.includes("Selected") && {
-          defaultChecked: true,
-        }),
-        ...(states.includes("Disabled") && {
-          disabled: true,
-        }),
-        ...(props["Show Count#7185:42"].value && {
-          count: Number(props["Count#7185:21"].value),
-        }),
-      };
-
-      return createLocalSnippetElement("ControlChip.Toggle", commonProps, children);
-    },
-  );

package/src/codegen/targets/react/component/handlers/extended-action-sheet.ts

@@ -1,98 +0,0 @@
-import type {
-  ExtendedActionSheetGroupProperties,
-  ExtendedActionSheetItemProperties,
-  ExtendedActionSheetProperties,
-} from "@/codegen/component-properties";
-import { createElement, defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { findAllInstances } from "@/utils/figma-node";
-import { camelCase } from "change-case";
-import { createLocalSnippetHelper, createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-
-const { createLocalSnippetElement } = createLocalSnippetHelper("extended-action-sheet");
-
-const EXTENDED_ACTION_SHEET_ITEM_KEY = "057083e95466da59051119eec0b41d4ad5a07f8f";
-const createExtendedActionSheetItemHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ExtendedActionSheetItemProperties>(
-    EXTENDED_ACTION_SHEET_ITEM_KEY,
-    ({ componentProperties: props }) => {
-      const states = props.State.value.split("-");
-
-      const commonProps = {
-        tone: camelCase(props.Tone.value),
-        ...(states.includes("Disabled") && {
-          disabled: true,
-        }),
-      };
-
-      return createLocalSnippetElement("ExtendedActionSheetItem", commonProps, [
-        props["Show Prefix Icon#17043:5"].value
-          ? createSeedReactElement("PrefixIcon", {
-              svg: ctx.iconHandler.transform(props["Prefix Icon#55948:0"]),
-            })
-          : undefined,
-        props["Label#55905:8"].value,
-      ]);
-    },
-  );
-
-const EXTENDED_ACTION_SHEET_GROUP_KEY = "2a504a1c6b7810d5e652862dcba2cb7048f9eb16";
-const createExtendedActionSheetGroupHandler = (ctx: ComponentHandlerDeps) => {
-  const extendedActionSheetItemHandler = createExtendedActionSheetItemHandler(ctx);
-
-  return defineComponentHandler<ExtendedActionSheetGroupProperties>(
-    EXTENDED_ACTION_SHEET_GROUP_KEY,
-    (node) => {
-      const items = findAllInstances<ExtendedActionSheetItemProperties>({
-        node,
-        key: extendedActionSheetItemHandler.key,
-      });
-
-      const contentChildren = items.map(extendedActionSheetItemHandler.transform);
-
-      return createLocalSnippetElement("ExtendedActionSheetGroup", undefined, contentChildren);
-    },
-  );
-};
-
-export const createExtendedActionSheetHandler = (ctx: ComponentHandlerDeps) => {
-  const extendedActionSheetGroupHandler = createExtendedActionSheetGroupHandler(ctx);
-
-  return defineComponentHandler<ExtendedActionSheetProperties>(
-    metadata.extendedActionSheet.key,
-    (node) => {
-      const { componentProperties: props } = node;
-
-      const groups = findAllInstances<ExtendedActionSheetGroupProperties>({
-        node,
-        key: extendedActionSheetGroupHandler.key,
-      });
-
-      const contentChildren = groups.map(extendedActionSheetGroupHandler.transform);
-
-      const title = props["Show Title#17043:12"].value ? props["Title#14599:0"].value : undefined;
-
-      const content = createLocalSnippetElement(
-        "ExtendedActionSheetContent",
-        { title },
-        contentChildren,
-        {
-          comment: title
-            ? undefined
-            : "title을 제공하지 않는 경우 aria-label이나 aria-labelledby 중 하나를 제공해야 합니다.",
-        },
-      );
-
-      const trigger = createLocalSnippetElement(
-        "ExtendedActionSheetTrigger",
-        { asChild: true },
-        createElement("button", undefined, "열기", {
-          comment: "ExtendedActionSheet을 여는 요소를 제공해주세요.",
-        }),
-      );
-
-      return createLocalSnippetElement("ExtendedActionSheet", undefined, [trigger, content]);
-    },
-  );
-};

package/src/codegen/targets/react/component/handlers/extended-fab.ts

@@ -1,25 +0,0 @@
-import type { ExtendedFabProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { camelCase } from "change-case";
-import { createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
-
-export const createExtendedFabHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<ExtendedFabProperties>(
-    metadata.extendedFloatingActionButton.key,
-    ({ componentProperties: props }) => {
-      const commonProps = {
-        size: handleSizeProp(props.Size.value),
-        variant: camelCase(props.Variant.value),
-      };
-
-      return createSeedReactElement("ExtendedFab", commonProps, [
-        createSeedReactElement("PrefixIcon", {
-          svg: ctx.iconHandler.transform(props["Icon#28796:0"]),
-        }),
-        props["Label#28936:0"].value,
-      ]);
-    },
-  );

package/src/codegen/targets/react/component/handlers/fab.ts

@@ -1,22 +0,0 @@
-import type { FabProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import { createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-
-export const createFabHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<FabProperties>(
-    metadata.floatingActionButton.key,
-    ({ componentProperties: props }) => {
-      return createSeedReactElement(
-        "Fab",
-        undefined,
-        createSeedReactElement("Icon", {
-          svg: ctx.iconHandler.transform(props["Icon#28796:0"]),
-        }),
-        {
-          comment: "aria-label이나 aria-labelledby 중 하나를 제공해야 합니다.",
-        },
-      );
-    },
-  );

package/src/codegen/targets/react/component/handlers/text-button.ts

@@ -1,49 +0,0 @@
-import type { TextButtonProperties } from "@/codegen/component-properties";
-import { defineComponentHandler } from "@/codegen/core";
-import * as metadata from "@/entities/data/__generated__/component-sets";
-import type { NormalizedInstanceNode } from "@/normalizer";
-import { findOne } from "@/utils/figma-node";
-import { camelCase } from "change-case";
-import { match } from "ts-pattern";
-import { createSeedReactElement } from "../../element-factories";
-import type { ComponentHandlerDeps } from "../deps.interface";
-import { handleSizeProp } from "../size";
-
-export const createTextButtonHandler = (ctx: ComponentHandlerDeps) =>
-  defineComponentHandler<TextButtonProperties>(metadata.textButton.key, (node) => {
-    const { componentProperties: props } = node;
-
-    const states = props.State.value.split("-");
-
-    const { prefixIcon, suffixIcon, children } = match(props.Layout.value)
-      .with("Icon First", () => ({
-        prefixIcon: ctx.iconHandler.transform(props["Prefix Icon#7561:0"]),
-        suffixIcon: undefined,
-        children: props["Label#6148:0"].value,
-      }))
-      .with("Icon Last", () => {
-        const suffixIconNode = findOne(
-          node,
-          (node) => node.type === "INSTANCE" && node.name === "Suffix Icon",
-        ) as NormalizedInstanceNode | null;
-
-        return {
-          prefixIcon: undefined,
-          suffixIcon: suffixIconNode ? ctx.iconHandler.transform(suffixIconNode) : undefined,
-          children: props["Label#6148:0"].value,
-        };
-      })
-      .exhaustive();
-
-    const commonProps = {
-      tone: camelCase(props.Tone.value),
-      size: handleSizeProp(props.Size.value),
-      prefixIcon,
-      suffixIcon,
-      ...(states.includes("Disabled") && {
-        disabled: true,
-      }),
-    };
-
-    return createSeedReactElement("TextButton", commonProps, children);
-  });

package/src/entities/data/__generated__/component-sets/action-chip.d.ts

@@ -1,57 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Action Chip",
-  "key": "3d21594ef116e94a9465d507447b858aea062575",
-  "componentPropertyDefinitions": {
-    "Icon#8714:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Prefix Icon#8711:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT_SET",
-          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
-        }
-      ]
-    },
-    "Suffix Icon#8711:3": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Label#7185:0": {
-      "type": "TEXT"
-    },
-    "Show Count#7185:42": {
-      "type": "BOOLEAN"
-    },
-    "Count#7185:21": {
-      "type": "TEXT"
-    },
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium",
-        "Small"
-      ]
-    },
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Text Only",
-        "Icon First",
-        "Icon Last",
-        "Icon Both",
-        "Icon Only"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Pressed",
-        "Disabled"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/action-chip.mjs

@@ -1,57 +0,0 @@
-export const metadata = {
-  "name": "🟢 Action Chip",
-  "key": "3d21594ef116e94a9465d507447b858aea062575",
-  "componentPropertyDefinitions": {
-    "Icon#8714:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Prefix Icon#8711:0": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": [
-        {
-          "type": "COMPONENT_SET",
-          "key": "8ed05ef62a40f2dc034ee7eb6945bd0e63ad49aa"
-        }
-      ]
-    },
-    "Suffix Icon#8711:3": {
-      "type": "INSTANCE_SWAP",
-      "preferredValues": []
-    },
-    "Label#7185:0": {
-      "type": "TEXT"
-    },
-    "Show Count#7185:42": {
-      "type": "BOOLEAN"
-    },
-    "Count#7185:21": {
-      "type": "TEXT"
-    },
-    "Size": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Medium",
-        "Small"
-      ]
-    },
-    "Layout": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Text Only",
-        "Icon First",
-        "Icon Last",
-        "Icon Both",
-        "Icon Only"
-      ]
-    },
-    "State": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Enabled",
-        "Pressed",
-        "Disabled"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/action-sheet.d.ts

@@ -1,40 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Action Sheet",
-  "key": "7c29b70b7e71618e1894c26f61f336de2730d76e",
-  "componentPropertyDefinitions": {
-    "Description#15641:70": {
-      "type": "TEXT"
-    },
-    "Title#15641:37": {
-      "type": "TEXT"
-    },
-    "OS Indicator (Figma Only)#15641:20": {
-      "type": "BOOLEAN"
-    },
-    "Type": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Normal",
-        "Destructive"
-      ]
-    },
-    "Header": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Title Only",
-        "Description Only",
-        "Title With Description",
-        "None"
-      ]
-    },
-    "Action Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "1",
-        "2",
-        "3",
-        "4"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/action-sheet.mjs

@@ -1,40 +0,0 @@
-export const metadata = {
-  "name": "🟢 Action Sheet",
-  "key": "7c29b70b7e71618e1894c26f61f336de2730d76e",
-  "componentPropertyDefinitions": {
-    "Description#15641:70": {
-      "type": "TEXT"
-    },
-    "Title#15641:37": {
-      "type": "TEXT"
-    },
-    "OS Indicator (Figma Only)#15641:20": {
-      "type": "BOOLEAN"
-    },
-    "Type": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Normal",
-        "Destructive"
-      ]
-    },
-    "Header": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Title Only",
-        "Description Only",
-        "Title With Description",
-        "None"
-      ]
-    },
-    "Action Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "1",
-        "2",
-        "3",
-        "4"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/chip-tablist.d.ts

@@ -1,24 +0,0 @@
-export declare const metadata: {
-  "name": "🟢 Chip Tablist",
-  "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f",
-  "componentPropertyDefinitions": {
-    "Tab Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "Max"
-      ]
-    },
-    "Variant": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Neutral Solid",
-        "Brand Solid"
-      ]
-    }
-  }
-};

package/src/entities/data/__generated__/component-sets/chip-tablist.mjs

@@ -1,24 +0,0 @@
-export const metadata = {
-  "name": "🟢 Chip Tablist",
-  "key": "d098159beacf7713e9116f0ef38d8a20f64ec84f",
-  "componentPropertyDefinitions": {
-    "Tab Count": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "2",
-        "3",
-        "4",
-        "5",
-        "6",
-        "Max"
-      ]
-    },
-    "Variant": {
-      "type": "VARIANT",
-      "variantOptions": [
-        "Neutral Solid",
-        "Brand Solid"
-      ]
-    }
-  }
-};