@scglab/admin-ui 0.1.4 → 0.1.6

package/dist/index.d.ts

@@ -109,7 +109,7 @@ declare const alignSelfs: {
     readonly end: "self-end";
     readonly stretch: "self-stretch";
 };
-type ButtonVariantType = "primary" | "secondary" | "lower" | "neutral" | "neutralGray" | "danger" | "blue" | "orange" | "green";
+type ButtonVariantType = 'primary' | 'secondary' | 'lower' | 'neutral' | 'neutralGray' | 'danger' | 'blue' | 'orange' | 'green';
 type ColorType = keyof typeof colors;
 type FontSizeType = keyof typeof fontSize;
 type FontWeightType = keyof typeof fontWeight;
@@ -128,7 +128,7 @@ interface TextProps extends React__default.HTMLAttributes<HTMLDivElement> {
     fontWeight?: FontWeightType;
     justify?: JustifyType;
     align?: AlignType;
-    textDecoration?: "none" | "underline" | "line-through";
+    textDecoration?: 'none' | 'underline' | 'line-through';
     style?: React__default.CSSProperties;
 }
 declare function Text({ id, children, size, color, justify, align, className, fontWeight: fontWeightProp, textDecoration, style, ...props }: TextProps): react_jsx_runtime.JSX.Element;
@@ -145,7 +145,7 @@ interface BorderRadiusBoxProps {
     bgColor?: ColorType;
     borderColor?: ColorType;
 }
