@weing-dev/ui-kit-primitive 0.0.2 → 0.0.4

package/dist/components/Editor/Editor.context.d.ts

@@ -1,8 +1,26 @@
 import { default as React } from 'react';
-import { default as Quill } from 'quill';
+import { default as QuillType, Delta } from 'quill';
+export type UploadedImageInfo = {
+    url: string;
+    objectKey?: string;
+    fileName?: string;
+};
+export type CustomImageUploadHandler = (file: File, quill: QuillType, // Quill 인스턴스
+range: any) => Promise<UploadedImageInfo | string | null>;
 export interface EditorContextValue {
-    quill: Quill | null;
+    quill: QuillType | null;
     isLoading: boolean;
     editorRef: React.RefObject<HTMLDivElement | null>;
+    initialValue?: string;
+    readOnly?: boolean;
+    placeholder?: string;
+    onChange?: (props: {
+        delta: Delta;
+        oldContents: Delta;
+        source: string;
+        value?: string;
+    }) => void;
+    onImageUpload?: CustomImageUploadHandler;
 }
-export declare const EditorContext: React.Context<EditorContextValue | null>;
+export declare const initialEditorContextValue: EditorContextValue;
+export declare const EditorContext: React.Context<EditorContextValue>;

package/dist/components/Editor/Editor.d.ts

@@ -1,10 +1,12 @@
 import { default as React } from 'react';
