@tipp/ui 1.0.54 → 1.0.55

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -2,12 +2,12 @@ import * as react from 'react';
2
2
  import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
3
3
 
4
4
  type BadgeProps = Omit<BadgeProps$1, 'color'> & {
5
- size: 'small' | 'large';
6
- color: 'error' | 'accent' | 'neutral' | 'success';
5
+ size?: 'small' | 'large';
6
+ color?: 'error' | 'accent' | 'neutral' | 'success';
7
7
  };
8
8
  declare const Badge: react.ForwardRefExoticComponent<Omit<BadgeProps$1, "color"> & {
9
- size: 'small' | 'large';
10
- color: 'error' | 'accent' | 'neutral' | 'success';
9
+ size?: "small" | "large" | undefined;
10
+ color?: "error" | "accent" | "neutral" | "success" | undefined;
11
11
  } & react.RefAttributes<HTMLSpanElement>>;
12
12
 
13
13
  export { Badge, type BadgeProps };
@@ -2,12 +2,12 @@ import * as react from 'react';
2
2
  import { BadgeProps as BadgeProps$1 } from '@radix-ui/themes';
3
3
 
4
4
  type BadgeProps = Omit<BadgeProps$1, 'color'> & {
5
- size: 'small' | 'large';
6
- color: 'error' | 'accent' | 'neutral' | 'success';
5
+ size?: 'small' | 'large';
6
+ color?: 'error' | 'accent' | 'neutral' | 'success';
7
7
  };
8
8
  declare const Badge: react.ForwardRefExoticComponent<Omit<BadgeProps$1, "color"> & {
9
- size: 'small' | 'large';
10
- color: 'error' | 'accent' | 'neutral' | 'success';
9
+ size?: "small" | "large" | undefined;
10
+ color?: "error" | "accent" | "neutral" | "success" | undefined;
11
11
  } & react.RefAttributes<HTMLSpanElement>>;
12
12
 
13
13
  export { Badge, type BadgeProps };
@@ -1,7 +1,5 @@
1
- import { ColumnMeta } from '@tanstack/react-table';
2
-
3
1
  type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
4
- type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
2
+ type CellAlign = 'left' | 'center' | 'right';
5
3
  declare const getCellAlign: (arg: {
6
4
  dataType: CellDataType;
7
5
  }) => CellAlign;
@@ -1,7 +1,5 @@
1
- import { ColumnMeta } from '@tanstack/react-table';
2
-
3
1
  type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
4
- type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;
2
+ type CellAlign = 'left' | 'center' | 'right';
5
3
  declare const getCellAlign: (arg: {
6
4
  dataType: CellDataType;
7
5
  }) => CellAlign;
@@ -1,2 +1 @@
1
1
  export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.cjs';
2
- import '@tanstack/react-table';
@@ -1,2 +1 @@
1
1
  export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.js';
2
- import '@tanstack/react-table';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@tipp/ui",
3
- "version": "1.0.54",
3
+ "version": "1.0.55",
4
4
  "private": false,
5
5
  "sideEffects": false,
6
6
  "type": "module",
@@ -53,8 +53,8 @@
53
53
  "postcss-nesting": "12.0.2",
54
54
  "tsup": "^8.0.2",
55
55
  "typescript": "^5.3.3",
56
- "@tipp/typescript-config": "0.0.4",
57
- "@tipp/eslint-config": "0.2.3"
56
+ "@tipp/eslint-config": "0.2.3",
57
+ "@tipp/typescript-config": "0.0.4"
58
58
  },
