@ceed/cds 0.0.177-beta.5 → 0.0.177

package/src/components/Breadcrumbs/Breadcrumbs.tsx

@@ -1,101 +0,0 @@
-import React from "react";
-import {
-  Breadcrumbs as JoyBreadcrumbs,
-  BreadcrumbsProps,
-  Link as JoyLink,
-} from "@mui/joy";
-import Menu, { MenuButton, MenuItem } from "../Menu/index.js";
-import Dropdown from "../Dropdown/index.js";
-import Typography from "../Typography/index.js";
-function Breadcrumbs(
-  props: {
-    crumbs: {
-      type: "text" | "link";
-      label: string;
-      linkHref?: string;
-    }[];
-    startCrumbCount?: number;
-    endCrumbCount?: number;
-    slots?: {
-      link?: React.ElementType;
-    } & BreadcrumbsProps["slots"];
-    slotProps?: { link?: {} } & BreadcrumbsProps["slotProps"];
-  } & BreadcrumbsProps
-) {
-  // prop destruction
-  const {
-    crumbs,
-    size,
-    startCrumbCount = 1,
-    endCrumbCount = 3,
-    slots: { link: Link, ...restSlots } = { link: JoyLink },
-    slotProps: { link: linkProps, ...restSlotProps } = {
-      link: { color: "neutral" },
-    },
-    ...innerProps
-  } = props;
-  // lib hooks
-  // state, ref, querystring hooks
-  // form hooks
-  // query hooks
-  // calculated values
-  const _endCrumbCount = Math.max(1, endCrumbCount);
-
-  const Crumb = (props: {
-    type: "text" | "link";
-    label: string;
-    linkHref?: string;
-  }) => {
-    if (props.type === "link" && Link) {
-      return (
-        <Link to={props.linkHref} href={props.linkHref} {...linkProps}>
-          {props.label}
-        </Link>
-      );
-    } else {
-      return <Typography>{props.label}</Typography>;
-    }
-  };
-
-  const frontCrumbs = crumbs
-    .slice(0, startCrumbCount)
-    .map((crumb) => <Crumb {...crumb} />);
-  const backCrumbs = (
-    startCrumbCount + _endCrumbCount > crumbs.length
-      ? crumbs.slice(startCrumbCount)
-      : crumbs.slice(-_endCrumbCount)
-  ).map((crumb) => <Crumb {...crumb} />);
-  const collapsedCrumbs = crumbs
-    .slice(startCrumbCount, -_endCrumbCount)
-    .map((crumb) => (
-      <MenuItem>
-        <Crumb {...crumb} />
-      </MenuItem>
-    ));
-  // effects
-  // handlers
-
-  return (
-    <JoyBreadcrumbs
-      size={size}
-      slots={restSlots}
-      slotProps={restSlotProps}
-      {...innerProps}
-    >
-      {frontCrumbs}
-      {collapsedCrumbs.length && (
-        <Dropdown>
-          <MenuButton size={size} variant="plain">
-            ...
-          </MenuButton>
-          <Menu size={size}>{collapsedCrumbs}</Menu>
-        </Dropdown>
-      )}
-      {backCrumbs}
-    </JoyBreadcrumbs>
-  );
-}
-
-export { Breadcrumbs };
-
-Breadcrumbs.displayName = "Breadcrumbs";

package/src/components/Breadcrumbs/index.ts

@@ -1,3 +0,0 @@
-import { Breadcrumbs } from "./Breadcrumbs.js";
-export * from "./Breadcrumbs.js";
-export default Breadcrumbs;

package/src/components/Button/Button.framer.ts

