podo-ui 0.3.9 → 0.3.11
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.
- package/dist/{react.d.ts → index.d.ts} +1 -1
- package/dist/{react.d.ts.map → index.d.ts.map} +1 -1
- package/dist/react/atom/editor-view.module.scss +3 -3
- package/dist/react/atom/editor.module.scss +5 -5
- package/global.d.ts +5 -0
- package/package.json +25 -21
- package/readme.md +4 -12
- package/dist/next.d.ts +0 -16
- package/dist/next.d.ts.map +0 -1
- package/dist/next.js +0 -17
- /package/dist/{react.js → index.js} +0 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,MAAM,MAAM,qBAAqB,CAAC;AACzC,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,QAAA,MAAM,IAAI;;;;;;CAMT,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
|
-
@use '
|
|
2
|
-
@use '
|
|
3
|
-
@use '
|
|
1
|
+
@use '../../../scss/color/function.scss' as *;
|
|
2
|
+
@use '../../../scss/typo/mixin.scss' as typo;
|
|
3
|
+
@use '../../../scss/layout/radius.scss' as *;
|
|
4
4
|
|
|
5
5
|
.editorView {
|
|
6
6
|
color: color(text-body);
|
|
@@ -1,8 +1,8 @@
|
|
|
1
|
-
@use '
|
|
2
|
-
@use '
|
|
3
|
-
@use '
|
|
4
|
-
@use '
|
|
5
|
-
@use '
|
|
1
|
+
@use '../../../scss/color/function.scss' as *;
|
|
2
|
+
@use '../../../scss/layout/radius.scss' as *;
|
|
3
|
+
@use '../../../scss/typo/mixin.scss' as typo;
|
|
4
|
+
@use '../../../scss/typo/font-size.scss' as *;
|
|
5
|
+
@use '../../../scss/layout/device.scss' as *;
|
|
6
6
|
|
|
7
7
|
.editor {
|
|
8
8
|
display: flex;
|
package/global.d.ts
ADDED
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "podo-ui",
|
|
3
|
-
"version": "0.3.
|
|
3
|
+
"version": "0.3.11",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"author": "hada0127 <work@tarucy.net>",
|
|
6
6
|
"license": "MIT",
|
|
@@ -12,31 +12,22 @@
|
|
|
12
12
|
"url": "https://github.com/hada0127/podo-ui/issues"
|
|
13
13
|
},
|
|
14
14
|
"homepage": "https://podoui.com",
|
|
15
|
-
"main": "dist/
|
|
16
|
-
"types": "dist/
|
|
15
|
+
"main": "dist/index.js",
|
|
16
|
+
"types": "dist/index.d.ts",
|
|
17
17
|
"files": [
|
|
18
18
|
"dist",
|
|
19
19
|
"scss",
|
|
20
20
|
"global.scss",
|
|
21
|
+
"global.d.ts",
|
|
21
22
|
"mixin.scss",
|
|
22
23
|
"vite-fonts.scss",
|
|
23
24
|
"README.md"
|
|
24
25
|
],
|
|
25
26
|
"exports": {
|
|
26
27
|
".": {
|
|
27
|
-
"types": "./dist/
|
|
28
|
-
"import": "./dist/
|
|
29
|
-
"default": "./dist/
|
|
30
|
-
},
|
|
31
|
-
"./react": {
|
|
32
|
-
"types": "./dist/react.d.ts",
|
|
33
|
-
"import": "./dist/react.js",
|
|
34
|
-
"default": "./dist/react.js"
|
|
35
|
-
},
|
|
36
|
-
"./next": {
|
|
37
|
-
"types": "./dist/next.d.ts",
|
|
38
|
-
"import": "./dist/next.js",
|
|
39
|
-
"default": "./dist/next.js"
|
|
28
|
+
"types": "./dist/index.d.ts",
|
|
29
|
+
"import": "./dist/index.js",
|
|
30
|
+
"default": "./dist/index.js"
|
|
40
31
|
},
|
|
41
32
|
"./react/atom/*": {
|
|
42
33
|
"types": "./dist/react/atom/*.d.ts",
|
|
@@ -48,17 +39,30 @@
|
|
|
48
39
|
"import": "./dist/react/molecule/*.js",
|
|
49
40
|
"default": "./dist/react/molecule/*.js"
|
|
50
41
|
},
|
|
51
|
-
"./global.scss":
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
42
|
+
"./global.scss": {
|
|
43
|
+
"types": "./global.d.ts",
|
|
44
|
+
"default": "./global.scss"
|
|
45
|
+
},
|
|
46
|
+
"./mixin.scss": {
|
|
47
|
+
"types": "./global.d.ts",
|
|
48
|
+
"default": "./mixin.scss"
|
|
49
|
+
},
|
|
50
|
+
"./vite-fonts.scss": {
|
|
51
|
+
"types": "./global.d.ts",
|
|
52
|
+
"default": "./vite-fonts.scss"
|
|
53
|
+
},
|
|
54
|
+
"./scss/*": {
|
|
55
|
+
"types": "./global.d.ts",
|
|
56
|
+
"default": "./scss/*"
|
|
57
|
+
},
|
|
55
58
|
"./package.json": "./package.json"
|
|
56
59
|
},
|
|
57
60
|
"scripts": {
|
|
58
61
|
"dev": "next dev",
|
|
59
62
|
"build": "next build",
|
|
60
|
-
"build:lib": "npm run clean && tsc -p tsconfig.build.json && npm run copy:styles",
|
|
63
|
+
"build:lib": "npm run clean && tsc -p tsconfig.build.json && npm run copy:styles && npm run fix:scss-paths",
|
|
61
64
|
"copy:styles": "find react -name '*.scss' -exec sh -c 'mkdir -p \"dist/$(dirname \"{}\")\" && cp \"{}\" \"dist/{}\"' \\;",
|
|
65
|
+
"fix:scss-paths": "find dist/react -name '*.scss' -type f -exec sed -i '' 's|../../scss|../../../scss|g' {} \\;",
|
|
62
66
|
"clean": "rm -rf dist && rm -f .tsbuildinfo",
|
|
63
67
|
"prepublishOnly": "npm run build:lib",
|
|
64
68
|
"start": "next start",
|
package/readme.md
CHANGED
|
@@ -34,20 +34,12 @@ import 'podo-ui/vite-fonts.scss'; // Vite 사용 시
|
|
|
34
34
|
### React 컴포넌트
|
|
35
35
|
|
|
36
36
|
```tsx
|
|
37
|
-
//
|
|
38
|
-
import Input from 'podo-ui
|
|
39
|
-
import Textarea from 'podo-ui/react/atom/textarea';
|
|
40
|
-
import Editor from 'podo-ui/react/atom/editor';
|
|
41
|
-
import EditorView from 'podo-ui/react/atom/editor-view';
|
|
37
|
+
// Named imports로 개별 컴포넌트 가져오기
|
|
38
|
+
import { Input, Textarea, Editor, EditorView, Field, Pagination } from 'podo-ui';
|
|
42
39
|
|
|
43
|
-
//
|
|
40
|
+
// 또는 개별 컴포넌트 직접 import (레거시 방식)
|
|
41
|
+
import Input from 'podo-ui/react/atom/input';
|
|
44
42
|
import Field from 'podo-ui/react/molecule/field';
|
|
45
|
-
import Pagination from 'podo-ui/react/molecule/pagination';
|
|
46
|
-
import Toast from 'podo-ui/react/molecule/toast';
|
|
47
|
-
import ToastProvider from 'podo-ui/react/molecule/toast-provider';
|
|
48
|
-
|
|
49
|
-
// SCSS 모듈도 함께 import (Next.js에서)
|
|
50
|
-
import 'podo-ui/dist/react/atom/input.module.scss';
|
|
51
43
|
```
|
|
52
44
|
|
|
53
45
|
## 주요 기능
|
package/dist/next.d.ts
DELETED
|
@@ -1,16 +0,0 @@
|
|
|
1
|
-
import Input from './react/atom/input';
|
|
2
|
-
import Textarea from './react/atom/textarea';
|
|
3
|
-
import EditorView from './react/atom/editor-view';
|
|
4
|
-
import Pagination from './react/molecule/pagination';
|
|
5
|
-
import Field from './react/molecule/field';
|
|
6
|
-
declare const Editor: import("react").ComponentType<import("./react/atom/editor").EditorProps>;
|
|
7
|
-
declare const Form: {
|
|
8
|
-
Input: import("react").FC<import("./react/atom/input").InputWrapperProps>;
|
|
9
|
-
Textarea: import("react").FC<import("./react/atom/textarea").TextareaWrapperProps>;
|
|
10
|
-
Editor: import("react").ComponentType<import("./react/atom/editor").EditorProps>;
|
|
11
|
-
EditorView: ({ value, className }: import("./react/atom/editor-view").EditorViewProps) => import("react/jsx-runtime").JSX.Element;
|
|
12
|
-
Field: ({ label, labelClass, required, helper, helperClass, children, validator, value, setClassName, className, }: import("./react/molecule/field").FieldProps) => import("react/jsx-runtime").JSX.Element;
|
|
13
|
-
};
|
|
14
|
-
export default Form;
|
|
15
|
-
export { Input, Textarea, Editor, EditorView, Pagination, Field };
|
|
16
|
-
//# sourceMappingURL=next.d.ts.map
|
package/dist/next.d.ts.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"next.d.ts","sourceRoot":"","sources":["../next.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,MAAM,oBAAoB,CAAC;AACvC,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAC7C,OAAO,UAAU,MAAM,0BAA0B,CAAC;AAClD,OAAO,UAAU,MAAM,6BAA6B,CAAC;AACrD,OAAO,KAAK,MAAM,wBAAwB,CAAC;AAC3C,QAAA,MAAM,MAAM,0EAA+D,CAAC;AAE5E,QAAA,MAAM,IAAI;;;;;;CAMT,CAAC;AAEF,eAAe,IAAI,CAAC;AAEpB,OAAO,EAAE,KAAK,EAAE,QAAQ,EAAE,MAAM,EAAE,UAAU,EAAE,UAAU,EAAE,KAAK,EAAE,CAAC"}
|
package/dist/next.js
DELETED
|
@@ -1,17 +0,0 @@
|
|
|
1
|
-
'use client';
|
|
2
|
-
import dynamic from 'next/dynamic';
|
|
3
|
-
import Input from './react/atom/input';
|
|
4
|
-
import Textarea from './react/atom/textarea';
|
|
5
|
-
import EditorView from './react/atom/editor-view';
|
|
6
|
-
import Pagination from './react/molecule/pagination';
|
|
7
|
-
import Field from './react/molecule/field';
|
|
8
|
-
const Editor = dynamic(() => import('./react/atom/editor'), { ssr: false });
|
|
9
|
-
const Form = {
|
|
10
|
-
Input,
|
|
11
|
-
Textarea,
|
|
12
|
-
Editor,
|
|
13
|
-
EditorView,
|
|
14
|
-
Field,
|
|
15
|
-
};
|
|
16
|
-
export default Form;
|
|
17
|
-
export { Input, Textarea, Editor, EditorView, Pagination, Field };
|
|
File without changes
|