-declare const EditorSkeleton: () => import("react/jsx-runtime").JSX.Element | null;
-declare const EditorInput: () => import("react/jsx-runtime").JSX.Element;
-type EditorRootProps = React.PropsWithChildren<{
-    initialValue?: string;
-    onChange?: (content: string) => void;
-}>;
+import { EditorContextValue, CustomImageUploadHandler } from './Editor.context';
+type EditorSkeletonProps = React.JSX.IntrinsicElements["div"];
+declare const EditorSkeleton: (props: EditorSkeletonProps) => import("react/jsx-runtime").JSX.Element | null;
+type EditorInputProps = React.JSX.IntrinsicElements["div"];
+declare const EditorInput: (props: EditorInputProps) => import("react/jsx-runtime").JSX.Element;
+type EditorRootProps = React.PropsWithChildren<Omit<EditorContextValue, "quill" | "isLoading" | "editorRef" | "onImageUpload"> & {
+    onImageUpload?: CustomImageUploadHandler;
+} & Omit<React.JSX.IntrinsicElements["div"], "onChange">>;
 declare const EditorRoot: (props: EditorRootProps) => import("react/jsx-runtime").JSX.Element;
 interface EditorComposition {
     Root: typeof EditorRoot;

package/dist/components/Editor/constants/editor.constants.d.ts

@@ -0,0 +1,24 @@
+export declare const FONT_SIZE_OPTIONS: string[];
+export declare const TOOLBAR_OPTIONS: (string[] | {
+    header: (number | boolean)[];
+}[] | {
+    size: string[];
+}[] | {
+    list: string;
+}[] | {
+    script: string;
+}[] | {
+    indent: string;
+}[] | {
+    direction: string;
+}[] | ({
+    color: never[];
+    background?: undefined;
+} | {
+    background: never[];
+    color?: undefined;
+})[] | {
+    font: never[];
+}[] | {
+    align: never[];
+}[])[];

package/dist/components/Editor/modules/ImageResize.d.ts

@@ -0,0 +1,19 @@
+import { default as Quill } from 'quill';
+export default class ImageResize {
+    private quill;
+    private img;
+    private box;
+    private startPos;
+    private startSize;
+    private currentHandle;
+    private aspectRatio;
+    constructor(quill: Quill);
+    private onClick;
+    private onDocClick;
+    private showResizeBox;
+    private initResize;
+    private performResize;
+    private stopResize;
+    private saveToDelta;
+    private removeBox;
+}

package/dist/components/Editor/modules/MediaResize.d.ts

@@ -0,0 +1,19 @@
+import { default as Quill } from 'quill';
+export default class MediaResize {
+    private quill;
+    private media;
+    private box;
+    private startPos;
+    private startSize;
+    private currentHandle;
+    private aspectRatio;
+    constructor(quill: Quill);
+    private getMedia;
+    private observeHover;
+    private showResizeBox;
+    private initResize;
+    private performResize;
+    private stopResize;
+    private saveToDelta;
+    private removeBox;
+}

package/dist/components/Editor/modules/index.d.ts

@@ -0,0 +1,7 @@
+import { default as ImageResize } from './ImageResize';
+import { default as MediaResize } from './MediaResize';
+declare const EditorModules: {
+    ImageResize: typeof ImageResize;
+    MediaResize: typeof MediaResize;
+};
+export default EditorModules;

package/dist/components/Icons/AddOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgAddOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgAddOutlined;

package/dist/components/Icons/ArrowDown.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowDown;

package/dist/components/Icons/ArrowDropDown.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowDropDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowDropDown;

package/dist/components/Icons/ArrowUp.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArrowUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArrowUp;

package/dist/components/Icons/ArticleOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgArticleOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgArticleOutlined;

package/dist/components/Icons/CalendarMonth.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCalendarMonth: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCalendarMonth;

package/dist/components/Icons/CalendarToday.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCalendarToday: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCalendarToday;

package/dist/components/Icons/Category.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCategory: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCategory;

package/dist/components/Icons/CategoryOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCategoryOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCategoryOutlined;

package/dist/components/Icons/Celebration.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCelebration: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCelebration;

package/dist/components/Icons/CheckBadge.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCheckBadge: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCheckBadge;

package/dist/components/Icons/CheckList.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCheckList: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCheckList;

package/dist/components/Icons/ChevronLeft.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgChevronLeft: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgChevronLeft;

package/dist/components/Icons/ChromeReaderMode.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgChromeReaderMode: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgChromeReaderMode;

package/dist/components/Icons/CreditCard.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCreditCard: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCreditCard;

package/dist/components/Icons/CropOriginal.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgCropOriginal: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgCropOriginal;

package/dist/components/Icons/DoubleArrowDown.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDoubleArrowDown: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgDoubleArrowDown;

package/dist/components/Icons/DoubleArrowUp.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgDoubleArrowUp: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgDoubleArrowUp;

package/dist/components/Icons/EditNoteOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgEditNoteOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgEditNoteOutlined;

package/dist/components/Icons/HandshakeRound.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgHandshakeRound: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgHandshakeRound;

package/dist/components/Icons/Home.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgHome: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgHome;

package/dist/components/Icons/ImportExport.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgImportExport: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgImportExport;

package/dist/components/Icons/InfoFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgInfoFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgInfoFilled;

package/dist/components/Icons/LocalActivityOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgLocalActivityOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgLocalActivityOutlined;

package/dist/components/Icons/LocalHospital.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgLocalHospital: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgLocalHospital;

package/dist/components/Icons/MinusOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgMinusOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgMinusOutlined;

package/dist/components/Icons/Notification.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgNotification: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgNotification;

package/dist/components/Icons/Payment.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPayment: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPayment;

package/dist/components/Icons/PersonAddAlt.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPersonAddAlt: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPersonAddAlt;

package/dist/components/Icons/PersonFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPersonFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPersonFilled;

package/dist/components/Icons/PersonOutline.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgPersonOutline: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgPersonOutline;

package/dist/components/Icons/Search2.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgSearch2: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgSearch2;

package/dist/components/Icons/SettingFilled.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgSettingFilled: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgSettingFilled;

package/dist/components/Icons/TrashOutlined.d.ts

@@ -0,0 +1,3 @@
+import { SVGProps } from 'react';
+declare const SvgTrashOutlined: (props: SVGProps<SVGSVGElement>) => import("react/jsx-runtime").JSX.Element;
+export default SvgTrashOutlined;

package/dist/components/Icons/index.d.ts

@@ -1,21 +1,40 @@
 export { default as Add } from './Add';
+export { default as AddOutlined } from './AddOutlined';
 export { default as AddAPhoto } from './AddAPhoto';
 export { default as ApprovalInactive } from './ApprovalInactive';
+export { default as ArrowDown } from './ArrowDown';
 export { default as ArrowRight } from './ArrowRight';
+export { default as ArrowUp } from './ArrowUp';
+export { default as ArrowDropDown } from './ArrowDropDown';
+export { default as ArticleOutlined } from './ArticleOutlined';
 export { default as AttachFile } from './AttachFile';
+export { default as CalendarMonth } from './CalendarMonth';
+export { default as CalendarToday } from './CalendarToday';
 export { default as CancleFilled } from './CancleFilled';
 export { default as Cancle } from './Cancle';
 export { default as CartFilled } from './CartFilled';
 export { default as Cart } from './Cart';
+export { default as Category } from './Category';
+export { default as CategoryOutlined } from './CategoryOutlined';
+export { default as Celebration } from './Celebration';
 export { default as Check } from './Check';
+export { default as CheckBadge } from './CheckBadge';
 export { default as CheckBoxRound } from './CheckBoxRound';
+export { default as CheckList } from './CheckList';
 export { default as CheckCircle } from './CheckCircle';
+export { default as ChevronLeft } from './ChevronLeft';
+export { default as ChromeReaderMode } from './ChromeReaderMode';
 export { default as Close } from './Close';
 export { default as Company } from './Company';
+export { default as CreditCard } from './CreditCard';
+export { default as CropOriginal } from './CropOriginal';
+export { default as DoubleArrowDown } from './DoubleArrowDown';
+export { default as DoubleArrowUp } from './DoubleArrowUp';
 export { default as Download } from './Download';
 export { default as DragHandle } from './DragHandle';
 export { default as Eco } from './Eco';
 export { default as EditSquare } from './EditSquare';
+export { default as EditNoteOutlined } from './EditNoteOutlined';
 export { default as ErrorFilled } from './ErrorFilled';
 export { default as Error } from './Error';
 export { default as ExpandAll } from './ExpandAll';
@@ -27,34 +46,49 @@ export { default as FilecheckInactive } from './FilecheckInactive';
 export { default as GoBefore } from './GoBefore';
 export { default as GoNext } from './GoNext';
 export { default as HamburgerMenu } from './HamburgerMenu';
+export { default as HandshakeRound } from './HandshakeRound';
+export { default as Home } from './Home';
 export { default as ImagecheckPlay } from './ImagecheckPlay';
+export { default as ImportExport } from './ImportExport';
+export { default as InfoFilled } from './InfoFilled';
 export { default as Inventory } from './Inventory';
 export { default as KakaoTalk } from './KakaoTalk';
 export { default as ListAll } from './ListAll';
+export { default as LocalActivityOutlined } from './LocalActivityOutlined';
+export { default as LocalHospital } from './LocalHospital';
 export { default as LocalShipping } from './LocalShipping';
 export { default as Logout } from './Logout';
 export { default as Menu } from './Menu';
 export { default as Minus } from './Minus';
+export { default as MinusOutlined } from './MinusOutlined';
 export { default as ModeEdit } from './ModeEdit';
 export { default as More } from './More';
 export { default as NaverBlog } from './NaverBlog';
 export { default as Naver } from './Naver';
+export { default as Notification } from './Notification';
 export { default as OrderApprove } from './OrderApprove';
 export { default as OrderInactive } from './OrderInactive';
 export { default as OrderPlay } from './OrderPlay';
 export { default as Outward } from './Outward';
 export { default as PayApprove } from './PayApprove';
 export { default as PayInactive } from './PayInactive';
+export { default as Payment } from './Payment';
+export { default as PersonAddAlt } from './PersonAddAlt';
 export { default as Personcard } from './Personcard';
+export { default as PersonFilled } from './PersonFilled';
+export { default as PersonOutline } from './PersonOutline';
 export { default as PrintInactive } from './PrintInactive';
 export { default as PrintPlay } from './PrintPlay';
 export { default as Product } from './Product';
 export { default as Search } from './Search';
+export { default as Search2 } from './Search2';
+export { default as SettingFilled } from './SettingFilled';
 export { default as Settings } from './Settings';
 export { default as ShippingDone } from './ShippingDone';
 export { default as SupportAgent } from './SupportAgent';
 export { default as SwapVert } from './SwapVert';
 export { default as Task } from './Task';
+export { default as TrashOutlined } from './TrashOutlined';
 export { default as Upload } from './Upload';
 export { default as User } from './User';
 export { default as WarningFilled } from './WarningFilled';