enerdot-front-system 0.0.8 → 0.0.10

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/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/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,5 +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/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.8",
+  "version": "0.0.10",
   "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.8.tgz",
-    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.8.tgz"
+    "add:package": "yarn add ./enerdot-front-system-v0.0.10.tgz",
+    "reset:package": "yarn remove enerdot-front-system && yarn cache clean && rm -rf ./enerdot-front-system-v0.0.10.tgz"
   },
   "exports": {
     ".": {
@@ -40,7 +40,8 @@
   "peerDependencies": {
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "styled-components": "^6.1.14"
+    "styled-components": "^6.1.14",
+    "react-router-dom": "^7.1.1"
   },
   "devDependencies": {
     "@eslint/js": "^9.17.0",