@tipp/ui 1.6.32 → 1.6.33

package/dist/chunk-2K7GDUHJ.js

@@ -1,357 +0,0 @@
-import {
-  ScrollArea
-} from "./chunk-MUPK4L3U.js";
-import {
-  Popover
-} from "./chunk-5AVBYDPB.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  Typo
-} from "./chunk-52MVZ6AN.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  AutoSizingInput
-} from "./chunk-Z7NVKV2K.js";
-import {
-  Badge
-} from "./chunk-EWD4AO5N.js";
-import {
-  CheckIcon
-} from "./chunk-HLFG5ZTU.js";
-
-// src/molecules/tag-selector.tsx
-import {
-  useCallback,
-  useEffect,
-  useMemo,
-  useRef,
-  useState
-} from "react";
-import {
-  ChevronRightIcon,
-  Cross1Icon,
-  MagnifyingGlassIcon
-} from "@radix-ui/react-icons";
-import { Fragment, jsx, jsxs } from "react/jsx-runtime";
-var OPTION_HEIGHT = 32;
-var DefaultDropdownContainer = (props) => {
-  return props.children;
-};
-function TagSelector(props) {
-  const {
-    options = [],
-    tagRender,
-    placeholder,
-    maxCount = 0,
-    DropdownContainer = DefaultDropdownContainer,
-    size = "medium",
-    readOnly,
-    error,
-    open: propsOpen,
-    dropdownItemRender
-  } = props;
-  const [_selected, _setSelected] = useState(props.selected || []);
-  const selected = props.selected || _selected;
-  const setSelected = props.onChange || _setSelected;
-  const [value, setValue] = useState("");
-  const [focusIndex, setFocusIndex] = useState(null);
-  const [open, setOpen] = useState(false);
-  const [focus, setFocus] = useState(false);
-  const fieldRef = useRef(null);
-  const scrollRef = useRef(null);
-  const closeRef = useRef();
-  const onFocus = useCallback(() => {
-    clearTimeout(closeRef.current);
-    setFocus(true);
-    setOpen(true);
-  }, []);
-  const onBlur = useCallback(() => {
-    closeRef.current = setTimeout(() => {
-      setFocus(false);
-      setOpen(false);
-      setTimeout(() => {
-        setValue("");
-      }, 100);
-    }, 300);
-  }, []);
-  const onChangeValue = useCallback(
-    (e) => {
-      setValue(e.target.value);
-    },
-    []
-  );
-  const filteredOptions = useMemo(() => {
-    return options.filter((option) => {
-      return option.name.includes(value);
-    });
-  }, [options, value]);
-  const selectedItem = useMemo(() => {
-    const result = [];
-    selected.forEach((id) => {
-      const maybeItem = options.find((option) => option.id === id);
-      if (maybeItem)
-        result.push(maybeItem);
-    });
-    return result;
-  }, [options, selected]);
-  const onDelete = useCallback(
-    (id) => {
-      setSelected(selected.filter((el) => el !== id));
-    },
-    [selected, setSelected]
-  );
-  const onSelect = useCallback(
-    (id) => {
-      if (maxCount && selected.length + 1 > maxCount)
-        return;
-      setSelected([...selected, id]);
-    },
-    [maxCount, selected, setSelected]
-  );
-  const toggleItem = useCallback(
-    (id) => {
-      if (selected.includes(id)) {
-        onDelete(id);
-      } else {
-        onSelect(id);
-      }
-    },
-    [onDelete, onSelect, selected]
-  );
-  const setScroll = useCallback((index) => {
-    if (scrollRef.current) {
-      const scrollTop = scrollRef.current.scrollTop;
-      const clientHeight = scrollRef.current.clientHeight;
-      const focusTop = index * OPTION_HEIGHT;
-      if (focusTop < scrollTop) {
-        scrollRef.current.scrollTop = focusTop;
-      } else if (focusTop + OPTION_HEIGHT > scrollTop + clientHeight) {
-        scrollRef.current.scrollTop = focusTop + OPTION_HEIGHT - clientHeight;
-      }
-    }
-  }, []);
-  const handleKeyDown = useCallback(
-    (e) => {
-      var _a;
-      const key = e.key;
-      switch (key) {
-        case "ArrowDown": {
-          e.preventDefault();
-          let newFocus = 0;
-          if (typeof focusIndex === "number") {
-            newFocus = focusIndex + 1 >= options.length ? 0 : focusIndex + 1;
-          }
-          setFocusIndex(newFocus);
-          setScroll(newFocus);
-          break;
-        }
-        case "ArrowUp": {
-          e.preventDefault();
-          let newFocus = 0;
-          if (typeof focusIndex === "number") {
-            newFocus = focusIndex - 1 < 0 ? options.length - 1 : focusIndex - 1;
-          }
-          setFocusIndex(newFocus);
-          setScroll(newFocus);
-          break;
-        }
-        case "Enter":
-          setValue("");
-          if (focusIndex !== null) {
-            toggleItem((_a = filteredOptions[focusIndex]) == null ? void 0 : _a.id);
-          }
-          break;
-        case "Backspace":
-          if (value.length === 0) {
-            setSelected(selected.slice(0, -1));
-          }
-          break;
-        case "Escape":
-          setOpen(false);
-          break;
-      }
-    },
-    [
-      focusIndex,
-      value.length,
-      setScroll,
-      options.length,
-      toggleItem,
-      filteredOptions,
-      setSelected,
-      selected
-    ]
-  );
-  const placeholderVisible = useMemo(() => {
-    if (selectedItem.length)
-      return false;
-    if (value)
-      return false;
-    if (focus)
-      return false;
-    return true;
-  }, [focus, selectedItem.length, value]);
-  useEffect(() => {
-    setFocusIndex(null);
-  }, [open]);
-  useEffect(() => {
-    setFocusIndex(0);
-  }, [filteredOptions]);
-  const badgeSize = useMemo(() => {
-    switch (size) {
-      case "large":
-        return "large";
-      case "medium":
-      case "small":
-      default:
-        return "small";
-    }
-  }, [size]);
-  const placeholderVariant = useMemo(() => {
-    switch (size) {
-      case "large":
-        return "subtitle";
-      case "medium":
-      default:
-        return "body";
-    }
-  }, [size]);
-  const focusClassName = focus ? " focused" : "";
-  const readOnlyClassName = readOnly ? " read-only" : "";
-  const errorClassName = error ? " error" : "";
-  const readonlyContent = /* @__PURE__ */ jsx(Flex, { gap: "1", children: selectedItem.map((item) => {
-    return tagRender ? tagRender(item) : /* @__PURE__ */ jsx(Badge, { size: badgeSize, children: item.name }, item.id);
-  }) });
-  const editContent = /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsxs(
-      Flex,
-      {
-        align: "center",
-        gap: "1",
-        maxWidth: "100%",
-        overflow: "hidden",
-        wrap: "wrap",
-        children: [
-          selectedItem.map((item) => {
-            return tagRender ? tagRender(item, () => {
-              onDelete(item.id);
-            }) : /* @__PURE__ */ jsxs(Badge, { size: badgeSize, children: [
-              item.name,
-              /* @__PURE__ */ jsx(
-                Button,
-                {
-                  onClick: () => {
-                    onDelete(item.id);
-                  },
-                  variant: "transparent",
-                  children: /* @__PURE__ */ jsx(Cross1Icon, {})
-                }
-              )
-            ] }, item.id);
-          }),
-          placeholderVisible ? /* @__PURE__ */ jsx(Typo, { color: "gray", variant: placeholderVariant, children: placeholder }) : null,
-          /* @__PURE__ */ jsx(
-            AutoSizingInput,
-            {
-              onBlur,
-              onChange: onChangeValue,
-              onFocus,
-              onKeyDown: handleKeyDown,
-              ref: fieldRef,
-              value
-            }
-          )
-        ]
-      }
-    ),
-    focus ? /* @__PURE__ */ jsx(MagnifyingGlassIcon, {}) : /* @__PURE__ */ jsx(ChevronRightIcon, {})
-  ] });
-  return /* @__PURE__ */ jsxs(Popover.Root, { open: Boolean(filteredOptions.length) && propsOpen || open, children: [
-    /* @__PURE__ */ jsx(Popover.Trigger, { style: { position: "relative" }, children: /* @__PURE__ */ jsx(
-      Grid,
-      {
-        align: "center",
-        className: `tag-selector ${size} ${focusClassName}${readOnlyClassName}${errorClassName}`,
-        columns: "1fr auto",
-        gap: "1",
-        onClick: () => {
-          var _a;
-          return !readOnly && ((_a = fieldRef.current) == null ? void 0 : _a.focus());
-        },
-        children: readOnly ? readonlyContent : editContent
-      }
-    ) }),
-    /* @__PURE__ */ jsx(
-      Popover.Content,
-      {
-        onOpenAutoFocus: preventDefault,
-        onTouchMove: stopPropagationTouch,
-        onWheel: stopPropagationWheel,
-        sticky: "always",
-        children: /* @__PURE__ */ jsx(
-          DropdownContainer,
-          {
-            currentItem: filteredOptions[focusIndex || 0],
-            items: filteredOptions,
-            children: /* @__PURE__ */ jsx(
-              ScrollArea,
-              {
-                ref: scrollRef,
-                scrollbars: "vertical",
-                style: { height: OPTION_HEIGHT * 8 },
-                type: "auto",
-                children: /* @__PURE__ */ jsx(Flex, { direction: "column", children: filteredOptions.map((item, i) => {
-                  const isSelected = Boolean(
-                    selected.find((el) => el === item.id)
-                  );
-                  const isFocus = i === focusIndex;
-                  return /* @__PURE__ */ jsx(
-                    Button,
-                    {
-                      className: `tag-selector-button ${isFocus ? "focused" : ""}`,
-                      onClick: () => {
-                        var _a;
-                        toggleItem(item.id);
-                        (_a = fieldRef.current) == null ? void 0 : _a.focus();
-                      },
-                      onMouseEnter: () => {
-                        setFocusIndex(i);
-                      },
-                      variant: isSelected ? "soft" : "outline",
-                      children: /* @__PURE__ */ jsxs(Flex, { justify: "between", width: "100%", children: [
-                        dropdownItemRender ? dropdownItemRender(item) : item.name,
-                        isSelected ? /* @__PURE__ */ jsx(CheckIcon, {}) : null
-                      ] })
-                    },
-                    item.id
-                  );
-                }) })
-              }
-            )
-          }
-        )
-      }
-    )
-  ] });
-}
-var stopPropagationTouch = (e) => {
-  e.stopPropagation();
-};
-var stopPropagationWheel = (e) => {
-  e.stopPropagation();
-};
-var preventDefault = (e) => {
-  e.preventDefault();
-};
-
-export {
-  TagSelector
-};
-//# sourceMappingURL=chunk-2K7GDUHJ.js.map