@@ -1,67 +0,0 @@
-import { ControlType, type PropertyControls } from "framer";
-
-export const buttonPropertyControls: PropertyControls = {
-  // NOT working
-  // children: {
-  //     type: ControlType.ComponentInstance,
-  // },
-  text: {
-    title: "Text",
-    type: ControlType.String,
-    defaultValue: "Press me",
-  },
-  onTap: {
-    type: ControlType.EventHandler,
-  },
-  disabled: {
-    title: "Disabled",
-    type: ControlType.Boolean,
-    defaultValue: false,
-  },
-  color: {
-    title: "Color",
-    type: ControlType.Enum,
-    options: ["primary", "neutral", "danger", "success", "warning"],
-    optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
-  },
-  variant: {
-    title: "Variant",
-    type: ControlType.Enum,
-    options: ["solid", "outlined", "soft", "plain"],
-  },
-  loading: {
-    title: "Loading",
-    type: ControlType.Boolean,
-    defaultValue: false,
-  },
-  endDecorator: {
-    title: "End Decorator",
-    type: ControlType.ComponentInstance,
-  },
-  startDecorator: {
-    title: "Start Decorator",
-    type: ControlType.ComponentInstance,
-  },
-  size: {
-    title: "Size",
-    type: ControlType.Enum,
-    options: ["sm", "md", "lg"],
-    defaultValue: "md",
-  },
-
-  // for withModal
-  modalContents: {
-    title: "Modal Contents",
-    type: ControlType.Array,
-    control: {
-      type: ControlType.ComponentInstance,
-    },
-  },
-  enablePortal: {
-    type: ControlType.Boolean,
-    description: '해당 버튼과 연결된 모달이 컨텐츠 안에서 열리면 이 값을 Yes로 설정해 보세요.',
-    defaultValue: false,
-    // TODO: modalContents의 길이가 0일때는 해당 옵션이 안보였으면 좋겠는데, 적용이 안됨.
-    hidden: ({ modalContents }) => modalContents.length === 0,
-  },
-};

package/src/components/Button/Button.tsx

@@ -1,39 +0,0 @@
-import React, { forwardRef, ElementType } from "react";
-import { Button as JoyButton, ButtonProps as JoyButtonProps } from "@mui/joy";
-import { MotionProps, motion } from "framer-motion";
-
-const MotionButton = motion(JoyButton);
-
-type PolymorphicProps<C extends ElementType> = {
-  component?: C;
-  ref?: React.Ref<any>;
-} & Omit<React.ComponentPropsWithoutRef<C>, keyof JoyButtonProps>;
-
-type ButtonProps<C extends ElementType = "button"> = JoyButtonProps &
-  MotionProps &
-  PolymorphicProps<C>;
-
-const Button = forwardRef(
-  <C extends ElementType = "button">(
-    { ...props }: ButtonProps<C>,
-    ref: React.Ref<any>
-  ) => {
-    // prop destruction
-    // lib hooks
-    // state, ref, querystring hooks
-    // form hooks
-    // query hooks
-    // calculated values
-    // effects
-    // handlers
-
-    return <MotionButton ref={ref} {...props} />;
-  }
-) as <C extends ElementType = "button">(
-  props: ButtonProps<C> & { ref?: React.Ref<any> }
-) => JSX.Element;
-
-export { Button };
-
-// @ts-expect-error
-Button.displayName = "Button";

package/src/components/Button/index.ts

@@ -1,3 +0,0 @@
-import { Button } from "./Button.js";
-export * from "./Button.js";
-export default Button;

package/src/components/Calendar/Calendar.framer.ts

@@ -1,31 +0,0 @@
-import { ControlType, type PropertyControls } from "framer";
-
-export const calendarPropertyControls: PropertyControls = {
-  onChange: {
-    title: "onChange",
-    type: ControlType.EventHandler,
-  },
-  disabled: {
-    title: "Disabled",
-    type: ControlType.Boolean,
-    defaultValue: false,
-  },
-  // color: {
-  //   title: "Color",
-  //   type: ControlType.Enum,
-  //   options: ["primary", "neutral", "danger", "success", "warning"],
-  //   optionTitles: ["Primary", "Neutral", "Danger", "Success", "Warning"],
-  // },
-  // variant: {
-  //   title: "Variant",
-  //   type: ControlType.Enum,
-  //   options: ["solid", "outlined", "soft", "plain"],
-  //   defaultValue: undefined,
-  // },
-  // size: {
-  //   title: "Size",
-  //   type: ControlType.Enum,
-  //   options: ["sm", "md", "lg"],
-  //   defaultValue: "md",
-  // },
-};