enerdot-front-system 0.0.7 → 0.0.9

package/dist/lib/components/ButtonFilter/Button.d.ts

@@ -0,0 +1,6 @@
+import { ButtonProps } from '../Button';
+interface TertiaryButtonProps extends Omit<ButtonProps, "theme"> {
+    isOpen?: boolean;
+}
+declare const TertiaryButton: (props: TertiaryButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default TertiaryButton;

package/dist/lib/components/ButtonFilter/CustomFilter.d.ts

@@ -0,0 +1,13 @@
+import { ButtonProps } from '../Button';
+export interface CustomButtonFilterProps {
+    title: React.ReactNode;
+    level?: ButtonProps["level"];
+    isSelected?: boolean;
+    tooltipWidth?: number;
+    children?: React.ReactNode;
+    isOpen: boolean;
+    onOpenFilter: () => void;
+    onCloseFilter: () => void;
+}
+export declare const CustomButtonFilter: ({ title, isSelected, level, tooltipWidth, children, isOpen, onOpenFilter, onCloseFilter, }: CustomButtonFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default CustomButtonFilter;

package/dist/lib/components/ButtonFilter/index.d.ts

@@ -0,0 +1,14 @@
+import { Options } from '../../../../../../../../../src/lib/types/option';
+import { ButtonProps } from '../Button';
+export interface ButtonFilterProps {
+    title: string;
+    level?: ButtonProps["level"];
+    type?: "checkbox" | "radio" | "select";
+    options: Options;
+    values: Options;
+    onChange: (value: Options) => void;
+    isAllChecked?: boolean;
+    allCheckText?: string;
+}
+export declare const ButtonFilter: ({ title, level, type, options, values, onChange, isAllChecked, allCheckText, }: ButtonFilterProps) => import("react/jsx-runtime").JSX.Element;
+export default ButtonFilter;

package/dist/lib/components/ButtonFilter/index.style.d.ts

@@ -0,0 +1,8 @@
+export declare const Container: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components').FastOmit<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const Tooltip: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+    $top: number;
+    $width?: number;
+}>> & string;
+export declare const ItemButton: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
+    $isSelected?: boolean;
+}>> & string;

package/dist/lib/components/CheckBox/index.d.ts

@@ -0,0 +1,9 @@
+interface CheckboxProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    children?: React.ReactNode;
+    onClickBox?: (info: {
+        checked?: boolean;
+        name?: string;
+    }, event?: React.MouseEvent<HTMLElement>) => void;
+}
+export declare const Checkbox: ({ id, checked, name, required, children, disabled, onClickBox, ...rest }: CheckboxProps) => import("react/jsx-runtime").JSX.Element;
+export default Checkbox;

package/dist/lib/components/Divider/index.d.ts

@@ -0,0 +1,6 @@
+interface DividerProps {
+    size?: number;
+    direction?: "row" | "column";
+}
+export declare const Divider: ({ size, direction }: DividerProps) => import("react/jsx-runtime").JSX.Element;
+export default Divider;

package/dist/lib/components/IconButton/OnlyIconButton.d.ts

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

package/dist/lib/components/IconButton/OnlyIconWhButton.d.ts

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

package/dist/lib/components/IconButton/PrimaryButton.d.ts

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

package/dist/lib/components/IconButton/SecondaryButton.d.ts

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

package/dist/lib/components/IconButton/TertiaryButton.d.ts

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

package/dist/lib/components/IconButton/common.d.ts