package/dist/chunk-2KNMBD6G.js

@@ -1,174 +0,0 @@
-import {
-  DatePickerButton
-} from "./chunk-S4UCJELU.js";
-import {
-  TimeSelect
-} from "./chunk-YPYQISJB.js";
-import {
-  getTimeOption,
-  parseTimeOption
-} from "./chunk-VGIX3A5R.js";
-import {
-  Form
-} from "./chunk-VHFAY5XN.js";
-import {
-  toast
-} from "./chunk-CYYWMYE7.js";
-import {
-  Separator
-} from "./chunk-HYITAA4J.js";
-import {
-  Dialog
-} from "./chunk-3XQUC7TK.js";
-import {
-  Grid
-} from "./chunk-EGEQY3KT.js";
-import {
-  Box
-} from "./chunk-4Y5BEXVN.js";
-import {
-  Button
-} from "./chunk-Q5AFRGVP.js";
-import {
-  Flex
-} from "./chunk-25HMMI7R.js";
-import {
-  __spreadProps,
-  __spreadValues
-} from "./chunk-N552FDTV.js";
-
-// src/app/platform/edit-coaching-time.tsx
-import { useCallback, useState } from "react";
-import { jsx, jsxs } from "react/jsx-runtime";
-var getValueFromDefaultValue = (args) => {
-  return {
-    startTime: args.startAt ? getTimeOption(args.startAt) : "00:00",
-    endTime: args.endAt ? getTimeOption(args.endAt) : "00:00",
-    date: args.startAt || /* @__PURE__ */ new Date()
-  };
-};
-var getDateFromValue = (date, time) => {
-  const { hour, minute } = parseTimeOption(time);
-  return new Date(
-    date.getFullYear(),
-    date.getMonth(),
-    date.getDate(),
-    hour,
-    minute
-  );
-};
-function EditCoachingTime(props) {
-  const { defaultEndAt, defaultStartAt, onClickCancel } = props;
-  const [values, setValues] = useState(() => {
-    return getValueFromDefaultValue({
-      startAt: defaultStartAt,
-      endAt: defaultEndAt
-    });
-  });
-  const [timeError, setTimeError] = useState("");
-  const checkTimeError = useCallback(
-    (startTime, endTime) => {
-      const error = startTime >= endTime ? "\uC2DC\uC791\uC2DC\uAC04\uC744 \uC885\uB8CC\uC2DC\uAC04\uBCF4\uB2E4 \uBE60\uB974\uAC8C \uC120\uD0DD\uD574\uC8FC\uC138\uC694." : "";
-      if (error) {
-        setTimeError(error);
-        return false;
-      }
-      return true;
-    },
-    []
-  );
-  const onChangeStartTime = useCallback(
-    (v) => {
-      checkTimeError(v, values.endTime);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        startTime: v
-      }));
-    },
-    [checkTimeError, values.endTime]
-  );
-  const onChangeEndTime = useCallback(
-    (v) => {
-      checkTimeError(values.startTime, v);
-      setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-        endTime: v
-      }));
-    },
-    [checkTimeError, values.startTime]
-  );
-  const onChangeDate = useCallback((date) => {
-    date && setValues((prev) => __spreadProps(__spreadValues({}, prev), {
-      date
-    }));
-  }, []);
-  const onClickSave = useCallback(() => {
-    if (checkTimeError(values.startTime, values.endTime)) {
-      const startAt = getDateFromValue(values.date, values.startTime);
-      const endAt = getDateFromValue(values.date, values.endTime);
-      props.onClickSave && props.onClickSave(startAt, endAt);
-    } else {
-      toast.error("\uC785\uB825 \uAC12\uC774 \uC720\uD6A8\uD558\uC9C0 \uC54A\uC2B5\uB2C8\uB2E4.");
-    }
-  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);
-  return /* @__PURE__ */ jsx(Box, { width: { initial: "100%" }, children: /* @__PURE__ */ jsxs(Form.Root, { children: [
-    /* @__PURE__ */ jsxs(Form.Field, { name: "date", children: [
-      /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uB0A0\uC9DC" }),
-      /* @__PURE__ */ jsx(
-        DatePickerButton,
-        {
-          maxDate: /* @__PURE__ */ new Date(),
-          onChange: onChangeDate,
-          selected: values.date,
-          size: { initial: "large", xs: "medium" }
-        }
-      )
-    ] }),
-    /* @__PURE__ */ jsxs(
-      Grid,
-      {
-        align: "center",
-        columns: {
-          initial: "1fr 0 1fr",
-          xs: "1fr auto 1fr"
-        },
-        gapX: "3",
-        gapY: "2",
-        justify: "center",
-        mb: { initial: "5", xs: "4" },
-        mt: "5",
-        width: "100%",
-        children: [
-          /* @__PURE__ */ jsx(Form.Field, { name: "startTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC2DC\uC791 \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx("div", {}),
-          /* @__PURE__ */ jsx(Form.Field, { name: "endTime", children: /* @__PURE__ */ jsx(Form.Label, { variant: "caption", children: "\uC885\uB8CC \uC2DC\uAC04" }) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeStartTime,
-              size: { initial: "3", xs: "2" },
-              value: values.startTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Box, { overflow: "hidden", children: /* @__PURE__ */ jsx(Separator, {}) }),
-          /* @__PURE__ */ jsx(
-            TimeSelect,
-            {
-              onValueChange: onChangeEndTime,
-              size: { initial: "3", xs: "2" },
-              value: values.endTime
-            }
-          ),
-          /* @__PURE__ */ jsx(Form.Field, { name: "startEndTime", style: { gridColumn: "1/span 3" }, children: /* @__PURE__ */ jsx(Form.Message, { forceMatch: Boolean(timeError), children: timeError }) })
-        ]
-      }
-    ),
-    /* @__PURE__ */ jsxs(Flex, { gap: "3", justify: "end", children: [
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickCancel, type: "button", variant: "outline", children: "\uCDE8\uC18C\uD558\uAE30" }) }),
-      /* @__PURE__ */ jsx(Dialog.Close, { children: /* @__PURE__ */ jsx(Button, { onClick: onClickSave, type: "button", children: "\uC800\uC7A5\uD558\uAE30" }) })
-    ] })
-  ] }) });
-}
-
-export {
-  EditCoachingTime
-};
-//# sourceMappingURL=chunk-2KNMBD6G.js.map