-declare function BorderRadiusBox({ active, paddingX, paddingY, radius, children, onClick, className, fullWidth, bgColor, borderColor, }: BorderRadiusBoxProps): react_jsx_runtime.JSX.Element;
+declare function BorderRadiusBox({ active, paddingX, paddingY, radius, children, onClick, className, fullWidth, bgColor, borderColor }: BorderRadiusBoxProps): react_jsx_runtime.JSX.Element;
 
 interface BulletTextProps {
     label?: string | React.ReactNode;
@@ -155,26 +155,26 @@ interface BulletTextProps {
     textSize?: FontSizeType;
     fontWeight?: FontWeightType;
 }
-declare const BulletText: ({ label, bulletColor, tooltip, textColor, textSize, fontWeight, }: BulletTextProps) => react_jsx_runtime.JSX.Element;
+declare const BulletText: ({ label, bulletColor, tooltip, textColor, textSize, fontWeight }: BulletTextProps) => react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends React__default.ButtonHTMLAttributes<HTMLButtonElement> {
     variant?: ButtonVariantType;
     alignSelf?: AlignSelfType;
     justifySelf?: JustifySelfType;
-    cornerStyle?: "square" | "round";
-    size?: "small" | "medium" | "large";
-    fontWeight?: "bold" | "semibold" | "normal";
+    cornerStyle?: 'square' | 'round';
+    size?: 'small' | 'medium' | 'large';
+    fontWeight?: 'bold' | 'semibold' | 'normal';
     isLoading?: boolean;
     icon?: string | React__default.ReactNode;
-    iconPosition?: "left" | "right";
-    type?: "button" | "submit" | "reset";
+    iconPosition?: 'left' | 'right';
+    type?: 'button' | 'submit' | 'reset';
     customWidth?: number;
     wFull?: boolean;
 }
 declare const Button: React__default.FC<ButtonProps>;
 
 interface CheckboxProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
-    type?: "filled" | "outline";
+    type?: 'filled' | 'outline';
     label?: string;
     error?: string;
     className?: string;
@@ -185,11 +185,11 @@ declare const Checkbox: React__default.ForwardRefExoticComponent<CheckboxProps &
 
 interface DividerProps {
     className?: string;
-    orientation?: "horizontal" | "vertical";
-    variant?: "solid" | "dashed" | "dotted";
+    orientation?: 'horizontal' | 'vertical';
+    variant?: 'solid' | 'dashed' | 'dotted';
     width?: number;
 }
-declare function Divider({ className, orientation, variant, width, }: DividerProps): react_jsx_runtime.JSX.Element;
+declare function Divider({ className, orientation, variant, width }: DividerProps): react_jsx_runtime.JSX.Element;
 
 interface EmailInputProps {
     value: string;
@@ -208,7 +208,27 @@ interface EmailInputProps {
 }
 declare const EmailInput: React__default.FC<EmailInputProps>;
 
-type Direction = "row" | "col" | "grid";
+interface SelectOption$1 {
+    value: string | number | null;
+    label: string;
+    disabled?: boolean;
+    icon?: React.ReactNode;
+    description?: string;
+    divider?: boolean;
+}
+interface Paging$1 {
+    totalCount: number;
+    pageNo: number;
+    fetchCount: number;
+    totalPageCount: number;
+}
+interface OriginalObject {
+    id: string | number | null;
+    name: string;
+    partnerName?: string;
+    [key: string]: unknown;
+}
+type Direction = 'row' | 'col' | 'grid';
 interface CommonFormDataProps {
     isDot?: boolean;
     label?: string;
@@ -226,11 +246,18 @@ interface CommonFormDataProps {
     error?: string;
     tooltip?: string | React.ReactNode;
 }
+interface TreeData {
+    id: number;
+    children?: TreeData[];
+    name: string;
+    seq: number;
+    level: number;
+}
 
 interface InputProps extends React__default.InputHTMLAttributes<HTMLInputElement>, CommonFormDataProps {
     type?: string;
     originRef?: React__default.LegacyRef<HTMLInputElement> | undefined;
-    textAlign?: "left" | "right" | "center";
+    textAlign?: 'left' | 'right' | 'center';
     value?: string | number | undefined;
     description?: string;
     onChange?: (e: React__default.ChangeEvent<HTMLInputElement>) => void;
@@ -250,9 +277,9 @@ interface LabelProps {
     labelHidden?: boolean;
     subText?: string | React.ReactNode;
     fontWeight?: FontWeightType;
-    align?: "start" | "center" | "end";
+    align?: 'start' | 'center' | 'end';
 }
-declare const Label: ({ isDot, label, required, inputId, width, tooltip, labelHidden, subText, fontWeight, align, }: LabelProps) => react_jsx_runtime.JSX.Element | null;
+declare const Label: ({ isDot, label, required, inputId, width, tooltip, labelHidden, subText, fontWeight, align }: LabelProps) => react_jsx_runtime.JSX.Element | null;
 
 interface MultiSelectOption {
     value: string | number;
@@ -279,7 +306,7 @@ interface PagingProps {
     limit: number;
     onPageChange: (page: number) => void;
 }
-declare function Paging({ page, total, limit, onPageChange, }: PagingProps): react_jsx_runtime.JSX.Element;
+declare function Paging({ page, total, limit, onPageChange }: PagingProps): react_jsx_runtime.JSX.Element;
 
 interface RadioProps extends React__default.InputHTMLAttributes<HTMLInputElement> {
     label?: string;
@@ -328,8 +355,8 @@ interface StackProps {
 }
 declare const Stack: React$1.ForwardRefExoticComponent<StackProps & React$1.RefAttributes<HTMLDivElement>>;
 
-type ColumnType = "text" | "date" | "dateTime" | "amount" | "percent" | "input" | "checkbox" | "link" | "custom";
-type ColumnAlign = "left" | "center" | "right";
+type ColumnType = 'text' | 'date' | 'dateTime' | 'amount' | 'percent' | 'input' | 'checkbox' | 'link' | 'custom';
+type ColumnAlign = 'left' | 'center' | 'right';
 type ColumnDef<T = unknown> = {
     key: string;
     header: React__default.ReactNode;
@@ -370,12 +397,12 @@ interface TableProps<T> {
     onRadioOption?: (selectedId: string) => void;
     onMoveUp?: (id: string) => void;
     onMoveDown?: (id: string) => void;
-    onSort?: (key: string, direction: "asc" | "desc" | "none") => void;
+    onSort?: (key: string, direction: 'asc' | 'desc' | 'none') => void;
 }
-declare function Table<T extends Record<string, unknown>>({ columns, datas, footers, isRadioOption, isCheckboxOption, isModify, overWidth, emptyMessage, disabledCheckboxCondition, onButtonClick, onLinkClick, onChangeInput, onChangeCheckbox, onChangeToggle, onCheckboxOption, onRadioOption, onMoveUp, onMoveDown, onSort, }: TableProps<T>): react_jsx_runtime.JSX.Element;
+declare function Table<T extends Record<string, unknown>>({ columns, datas, footers, isRadioOption, isCheckboxOption, isModify, overWidth, emptyMessage, disabledCheckboxCondition, onButtonClick, onLinkClick, onChangeInput, onChangeCheckbox, onChangeToggle, onCheckboxOption, onRadioOption, onMoveUp, onMoveDown, onSort }: TableProps<T>): react_jsx_runtime.JSX.Element;
 
 interface TableTopProps {
-    type?: "search" | "option";
+    type?: 'search' | 'option';
     count?: number;
     pageSize?: number;
     countText?: string;
@@ -398,7 +425,7 @@ interface TableTopProps {
     onSelectExcelDownload?: () => void;
     handleRegist?: () => void;
 }
-declare function TableTop({ type, count, pageSize, countText, leftButtons, rightButtons, registText, sortOptionValue, sortOptions, useDivider, isPageCount, useCountOption, deleteText, onChangeSort, onChangePageSize, onDelete, onExcelDownload, onSelectExcelDownload, handleRegist, }: TableTopProps): react_jsx_runtime.JSX.Element;
+declare function TableTop({ type, count, pageSize, countText, leftButtons, rightButtons, registText, sortOptionValue, sortOptions, useDivider, isPageCount, useCountOption, deleteText, onChangeSort, onChangePageSize, onDelete, onExcelDownload, onSelectExcelDownload, handleRegist }: TableTopProps): react_jsx_runtime.JSX.Element;
 
 interface CommonTableProps {
     tableTop?: React.ReactNode;
@@ -415,7 +442,7 @@ interface TagProps extends React__default.HTMLAttributes<HTMLDivElement> {
     size?: FontSizeType;
     fontWeight?: FontWeightType;
     className?: string;
-    variant?: "filled" | "outlined";
+    variant?: 'filled' | 'outlined';
     style?: React__default.CSSProperties;
 }
 declare function Tag({ id, children, color, bgColor, size, fontWeight: fontWeightProp, className, variant, style, ...props }: TagProps): react_jsx_runtime.JSX.Element;
@@ -449,17 +476,17 @@ interface TextButtonProps {
     isOpen?: boolean;
     onClick?: () => void;
     color?: ColorType;
-    type?: "none" | "arrow" | "underline";
+    type?: 'none' | 'arrow' | 'underline';
     size?: FontSizeType;
 }
-declare function TextButton({ text, isOpen, onClick, color, type, size, }: TextButtonProps): react_jsx_runtime.JSX.Element;
+declare function TextButton({ text, isOpen, onClick, color, type, size }: TextButtonProps): react_jsx_runtime.JSX.Element;
 
 interface ToggleProps {
     checked?: boolean;
     onChange?: (checked: boolean) => void;
     label?: string;
     disabled?: boolean;
-    size?: "small" | "medium" | "large";
+    size?: 'small' | 'medium' | 'large';
     textToggleSize?: number;
     className?: string;
     id?: string;
@@ -475,7 +502,7 @@ declare const Toggle: React__default.ForwardRefExoticComponent<ToggleProps & Rea
 
 interface TooltipProps {
     tooltipInfo: React.ReactNode;
-    position?: "bottom" | "right";
+    position?: 'bottom' | 'right';
 }
 declare function Tooltip({ tooltipInfo, position }: TooltipProps): react_jsx_runtime.JSX.Element;
 
@@ -497,4 +524,4 @@ interface WarningBoxProps extends React__default.HTMLAttributes<HTMLDivElement>
 }
 declare const WarningBox: React__default.FC<WarningBoxProps>;
 
-export { type AlignSelfType, type AlignType, BorderRadiusBox, type BorderRadiusBoxProps, BulletText, type BulletTextProps, Button, type ButtonProps, type ButtonVariantType, Checkbox, type CheckboxProps, type ColorType, type ColumnAlign, type ColumnDef, type ColumnType, CommonTable, type CommonTableProps, type DirectionType, Divider, type DividerProps, EmailInput, type EmailInputProps, type FontSizeType, type FontWeightType, Input, type InputProps, type JustifySelfType, type JustifyType, Label, type LabelProps, MultiSelectCheckbox, type MultiSelectCheckboxProps, Paging, type PagingProps, Radio, type RadioProps, RequiredDot, SelectBox, type SelectBoxProps, Stack, type StackProps, Table, type TableProps, TableTop, type TableTopProps, Tag, TagInput, type TagProps, Text, TextArea, type TextAreaProps, TextButton, type TextButtonProps, type TextProps, Toggle, type ToggleProps, ToolTipBox, type ToolTipBoxProps, Tooltip, TooltipInfo, type TooltipInfoProps, type TooltipProps, WarningBox, type WarningBoxProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };
+export { type AlignSelfType, type AlignType, BorderRadiusBox, type BorderRadiusBoxProps, BulletText, type BulletTextProps, Button, type ButtonProps, type ButtonVariantType, Checkbox, type CheckboxProps, type ColorType, type ColumnAlign, type ColumnDef, type ColumnType, type CommonFormDataProps, CommonTable, type CommonTableProps, type Direction, type DirectionType, Divider, type DividerProps, EmailInput, type EmailInputProps, type FontSizeType, type FontWeightType, Input, type InputProps, type JustifySelfType, type JustifyType, Label, type LabelProps, MultiSelectCheckbox, type MultiSelectCheckboxProps, type OriginalObject, Paging, type PagingProps, type Paging$1 as PagingType, Radio, type RadioProps, RequiredDot, SelectBox, type SelectBoxProps, type SelectOption$1 as SelectOption, Stack, type StackProps, Table, type TableProps, TableTop, type TableTopProps, Tag, TagInput, type TagProps, Text, TextArea, type TextAreaProps, TextButton, type TextButtonProps, type TextProps, Toggle, type ToggleProps, ToolTipBox, type ToolTipBoxProps, Tooltip, TooltipInfo, type TooltipInfoProps, type TooltipProps, type TreeData, WarningBox, type WarningBoxProps, alignSelfs, aligns, colors, directions, fontSize, fontWeight, justifies, justifySelfs, lineHeightSize };

package/dist/index.js

@@ -316,10 +316,17 @@ function Tooltip({ tooltipInfo, position = "right" }) {
         },
         children: [
           tooltipInfo,
-          /* @__PURE__ */ jsx5("span", { className: "absolute top-10 right-10 cursor-pointer", onClick: (e) => {
-            e.stopPropagation();
-            setIsOpen(false);
-          }, children: /* @__PURE__ */ jsx5(ColorIcTagClose_default, { width: 10, height: 10, color: "text" }) })
+          /* @__PURE__ */ jsx5(
+            "span",
+            {
+              className: "absolute top-10 right-10 cursor-pointer",
+              onClick: (e) => {
+                e.stopPropagation();
+                setIsOpen(false);
+              },
+              children: /* @__PURE__ */ jsx5(ColorIcTagClose_default, { width: 10, height: 10, color: "text" })
+            }
+          )
         ]
       }
     )
@@ -650,10 +657,12 @@ var Checkbox = forwardRef(
                 ...props
               }
             ),
-            disabled ? /* @__PURE__ */ jsx9(ColorIcCheckDim_default, { width: 18, height: 18 }) : /* @__PURE__ */ jsx9(
-              "div",
-              {
-                className: `
+            disabled ? /* @__PURE__ */ jsx9(ColorIcCheckDim_default, { width: 18, height: 18 }) : (
+              // <img src={IcCheckMarkDim} alt="check-dim" className="w-18 h-18" />
+              /* @__PURE__ */ jsx9(
+                "div",
+                {
+                  className: `
                   h-18 w-18 
                   ${getTypeNoneCheckedClass()}
                   transition-all duration-200
@@ -662,27 +671,34 @@ var Checkbox = forwardRef(
                   ${error ? "border-red" : ""}
                   ${className}
                 `,
-                onClick: handleCheckboxClick,
-                children: /* @__PURE__ */ jsx9("span", { className: `${getTypeCheckedIconClass()} flex items-center justify-center`, children: /* @__PURE__ */ jsx9(
-                  "svg",
-                  {
-                    width: "18",
-                    height: "18",
-                    viewBox: "0 0 20 20",
-                    fill: "none",
-                    xmlns: "http://www.w3.org/2000/svg",
-                    children: /* @__PURE__ */ jsx9(
-                      "path",
-                      {
-                        d: "M15.292 5.93848C15.5167 5.687 15.8864 5.68757 16.1104 5.94043L16.1172 5.94727L16.123 5.95508C16.2977 6.1856 16.3012 6.54196 16.0713 6.77832L16.0723 6.7793L9.55078 13.9229L9.55176 13.9238C9.36406 14.1357 9.1186 14.25 8.84668 14.25C8.59606 14.25 8.33167 14.1383 8.1416 13.9238V13.9229L4.90918 10.373L4.90625 10.3701C4.69767 10.1343 4.69773 9.77005 4.90625 9.53418C5.12992 9.2815 5.49974 9.28064 5.72461 9.53125L8.86426 12.9795L15.292 5.9375V5.93848Z",
-                        fill: "currentColor",
-                        stroke: "currentColor",
-                        strokeWidth: "0.5"
-                      }
-                    )
-                  }
-                ) })
-              }
+                  onClick: handleCheckboxClick,
+                  children: /* @__PURE__ */ jsx9(
+                    "span",
+                    {
+                      className: `${getTypeCheckedIconClass()} flex items-center justify-center`,
+                      children: /* @__PURE__ */ jsx9(
+                        "svg",
+                        {
+                          width: "18",
+                          height: "18",
+                          viewBox: "0 0 20 20",
+                          fill: "none",
+                          xmlns: "http://www.w3.org/2000/svg",
+                          children: /* @__PURE__ */ jsx9(
+                            "path",
+                            {
+                              d: "M15.292 5.93848C15.5167 5.687 15.8864 5.68757 16.1104 5.94043L16.1172 5.94727L16.123 5.95508C16.2977 6.1856 16.3012 6.54196 16.0713 6.77832L16.0723 6.7793L9.55078 13.9229L9.55176 13.9238C9.36406 14.1357 9.1186 14.25 8.84668 14.25C8.59606 14.25 8.33167 14.1383 8.1416 13.9238V13.9229L4.90918 10.373L4.90625 10.3701C4.69767 10.1343 4.69773 9.77005 4.90625 9.53418C5.12992 9.2815 5.49974 9.28064 5.72461 9.53125L8.86426 12.9795L15.292 5.9375V5.93848Z",
+                              fill: "currentColor",
+                              stroke: "currentColor",
+                              strokeWidth: "0.5"
+                            }
+                          )
+                        }
+                      )
+                    }
+                  )
+                }
+              )
             )
           ] }),
           label && /* @__PURE__ */ jsx9("div", { className: `text-sm ${type === "outline" ? "ml-4" : "ml-8"}`, children: /* @__PURE__ */ jsx9(
@@ -3283,7 +3299,13 @@ function ToolTipBox({ title, children }) {
                 /* @__PURE__ */ jsx32(ColorIcTooltipBlue_default, { width: 14, height: 14 }),
                 /* @__PURE__ */ jsx32(Text, { size: "body14", fontWeight: "bold", color: "primary", children: title })
               ] }),
-              /* @__PURE__ */ jsx32("span", { className: `w-16 h-16 cursor-pointer transition-transform duration-300 ${isOpen ? "" : "rotate-180"}`, children: /* @__PURE__ */ jsx32(ColorIcTooltipArrow_default, { width: 14, height: 14, color: "primary" }) })
+              /* @__PURE__ */ jsx32(
+                "span",
+                {
+                  className: `w-16 h-16 cursor-pointer transition-transform duration-300 ${isOpen ? "" : "rotate-180"}`,
+                  children: /* @__PURE__ */ jsx32(ColorIcTooltipArrow_default, { width: 14, height: 14, color: "primary" })
+                }
+              )
             ]
           }
         ),