@@ -0,0 +1,50 @@
+export interface IconButtonStyleProps {
+    $mainColor: string;
+    $hoverColor: string;
+    $activeColor: string;
+    $isRound: boolean;
+    $padding: number;
+}
+export declare const levels: {
+    small: {
+        padding: number;
+    };
+    medium: {
+        padding: number;
+    };
+    large: {
+        padding: number;
+    };
+};
+export declare const colors: {
+    primary: {
+        $mainColor: string;
+        $hoverColor: string;
+        $activeColor: string;
+    };
+    green: {
+        $mainColor: string;
+        $hoverColor: string;
+        $activeColor: string;
+    };
+    red: {
+        $mainColor: string;
+        $hoverColor: string;
+        $activeColor: string;
+    };
+    orange: {
+        $mainColor: string;
+        $hoverColor: string;
+        $activeColor: string;
+    };
+    yellow: {
+        $mainColor: string;
+        $hoverColor: string;
+        $activeColor: string;
+    };
+    black: {
+        $mainColor: string;
+        $hoverColor: string;
+        $activeColor: string;
+    };
+};

package/dist/lib/components/IconButton/index.d.ts

@@ -0,0 +1,9 @@
+import { default as React } from 'react';
+export interface IconButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+    level?: "small" | "medium" | "large";
+    theme?: "primary" | "secondary" | "tertiary" | "onlyIcon" | "onlyIconWh";
+    baseColor?: "primary" | "green" | "red" | "orange" | "yellow" | "black";
+    isRound?: boolean;
+}
+export declare const IconButton: (props: IconButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default IconButton;

package/dist/lib/components/IconWithButton/index.d.ts

@@ -0,0 +1,8 @@
+import { ReactNode } from 'react';
+import { ButtonProps } from '../Button';
+export interface IconWithButtonProps extends ButtonProps {
+    iconPosition?: "left" | "right";
+    icon: ReactNode;
+}
+export declare const IconWithButton: ({ children, iconPosition, icon, level, ...rest }: IconWithButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default IconWithButton;

package/dist/lib/components/Inputs/Input.d.ts

@@ -0,0 +1,15 @@
+import { ReactNode } from 'react';
+export interface InputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    level?: "large" | "small";
+    width?: string;
+    unit?: string | ReactNode;
+    min?: number;
+    max?: number;
+    label?: string;
+    errorMessage?: string;
+    successMessage?: string;
+    guideMessage?: string;
+    onCancel?: (name?: string) => void;
+}
+export declare const Input: ({ unit, type, onChange, min, max, width, label, level, value, disabled, errorMessage, successMessage, guideMessage, required, onCancel, ...props }: InputProps) => JSX.Element;
+export default Input;

package/dist/lib/components/Inputs/SearchInput.d.ts

@@ -0,0 +1,7 @@
+export interface SearchInputProps extends React.InputHTMLAttributes<HTMLInputElement> {
+    width?: string;
+    level?: "small" | "large";
+    onCancel?: (name?: string) => void;
+}
+export declare const SearchInput: ({ width, level, value, disabled, onCancel, ...props }: SearchInputProps) => JSX.Element;
+export default SearchInput;

package/dist/lib/components/Radio/RadioButton.d.ts

@@ -0,0 +1,9 @@
+interface RadioButtonProps {
+    checked: boolean;
+    label?: string;
+    name?: string;
+    onClick?: (checked: boolean, name: string) => void;
+    disabled?: boolean;
+}
+export declare const RadioButton: (props: RadioButtonProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButton;

package/dist/lib/components/Radio/RadioButtons.d.ts

@@ -0,0 +1,9 @@
+import { Option, Options } from '../../types/option';
+export interface RadioButtonsProps {
+    options: Options;
+    value: Option;
+    onClick: (value: Option) => void;
+    disabled?: boolean;
+}
+export declare const RadioButtons: ({ options, value, onClick, disabled, }: RadioButtonsProps) => import("react/jsx-runtime").JSX.Element;
+export default RadioButtons;

package/dist/lib/components/Svg/arrow/ArrowDown.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowDown: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowDown;

package/dist/lib/components/Svg/arrow/ArrowUp.d.ts

@@ -0,0 +1,5 @@
+declare const ArrowUp: ({ size, color }: {
+    size?: number;
+    color?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ArrowUp;

package/dist/lib/hooks/useElementSize.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList } from 'react';
+export declare const useElementSize: (ref: React.MutableRefObject<HTMLElement | null>, deps?: DependencyList) => number[];

package/dist/lib/hooks/useTooltip.d.ts

@@ -0,0 +1,2 @@
+import { MutableRefObject } from 'react';
+export declare const useTooltip: (ref: MutableRefObject<HTMLElement>) => [boolean, React.Dispatch<React.SetStateAction<boolean>>];

package/dist/lib/index.d.ts

@@ -1,2 +1,12 @@
 export * from './components/Button';
+export * from './components/ButtonFilter';
+export * from './components/ButtonFilter/CustomFilter';
+export * from './components/CheckBox';
+export * from './components/Divider';
+export * from './components/IconButton';
+export * from './components/IconWithButton';
+export * from './components/Inputs/Input';
+export * from './components/Inputs/SearchInput';
+export * from './components/Radio/RadioButton';
+export * from './components/Radio/RadioButtons';
 export * from './theme/color.style';

package/dist/lib/types/option.d.ts

@@ -0,0 +1,5 @@
+export type Option = {
+    label: string;
+    value: string;
+};
+export type Options = Option[];

package/dist/lib/utils/input.d.ts

@@ -0,0 +1,6 @@
+/**input 문자열 number가 유효한지 확인하는 가드 */
+export declare const numberGuard: ({ e, min, max, }: {
+    e: React.ChangeEvent<HTMLInputElement>;
+    min: number;
+    max: number;
+}) => boolean;

package/dist/lib/utils/throttle.d.ts

@@ -0,0 +1 @@
+export declare const throttle: (fetchData: () => void, delay?: number) => () => void;

package/dist/lib/utils/validate.d.ts

@@ -0,0 +1,14 @@
+/**문자열 타입 숫자 정규식 */
+export declare const regexNumberString: RegExp;
+/**문자열 타입 소수 정규식 */
+export declare const regexNumeric: RegExp;
+/**문자열 타입 숫자인지 확인하는 유틸 */
+export declare const validateNumberString: (value: string) => boolean;
+/**문자열 타입 소수인지 확인하는 유틸  - 다 된다*/
+export declare const validateDecimalString: (value: string) => boolean;
+/** input min,max 범위에 있는지 확인하는 유틸 */
+export declare const validateInputMinMax: ({ targetValue, min, max, }: {
+    targetValue: string;
+    min: number;
+    max: number;
+}) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "enerdot-front-system",
   "private": false,
-  "version": "0.0.7",
+  "version": "0.0.9",
   "type": "module",
   "keywords": [
     "enerdot-front-system",
@@ -27,8 +27,8 @@
     "lint": "eslint .",
     "preview": "vite preview",
     "prepare": "rm -rf dist && tsc && vite build",
-    "add:package": "yarn add ./enerdot-front-system-v0.0.7.tgz",
-    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.7.tgz && yarn add enerdot-front-system"
+    "add:package": "yarn add ./enerdot-front-system-v0.0.9.tgz",
+    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.9.tgz"
   },
   "exports": {
     ".": {
@@ -38,7 +38,6 @@
     }
   },
   "peerDependencies": {
-    "enerdot-front-system": "^0.0.5",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "^6.1.14"
@@ -56,10 +55,16 @@
     "eslint-plugin-unused-imports": "^4.1.4",
     "globals": "^15.14.0",
     "path": "^0.12.7",
+    "react": "^18.3.1",
+    "react-dom": "^18.3.1",
+    "styled-components": "^6.1.14",
     "typescript": "~5.6.2",
     "typescript-eslint": "^8.18.2",
     "url": "^0.11.4",
     "vite": "^6.0.5",
     "vite-plugin-dts": "^4.4.0"
+  },
+  "dependencies": {
+    "react-router-dom": "^7.1.1"
   }
 }