package/dist/chunk-2KNMBD6G.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/app/platform/edit-coaching-time.tsx"],"sourcesContent":["import React, { useCallback, useState } from 'react';\nimport {\n  Button,\n  Flex,\n  Form,\n  Grid,\n  Separator,\n  Box,\n  toast,\n  Dialog,\n} from '../../atoms';\nimport { DatePickerButton, TimeSelect } from '../../molecules';\nimport { getTimeOption, parseTimeOption } from '../../utils';\n\nexport interface EditCoachingTimeProps {\n  defaultStartAt?: Date;\n  defaultEndAt?: Date;\n  onClickSave?: (startAt: Date, endAt: Date) => void;\n  onClickCancel?: () => void;\n  sessionNumber?: number;\n}\n\ninterface Values {\n  startTime: string;\n  endTime: string;\n  date: Date;\n}\n\nconst getValueFromDefaultValue = (args: {\n  startAt?: Date;\n  endAt?: Date;\n}): Values => {\n  return {\n    startTime: args.startAt ? getTimeOption(args.startAt) : '00:00',\n    endTime: args.endAt ? getTimeOption(args.endAt) : '00:00',\n    date: args.startAt || new Date(),\n  };\n};\n\nconst getDateFromValue = (date: Date, time: string): Date => {\n  const { hour, minute } = parseTimeOption(time);\n  return new Date(\n    date.getFullYear(),\n    date.getMonth(),\n    date.getDate(),\n    hour,\n    minute\n  );\n};\n\nexport function EditCoachingTime(\n  props: EditCoachingTimeProps\n): React.ReactElement {\n  const { defaultEndAt, defaultStartAt, onClickCancel } = props;\n\n  const [values, setValues] = useState<Values>(() => {\n    return getValueFromDefaultValue({\n      startAt: defaultStartAt,\n      endAt: defaultEndAt,\n    });\n  });\n\n  const [timeError, setTimeError] = useState('');\n\n  const checkTimeError = useCallback(\n    (startTime: string, endTime: string): boolean => {\n      const error =\n        startTime >= endTime\n          ? '시작시간을 종료시간보다 빠르게 선택해주세요.'\n          : '';\n      if (error) {\n        setTimeError(error);\n        return false;\n      }\n      return true;\n    },\n    []\n  );\n\n  const onChangeStartTime = useCallback(\n    (v: string) => {\n      checkTimeError(v, values.endTime);\n      setValues((prev) => ({\n        ...prev,\n        startTime: v,\n      }));\n    },\n    [checkTimeError, values.endTime]\n  );\n\n  const onChangeEndTime = useCallback(\n    (v: string) => {\n      checkTimeError(values.startTime, v);\n      setValues((prev) => ({\n        ...prev,\n        endTime: v,\n      }));\n    },\n    [checkTimeError, values.startTime]\n  );\n\n  const onChangeDate = useCallback((date: Date | null) => {\n    date &&\n      setValues((prev) => ({\n        ...prev,\n        date,\n      }));\n  }, []);\n\n  const onClickSave = useCallback(() => {\n    if (checkTimeError(values.startTime, values.endTime)) {\n      const startAt = getDateFromValue(values.date, values.startTime);\n      const endAt = getDateFromValue(values.date, values.endTime);\n      props.onClickSave && props.onClickSave(startAt, endAt);\n    } else {\n      toast.error('입력 값이 유효하지 않습니다.');\n    }\n  }, [checkTimeError, props, values.date, values.endTime, values.startTime]);\n\n  return (\n    <Box width={{ initial: '100%' }}>\n      <Form.Root>\n        <Form.Field name=\"date\">\n          <Form.Label variant=\"caption\">날짜</Form.Label>\n          <DatePickerButton\n            maxDate={new Date()}\n            onChange={onChangeDate}\n            selected={values.date}\n            size={{ initial: 'large', xs: 'medium' }}\n          />\n        </Form.Field>\n        <Grid\n          align=\"center\"\n          columns={{\n            initial: '1fr 0 1fr',\n            xs: '1fr auto 1fr',\n          }}\n          gapX=\"3\"\n          gapY=\"2\"\n          justify=\"center\"\n          mb={{ initial: '5', xs: '4' }}\n          mt=\"5\"\n          width=\"100%\"\n        >\n          <Form.Field name=\"startTime\">\n            <Form.Label variant=\"caption\">시작 시간</Form.Label>\n          </Form.Field>\n          <div />\n          <Form.Field name=\"endTime\">\n            <Form.Label variant=\"caption\">종료 시간</Form.Label>\n          </Form.Field>\n          <TimeSelect\n            onValueChange={onChangeStartTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.startTime}\n          />\n          <Box overflow=\"hidden\">\n            <Separator />\n          </Box>\n\n          <TimeSelect\n            onValueChange={onChangeEndTime}\n            size={{ initial: '3', xs: '2' }}\n            value={values.endTime}\n          />\n          <Form.Field name=\"startEndTime\" style={{ gridColumn: '1/span 3' }}>\n            <Form.Message forceMatch={Boolean(timeError)}>\n              {timeError}\n            </Form.Message>\n          </Form.Field>\n        </Grid>\n        <Flex gap=\"3\" justify=\"end\">\n          <Dialog.Close>\n            <Button onClick={onClickCancel} type=\"button\" variant=\"outline\">\n              취소하기\n            </Button>\n          </Dialog.Close>\n          <Dialog.Close>\n            <Button onClick={onClickSave} type=\"button\">\n              저장하기\n            </Button>\n          </Dialog.Close>\n        </Flex>\n      </Form.Root>\n    </Box>\n  );\n}\n"],"mappings":"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","names":[]}