sales-frontend-components 0.0.155 → 0.0.157

package/dist/index.cjs.js

@@ -633,7 +633,17 @@ const useAddressComponent = () => {
   };
 };
 
-const CODE_ICON_LIST = [
+const BANK_STOCK_SEARCH_MODAL_TABS = [
+  {
+    value: "bank",
+    label: "\uC740\uD589"
+  },
+  {
+    value: "stock",
+    label: "\uC99D\uAD8C\uC0AC"
+  }
+];
+const BANK_STOCK_ICON_LIST = [
   {
     codeVal: "002",
     codeName: "\uC0B0\uC5C5\uC740\uD589",
@@ -974,7 +984,7 @@ function BankStockSearchModal({ open, onClose, onSelect }) {
     const chunkedList = chunk(list, 5);
     return /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles$1["list-container"], children: chunkedList.map((chunk2, chunkIndex) => /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles$1.row, children: [
       chunk2.map((item) => {
-        const findItem = CODE_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
+        const findItem = BANK_STOCK_ICON_LIST.find((icon) => icon.codeVal === item.codeVal);
         const convertedItem = findItem ? findItem : {
           icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsStockHochulEopsum, {}),
           replaceName: item.codeName
@@ -1078,7 +1088,7 @@ const useCustomerSearch = (onSelect) => {
 
 const cx$j = classNames.bind(styles$2);
 const { InputBox: InputBox$3, Input: Input$3 } = salesFrontendDesignSystem.FormCore;
-const CustomerSearch = ({ onSelectCustomer, placeholder, rootProps, ...props }) => {
+const CustomerSearch = ({ onSelectCustomer, onSearchClear, placeholder, rootProps, ...props }) => {
   const {
     triggerRef,
     isOpen,
@@ -1092,8 +1102,12 @@ const CustomerSearch = ({ onSelectCustomer, placeholder, rootProps, ...props })
     onClear,
     handleSelectItem
   } = useCustomerSearch(onSelectCustomer);
+  const handleClear = () => {
+    onClear();
+    onSearchClear?.();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$j("container"), children: [
-    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$j("search-bar"), children: /* @__PURE__ */ jsxRuntime.jsx(InputBox$3, { ...rootProps, endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+    /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$j("search-bar"), children: /* @__PURE__ */ jsxRuntime.jsx(InputBox$3, { ...rootProps, endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear: handleClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
       Input$3,
       {
         ...props,
@@ -1134,7 +1148,7 @@ const CustomerSearch = ({ onSelectCustomer, placeholder, rootProps, ...props })
 
 const cx$i = classNames.bind(styles$2);
 const { InputBox: InputBox$2, Input: Input$2 } = salesFrontendDesignSystem.FormCore;
-function CustomerSearchModal({ isOpen, closeModal, onSelect }) {
+function CustomerSearchModal({ isOpen, closeModal, onSelect, onSearchClear }) {
   const {
     triggerRef,
     searchInput,
@@ -1149,12 +1163,16 @@ function CustomerSearchModal({ isOpen, closeModal, onSelect }) {
     onClear,
     handleSelectItem
   } = useCustomerSearch(onSelect);
+  const handleClear = () => {
+    onClear();
+    onSearchClear?.();
+  };
   return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose: closeModal, modalSize: "full-screen", children: [
     /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
     /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { children: [
       /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uACE0\uAC1D \uAC80\uC0C9", showCloseButton: true }),
       /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Body, { children: [
-        /* @__PURE__ */ jsxRuntime.jsx(InputBox$2, { endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
+        /* @__PURE__ */ jsxRuntime.jsx(InputBox$2, { endElement: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconMainUiSearch, { onClick: search }), onClear: handleClear, clearable: true, children: /* @__PURE__ */ jsxRuntime.jsx(
           Input$2,
           {
             onChange: onSearchInputChange,
@@ -4419,6 +4437,8 @@ const useDownloader = () => {
 };
 
 exports.Attachment = Attachment;
+exports.BANK_STOCK_ICON_LIST = BANK_STOCK_ICON_LIST;
+exports.BANK_STOCK_SEARCH_MODAL_TABS = BANK_STOCK_SEARCH_MODAL_TABS;
 exports.BankStockSearchModal = BankStockSearchModal;
 exports.CODES = CODES;
 exports.CustomerSearch = CustomerSearch;