jongsultest 0.1.0 → 0.1.1

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 (8) hide show
  1. package/dist/index.d.mts +48 -11
  2. package/dist/index.d.ts +48 -11
  3. package/dist/index.js +40 -0
  4. package/dist/index.js.map +1 -1
  5. package/dist/index.mjs +39 -2
  6. package/dist/index.mjs.map +1 -1
  7. package/package.json +3 -2
  8. package/src/index.ts +3 -0
package/dist/index.d.mts CHANGED
@@ -1,12 +1,12 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as _mantine_core from '@mantine/core';
3
- import { ButtonProps, TextInputProps, PasswordInputProps, NumberInputProps, ColorInputProps, FileInputProps, FileInput, TextareaProps, RadioProps, RadioGroupProps, SwitchProps as SwitchProps$1, SegmentedControlProps, SelectProps, AutocompleteProps, BadgeProps, ActionIconProps, AccordionProps as AccordionProps$1, Accordion as Accordion$1, TitleProps, PaperProps, ModalProps as ModalProps$1, CSSProperties } from '@mantine/core';
3
+ import { ButtonProps, TextInputProps, PasswordInputProps, NumberInputProps, ColorInputProps, FileInputProps, FileInput, TextareaProps, RadioProps, RadioGroupProps, SwitchProps as SwitchProps$1, SegmentedControlProps, SelectProps, AutocompleteProps, BadgeProps, ActionIconProps, AccordionProps as AccordionProps$1, Accordion as Accordion$1, TitleProps, PaperProps, ModalProps as ModalProps$1, CSSProperties, DrawerProps } from '@mantine/core';
4
4
  import React, { ComponentPropsWithoutRef, ComponentType, ReactNode, PropsWithChildren } from 'react';
5
5
  import { DatePickerInputProps, DateTimePickerProps } from '@mantine/dates';
6
6
  import { DropResult } from '@hello-pangea/dnd';
7
7
 
