@mindlogic-ai/logician-ui 3.2.0-alpha.5 → 4.0.0-alpha.10

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.
Files changed (80) hide show
  1. package/dist/components/Loaders/PageLoader.d.ts.map +1 -1
  2. package/dist/components/Loaders/PageLoader.js +2 -2
  3. package/dist/components/Loaders/PageLoader.js.map +1 -1
  4. package/dist/components/Loaders/PageLoader.mjs +2 -2
  5. package/dist/components/Loaders/PageLoader.mjs.map +1 -1
  6. package/dist/components/Loaders/SectionLoader.d.ts.map +1 -1
  7. package/dist/components/Loaders/SectionLoader.js +2 -2
  8. package/dist/components/Loaders/SectionLoader.js.map +1 -1
  9. package/dist/components/Loaders/SectionLoader.mjs +2 -2
  10. package/dist/components/Loaders/SectionLoader.mjs.map +1 -1
  11. package/dist/components/Tag/Tag.d.ts.map +1 -1
  12. package/dist/components/Tag/Tag.js +1 -1
  13. package/dist/components/Tag/Tag.js.map +1 -1
  14. package/dist/components/Tag/Tag.mjs +1 -1
  15. package/dist/components/Tag/Tag.mjs.map +1 -1
  16. package/dist/components/Tag/Tag.styles.d.ts.map +1 -1
  17. package/dist/components/Tag/Tag.styles.js +22 -16
  18. package/dist/components/Tag/Tag.styles.js.map +1 -1
  19. package/dist/components/Tag/Tag.styles.mjs +22 -16
  20. package/dist/components/Tag/Tag.styles.mjs.map +1 -1
  21. package/dist/components/Tree/Tree.d.ts +5 -1
  22. package/dist/components/Tree/Tree.d.ts.map +1 -1
  23. package/dist/components/Tree/Tree.types.d.ts +29 -1
  24. package/dist/components/Tree/Tree.types.d.ts.map +1 -1
  25. package/dist/components/Tree/TreeBranchIndentGuide.d.ts +5 -1
  26. package/dist/components/Tree/TreeBranchIndentGuide.d.ts.map +1 -1
  27. package/dist/components/Tree/TreeBranchIndentGuide.js +107 -8
  28. package/dist/components/Tree/TreeBranchIndentGuide.js.map +1 -1
  29. package/dist/components/Tree/TreeBranchIndentGuide.mjs +107 -8
  30. package/dist/components/Tree/TreeBranchIndentGuide.mjs.map +1 -1
  31. package/dist/components/Typography/Link.d.ts.map +1 -1
  32. package/dist/components/Typography/Link.js +6 -1
  33. package/dist/components/Typography/Link.js.map +1 -1
  34. package/dist/components/Typography/Link.mjs +6 -1
  35. package/dist/components/Typography/Link.mjs.map +1 -1
  36. package/dist/index.d.ts +0 -1
  37. package/dist/index.d.ts.map +1 -1
  38. package/dist/index.js +0 -2
  39. package/dist/index.js.map +1 -1
  40. package/dist/index.mjs +0 -1
  41. package/dist/index.mjs.map +1 -1
  42. package/dist/theme/global.d.ts.map +1 -1
  43. package/dist/theme/global.js +4 -1
  44. package/dist/theme/global.js.map +1 -1
  45. package/dist/theme/global.mjs +4 -1
  46. package/dist/theme/global.mjs.map +1 -1
  47. package/dist/theme/index.d.ts +1 -1
  48. package/dist/theme/index.d.ts.map +1 -1
  49. package/dist/theme/index.js +8 -4
  50. package/dist/theme/index.js.map +1 -1
  51. package/dist/theme/index.mjs +8 -4
  52. package/dist/theme/index.mjs.map +1 -1
  53. package/package.json +1 -3
  54. package/src/components/Loaders/PageLoader.tsx +3 -5
  55. package/src/components/Loaders/SectionLoader.tsx +3 -2
  56. package/src/components/Tag/Tag.styles.ts +22 -16
  57. package/src/components/Tag/Tag.tsx +1 -0
  58. package/src/components/Tree/Tree.GuideElbow.stories.tsx +220 -0
  59. package/src/components/Tree/Tree.types.ts +29 -1
  60. package/src/components/Tree/TreeBranchIndentGuide.test.tsx +213 -0
  61. package/src/components/Tree/TreeBranchIndentGuide.tsx +137 -11
  62. package/src/components/Typography/Link.tsx +5 -1
  63. package/src/index.ts +0 -1
  64. package/src/theme/global.ts +4 -1
  65. package/src/theme/index.ts +8 -4
  66. package/dist/components/MDXEditor/MDXEditor.d.ts +0 -6
  67. package/dist/components/MDXEditor/MDXEditor.d.ts.map +0 -1
  68. package/dist/components/MDXEditor/MDXEditor.js +0 -237
  69. package/dist/components/MDXEditor/MDXEditor.js.map +0 -1
  70. package/dist/components/MDXEditor/MDXEditor.mjs +0 -235
  71. package/dist/components/MDXEditor/MDXEditor.mjs.map +0 -1
  72. package/dist/components/MDXEditor/MDXEditor.types.d.ts +0 -7
  73. package/dist/components/MDXEditor/MDXEditor.types.d.ts.map +0 -1
  74. package/dist/components/MDXEditor/index.d.ts +0 -3
  75. package/dist/components/MDXEditor/index.d.ts.map +0 -1
  76. package/src/components/MDXEditor/MDXEditor.css +0 -40
  77. package/src/components/MDXEditor/MDXEditor.stories.tsx +0 -56
  78. package/src/components/MDXEditor/MDXEditor.tsx +0 -337
  79. package/src/components/MDXEditor/MDXEditor.types.ts +0 -7
  80. package/src/components/MDXEditor/index.ts +0 -2