59
59
  "scripts": {
60
60
  "build": "pnpm run build:js & pnpm run build:css",
@@ -1,47 +0,0 @@
1
- import {
2
- __objRest,
3
- __spreadProps,
4
- __spreadValues
5
- } from "./chunk-N552FDTV.js";
6
-
7
- // src/atoms/badge.tsx
8
- import {
9
- Badge as RadixBadge
10
- } from "@radix-ui/themes";
11
- import { useMemo, forwardRef } from "react";
12
- import { jsx } from "react/jsx-runtime";
13
- var Badge = forwardRef(
14
- (props, ref) => {
15
- const _a = props, { size, color } = _a, rest = __objRest(_a, ["size", "color"]);
16
- const radixSize = useMemo(() => {
17
- switch (size) {
18
- case "small":
19
- return "1";
20
- case "large":
21
- return "3";
22
- default:
23
- return "1";
24
- }
25
- }, [size]);
26
- const radixColor = useMemo(() => {
27
- switch (color) {
28
- case "error":
29
- return "red";
30
- case "neutral":
31
- return "gray";
32
- case "success":
33
- return "green";
34
- case "accent":
35
- default:
36
- return void 0;
37
- }
38
- }, [color]);
39
- return /* @__PURE__ */ jsx(RadixBadge, __spreadProps(__spreadValues({}, rest), { color: radixColor, ref, size: radixSize }));
40
- }
41
- );
42
- Badge.displayName = "Badge";
43
-
44
- export {
45
- Badge
46
- };
47
- //# sourceMappingURL=chunk-ALOPZ54P.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/atoms/badge.tsx"],"sourcesContent":["import {\n Badge as RadixBadge,\n type BadgeProps as RadixBadgeProps,\n} from '@radix-ui/themes';\nimport { useMemo, forwardRef } from 'react';\n\nexport type BadgeProps = Omit<RadixBadgeProps, 'color'> & {\n size: 'small' | 'large';\n color: 'error' | 'accent' | 'neutral' | 'success';\n};\n\nexport const Badge = forwardRef<HTMLSpanElement, BadgeProps>(\n (props: BadgeProps, ref): React.ReactNode => {\n const { size, color, ...rest } = props;\n\n const radixSize = useMemo(() => {\n switch (size) {\n case 'small':\n return '1';\n case 'large':\n return '3';\n default:\n return '1';\n }\n }, [size]);\n\n const radixColor = useMemo(() => {\n switch (color) {\n case 'error':\n return 'red';\n case 'neutral':\n return 'gray';\n case 'success':\n return 'green';\n case 'accent':\n default:\n return undefined;\n }\n }, [color]);\n\n return (\n <RadixBadge {...rest} color={radixColor} ref={ref} size={radixSize} />\n );\n }\n);\n\nBadge.displayName = 'Badge';\n"],"mappings":";;;;;;;AAAA;AAAA,EACE,SAAS;AAAA,OAEJ;AACP,SAAS,SAAS,kBAAkB;AAqC9B;AA9BC,IAAM,QAAQ;AAAA,EACnB,CAAC,OAAmB,QAAyB;AAC3C,UAAiC,YAAzB,QAAM,MAblB,IAaqC,IAAT,iBAAS,IAAT,CAAhB,QAAM;AAEd,UAAM,YAAY,QAAQ,MAAM;AAC9B,cAAQ,MAAM;AAAA,QACZ,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,IAAI,CAAC;AAET,UAAM,aAAa,QAAQ,MAAM;AAC/B,cAAQ,OAAO;AAAA,QACb,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AACH,iBAAO;AAAA,QACT,KAAK;AAAA,QACL;AACE,iBAAO;AAAA,MACX;AAAA,IACF,GAAG,CAAC,KAAK,CAAC;AAEV,WACE,oBAAC,6CAAe,OAAf,EAAqB,OAAO,YAAY,KAAU,MAAM,YAAW;AAAA,EAExE;AACF;AAEA,MAAM,cAAc;","names":[]}
@@ -1,130 +0,0 @@
1
- import {
2
- IconButton
3
- } from "./chunk-O3DNDMV3.js";
4
- import {
5
- Typo
6
- } from "./chunk-O3XTRD7R.js";
7
- import {
8
- Flex
9
- } from "./chunk-25HMMI7R.js";
10
- import {
11
- ChevronLeftIcon,
12
- ChevronRightIcon,
13
- DoubleArrowLeftIcon,
14
- DoubleArrowRightIcon
15
- } from "./chunk-TSVWEPRP.js";
16
- import {
17
- __spreadProps,
18
- __spreadValues
19
- } from "./chunk-N552FDTV.js";
20
-
21
- // src/atoms/pagination.tsx
22
- import { useCallback, useEffect, useMemo, useState } from "react";
23
- import { jsx, jsxs } from "react/jsx-runtime";
24
- function Pagination(props) {
25
- const { onChange, count = 0, siblingCount = 2 } = props;
26
- const [page, setPage] = useState(() => props.page || props.defaultPage || 1);
27
- const visibleItems = useMemo(() => {
28
- let start = Math.max(1, page - siblingCount);
29
- let end = Math.min(count, page + siblingCount);
30
- if (page - siblingCount <= 0 && end < count) {
31
- end = Math.min(count, end + Math.abs(page - siblingCount) + 1);
32
- } else if (page + siblingCount > count && start > 1) {
33
- start = Math.max(1, start - (page + siblingCount - count));
34
- }
35
- return Array.from({ length: end - start + 1 }, (_, i) => i + start);
36
- }, [count, page, siblingCount]);
37
- useEffect(() => {
38
- onChange == null ? void 0 : onChange(page);
39
- }, [onChange, page]);
40
- useEffect(() => {
41
- if (props.page) {
42
- setPage(props.page);
43
- }
44
- }, [props.page]);
45
- const prev = useMemo(() => {
46
- const p = page - 1;
47
- return p < 1 ? void 0 : p;
48
- }, [page]);
49
- const next = useMemo(() => {
50
- const n = page + 1;
51
- return n > count ? void 0 : n;
52
- }, [count, page]);
53
- const onClickPrev = useCallback(() => {
54
- prev && setPage(prev);
55
- }, [prev]);
56
- const onClickNext = useCallback(() => {
57
- next && setPage(next);
58
- }, [next]);
59
- const doublePrev = useMemo(() => {
60
- if (!visibleItems.length)
61
- return;
62
- return Math.max(0, visibleItems[0] - 1);
63
- }, [visibleItems]);
64
- const onClickDoublePrev = useCallback(() => {
65
- doublePrev && setPage(doublePrev);
66
- }, [doublePrev]);
67
- const doubleNext = useMemo(() => {
68
- if (!visibleItems.length)
69
- return;
70
- const n = visibleItems[visibleItems.length - 1] + 1;
71
- if (n > count)
72
- return;
73
- return Math.min(count, n);
74
- }, [count, visibleItems]);
75
- const onClickDoubleNext = useCallback(() => {
76
- doubleNext && setPage(doubleNext);
77
- }, [doubleNext]);
78
- const iconSize = {
79
- height: 24,
80
- width: 24
81
- };
82
- const moveButtonProps = {
83
- variant: "ghost",
84
- size: "3",
85
- style: { borderRadius: "50%" }
86
- };
87
- if (!page)
88
- return null;
89
- return /* @__PURE__ */ jsxs(Flex, { align: "center", className: "tipp-pagination", gap: "4", children: [
90
- /* @__PURE__ */ jsx(
91
- IconButton,
92
- __spreadProps(__spreadValues({
93
- disabled: !doublePrev,
94
- onClick: onClickDoublePrev
95
- }, moveButtonProps), {
96
- children: /* @__PURE__ */ jsx(DoubleArrowLeftIcon, __spreadValues({}, iconSize))
97
- })
98
- ),
99
- /* @__PURE__ */ jsx(IconButton, __spreadProps(__spreadValues({ disabled: !prev, onClick: onClickPrev }, moveButtonProps), { children: /* @__PURE__ */ jsx(ChevronLeftIcon, __spreadValues({}, iconSize)) })),
100
- /* @__PURE__ */ jsx(Flex, { gap: "1", children: visibleItems.map((item) => {
101
- return /* @__PURE__ */ jsx(
102
- "button",
103
- {
104
- className: `page-button ${item === page ? "active" : ""}`,
105
- onClick: () => {
106
- setPage(item);
107
- },
108
- type: "button",
109
- children: /* @__PURE__ */ jsx(Typo, { variant: "body", children: item })
110
- },
111
- item
112
- );
113
- }) }),
114
- /* @__PURE__ */ jsx(IconButton, __spreadProps(__spreadValues({ disabled: !next, onClick: onClickNext }, moveButtonProps), { children: /* @__PURE__ */ jsx(ChevronRightIcon, __spreadValues({}, iconSize)) })),
115
- /* @__PURE__ */ jsx(
116
- IconButton,
117
- __spreadProps(__spreadValues({
118
- disabled: !doubleNext,
119
- onClick: onClickDoubleNext
120
- }, moveButtonProps), {
121
- children: /* @__PURE__ */ jsx(DoubleArrowRightIcon, __spreadValues({}, iconSize))
122
- })
123
- )
124
- ] });
125
- }
126
-
127
- export {
128
- Pagination
129
- };
130
- //# sourceMappingURL=chunk-FUSEDVWI.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/atoms/pagination.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useState } from 'react';\nimport {\n ChevronLeftIcon,\n ChevronRightIcon,\n DoubleArrowLeftIcon,\n DoubleArrowRightIcon,\n} from '../icon';\nimport type { IconButtonProps } from './icon-button';\nimport { IconButton } from './icon-button';\nimport { Flex } from './flex';\nimport { Typo } from './typo';\n\nexport interface PaginationProps {\n /** 현재 선택된 페이지 */\n page?: number;\n /** 기본 선택 페이지, page보다 낮은 우선 순위를 갖는다 */\n defaultPage?: number;\n /** 선택한 페이지 변경 이벤트 cb */\n onChange?: (page: number) => void;\n /** 전체 페이지의 수 */\n count?: number;\n siblingCount?: number;\n}\n\nexport function Pagination(props: PaginationProps): React.ReactNode {\n const { onChange, count = 0, siblingCount = 2 } = props;\n\n const [page, setPage] = useState(() => props.page || props.defaultPage || 1);\n\n const visibleItems = useMemo(() => {\n let start = Math.max(1, page - siblingCount);\n let end = Math.min(count, page + siblingCount);\n if (page - siblingCount <= 0 && end < count) {\n end = Math.min(count, end + Math.abs(page - siblingCount) + 1);\n } else if (page + siblingCount > count && start > 1) {\n start = Math.max(1, start - (page + siblingCount - count));\n }\n\n return Array.from({ length: end - start + 1 }, (_, i) => i + start);\n }, [count, page, siblingCount]);\n\n useEffect(() => {\n onChange?.(page);\n }, [onChange, page]);\n\n useEffect(() => {\n if (props.page) {\n setPage(props.page);\n }\n }, [props.page]);\n\n const prev = useMemo<number | undefined>(() => {\n const p = page - 1;\n return p < 1 ? undefined : p;\n }, [page]);\n\n const next = useMemo<number | undefined>(() => {\n const n = page + 1;\n return n > count ? undefined : n;\n }, [count, page]);\n\n const onClickPrev = useCallback(() => {\n prev && setPage(prev);\n }, [prev]);\n\n const onClickNext = useCallback(() => {\n next && setPage(next);\n }, [next]);\n\n const doublePrev = useMemo<number | undefined>(() => {\n if (!visibleItems.length) return;\n return Math.max(0, visibleItems[0] - 1);\n }, [visibleItems]);\n\n const onClickDoublePrev = useCallback(() => {\n doublePrev && setPage(doublePrev);\n }, [doublePrev]);\n\n const doubleNext = useMemo<number | undefined>(() => {\n if (!visibleItems.length) return;\n const n = visibleItems[visibleItems.length - 1] + 1;\n if (n > count) return;\n return Math.min(count, n);\n }, [count, visibleItems]);\n\n const onClickDoubleNext = useCallback(() => {\n doubleNext && setPage(doubleNext);\n }, [doubleNext]);\n\n const iconSize = {\n height: 24,\n width: 24,\n };\n\n const moveButtonProps: IconButtonProps = {\n variant: 'ghost',\n size: '3',\n style: { borderRadius: '50%' },\n };\n\n if (!page) return null;\n\n return (\n <Flex align=\"center\" className=\"tipp-pagination\" gap=\"4\">\n <IconButton\n disabled={!doublePrev}\n onClick={onClickDoublePrev}\n {...moveButtonProps}\n >\n <DoubleArrowLeftIcon {...iconSize} />\n </IconButton>\n <IconButton disabled={!prev} onClick={onClickPrev} {...moveButtonProps}>\n <ChevronLeftIcon {...iconSize} />\n </IconButton>\n <Flex gap=\"1\">\n {visibleItems.map((item) => {\n return (\n <button\n className={`page-button ${item === page ? 'active' : ''}`}\n key={item}\n onClick={() => {\n setPage(item);\n }}\n type=\"button\"\n >\n <Typo variant=\"body\">{item}</Typo>\n </button>\n );\n })}\n </Flex>\n <IconButton disabled={!next} onClick={onClickNext} {...moveButtonProps}>\n <ChevronRightIcon {...iconSize} />\n </IconButton>\n <IconButton\n disabled={!doubleNext}\n onClick={onClickDoubleNext}\n {...moveButtonProps}\n >\n <DoubleArrowRightIcon {...iconSize} />\n </IconButton>\n </Flex>\n );\n}\n"],"mappings":"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","names":[]}
@@ -1,49 +0,0 @@
1
- import {
2
- ToastContainer
3
- } from "./chunk-NJ2U2TVS.js";
4
- import {
5
- ThemeProvider
6
- } from "./chunk-BVBX6IJ3.js";
7
- import {
8
- __objRest,
9
- __spreadValues
10
- } from "./chunk-N552FDTV.js";
11
-
12
- // src/atoms/drawer.tsx
13
- import * as Dialog from "@radix-ui/react-dialog";
14
- import { jsx, jsxs } from "react/jsx-runtime";
15
- function Root2(props) {
16
- return /* @__PURE__ */ jsx(Dialog.Root, __spreadValues({}, props));
17
- }
18
- function Content2(props) {
19
- const _a = props, { position = "right", className } = _a, rest = __objRest(_a, ["position", "className"]);
20
- return /* @__PURE__ */ jsx(Dialog.Portal, { children: /* @__PURE__ */ jsxs(ThemeProvider, { children: [
21
- /* @__PURE__ */ jsx(Dialog.Overlay, { className: "DrawerOverlay" }),
22
- /* @__PURE__ */ jsx(
23
- Dialog.Content,
24
- __spreadValues({
25
- className: `DrawerContent ${position} ${className || ""}`
26
- }, rest)
27
- ),
28
- /* @__PURE__ */ jsx(ToastContainer, {})
29
- ] }) });
30
- }
31
- function Trigger2(props) {
32
- return /* @__PURE__ */ jsx(Dialog.Trigger, __spreadValues({ asChild: true }, props));
33
- }
34
- var Drawer = {
35
- Root: Dialog.Root,
36
- Trigger: Trigger2,
37
- Content: Content2,
38
- Close: Dialog.Close,
39
- Title: Dialog.Title,
40
- Description: Dialog.Description
41
- };
42
-
43
- export {
44
- Root2 as Root,
45
- Content2 as Content,
46
- Trigger2 as Trigger,
47
- Drawer
48
- };
49
- //# sourceMappingURL=chunk-ONYSO7Y2.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/atoms/drawer.tsx"],"sourcesContent":["import React from 'react';\nimport * as Dialog from '@radix-ui/react-dialog';\nimport { ThemeProvider } from '../theme/theme-provider';\nimport { ToastContainer } from './toast';\n\nexport function Root(props: Dialog.DialogProps): React.ReactNode {\n return <Dialog.Root {...props} />;\n}\n\ntype ContentProps = Dialog.DialogContentProps & {\n /** Drawer가 붙는 위치, 기본값 right */\n position?: 'left' | 'right' | 'bottom' | 'top';\n};\n\nexport function Content(props: ContentProps): React.ReactNode {\n const { position = 'right', className, ...rest } = props;\n return (\n <Dialog.Portal>\n <ThemeProvider>\n <Dialog.Overlay className=\"DrawerOverlay\" />\n <Dialog.Content\n className={`DrawerContent ${position} ${className || ''}`}\n {...rest}\n />\n <ToastContainer />\n </ThemeProvider>\n </Dialog.Portal>\n );\n}\n\nexport function Trigger(props: Dialog.DialogTriggerProps): React.ReactNode {\n return <Dialog.Trigger asChild {...props} />;\n}\n\nexport const Drawer = {\n Root: Dialog.Root,\n Trigger,\n Content,\n Close: Dialog.Close,\n Title: Dialog.Title,\n Description: Dialog.Description,\n};\n"],"mappings":";;;;;;;;;;;;AACA,YAAY,YAAY;AAKf,cAYH,YAZG;AADF,SAASA,MAAK,OAA4C;AAC/D,SAAO,oBAAQ,aAAP,mBAAgB,MAAO;AACjC;AAOO,SAASC,SAAQ,OAAsC;AAC5D,QAAmD,YAA3C,aAAW,SAAS,UAf9B,IAeqD,IAAT,iBAAS,IAAT,CAAlC,YAAoB;AAC5B,SACE,oBAAQ,eAAP,EACC,+BAAC,iBACC;AAAA,wBAAQ,gBAAP,EAAe,WAAU,iBAAgB;AAAA,IAC1C;AAAA,MAAQ;AAAA,MAAP;AAAA,QACC,WAAW,iBAAiB,QAAQ,IAAI,aAAa,EAAE;AAAA,SACnD;AAAA,IACN;AAAA,IACA,oBAAC,kBAAe;AAAA,KAClB,GACF;AAEJ;AAEO,SAASC,SAAQ,OAAmD;AACzE,SAAO,oBAAQ,gBAAP,iBAAe,SAAO,QAAK,MAAO;AAC5C;AAEO,IAAM,SAAS;AAAA,EACpB,MAAa;AAAA,EACb,SAAAA;AAAA,EACA,SAAAD;AAAA,EACA,OAAc;AAAA,EACd,OAAc;AAAA,EACd,aAAoB;AACtB;","names":["Root","Content","Trigger"]}
@@ -1,18 +0,0 @@
1
- // src/utils/get-cell-align.ts
2
- var getCellAlign = (arg) => {
3
- const { dataType } = arg;
4
- switch (dataType) {
5
- case "number":
6
- case "date":
7
- case "time":
8
- return "right";
9
- case "string":
10
- default:
11
- return "left";
12
- }
13
- };
14
-
15
- export {
16
- getCellAlign
17
- };
18
- //# sourceMappingURL=chunk-T6KADTJZ.js.map
@@ -1 +0,0 @@
1
- {"version":3,"sources":["../src/utils/get-cell-align.ts"],"sourcesContent":["import type { ColumnMeta } from '@tanstack/react-table';\n\nexport type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = NonNullable<ColumnMeta<unknown, unknown>['align']>;\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n const { dataType } = arg;\n\n switch (dataType) {\n case 'number':\n case 'date':\n case 'time':\n return 'right';\n case 'string':\n default:\n return 'left';\n }\n};\n"],"mappings":";AAKO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;","names":[]}