8
- type Props$2 = ButtonProps & ComponentPropsWithoutRef<"button">;
9
- declare const Button: ({ style, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
8
+ type Props$5 = ButtonProps & ComponentPropsWithoutRef<"button">;
9
+ declare const Button: ({ style, ...props }: Props$5) => react_jsx_runtime.JSX.Element;
10
10
 
11
11
  declare const InputText: (props: TextInputProps) => react_jsx_runtime.JSX.Element;
12
12
 
@@ -74,13 +74,13 @@ declare const GripVerticalIcon: ({ size, color }: IconSvgProps) => react_jsx_run
74
74
  /** 하단 화살표 아이콘 */
75
75
  declare const ChevronDownIcon: ({ size, color }: IconSvgProps) => react_jsx_runtime.JSX.Element;
76
76
 
77
- type Props$1 = ActionIconProps & ComponentPropsWithoutRef<"button"> & {
77
+ type Props$4 = ActionIconProps & ComponentPropsWithoutRef<"button"> & {
78
78
  icon?: ComponentType<IconSvgProps>;
79
79
  iconSize?: number;
80
80
  iconColor?: string;
81
81
  children?: ReactNode;
82
82
  };
83
- declare const IconButton: ({ icon: Icon, iconSize, iconColor, disabled, children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
83
+ declare const IconButton: ({ icon: Icon, iconSize, iconColor, disabled, children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
84
84
 
85
85
  declare const inputClassNames: {
86
86
  input: string;
@@ -122,6 +122,12 @@ interface PaginationProps {
122
122
  }
123
123
  declare function Pagination({ total, page, onChange, siblings, boundaries, size, withEdges, position, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
124
124
 
125
+ type AccordionPanelStylesNames = 'panel' | 'content';
126
+
127
+ type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
128
+
129
+ type AccordionItemStylesNames = 'item';
130
+
125
131
  interface AccordionItemData {
126
132
  id: string;
127
133
  title: string;
@@ -144,11 +150,21 @@ declare namespace Accordion {
144
150
  var Item: _mantine_core.MantineComponent<{
145
151
  props: _mantine_core.AccordionItemProps;
146
152
  ref: HTMLDivElement;
147
- stylesNames: "item";
153
+ stylesNames: AccordionItemStylesNames;
154
+ compound: true;
155
+ }>;
156
+ var Control: _mantine_core.MantineComponent<{
157
+ props: _mantine_core.AccordionControlProps;
158
+ ref: HTMLButtonElement;
159
+ stylesNames: AccordionControlStylesNames;
160
+ compound: true;
161
+ }>;
162
+ var Panel: _mantine_core.MantineComponent<{
163
+ props: _mantine_core.AccordionPanelProps;
164
+ ref: HTMLDivElement;
165
+ stylesNames: AccordionPanelStylesNames;
148
166
  compound: true;
149
167
  }>;
150
- var Control;
151
- var Panel;
152
168
  }
153
169
 
154
170
  interface AccordionDraggableItem {
@@ -313,11 +329,11 @@ declare function PageHeader({ headerText, back }: {
313
329
  back?: boolean;
314
330
  }): react_jsx_runtime.JSX.Element;
315
331
 
316
- interface Props {
332
+ interface Props$3 {
317
333
  title: string;
318
334
  children: React.ReactNode;
319
335
  }
320
- declare const SectionGroupWithTitle: ({ title, children }: Props) => react_jsx_runtime.JSX.Element;
336
+ declare const SectionGroupWithTitle: ({ title, children }: Props$3) => react_jsx_runtime.JSX.Element;
321
337
 
322
338
  interface TagInputItem {
323
339
  id: string;
@@ -334,6 +350,27 @@ interface TagInputProps {
334
350
  }
335
351
  declare function TagInput({ label, placeholder, items, onAdd, onRemove, badgeVariant, badgeColor, }: TagInputProps): react_jsx_runtime.JSX.Element;
336
352
 
353
+ interface Props$2 {
354
+ title: string;
355
+ children: ReactNode;
356
+ footer?: ReactNode;
357
+ }
358
+ declare function MediDrawer({ title, children, footer, ...drawerProps }: Props$2 & DrawerProps): react_jsx_runtime.JSX.Element;
359
+
360
+ interface Props$1 {
361
+ label: string;
362
+ value: ReactNode;
363
+ }
364
+ declare const DescriptionRow: ({ label, value }: Props$1) => react_jsx_runtime.JSX.Element;
365
+
366
+ interface Props {
367
+ label: string;
368
+ description?: string;
369
+ bottomDescription?: string;
370
+ children: ReactNode;
371
+ }
372
+ declare const LabeledField: ({ label, description, bottomDescription, children }: Props) => react_jsx_runtime.JSX.Element;
373
+
337
374
  declare function readFileAsDataURL(file: File): Promise<string>;
338
375
 
339
- export { Accordion, AccordionDraggable, type AccordionDraggableItem, type AccordionDraggableProps, type AccordionItemData, type AccordionProps, Badge, BoxContainer, Button, ChevronDownIcon, type Column, ComboboxAutocomplete, ComboboxSelect, DataTable, DateTimePicker, EditorLayout, GripVerticalIcon, IconButton, type IconSvgProps, ImageUpload, InputColor, InputDatePicker, InputFile, InputNumber, InputPassword, InputRadio, InputSegmentedControl, InputSwitch, InputSwitchInTable, InputText, InputTextarea, Modal, ModalDeleteConfirm, ModalTokenExpired, NavigationBanner, type NavigationBannerItem, type NavigationBannerProps, PageHeader, PageLoading, PageTitle, Pagination, type PaginationProps, Panel, PlusIcon, SectionGroupWithTitle, Table, type TableColumn, type TableProps, TagInput, type TagInputItem, type TagInputProps, TrashIcon, inputClassNames, readFileAsDataURL };
376
+ export { Accordion, AccordionDraggable, type AccordionDraggableItem, type AccordionDraggableProps, type AccordionItemData, type AccordionProps, Badge, BoxContainer, Button, ChevronDownIcon, type Column, ComboboxAutocomplete, ComboboxSelect, DataTable, DateTimePicker, DescriptionRow, EditorLayout, GripVerticalIcon, IconButton, type IconSvgProps, ImageUpload, InputColor, InputDatePicker, InputFile, InputNumber, InputPassword, InputRadio, InputSegmentedControl, InputSwitch, InputSwitchInTable, InputText, InputTextarea, LabeledField, MediDrawer, Modal, ModalDeleteConfirm, ModalTokenExpired, NavigationBanner, type NavigationBannerItem, type NavigationBannerProps, PageHeader, PageLoading, PageTitle, Pagination, type PaginationProps, Panel, PlusIcon, SectionGroupWithTitle, Table, type TableColumn, type TableProps, TagInput, type TagInputItem, type TagInputProps, TrashIcon, inputClassNames, readFileAsDataURL };
package/dist/index.d.ts CHANGED
@@ -1,12 +1,12 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
2
  import * as _mantine_core from '@mantine/core';
3
- import { ButtonProps, TextInputProps, PasswordInputProps, NumberInputProps, ColorInputProps, FileInputProps, FileInput, TextareaProps, RadioProps, RadioGroupProps, SwitchProps as SwitchProps$1, SegmentedControlProps, SelectProps, AutocompleteProps, BadgeProps, ActionIconProps, AccordionProps as AccordionProps$1, Accordion as Accordion$1, TitleProps, PaperProps, ModalProps as ModalProps$1, CSSProperties } from '@mantine/core';
3
+ import { ButtonProps, TextInputProps, PasswordInputProps, NumberInputProps, ColorInputProps, FileInputProps, FileInput, TextareaProps, RadioProps, RadioGroupProps, SwitchProps as SwitchProps$1, SegmentedControlProps, SelectProps, AutocompleteProps, BadgeProps, ActionIconProps, AccordionProps as AccordionProps$1, Accordion as Accordion$1, TitleProps, PaperProps, ModalProps as ModalProps$1, CSSProperties, DrawerProps } from '@mantine/core';
4
4
  import React, { ComponentPropsWithoutRef, ComponentType, ReactNode, PropsWithChildren } from 'react';
5
5
  import { DatePickerInputProps, DateTimePickerProps } from '@mantine/dates';
6
6
  import { DropResult } from '@hello-pangea/dnd';
7
7
 
8
- type Props$2 = ButtonProps & ComponentPropsWithoutRef<"button">;
9
- declare const Button: ({ style, ...props }: Props$2) => react_jsx_runtime.JSX.Element;
8
+ type Props$5 = ButtonProps & ComponentPropsWithoutRef<"button">;
9
+ declare const Button: ({ style, ...props }: Props$5) => react_jsx_runtime.JSX.Element;
10
10
 
11
11
  declare const InputText: (props: TextInputProps) => react_jsx_runtime.JSX.Element;
12
12
 
@@ -74,13 +74,13 @@ declare const GripVerticalIcon: ({ size, color }: IconSvgProps) => react_jsx_run
74
74
  /** 하단 화살표 아이콘 */
75
75
  declare const ChevronDownIcon: ({ size, color }: IconSvgProps) => react_jsx_runtime.JSX.Element;
76
76
 
77
- type Props$1 = ActionIconProps & ComponentPropsWithoutRef<"button"> & {
77
+ type Props$4 = ActionIconProps & ComponentPropsWithoutRef<"button"> & {
78
78
  icon?: ComponentType<IconSvgProps>;
79
79
  iconSize?: number;
80
80
  iconColor?: string;
81
81
  children?: ReactNode;
82
82
  };
83
- declare const IconButton: ({ icon: Icon, iconSize, iconColor, disabled, children, ...props }: Props$1) => react_jsx_runtime.JSX.Element;
83
+ declare const IconButton: ({ icon: Icon, iconSize, iconColor, disabled, children, ...props }: Props$4) => react_jsx_runtime.JSX.Element;
84
84
 
85
85
  declare const inputClassNames: {
86
86
  input: string;
@@ -122,6 +122,12 @@ interface PaginationProps {
122
122
  }
123
123
  declare function Pagination({ total, page, onChange, siblings, boundaries, size, withEdges, position, }: PaginationProps): react_jsx_runtime.JSX.Element | null;
124
124
 
125
+ type AccordionPanelStylesNames = 'panel' | 'content';
126
+
127
+ type AccordionControlStylesNames = 'control' | 'chevron' | 'label' | 'itemTitle' | 'icon';
128
+
129
+ type AccordionItemStylesNames = 'item';
130
+
125
131
  interface AccordionItemData {
126
132
  id: string;
127
133
  title: string;
@@ -144,11 +150,21 @@ declare namespace Accordion {
144
150
  var Item: _mantine_core.MantineComponent<{
145
151
  props: _mantine_core.AccordionItemProps;
146
152
  ref: HTMLDivElement;
147
- stylesNames: "item";
153
+ stylesNames: AccordionItemStylesNames;
154
+ compound: true;
155
+ }>;
156
+ var Control: _mantine_core.MantineComponent<{
157
+ props: _mantine_core.AccordionControlProps;
158
+ ref: HTMLButtonElement;
159
+ stylesNames: AccordionControlStylesNames;
160
+ compound: true;
161
+ }>;
162
+ var Panel: _mantine_core.MantineComponent<{
163
+ props: _mantine_core.AccordionPanelProps;
164
+ ref: HTMLDivElement;
165
+ stylesNames: AccordionPanelStylesNames;
148
166
  compound: true;
149
167
  }>;
150
- var Control;
151
- var Panel;
152
168
  }
153
169
 
154
170
  interface AccordionDraggableItem {
@@ -313,11 +329,11 @@ declare function PageHeader({ headerText, back }: {
313
329
  back?: boolean;
314
330
  }): react_jsx_runtime.JSX.Element;
315
331
 
316
- interface Props {
332
+ interface Props$3 {
317
333
  title: string;
318
334
  children: React.ReactNode;
319
335
  }
320
- declare const SectionGroupWithTitle: ({ title, children }: Props) => react_jsx_runtime.JSX.Element;
336
+ declare const SectionGroupWithTitle: ({ title, children }: Props$3) => react_jsx_runtime.JSX.Element;
321
337
 
322
338
  interface TagInputItem {
323
339
  id: string;
@@ -334,6 +350,27 @@ interface TagInputProps {
334
350
  }
335
351
  declare function TagInput({ label, placeholder, items, onAdd, onRemove, badgeVariant, badgeColor, }: TagInputProps): react_jsx_runtime.JSX.Element;
336
352
 
353
+ interface Props$2 {
354
+ title: string;
355
+ children: ReactNode;
356
+ footer?: ReactNode;
357
+ }
358
+ declare function MediDrawer({ title, children, footer, ...drawerProps }: Props$2 & DrawerProps): react_jsx_runtime.JSX.Element;
359
+
360
+ interface Props$1 {
361
+ label: string;
362
+ value: ReactNode;
363
+ }
364
+ declare const DescriptionRow: ({ label, value }: Props$1) => react_jsx_runtime.JSX.Element;
365
+
366
+ interface Props {
367
+ label: string;
368
+ description?: string;
369
+ bottomDescription?: string;
370
+ children: ReactNode;
371
+ }
372
+ declare const LabeledField: ({ label, description, bottomDescription, children }: Props) => react_jsx_runtime.JSX.Element;
373
+
337
374
  declare function readFileAsDataURL(file: File): Promise<string>;
338
375
 
339
- export { Accordion, AccordionDraggable, type AccordionDraggableItem, type AccordionDraggableProps, type AccordionItemData, type AccordionProps, Badge, BoxContainer, Button, ChevronDownIcon, type Column, ComboboxAutocomplete, ComboboxSelect, DataTable, DateTimePicker, EditorLayout, GripVerticalIcon, IconButton, type IconSvgProps, ImageUpload, InputColor, InputDatePicker, InputFile, InputNumber, InputPassword, InputRadio, InputSegmentedControl, InputSwitch, InputSwitchInTable, InputText, InputTextarea, Modal, ModalDeleteConfirm, ModalTokenExpired, NavigationBanner, type NavigationBannerItem, type NavigationBannerProps, PageHeader, PageLoading, PageTitle, Pagination, type PaginationProps, Panel, PlusIcon, SectionGroupWithTitle, Table, type TableColumn, type TableProps, TagInput, type TagInputItem, type TagInputProps, TrashIcon, inputClassNames, readFileAsDataURL };
376
+ export { Accordion, AccordionDraggable, type AccordionDraggableItem, type AccordionDraggableProps, type AccordionItemData, type AccordionProps, Badge, BoxContainer, Button, ChevronDownIcon, type Column, ComboboxAutocomplete, ComboboxSelect, DataTable, DateTimePicker, DescriptionRow, EditorLayout, GripVerticalIcon, IconButton, type IconSvgProps, ImageUpload, InputColor, InputDatePicker, InputFile, InputNumber, InputPassword, InputRadio, InputSegmentedControl, InputSwitch, InputSwitchInTable, InputText, InputTextarea, LabeledField, MediDrawer, Modal, ModalDeleteConfirm, ModalTokenExpired, NavigationBanner, type NavigationBannerItem, type NavigationBannerProps, PageHeader, PageLoading, PageTitle, Pagination, type PaginationProps, Panel, PlusIcon, SectionGroupWithTitle, Table, type TableColumn, type TableProps, TagInput, type TagInputItem, type TagInputProps, TrashIcon, inputClassNames, readFileAsDataURL };
package/dist/index.js CHANGED
@@ -1,3 +1,4 @@
1
+ "use client";
1
2
  'use strict';
2
3
 
3
4
  var core = require('@mantine/core');
@@ -1234,6 +1235,42 @@ function AccordionDraggable({
1234
1235
  }
1235
1236
  ) })) }) });
1236
1237
  }
1238
+ function MediDrawer(_a) {
1239
+ var _b = _a, { title, children, footer } = _b, drawerProps = __objRest(_b, ["title", "children", "footer"]);
1240
+ return /* @__PURE__ */ jsxRuntime.jsxs(
1241
+ core.Drawer,
1242
+ __spreadProps(__spreadValues({
1243
+ title: /* @__PURE__ */ jsxRuntime.jsx(core.Text, { fw: 700, size: "lg", children: title })
1244
+ }, drawerProps), {
1245
+ position: "right",
1246
+ size: "md",
1247
+ styles: {
1248
+ body: { display: "flex", flexDirection: "column", height: "calc(100% - 64px)", padding: 0 },
1249
+ header: { borderBottom: "1px solid var(--color-gray-2)", padding: "16px 24px" }
1250
+ },
1251
+ children: [
1252
+ /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { flex: 1, overflowY: "auto", padding: "24px" }, children }),
1253
+ footer && /* @__PURE__ */ jsxRuntime.jsx(core.Box, { style: { borderTop: "1px solid var(--color-gray-2)", padding: "16px 24px" }, children: footer })
1254
+ ]
1255
+ })
1256
+ );
1257
+ }
1258
+ var DescriptionRow = ({ label, value }) => {
1259
+ return /* @__PURE__ */ jsxRuntime.jsxs(core.Group, { justify: "space-between", py: "xs", children: [
1260
+ /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "sm", c: "dimmed", children: label }),
1261
+ /* @__PURE__ */ jsxRuntime.jsx(core.Box, { fz: "sm", fw: 500, children: value })
1262
+ ] });
1263
+ };
1264
+ var DescriptionRow_default = DescriptionRow;
1265
+ var LabeledField = ({ label, description, bottomDescription, children }) => {
1266
+ return /* @__PURE__ */ jsxRuntime.jsxs(core.Box, { children: [
1267
+ /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "sm", fw: 500, mb: "xs", children: label }),
1268
+ description && /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", c: "dimmed", mt: "xs", mb: "xs", children: description }),
1269
+ children,
1270
+ bottomDescription && /* @__PURE__ */ jsxRuntime.jsx(core.Text, { size: "xs", c: "dimmed", mt: "xs", children: bottomDescription })
1271
+ ] });
1272
+ };
1273
+ var LabeledField_default = LabeledField;
1237
1274
 
1238
1275
  exports.Accordion = Accordion;
1239
1276
  exports.AccordionDraggable = AccordionDraggable;
@@ -1245,6 +1282,7 @@ exports.ComboboxAutocomplete = ComboboxAutocomplete;
1245
1282
  exports.ComboboxSelect = ComboboxSelect;
1246
1283
  exports.DataTable = DataTable;
1247
1284
  exports.DateTimePicker = DateTimePicker;
1285
+ exports.DescriptionRow = DescriptionRow_default;
1248
1286
  exports.EditorLayout = EditorLayout;
1249
1287
  exports.GripVerticalIcon = GripVerticalIcon;
1250
1288
  exports.IconButton = IconButton;
@@ -1260,6 +1298,8 @@ exports.InputSwitch = InputSwitch;
1260
1298
  exports.InputSwitchInTable = InputSwitchInTable;
1261
1299
  exports.InputText = InputText;
1262
1300
  exports.InputTextarea = InputTextarea;
1301
+ exports.LabeledField = LabeledField_default;
1302
+ exports.MediDrawer = MediDrawer;
1263
1303
  exports.Modal = Modal;
1264
1304
  exports.ModalDeleteConfirm = ModalDeleteConfirm;
1265
1305
  exports.ModalTokenExpired = ModalTokenExpired;