@@ -1,235 +0,0 @@
1
- "use client";
2
- import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
3
- import { forwardRef, useState, useRef, useImperativeHandle } from 'react';
4
- import { useToken, Box } from '@chakra-ui/react';
5
- import { MDXEditor as MDXEditor$1, headingsPlugin, linkPlugin, listsPlugin, imagePlugin, quotePlugin, thematicBreakPlugin, markdownShortcutPlugin, tablePlugin, diffSourcePlugin, toolbarPlugin, UndoRedo, Separator, BoldItalicUnderlineToggles, CodeToggle, ListsToggle, BlockTypeSelect, InsertTable, InsertThematicBreak, DiffSourceToggleWrapper } from '@mdxeditor/editor';
6
- import '@mdxeditor/editor/style.css';
7
-
8
- const MDXEditor = forwardRef(({ containerProps, autoFocus = true, onError, ...rest }, ref) => {
9
- const [error, setError] = useState(null);
10
- // Resolve theme tokens to actual values
11
- const [space1, space2, space4] = useToken('spacing', ['1', '2', '4']);
12
- const [radiusSm] = useToken('radii', ['sm']);
13
- // 내부적으로 Editor 인스턴스를 참조하기 위한 로컬 ref
14
- const editorRef = useRef(null);
15
- // 부모 컴포넌트로 전달된 ref가 editorRef를 바라보도록 연결
16
- useImperativeHandle(ref, () => editorRef.current, []);
17
- const handleContainerClick = (e) => {
18
- // Only focus if clicking on the container itself, not on toolbar and table elements
19
- const target = e.target;
20
- const isToolbarClick = target.closest('.mdxeditor-toolbar');
21
- const isTableClick = target.closest('table');
22
- const isPopupClick = target.closest('.mdxeditor-popup-container');
23
- if (!isToolbarClick && !isTableClick && !isPopupClick) {
24
- editorRef.current?.focus();
25
- }
26
- };
27
- return (jsx(Box, { width: "100%", height: "100%", borderWidth: "1px", borderRadius: "lg", overflow: "hidden", onClick: handleContainerClick, cursor: "text", ...containerProps, css: {
28
- /**
29
- * Chakra v3 css prop styling notes:
30
- *
31
- * 1. All nested selectors require '&' prefix (e.g., '& .class', '& h1')
32
- * 2. Use full CSS property names (background, padding) instead of Chakra
33
- * shorthand props (bg, p) in nested selectors
34
- * 3. Color values must be resolved via useToken(), not token strings
35
- * 4. Font sizes use responsive objects: { base: '2.4em', md: '3em' }
36
- * 5. List styles must be explicitly defined (listStyleType, etc.)
37
- *
38
- * These requirements differ from v2's sx prop, which was more implicit.
39
- * v3 prioritizes performance and explicitness over automatic handling.
40
- */
41
- ...containerProps?.css,
42
- '& .mdxeditor': {
43
- width: '100%',
44
- minHeight: '300px',
45
- height: '100%',
46
- background: 'var(--chakra-colors-bg-surface)',
47
- display: 'flex',
48
- flexDirection: 'column',
49
- },
50
- '& .mdxeditor-toolbar': {
51
- display: 'flex',
52
- gap: space2,
53
- padding: space2,
54
- borderBottomWidth: '1px',
55
- background: 'var(--chakra-colors-bg-subtle)',
56
- flexShrink: 0,
57
- cursor: 'default',
58
- },
59
- // Toolbar icons. mdxeditor colors its toolbar svgs with its own
60
- // `--baseTextContrast` (its internal slate scale), which doesn't follow
61
- // our color mode — in dark mode they stay near-black (#1c2024) and all
62
- // but vanish against the dark toolbar. Flip them onto the semantic
63
- // foreground token so they track light/dark like the editor body text.
64
- '& .mdxeditor-toolbar svg': {
65
- color: 'var(--chakra-colors-fg-default)',
66
- },
67
- // Disabled toolbar buttons (e.g. undo/redo with nothing to undo) — keep
68
- // them dimmed but still mode-aware, instead of mdxeditor's light-only
69
- // border color.
70
- '& .mdxeditor-toolbar [data-disabled] svg': {
71
- color: 'var(--chakra-colors-fg-subtle)',
72
- },
73
- // Hover / pressed / toggled-on backgrounds. mdxeditor paints these with
74
- // `--baseBgActive` (its slate scale), which also doesn't track the color
75
- // mode — in dark mode it goes light-grey, so the now-light icons sit on a
76
- // light fill and disappear on hover and when a format is active. Flip the
77
- // fill onto the semantic hover token so it stays mode-aware.
78
- '& .mdxeditor-toolbar button:hover, & .mdxeditor-toolbar button[data-state="on"], & .mdxeditor-toolbar button:active': {
79
- background: 'var(--chakra-colors-bg-muted)',
80
- },
81
- // Block-type select trigger in the toolbar — mdxeditor themes it with
82
- // its own vars (left white), so flip it onto the semantic surface.
83
- '& [class*="_selectTrigger_"]': {
84
- background: 'var(--chakra-colors-bg-surface)',
85
- color: 'var(--chakra-colors-fg-default)',
86
- },
87
- // Target the root contenteditable wrapper
88
- '& [class*="_rootContentEditableWrapper_"]': {
89
- flex: 1,
90
- display: 'flex',
91
- flexDirection: 'column',
92
- minHeight: 0,
93
- height: '100%',
94
- overflow: 'auto',
95
- },
96
- // Target the actual contenteditable element
97
- '& [contenteditable="true"]': {
98
- flex: 1,
99
- minHeight: '100%',
100
- outline: 'none',
101
- },
102
- // Target any intermediate wrapper elements
103
- '& [class*="_contentEditable_"]': {
104
- flex: 1,
105
- display: 'flex',
106
- flexDirection: 'column',
107
- },
108
- '& .content-editable': {
109
- padding: space4,
110
- color: 'var(--chakra-colors-fg-default)',
111
- display: 'flex',
112
- flexDirection: 'column',
113
- gap: radiusSm,
114
- flex: 1,
115
- height: '100%',
116
- '& h1, & h2, & h3, & h4, & h5': {
117
- marginBottom: '2px',
118
- fontWeight: 'bold',
119
- },
120
- '& h1:not(:first-child), & h2:not(:first-child), & h3:not(:first-child), & h4:not(:first-child)': {
121
- marginTop: space1,
122
- },
123
- /**
124
- * Font sizes - Cannot be tokenized due to responsive objects
125
- *
126
- * Unlike spacing/radii/colors, fontSize values here are responsive objects
127
- * { base: '2.4em', md: '3em' } which cannot be stored as regular tokens
128
- * in Chakra v3. Only textStyles support responsive values, but we cannot
129
- * extract just the fontSize from textStyles using useToken().
130
- *
131
- * These values match theme/index.ts textStyles exactly and must be
132
- * manually synchronized when updating the theme:
133
- * - h1: { base: '2.4em', md: '3em' }
134
- * - h2: { base: '2em', md: '2.5em' }
135
- * - h3: { base: '1.5em', md: '1.75em' }
136
- * - h4: { base: '1.25em', md: '1.44em' }
137
- * - h5: { base: '1.1em', md: '1.2em' }
138
- */
139
- '& h1': {
140
- fontSize: { base: '2.4em', md: '3em' },
141
- },
142
- '& h2': {
143
- fontSize: { base: '2em', md: '2.5em' },
144
- },
145
- '& h3': {
146
- fontSize: { base: '1.5em', md: '1.75em' },
147
- },
148
- '& h4': {
149
- fontSize: { base: '1.25em', md: '1.44em' },
150
- },
151
- '& h5': {
152
- fontSize: { base: '1.1em', md: '1.2em' },
153
- },
154
- /**
155
- * List styling - IMPORTANT: v3 requires explicit list-style properties
156
- *
157
- * In Chakra v2, the `sx` prop automatically preserved browser default list styles.
158
- * In Chakra v3, the `css` prop is more explicit and performant, but requires
159
- * manual specification of list styles to override MDXEditor's CSS resets.
160
- *
161
- * Required properties:
162
- * - listStyleType: 'disc' (ul) or 'decimal' (ol) - Shows bullets/numbers
163
- * - listStylePosition: 'outside' - Places markers outside content box
164
- * - display: 'list-item' (on li) - Ensures proper list item rendering
165
- *
166
- * Why this changed: v3 optimized for speed by removing automatic style inference,
167
- * requiring more explicit style declarations.
168
- */
169
- '& ul': {
170
- marginTop: space2,
171
- paddingInlineStart: space4,
172
- listStyleType: 'disc',
173
- listStylePosition: 'outside',
174
- },
175
- '& ol': {
176
- marginTop: space2,
177
- paddingInlineStart: space4,
178
- listStyleType: 'decimal',
179
- listStylePosition: 'outside',
180
- },
181
- '& li': {
182
- lineHeight: '1.5',
183
- marginBottom: space2,
184
- display: 'list-item',
185
- },
186
- '& blockquote': {
187
- borderLeftWidth: '4px',
188
- borderLeftColor: 'var(--chakra-colors-primary-light)',
189
- background: 'var(--chakra-colors-primary-lighter)',
190
- paddingLeft: space4,
191
- paddingBlock: space2,
192
- marginBlock: space4,
193
- color: 'var(--chakra-colors-fg-muted)',
194
- },
195
- '& a': {
196
- color: 'var(--chakra-colors-primary-main)',
197
- textDecoration: 'underline',
198
- },
199
- '& code': {
200
- fontFamily: 'mono',
201
- background: 'var(--chakra-colors-bg-muted)',
202
- paddingInline: space1,
203
- borderRadius: radiusSm,
204
- '& span': {
205
- background: 'transparent',
206
- },
207
- },
208
- },
209
- '& .mdxeditor-diff-source-wrapper': {
210
- overflow: 'auto',
211
- },
212
- }, children: jsx(MDXEditor$1, { ref: editorRef, contentEditableClassName: "content-editable", overlayContainer: typeof document !== 'undefined' ? document.body : undefined, autoFocus: autoFocus, onError: ({ error }) => {
213
- setError(error);
214
- onError?.(error);
215
- }, plugins: [
216
- headingsPlugin({
217
- allowedHeadingLevels: [2, 3, 4, 5],
218
- }),
219
- linkPlugin(),
220
- listsPlugin(),
221
- imagePlugin(),
222
- quotePlugin(),
223
- thematicBreakPlugin(),
224
- markdownShortcutPlugin(),
225
- tablePlugin(),
226
- diffSourcePlugin(),
227
- toolbarPlugin({
228
- toolbarContents: () => (jsxs(Fragment, { children: [jsx(UndoRedo, {}), jsx(Separator, {}), jsx(BoldItalicUnderlineToggles, {}), jsx(CodeToggle, {}), jsx(Separator, {}), jsx(ListsToggle, {}), jsx(Separator, {}), jsx(BlockTypeSelect, {}), jsx(Separator, {}), jsx(InsertTable, {}), jsx(InsertThematicBreak, {}), error && (jsx(DiffSourceToggleWrapper, { options: ['rich-text', 'source'], children: jsx(Fragment, {}) }))] })),
229
- }),
230
- ], ...rest }) }));
231
- });
232
- MDXEditor.displayName = 'MDXEditor';
233
-
234
- export { MDXEditor };
235
- //# sourceMappingURL=MDXEditor.mjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MDXEditor.mjs","sources":["../../../src/components/MDXEditor/MDXEditor.tsx"],"sourcesContent":[null],"names":["_jsx","Editor","_jsxs","_Fragment"],"mappings":"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"}
@@ -1,7 +0,0 @@
1
- import { BoxProps } from '@chakra-ui/react';
2
- import { MDXEditorProps as BaseEditorProps } from '@mdxeditor/editor';
3
- export interface MDXEditorProps extends Omit<BaseEditorProps, 'onError'> {
4
- containerProps?: BoxProps;
5
- onError?: (error: string) => void;
6
- }
7
- //# sourceMappingURL=MDXEditor.types.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"MDXEditor.types.d.ts","sourceRoot":"","sources":["../../../src/components/MDXEditor/MDXEditor.types.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,kBAAkB,CAAC;AAC5C,OAAO,EAAE,cAAc,IAAI,eAAe,EAAE,MAAM,mBAAmB,CAAC;AAEtE,MAAM,WAAW,cAAe,SAAQ,IAAI,CAAC,eAAe,EAAE,SAAS,CAAC;IACtE,cAAc,CAAC,EAAE,QAAQ,CAAC;IAC1B,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACnC"}
@@ -1,3 +0,0 @@
1
- export * from './MDXEditor';
2
- export * from './MDXEditor.types';
3
- //# sourceMappingURL=index.d.ts.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/MDXEditor/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,mBAAmB,CAAC"}
@@ -1,40 +0,0 @@
1
- /* MDXEditor popup container overrides */
2
- [class*='_popupContainer_'] {
3
- z-index: 9999 !important;
4
- }
5
-
6
- .mdxeditor-popup-container {
7
- z-index: 9999 !important;
8
- }
9
-
10
- /* MDXEditor select content overrides */
11
- [class*='_selectContent_'] {
12
- z-index: 9999 !important;
13
- }
14
-
15
- .mdxeditor-select-content {
16
- z-index: 9999 !important;
17
- }
18
-
19
- [data-radix-select-content] {
20
- z-index: 9999 !important;
21
- }
22
-
23
- /*
24
- * Block-type select dropdown popup. It's portaled outside `.mdxeditor`, so the
25
- * scoped css prop can't reach it — flip its surface/text/highlight onto the
26
- * semantic tokens here (they resolve per color mode via the `.dark` class).
27
- */
28
- .mdxeditor-select-content {
29
- background: var(--chakra-colors-bg-surface) !important;
30
- color: var(--chakra-colors-fg-default);
31
- }
32
-
33
- .mdxeditor-select-content [class*='_selectItem_'] {
34
- color: var(--chakra-colors-fg-default);
35
- }
36
-
37
- .mdxeditor-select-content [class*='_selectItem_'][data-highlighted],
38
- .mdxeditor-select-content [class*='_selectItem_']:hover {
39
- background: var(--chakra-colors-bg-muted) !important;
40
- }
@@ -1,56 +0,0 @@
1
- import type { Meta, StoryObj } from '@storybook/react';
2
-
3
- import { MDXEditor } from './MDXEditor';
4
-
5
- const meta = {
6
- title: 'Components/MDXEditor',
7
- component: MDXEditor,
8
- tags: ['autodocs'],
9
- } satisfies Meta<typeof MDXEditor>;
10
-
11
- export default meta;
12
-
13
- type Story = StoryObj<typeof MDXEditor>;
14
-
15
- const sampleMarkdown = `# Hello World
16
- This is a sample markdown text. You can:
17
- - Make lists
18
- - **Bold text**
19
- - *Italic text*
20
- - Create [links](https://example.com)
21
- ## Second Level Heading
22
- > This is a blockquote
23
- 1. Numbered lists
24
- 2. Work too!
25
- ---
26
- ### Try the editor out!
27
- `;
28
-
29
- const sampleMarkdownWithError = `
30
- Sample Link (<https://example.com>)
31
- `;
32
-
33
- export const Default: Story = {
34
- args: {
35
- markdown: sampleMarkdown,
36
- },
37
- };
38
-
39
- export const Empty: Story = {
40
- args: {
41
- markdown: '',
42
- },
43
- };
44
-
45
- export const WithPlaceholder: Story = {
46
- args: {
47
- markdown: '',
48
- placeholder: '마크다운을 입력해보세요...',
49
- },
50
- };
51
-
52
- export const Error: Story = {
53
- args: {
54
- markdown: sampleMarkdownWithError,
55
- },
56
- };