@tipp/ui 2.3.16 → 2.3.18

package/dist/molecules/training-info-guideline.cjs

@@ -0,0 +1,508 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __objRest = (source, exclude) => {
+  var target = {};
+  for (var prop in source)
+    if (__hasOwnProp.call(source, prop) && exclude.indexOf(prop) < 0)
+      target[prop] = source[prop];
+  if (source != null && __getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(source)) {
+      if (exclude.indexOf(prop) < 0 && __propIsEnum.call(source, prop))
+        target[prop] = source[prop];
+    }
+  return target;
+};
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/molecules/training-info-guideline.tsx
+var training_info_guideline_exports = {};
+__export(training_info_guideline_exports, {
+  TrainingInfoGuideline: () => TrainingInfoGuideline
+});
+module.exports = __toCommonJS(training_info_guideline_exports);
+var import_react6 = require("react");
+var import_react_icons2 = require("@radix-ui/react-icons");
+
+// src/atoms/aspect-ratio.tsx
+var import_themes = require("@radix-ui/themes");
+
+// src/atoms/button.tsx
+var import_react = require("react");
+var import_themes2 = require("@radix-ui/themes");
+var import_clsx = require("clsx");
+
+// src/utils/convert-button-size.ts
+var convertSizeStr = (size) => {
+  switch (size) {
+    case "small":
+      return "1";
+    case "medium":
+      return "2";
+    case "large":
+      return "3";
+    default:
+      return "2";
+  }
+};
+var convertSizeResponse = (size) => {
+  if (typeof size === "string" || typeof size === "undefined") {
+    return convertSizeStr(size);
+  }
+  const radixSize = {};
+  let key = "initial";
+  for (key in size) {
+    radixSize[key] = convertSizeStr(size[key]);
+  }
+  return radixSize;
+};
+var convertSize = (size) => {
+  if (typeof size === "string") {
+    return convertSizeStr(size);
+  }
+  return convertSizeResponse(size);
+};
+
+// src/atoms/button.tsx
+var import_jsx_runtime = require("react/jsx-runtime");
+var Button = (0, import_react.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
+    const radixSize = (0, import_react.useMemo)(() => {
+      return convertSize(size);
+    }, [size]);
+    const radixVariant = (0, import_react.useMemo)(() => {
+      if (variant === "transparent") return "ghost";
+      return variant;
+    }, [variant]);
+    const className = (0, import_react.useMemo)(() => {
+      return (0, import_clsx.clsx)(props.className, { transparent: variant === "transparent" });
+    }, [props.className, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_themes2.Button,
+      __spreadProps(__spreadValues({
+        style,
+        type: "button",
+        variant: radixVariant
+      }, restProps), {
+        className,
+        ref,
+        size: radixSize
+      })
+    );
+  }
+);
+Button.displayName = "Button";
+
+// src/atoms/dialog.tsx
+var RadixDialog = __toESM(require("@radix-ui/react-dialog"), 1);
+var import_react_icons = require("@radix-ui/react-icons");
+var import_themes6 = require("@radix-ui/themes");
+var import_react5 = require("react");
+
+// src/theme/portal-provider.tsx
+var import_react2 = require("react");
+var import_jsx_runtime2 = require("react/jsx-runtime");
+var PortalContext = (0, import_react2.createContext)(
+  null
+);
+var usePortalContainer = () => {
+  try {
+    const state = (0, import_react2.useContext)(PortalContext);
+    return state;
+  } catch (error) {
+    throw new Error("PortalProvider not found");
+  }
+};
+
+// src/atoms/heading.tsx
+var import_themes3 = require("@radix-ui/themes");
+var import_react3 = require("react");
+
+// src/utils/map-with-responsive.ts
+var mapWithResponsive = (args) => {
+  const { value, mapFn } = args;
+  if (typeof value === "string") {
+    return mapFn(value);
+  }
+  ;
+  if (typeof value === "object") {
+    const newObj = {};
+    let key;
+    for (key in value) {
+      newObj[key] = mapFn(value[key]);
+    }
+    return newObj;
+  }
+  return value;
+};
+
+// src/atoms/heading.tsx
+var import_themes4 = require("@radix-ui/themes");
+var import_jsx_runtime3 = require("react/jsx-runtime");
+var mapVariant = (variant) => {
+  switch (variant) {
+    case "heading1":
+      return "7";
+    case "heading2":
+      return "6";
+    case "heading3":
+      return "5";
+    case "heading4":
+      return "4";
+    case "heading5":
+      return "3";
+    default:
+      return void 0;
+  }
+};
+function Heading2(props) {
+  const _a = props, { size, children, variant } = _a, rest = __objRest(_a, ["size", "children", "variant"]);
+  const radixSize = (0, import_react3.useMemo)(() => {
+    return variant ? mapWithResponsive({
+      value: variant,
+      mapFn: mapVariant
+    }) : size;
+  }, [size, variant]);
+  return /* @__PURE__ */ (0, import_jsx_runtime3.jsx)(import_themes3.Heading, __spreadProps(__spreadValues({}, rest), { size: radixSize, children }));
+}
+
+// src/atoms/icon-button.tsx
+var import_react4 = require("react");
+var import_clsx2 = require("clsx");
+var import_themes5 = require("@radix-ui/themes");
+
+// src/utils/convert-icon-button-size.ts
+var convertSizeStr2 = (size) => {
+  switch (size) {
+    case "small":
+      return "1";
+    case "medium":
+      return "2";
+    case "large":
+      return "4";
+    default:
+      return "2";
+  }
+};
+var convertSizeResponse2 = (size) => {
+  if (typeof size === "string" || typeof size === "undefined") {
+    return convertSizeStr2(size);
+  }
+  const radixSize = {};
+  let key = "initial";
+  for (key in size) {
+    radixSize[key] = convertSizeStr2(size[key]);
+  }
+  return radixSize;
+};
+var convertSize2 = (size) => {
+  if (typeof size === "string") {
+    return convertSizeStr2(size);
+  }
+  return convertSizeResponse2(size);
+};
+
+// src/atoms/icon-button.tsx
+var import_jsx_runtime4 = require("react/jsx-runtime");
+var IconButton = (0, import_react4.forwardRef)(
+  (props, ref) => {
+    const _a = props, { size, style, variant } = _a, restProps = __objRest(_a, ["size", "style", "variant"]);
+    const radixSize = (0, import_react4.useMemo)(() => {
+      return convertSize2(size);
+    }, [size]);
+    const radixVariant = (0, import_react4.useMemo)(() => {
+      if (variant === "transparent") return "ghost";
+      return variant;
+    }, [variant]);
+    const className = (0, import_react4.useMemo)(() => {
+      return (0, import_clsx2.clsx)(props.className, { transparent: variant === "transparent" });
+    }, [props.className, variant]);
+    return /* @__PURE__ */ (0, import_jsx_runtime4.jsx)(
+      import_themes5.IconButton,
+      __spreadProps(__spreadValues({
+        style,
+        type: "button",
+        variant: radixVariant
+      }, restProps), {
+        className,
+        ref,
+        size: radixSize
+      })
+    );
+  }
+);
+IconButton.displayName = "IconButton";
+
+// src/atoms/dialog.tsx
+var import_jsx_runtime5 = require("react/jsx-runtime");
+var preventDefault = (e) => {
+  e.preventDefault();
+};
+function Content2(props) {
+  const _a = props, {
+    children,
+    style = {},
+    width,
+    maxWidth,
+    minWidth,
+    maxHeight,
+    height,
+    minHeight,
+    title,
+    buttons,
+    size,
+    hideCloseButton,
+    className
+  } = _a, rest = __objRest(_a, [
+    "children",
+    "style",
+    "width",
+    "maxWidth",
+    "minWidth",
+    "maxHeight",
+    "height",
+    "minHeight",
+    "title",
+    "buttons",
+    "size",
+    "hideCloseButton",
+    "className"
+  ]);
+  const { dialogContainerRef } = usePortalContainer();
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Portal, { container: dialogContainerRef.current, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes6.Theme, { asChild: true, children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Overlay, { className: "rt-BaseDialogScroll rt-DialogScroll DialogOverlay", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(
+    RadixDialog.Content,
+    __spreadProps(__spreadValues({
+      className: `DialogContent ${className || ""} rt-BaseDialogContent rt-DialogContent rt-r-size-${size || "3"}`,
+      onPointerDownOutside: preventDefault,
+      style: __spreadValues({
+        width,
+        maxWidth,
+        minWidth,
+        maxHeight,
+        height,
+        minHeight
+      }, style)
+    }, rest), {
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime5.jsxs)(import_themes6.Flex, { gap: "2", justify: "between", width: "100%", children: [
+          /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Title, { asChild: true, children: typeof title === "string" && title !== "" ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(Heading2, { mb: "2", variant: "heading3", children: title }) : title }),
+          !hideCloseButton && /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Close, { asChild: true, className: "DialogClose", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(IconButton, { color: "gray", variant: "ghost", children: /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_react_icons.Cross1Icon, {}) }) })
+        ] }),
+        children,
+        buttons ? /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(import_themes6.Flex, { gap: "3", justify: "end", mt: "3", width: "100%", children: buttons }) : null
+      ]
+    })
+  ) }) }) });
+}
+function Close2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Close, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+function Trigger2(_a) {
+  var _b = _a, {
+    children
+  } = _b, rest = __objRest(_b, [
+    "children"
+  ]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Trigger, __spreadProps(__spreadValues({ asChild: true }, rest), { children }));
+}
+function Root2(props) {
+  const prevOpenRef = (0, import_react5.useRef)(void 0);
+  const cleanupExecutedRef = (0, import_react5.useRef)(false);
+  (0, import_react5.useEffect)(() => {
+    const prevOpen = prevOpenRef.current;
+    const currentOpen = props.open;
+    if (prevOpen === true && currentOpen === false && !cleanupExecutedRef.current) {
+      cleanupExecutedRef.current = true;
+      const timer = setTimeout(() => {
+        var _a;
+        try {
+          const activeElement = document.activeElement;
+          (_a = activeElement == null ? void 0 : activeElement.blur) == null ? void 0 : _a.call(activeElement);
+          document.body.style.pointerEvents = "";
+        } catch (e) {
+        } finally {
+          cleanupExecutedRef.current = false;
+        }
+      }, 100);
+      return () => {
+        clearTimeout(timer);
+        cleanupExecutedRef.current = false;
+      };
+    }
+    prevOpenRef.current = currentOpen;
+  }, [props.open]);
+  return /* @__PURE__ */ (0, import_jsx_runtime5.jsx)(RadixDialog.Root, __spreadValues({}, props));
+}
+var Dialog = {
+  Root: Root2,
+  Trigger: Trigger2,
+  Content: Content2,
+  Close: Close2,
+  Description: RadixDialog.Description,
+  Title: RadixDialog.Title
+};
+
+// src/atoms/spinner.tsx
+var import_themes7 = require("@radix-ui/themes");
+
+// src/atoms/flex.tsx
+var import_themes8 = require("@radix-ui/themes");
+
+// src/molecules/training-info-guideline.tsx
+var import_jsx_runtime6 = require("react/jsx-runtime");
+function TrainingInfoGuideline({
+  values,
+  onClickFileDownload
+}) {
+  return /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_jsx_runtime6.Fragment, { children: values.map((value) => /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+    TrainingInfoGuidelineItem,
+    {
+      onClickFileDownload,
+      value
+    },
+    getItemKey(value)
+  )) });
+}
+function getItemKey(value) {
+  return value.url;
+}
+function TrainingInfoGuidelineItem({
+  value,
+  onClickFileDownload
+}) {
+  const [isLoading, setIsLoading] = (0, import_react6.useState)(true);
+  if (value.type === "file") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+      Button,
+      {
+        onClick: () => {
+          onClickFileDownload({ url: value.url, filename: value.filename });
+        },
+        variant: "surface",
+        children: [
+          /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons2.FileTextIcon, {}),
+          value.downloadButtonName
+        ]
+      }
+    );
+  }
+  if (value.type === "video") {
+    return /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Dialog.Root, { children: [
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(Dialog.Trigger, { children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(Button, { variant: "surface", children: [
+        /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_react_icons2.VideoIcon, {}),
+        value.videoTitle
+      ] }) }),
+      /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+        Dialog.Content,
+        {
+          height: "100%",
+          maxHeight: "500px",
+          maxWidth: "800px",
+          title: value.videoTitle,
+          width: "100%",
+          children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_themes.AspectRatio, { ratio: 16 / 9, style: { width: "100%" }, children: /* @__PURE__ */ (0, import_jsx_runtime6.jsxs)(
+            import_themes8.Flex,
+            {
+              align: "center",
+              justify: "center",
+              style: {
+                width: "100%",
+                height: "100%",
+                backgroundColor: "black",
+                position: "relative"
+              },
+              children: [
+                isLoading ? /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  import_themes8.Flex,
+                  {
+                    align: "center",
+                    height: "100%",
+                    justify: "center",
+                    position: "absolute",
+                    style: {
+                      position: "absolute",
+                      top: 0,
+                      left: 0,
+                      zIndex: 1,
+                      color: "white"
+                    },
+                    width: "100%",
+                    children: /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(import_themes7.Spinner, { size: "3", style: { width: 48, height: 48 } })
+                  }
+                ) : null,
+                /* @__PURE__ */ (0, import_jsx_runtime6.jsx)(
+                  "iframe",
+                  {
+                    allowFullScreen: true,
+                    onError: () => {
+                      setIsLoading(false);
+                    },
+                    onLoad: () => {
+                      setIsLoading(false);
+                    },
+                    src: `${value.url}?theme=light`,
+                    style: { width: "100%", height: "100%", border: "none" },
+                    title: "Curriculum Video"
+                  }
+                )
+              ]
+            }
+          ) })
+        }
+      )
+    ] });
+  }
+  return null;
+}
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  TrainingInfoGuideline
+});
+//# sourceMappingURL=training-info-guideline.cjs.map

