pds-dev-kit-web 1.5.2 → 1.5.3

package/dist/src/desktop/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PDSTextType } from '../../../common';
 export declare type CardProps = {
     titleText?: PDSTextType;
@@ -6,7 +6,7 @@ export declare type CardProps = {
     imageIconMode?: 'none' | 'image' | 'icon';
     imageSrc?: string;
     selectState?: 'unselected' | 'selected';
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 declare function Card({ titleText, descText, imageIconMode, imageSrc, selectState, onClick }: CardProps): JSX.Element;
 export default Card;

package/dist/src/desktop/components/Card/Card.js

@@ -13,9 +13,9 @@ var hybrid_1 = require("../../../hybrid");
 var TextLabel_1 = require("../TextLabel");
 function Card(_a) {
     var titleText = _a.titleText, descText = _a.descText, _b = _a.imageIconMode, imageIconMode = _b === void 0 ? 'none' : _b, imageSrc = _a.imageSrc, _c = _a.selectState, selectState = _c === void 0 ? 'unselected' : _c, onClick = _a.onClick;
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (onClick) {
-            onClick();
+            onClick(e);
         }
     };
     return (react_1.default.createElement(S_CardGroups, { selectState: selectState, onClick: handleClick },

package/dist/src/desktop/components/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FillIconNameKeys, LineIconNameKeys, PDSTextType, PDSValueOption, UiColors } from '../../../common';
 declare type DisplayType = 'category_choice' | 'filter_single' | 'filter_multi' | 'removable' | 'label' | 'time' | 'information';
 export declare type ChipProps = {
@@ -11,7 +11,7 @@ export declare type ChipProps = {
     overrideBackgroundColorKey?: UiColors;
     value?: PDSValueOption['value'];
     id?: PDSValueOption['value'];
-    onClickChip?: () => void;
+    onClickChip?: (e: React.MouseEvent<HTMLDivElement>) => void;
     onClickXMarkIcon?: () => void;
     /** @deprecated value 필드를 대신 사용하세요. */
     activeChipId?: string | number;

package/dist/src/desktop/components/Chip/Chip.js

@@ -42,9 +42,9 @@ function Chip(_a) {
         }
         return false;
     }, [activeChipId, chipId, value, id]);
-    var handleClickChip = function () {
+    var handleClickChip = function (e) {
         if (onClickChip) {
-            onClickChip();
+            onClickChip(e);
         }
     };
     var handleClickXMarkIcon = function (e) {

package/dist/src/desktop/components/DesktopAlertDialog/DesktopAlertDialog.d.ts

@@ -14,9 +14,9 @@ declare type DesktopAlertDialogProps = {
     tBtn1Type?: 'button' | 'submit';
     tBtn2Type?: 'button' | 'submit';
     tBtn3Type?: 'button' | 'submit';
-    onClickTBtn1?: () => any;
-    onClickTBtn2?: () => any;
-    onClickTBtn3?: () => any;
+    onClickTBtn1?: () => void;
+    onClickTBtn2?: () => void;
+    onClickTBtn3?: () => void;
 };
 declare function DesktopAlertDialog({ iconMode, titleText, contentText, btnMode, tBtn1Text, tBtn2Text, tBtn3Text, tBtn1State, tBtn2State, tBtn3State, tBtn1Type, tBtn2Type, tBtn3Type, onClickTBtn1, onClickTBtn2, onClickTBtn3 }: DesktopAlertDialogProps): React.ReactPortal;
 export default DesktopAlertDialog;

package/dist/src/desktop/components/FloatingActionButton/FloatingActionButton.d.ts

@@ -9,8 +9,8 @@ export declare type FloatingActionButtonProps = {
     iconName?: FillIconNameKeys | LineIconNameKeys;
     colorTheme?: 'none' | 'theme1' | 'theme2' | 'theme3';
     state?: 'normal' | 'disabled';
-    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => any;
-    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => any;
+    onClick?: (e: React.MouseEvent<HTMLButtonElement>) => void;
+    onMouseDown?: (e: React.MouseEvent<HTMLButtonElement>) => void;
 };
 declare function FloatingActionButton({ text, displayType, size, fontWeight, iconFillType, iconName, colorTheme, state, onClick, onMouseDown }: FloatingActionButtonProps): JSX.Element;
 export default FloatingActionButton;

package/dist/src/mobile/components/Card/Card.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { PDSTextType } from '../../../common';
 export declare type CardProps = {
     titleText?: PDSTextType;
@@ -6,7 +6,7 @@ export declare type CardProps = {
     imageIconMode?: 'none' | 'image' | 'icon';
     imageSrc?: string;
     selectState?: 'unselected' | 'selected';
-    onClick?: () => void;
+    onClick?: (e: React.MouseEvent<HTMLDivElement>) => void;
 };
 declare function Card({ titleText, descText, imageIconMode, imageSrc, selectState, onClick }: CardProps): JSX.Element;
 export default Card;

package/dist/src/mobile/components/Card/Card.js

@@ -13,9 +13,9 @@ var hybrid_1 = require("../../../hybrid");
 var TextLabel_1 = require("../TextLabel");
 function Card(_a) {
     var titleText = _a.titleText, descText = _a.descText, _b = _a.imageIconMode, imageIconMode = _b === void 0 ? 'none' : _b, imageSrc = _a.imageSrc, _c = _a.selectState, selectState = _c === void 0 ? 'unselected' : _c, onClick = _a.onClick;
-    var handleClick = function () {
+    var handleClick = function (e) {
         if (onClick) {
-            onClick();
+            onClick(e);
         }
     };
     return (react_1.default.createElement(S_CardGroups, { selectState: selectState, onClick: handleClick },

package/dist/src/mobile/components/Chip/Chip.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 import { FillIconNameKeys, LineIconNameKeys, PDSTextType, PDSValueOption, UiColors } from '../../../common';
 declare type DisplayType = 'category_choice' | 'filter_single' | 'filter_multi' | 'removable' | 'label' | 'time' | 'information';
 export declare type ChipProps = {
@@ -11,7 +11,7 @@ export declare type ChipProps = {
     overrideBackgroundColorKey?: UiColors;
     value?: PDSValueOption['value'];
     id?: PDSValueOption['value'];
-    onClickChip?: () => void;
+    onClickChip?: (e: React.MouseEvent<HTMLDivElement>) => void;
     onClickXMarkIcon?: () => void;
     /** @deprecated value 필드를 대신 사용하세요. */
     activeChipId?: string | number;

package/dist/src/mobile/components/Chip/Chip.js

@@ -42,9 +42,9 @@ function Chip(_a) {
         }
         return false;
     }, [activeChipId, chipId, value, id]);
-    var handleClickChip = function () {
+    var handleClickChip = function (e) {
         if (onClickChip) {
-            onClickChip();
+            onClickChip(e);
         }
     };
     var handleClickXMarkIcon = function (e) {

package/dist/src/mobile/components/MobileAlertDialog/MobileAlertDialog.d.ts

@@ -15,9 +15,9 @@ declare type MobileAlertDialogProps = {
     tBtn1Type?: 'button' | 'submit';
     tBtn2Type?: 'button' | 'submit';
     tBtn3Type?: 'button' | 'submit';
-    onClickTBtn1?: () => any;
-    onClickTBtn2?: () => any;
-    onClickTBtn3?: () => any;
+    onClickTBtn1?: () => void;
+    onClickTBtn2?: () => void;
+    onClickTBtn3?: () => void;
 };
 declare function MobileAlertDialog({ iconMode, titleText, contentText, btnStack, btnMode, tBtn1Text, tBtn2Text, tBtn3Text, tBtn1State, tBtn2State, tBtn3State, tBtn1Type, tBtn2Type, tBtn3Type, onClickTBtn1, onClickTBtn2, onClickTBtn3 }: MobileAlertDialogProps): React.ReactPortal;
 export default MobileAlertDialog;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "pds-dev-kit-web",
-  "version": "1.5.2",
+  "version": "1.5.3",
   "license": "MIT",
   "private": false,
   "main": "dist/index.js",

package/release-note.md

@@ -1,6 +1,19 @@
 # PDS-DEV-KIT-WEB Release Notes
-## [v1.5.2]
+## [v1.5.3]
 
 ### Component
-* Icon
-  * ic_bell_notification line asset의 모양 변경
+* Card
+  * onClick 타입 변경
+* Chip
+  * onClickChip 타입 변경
+* DesktopAlertDialog
+  * onClickTbtn1 타입 변경
+  * onClickTbtn2 타입 변경
+  * onClickTbtn3 타입 변경
+* FloatingActionButton
+  * onClick 타입 변경
+  * onMouseDown 타입 변경
+* MobileAlertDialog
+  * onClickTbtn1 타입 변경
+  * onClickTbtn2 타입 변경
+  * onClickTbtn3 타입 변경