package/dist/molecules/training-info-guideline.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/molecules/training-info-guideline.tsx","../../src/atoms/aspect-ratio.tsx","../../src/atoms/button.tsx","../../src/utils/convert-button-size.ts","../../src/atoms/dialog.tsx","../../src/theme/portal-provider.tsx","../../src/atoms/heading.tsx","../../src/utils/map-with-responsive.ts","../../src/atoms/icon-button.tsx","../../src/utils/convert-icon-button-size.ts","../../src/atoms/spinner.tsx","../../src/atoms/flex.tsx"],"sourcesContent":["import React, { useState } from 'react';\nimport { FileTextIcon, VideoIcon } from '@radix-ui/react-icons';\nimport { AspectRatio } from '@/atoms/aspect-ratio';\nimport { Button } from '@/atoms/button';\nimport type { TrainingInfoGuidelineContents } from '@/types/training-info-guideline-schema-generated';\nimport { Dialog } from '@/atoms/dialog';\nimport { Spinner } from '@/atoms/spinner';\nimport { Flex } from '../atoms/flex';\n\nexport interface TrainingInfoGuidelineProps {\n  values: TrainingInfoGuidelineContents['values'];\n  onClickFileDownload: (args: { url: string; filename: string }) => void;\n}\n\nexport function TrainingInfoGuideline({\n  values,\n  onClickFileDownload,\n}: TrainingInfoGuidelineProps): React.ReactElement {\n  return (\n    <>\n      {values.map((value) => (\n        <TrainingInfoGuidelineItem\n          key={getItemKey(value)}\n          onClickFileDownload={onClickFileDownload}\n          value={value}\n        />\n      ))}\n    </>\n  );\n}\n\ntype TrainingInfoGuidelineValue =\n  TrainingInfoGuidelineContents['values'][number];\n\nfunction getItemKey(value: TrainingInfoGuidelineValue): string {\n  return value.url;\n}\n\ninterface TrainingInfoGuidelineItemProps {\n  value: TrainingInfoGuidelineValue;\n  onClickFileDownload: TrainingInfoGuidelineProps['onClickFileDownload'];\n}\n\nfunction TrainingInfoGuidelineItem({\n  value,\n  onClickFileDownload,\n}: TrainingInfoGuidelineItemProps): React.ReactElement | null {\n  const [isLoading, setIsLoading] = useState(true);\n\n  if (value.type === 'file') {\n    return (\n      <Button\n        onClick={() => {\n          onClickFileDownload({ url: value.url, filename: value.filename });\n        }}\n        variant=\"surface\"\n      >\n        <FileTextIcon />\n        {value.downloadButtonName}\n      </Button>\n    );\n  }\n\n  // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 차후 다른 타입 추가 시 사용\n  if (value.type === 'video') {\n    return (\n      <Dialog.Root>\n        <Dialog.Trigger>\n          <Button variant=\"surface\">\n            <VideoIcon />\n            {value.videoTitle}\n          </Button>\n        </Dialog.Trigger>\n        <Dialog.Content\n          height=\"100%\"\n          maxHeight=\"500px\"\n          maxWidth=\"800px\"\n          title={value.videoTitle}\n          width=\"100%\"\n        >\n          <AspectRatio ratio={16 / 9} style={{ width: '100%' }}>\n            <Flex\n              align=\"center\"\n              justify=\"center\"\n              style={{\n                width: '100%',\n                height: '100%',\n                backgroundColor: 'black',\n                position: 'relative',\n              }}\n            >\n              {isLoading ? (\n                <Flex\n                  align=\"center\"\n                  height=\"100%\"\n                  justify=\"center\"\n                  position=\"absolute\"\n                  style={{\n                    position: 'absolute',\n                    top: 0,\n                    left: 0,\n                    zIndex: 1,\n                    color: 'white',\n                  }}\n                  width=\"100%\"\n                >\n                  <Spinner size=\"3\" style={{ width: 48, height: 48 }} />\n                </Flex>\n              ) : null}\n\n              <iframe\n                allowFullScreen\n                onError={() => {\n                  setIsLoading(false);\n                }} // 필요시 에러 메시지로 대체\n                onLoad={() => {\n                  setIsLoading(false);\n                }}\n                src={`${value.url}?theme=light`}\n                style={{ width: '100%', height: '100%', border: 'none' }}\n                title=\"Curriculum Video\"\n              />\n            </Flex>\n          </AspectRatio>\n        </Dialog.Content>\n      </Dialog.Root>\n    );\n  }\n  return null;\n}\n","export { AspectRatio } from '@radix-ui/themes';\n","import React, { forwardRef, useMemo } from 'react';\nimport { Button as RadixButton } from '@radix-ui/themes';\nimport { clsx } from 'clsx';\nimport { convertSize } from '../utils/convert-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport const Button = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nButton.displayName = 'Button';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import * as RadixDialog from '@radix-ui/react-dialog';\nimport { Cross1Icon } from '@radix-ui/react-icons';\nimport { Flex, Theme } from '@radix-ui/themes';\nimport { useEffect, useRef } from 'react';\nimport { usePortalContainer } from '@/theme/portal-provider';\nimport { Heading } from './heading';\nimport { IconButton } from './icon-button';\n\ntype ContentProps = RadixDialog.DialogContentProps & {\n  width?: string;\n  maxWidth?: string;\n  minWidth?: string;\n  height?: string;\n  maxHeight?: string;\n  minHeight?: string;\n  title?: string;\n  hideCloseButton?: boolean;\n  buttons?: React.ReactNode;\n  size?: '1' | '2' | '3' | '4';\n};\n\nconst preventDefault: RadixDialog.DialogContentProps['onPointerDownOutside'] = (\n  e\n) => {\n  e.preventDefault();\n};\n\nfunction Content(props: ContentProps): React.ReactNode {\n  const {\n    children,\n    style = {},\n    width,\n    maxWidth,\n    minWidth,\n    maxHeight,\n    height,\n    minHeight,\n    title,\n    buttons,\n    size,\n    hideCloseButton,\n    className,\n    ...rest\n  } = props;\n  const { dialogContainerRef } = usePortalContainer();\n\n  return (\n    <RadixDialog.Portal container={dialogContainerRef.current}>\n      <Theme asChild>\n        <RadixDialog.Overlay className=\"rt-BaseDialogScroll rt-DialogScroll DialogOverlay\">\n          <RadixDialog.Content\n            className={`DialogContent ${className || ''} rt-BaseDialogContent rt-DialogContent rt-r-size-${size||'3'}`}\n            onPointerDownOutside={preventDefault}\n            style={{\n              width,\n              maxWidth,\n              minWidth,\n              maxHeight,\n              height,\n              minHeight,\n              ...style,\n            }}\n            {...rest}\n          >\n            <Flex gap=\"2\" justify=\"between\" width=\"100%\">\n              <RadixDialog.Title asChild>\n                {typeof title === 'string' && title !== '' ? (\n                  <Heading mb=\"2\" variant=\"heading3\">\n                    {title}\n                  </Heading>\n                ) : (\n                  title\n                )}\n              </RadixDialog.Title>\n              {!hideCloseButton && (\n                <RadixDialog.Close asChild className=\"DialogClose\">\n                  <IconButton color=\"gray\" variant=\"ghost\">\n                    <Cross1Icon />\n                  </IconButton>\n                </RadixDialog.Close>\n              )}\n            </Flex>\n            {children}\n            {buttons ? (\n              <Flex gap=\"3\" justify=\"end\" mt=\"3\" width=\"100%\">\n                {buttons}\n              </Flex>\n            ) : null}\n          </RadixDialog.Content>\n        </RadixDialog.Overlay>\n      </Theme>\n    </RadixDialog.Portal>\n  );\n}\n\nfunction Close({\n  children,\n  ...rest\n}: RadixDialog.DialogCloseProps): React.ReactNode {\n  return (\n    <RadixDialog.Close asChild {...rest}>\n      {children}\n    </RadixDialog.Close>\n  );\n}\n\nfunction Trigger({\n  children,\n  ...rest\n}: RadixDialog.DialogTriggerProps): React.ReactNode {\n  return (\n    <RadixDialog.Trigger asChild {...rest}>\n      {children}\n    </RadixDialog.Trigger>\n  );\n}\n\nfunction Root(props: RadixDialog.DialogProps): React.ReactNode {\n  const prevOpenRef = useRef<boolean | undefined>(undefined);\n  const cleanupExecutedRef = useRef<boolean>(false);\n\n  // 모달이 닫힌 후 포커스 복원 및 이벤트 정리\n  useEffect(() => {\n    const prevOpen = prevOpenRef.current;\n    const currentOpen = props.open;\n\n    // 모달이 열린 상태에서 닫힌 상태로 변경될 때만 실행\n    if (prevOpen === true && currentOpen === false && !cleanupExecutedRef.current) {\n      cleanupExecutedRef.current = true;\n      \n      // 모달이 닫힌 후 약간의 지연을 두고 포커스 복원\n      const timer = setTimeout(() => {\n        try {\n          // 활성 요소에 포커스 복원\n          const activeElement = document.activeElement as HTMLElement | null;\n          // eslint-disable-next-line @typescript-eslint/no-unnecessary-condition -- 어떤 dom인지 확실하지 않음\n          activeElement?.blur?.();\n\n          // body의 pointer-events 복원\n          document.body.style.pointerEvents = '';\n        } catch {\n          // 에러 무시\n        } finally {\n          cleanupExecutedRef.current = false;\n        }\n      }, 100);\n\n      return () => { \n        clearTimeout(timer);\n        cleanupExecutedRef.current = false;\n      };\n    }\n\n    // 현재 상태를 이전 상태로 업데이트\n    prevOpenRef.current = currentOpen;\n  }, [props.open]);\n\n  return <RadixDialog.Root {...props} />;\n}\n\nexport const Dialog = {\n  Root,\n  Trigger,\n  Content,\n  Close,\n  Description: RadixDialog.Description,\n  Title: RadixDialog.Title,\n};\n","import React, { createContext, useContext, useRef } from 'react';\n\ninterface PortalProviderProps {\n  children: React.ReactNode;\n}\n\ninterface PortalState {\n  dialogContainerRef: React.RefObject<HTMLDivElement | null>;\n  drawerContainerRef: React.RefObject<HTMLDivElement | null>;\n}\n\nconst PortalContext = createContext<PortalState>(\n  null as unknown as PortalState\n);\n\nexport function PortalProvider({\n  children,\n}: PortalProviderProps): React.ReactNode {\n  const dialogContainerRef = useRef<HTMLDivElement | null>(null);\n  const drawerContainerRef = useRef<HTMLDivElement | null>(null);\n\n  return (\n    <PortalContext.Provider value={{ dialogContainerRef, drawerContainerRef }}>\n      {children}\n      <div className=\"drawer-portal-container\" ref={drawerContainerRef} />\n      <div className=\"dialog-portal-container\" ref={dialogContainerRef} />\n    </PortalContext.Provider>\n  );\n}\n\nexport const usePortalContainer = (): PortalState => {\n  try {\n    const state = useContext(PortalContext);\n    return state;\n  } catch (error) {\n    throw new Error('PortalProvider not found');\n  }\n};\n\nexport default PortalProvider;\n","import {\n  Heading as RadixHeading,\n  type HeadingProps as RadixHeadingProps,\n} from '@radix-ui/themes';\nimport type { Responsive } from '@radix-ui/themes/props';\nimport { useMemo } from 'react';\nimport { mapWithResponsive } from '@/utils/map-with-responsive';\n\nexport { Heading as RadixHeading } from '@radix-ui/themes';\ntype HeadingVariant =\n  | 'heading1'\n  | 'heading2'\n  | 'heading3'\n  | 'heading4'\n  | 'heading5';\nexport type HeadingProps = RadixHeadingProps & {\n  variant?: Responsive<HeadingVariant>;\n};\n\ntype HeadingSize = '1' | '2' | '3' | '4' | '5' | '6' | '7' | '8' | '9';\n\nconst mapVariant = (variant?: HeadingVariant): HeadingSize | undefined => {\n  switch (variant) {\n    case 'heading1':\n      return '7';\n    case 'heading2':\n      return '6';\n    case 'heading3':\n      return '5';\n    case 'heading4':\n      return '4';\n    case 'heading5':\n      return '3';\n    default:\n      return undefined;\n  }\n};\n\nexport function Heading(props: HeadingProps): React.ReactNode {\n  const { size, children, variant, ...rest } = props;\n  const radixSize = useMemo<RadixHeadingProps['size']>(() => {\n    return variant\n      ? mapWithResponsive({\n          value: variant,\n          mapFn: mapVariant,\n        })\n      : size;\n \n  }, [size, variant]);\n\n  return (\n    <RadixHeading {...rest} size={radixSize}>\n      {children}\n    </RadixHeading>\n  );\n}\n","import type {  Breakpoint, Responsive } from \"@radix-ui/themes/props\";\n\nexport const mapWithResponsive = <T extends string,K extends string>(\n args:  {value: Responsive<T>, mapFn: (value?:T)=>K |undefined}\n): Responsive<K> | undefined => {\n  const {value, mapFn} = args;\n  if(typeof value === 'string'){\n    return mapFn(value);\n  };\n  \n  if(typeof value === 'object'){\n    const newObj: Partial<Record<Breakpoint, K>> = {};\n    let key: Breakpoint;\n    for(key in value){\n      newObj[key] = mapFn(value[key]);\n    }\n    return newObj;\n  }\n  return value;\n};\n","import React, { forwardRef, useMemo } from 'react';\nimport { clsx } from 'clsx';\nimport { IconButton as RadixIconButton } from '@radix-ui/themes';\nimport { convertSize } from '../utils/convert-icon-button-size';\nimport type { ButtonProps } from './button.type';\n\nexport type IconButtonProps = ButtonProps;\nexport const IconButton = forwardRef<HTMLButtonElement, ButtonProps>(\n  (props, ref): React.ReactNode => {\n    const { size, style, variant, ...restProps } = props;\n\n    const radixSize = useMemo(() => {\n      return convertSize(size);\n    }, [size]);\n\n    const radixVariant = useMemo(() => {\n      if (variant === 'transparent') return 'ghost';\n      return variant;\n    }, [variant]);\n\n    const className = useMemo(() => {\n      return clsx(props.className, { transparent: variant === 'transparent' });\n    }, [props.className, variant]);\n\n    return (\n      <RadixIconButton\n        style={style}\n        type=\"button\"\n        variant={radixVariant}\n        {...restProps}\n        className={className}\n        ref={ref}\n        size={radixSize}\n      />\n    );\n  }\n);\n\nIconButton.displayName = 'IconButton';\n","import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '4';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","export { Spinner, type SpinnerProps } from '@radix-ui/themes';\n","export { Flex, type FlexProps } from '@radix-ui/themes';\n"],"mappings":"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","names":["import_react","import_react_icons","import_themes","RadixButton","import_themes","import_react","import_react","import_jsx_runtime","import_themes","import_react","import_themes","import_jsx_runtime","Heading","RadixHeading","import_react","import_clsx","import_themes","convertSizeStr","convertSizeResponse","convertSize","import_jsx_runtime","convertSize","RadixIconButton","import_jsx_runtime","Content","Heading","Close","Trigger","Root","import_themes","import_themes","import_jsx_runtime"]}

package/dist/molecules/training-info-guideline.d.cts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { TrainingInfoGuidelineContents } from '../types/training-info-guideline-schema-generated.cjs';
+
+interface TrainingInfoGuidelineProps {
+    values: TrainingInfoGuidelineContents['values'];
+    onClickFileDownload: (args: {
+        url: string;
+        filename: string;
+    }) => void;
+}
+declare function TrainingInfoGuideline({ values, onClickFileDownload, }: TrainingInfoGuidelineProps): React__default.ReactElement;
+
+export { TrainingInfoGuideline, type TrainingInfoGuidelineProps };

package/dist/molecules/training-info-guideline.d.ts

@@ -0,0 +1,13 @@
+import React__default from 'react';
+import { TrainingInfoGuidelineContents } from '../types/training-info-guideline-schema-generated.js';
+
+interface TrainingInfoGuidelineProps {
+    values: TrainingInfoGuidelineContents['values'];
+    onClickFileDownload: (args: {
+        url: string;
+        filename: string;
+    }) => void;
+}
+declare function TrainingInfoGuideline({ values, onClickFileDownload, }: TrainingInfoGuidelineProps): React__default.ReactElement;
+
+export { TrainingInfoGuideline, type TrainingInfoGuidelineProps };

package/dist/molecules/training-info-guideline.js

@@ -0,0 +1,19 @@
+import {
+  TrainingInfoGuideline
+} from "../chunk-IF4Q5NV4.js";
+import "../chunk-FR2GDOU2.js";
+import "../chunk-JQ7VQ5SB.js";
+import "../chunk-U7N2PWMO.js";
+import "../chunk-XK6VEVOK.js";
+import "../chunk-HF6GNDPV.js";
+import "../chunk-25HMMI7R.js";
+import "../chunk-ZVDAEY5Q.js";
+import "../chunk-LQY4RKWI.js";
+import "../chunk-EAXUQEO5.js";
+import "../chunk-BESTU2AY.js";
+import "../chunk-LDBWASUA.js";
+import "../chunk-CRTRMMJ7.js";
+export {
+  TrainingInfoGuideline
+};
+//# sourceMappingURL=training-info-guideline.js.map

package/dist/molecules/training-info-guideline.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/types/curriculumContents.type.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/types/curriculumContents.type.ts"],"sourcesContent":["/* eslint-disable */\n/**\n * This file was automatically generated by json-schema-to-typescript.\n * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,\n * and run json-schema-to-typescript to regenerate this file.\n */\n\nexport type CurriculumSectionTitleContents = ContentBaseType & {\n  type?: \"sectionTitle\";\n  title: string;\n  [k: string]: unknown;\n};\nexport type CurriculumVideoContents = ContentBaseType & {\n  type?: \"video\";\n  title: string;\n  url: string;\n  icon?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumReviewContents = ContentBaseType & {\n  type?: \"review\";\n  title: string;\n  icon?: string;\n  buttonTitle?: string;\n  description: string;\n  questions: (\n    | CurriculumReviewQuestionText\n    | CurriculumReviewQuestionRadio\n    | CurriculumReviewQuestionSatisfactionText\n    | CurriculumReviewQuestionSatisfactionOption\n  )[];\n  [k: string]: unknown;\n};\nexport type CurriculumReviewQuestionText = ContentBaseType &\n  QuestionBaseType & {\n    type?: \"question_text\";\n    minLength?: number;\n    placeholder?: string;\n    minLengthInfoMessage?: string;\n    [k: string]: unknown;\n  };\nexport type CurriculumReviewQuestionRadio = ContentBaseType &\n  QuestionBaseType & {\n    type?: \"question_radio\";\n    options: {\n      label?: string;\n      value?: number;\n      [k: string]: unknown;\n    }[];\n    correctAnswer: number;\n    [k: string]: unknown;\n  };\nexport type CurriculumReviewQuestionSatisfactionText = ContentBaseType & {\n  type?: \"question_satisfaction_text\";\n  minLength?: number;\n  placeholder?: string;\n  required: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumReviewQuestionSatisfactionOption = ContentBaseType & {\n  type?: \"question_satisfaction_option\";\n  options?: {\n    label?: string;\n    value?: number;\n    [k: string]: unknown;\n  }[];\n  required: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumAiTrainingContents = ContentBaseType & {\n  type: \"aiTraining\";\n  title: string;\n  description: string;\n  aITrainingInfoId: string;\n  aiDuration: number;\n  buttonTitle?: string;\n  [k: string]: unknown;\n};\n\nexport interface CurriculumContents {\n  version: number;\n  list: (\n    | CurriculumSectionTitleContents\n    | CurriculumVideoContents\n    | CurriculumReviewContents\n    | CurriculumAiTrainingContents\n  )[];\n  satisfactionOptionMeta?: SatisfactionOptionMeta;\n  satisfactionTextMeta?: SatisfactionTextMeta;\n  reviewMeta?: {\n    endReviewTopTitle?: string;\n    endReviewDescription?: string;\n    endReviewBackButtonTitle?: string;\n    endReviewNextButtonTitle?: string;\n  };\n}\nexport interface ContentBaseType {\n  uuid: string;\n  type: string;\n  duration?: number;\n  [k: string]: unknown;\n}\nexport interface QuestionBaseType {\n  required: boolean;\n  question: string;\n  title: string;\n  icon?: string;\n  [k: string]: unknown;\n}\nexport interface SatisfactionOptionMeta {\n  options?: {\n    label?: string;\n    value?: number;\n    [k: string]: unknown;\n  }[];\n  required?: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n}\nexport interface SatisfactionTextMeta {\n  minLength?: number;\n  placeholder?: string;\n  required?: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n}\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}
+{"version":3,"sources":["../../src/types/curriculumContents.type.ts"],"sourcesContent":["/* eslint-disable */\n/**\n * This file was automatically generated by json-schema-to-typescript.\n * DO NOT MODIFY IT BY HAND. Instead, modify the source JSONSchema file,\n * and run json-schema-to-typescript to regenerate this file.\n */\n\nexport type CurriculumSectionTitleContents = ContentBaseType & {\n  type?: \"sectionTitle\";\n  title: string;\n  [k: string]: unknown;\n};\nexport type CurriculumVideoContents = ContentBaseType & {\n  type?: \"video\";\n  title: string;\n  url: string;\n  icon?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumReviewContents = ContentBaseType & {\n  type?: \"review\";\n  title: string;\n  icon?: string;\n  buttonTitle?: string;\n  description: string;\n  questions: (\n    | CurriculumReviewQuestionText\n    | CurriculumReviewQuestionRadio\n    | CurriculumReviewQuestionSatisfactionText\n    | CurriculumReviewQuestionSatisfactionOption\n  )[];\n  [k: string]: unknown;\n};\nexport type CurriculumReviewQuestionText = ContentBaseType &\n  QuestionBaseType & {\n    type?: \"question_text\";\n    minLength?: number;\n    placeholder?: string;\n    minLengthInfoMessage?: string;\n    [k: string]: unknown;\n  };\nexport type CurriculumReviewQuestionRadio = ContentBaseType &\n  QuestionBaseType & {\n    type?: \"question_radio\";\n    options: {\n      label?: string;\n      value?: number;\n      [k: string]: unknown;\n    }[];\n    correctAnswer: number;\n    [k: string]: unknown;\n  };\nexport type CurriculumReviewQuestionSatisfactionText = ContentBaseType & {\n  type?: \"question_satisfaction_text\";\n  minLength?: number;\n  placeholder?: string;\n  required: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumReviewQuestionSatisfactionOption = ContentBaseType & {\n  type?: \"question_satisfaction_option\";\n  options?: {\n    label?: string;\n    value?: number;\n    [k: string]: unknown;\n  }[];\n  required: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumAiTrainingContents = ContentBaseType & {\n  type: \"aiTraining\";\n  title: string;\n  description: string;\n  aITrainingInfoId: string;\n  aiDuration: number;\n  buttonTitle?: string;\n  [k: string]: unknown;\n};\nexport type CurriculumFileDownloadContents = ContentBaseType & {\n  type?: \"fileDownload\";\n  title: string;\n  description?: string;\n  files: CurriculumFileDownloadFile[];\n  [k: string]: unknown;\n};\n\nexport interface CurriculumContents {\n  version: number;\n  list: (\n    | CurriculumSectionTitleContents\n    | CurriculumVideoContents\n    | CurriculumReviewContents\n    | CurriculumAiTrainingContents\n    | CurriculumFileDownloadContents\n  )[];\n  satisfactionOptionMeta?: SatisfactionOptionMeta;\n  satisfactionTextMeta?: SatisfactionTextMeta;\n  reviewMeta?: {\n    endReviewTopTitle?: string;\n    endReviewDescription?: string;\n    endReviewBackButtonTitle?: string;\n    endReviewNextButtonTitle?: string;\n  };\n}\nexport interface ContentBaseType {\n  uuid: string;\n  type: string;\n  duration?: number;\n  [k: string]: unknown;\n}\nexport interface QuestionBaseType {\n  required: boolean;\n  question: string;\n  title: string;\n  icon?: string;\n  [k: string]: unknown;\n}\nexport interface CurriculumFileDownloadFile {\n  name: string;\n  url: string;\n}\nexport interface SatisfactionOptionMeta {\n  options?: {\n    label?: string;\n    value?: number;\n    [k: string]: unknown;\n  }[];\n  required?: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n}\nexport interface SatisfactionTextMeta {\n  minLength?: number;\n  placeholder?: string;\n  required?: boolean;\n  question?: string;\n  title?: string;\n  icon?: string;\n  [k: string]: unknown;\n}\n\n"],"mappings":";;;;;;;;;;;;;;;;AAAA;AAAA;","names":[]}