sales-frontend-components 0.0.225 → 0.0.227

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (9) hide show
  1. package/dist/index.cjs.js +173 -150
  2. package/dist/index.cjs.js.map +1 -1
  3. package/dist/index.esm.js +173 -150
  4. package/dist/index.esm.js.map +1 -1
  5. package/dist/modal/pre-standard/dea-customer-search-modal/dea-customer-search-modal.module.scss +45 -14
  6. package/dist/modal/pre-standard/employee-search-modal/employee-search-modal.module.scss +34 -13
  7. package/dist/modal/pre-standard/organization-search-modal/organization-search-modal.module.scss +16 -10
  8. package/dist/modal/standard/bank-stock-search/bank-stock-search-modal.module.scss +7 -10
  9. package/package.json +12 -12
package/dist/index.cjs.js CHANGED
@@ -1200,7 +1200,7 @@ const BANK_STOCK_ICON_LIST = [
1200
1200
  {
1201
1201
  codeVal: "026",
1202
1202
  codeName: "(\uAD6C)\uC2E0\uD55C\uC740\uD589",
1203
- replaceName: "\uC2E0\uD55C",
1203
+ replaceName: "(\uAD6C)\uC2E0\uD55C",
1204
1204
  icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSinhan, {}),
1205
1205
  className: "dsp-icons-graphics-bank-sinhan",
1206
1206
  iconName: "bank/\uC2E0\uD55C"
@@ -1213,6 +1213,14 @@ const BANK_STOCK_ICON_LIST = [
1213
1213
  className: "dsp-icons-graphics-bank-hankook-city",
1214
1214
  iconName: "bank/\uD55C\uAD6D\uC528\uD2F0"
1215
1215
  },
1216
+ {
1217
+ codeVal: "030",
1218
+ codeName: "\uC218\uD611\uC911\uC559\uD68C",
1219
+ replaceName: "\uC218\uD611\uC911\uC559\uD68C",
1220
+ icon: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsBankSuhyeop, {}),
1221
+ className: "dsp-icons-graphics-bank-suhyeop",
1222
+ iconName: "bank/\uC218\uD611"
1223
+ },
1216
1224
  {
1217
1225
  codeVal: "031",
1218
1226
  codeName: "iM(\uB300\uAD6C)\uBC45\uD06C",
@@ -2443,11 +2451,11 @@ function DeaCustomerSearchResult({
2443
2451
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$f("result-title"), children: [
2444
2452
  "\uCD1D ",
2445
2453
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: customerList.length }),
2446
- "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
2454
+ "\uAC74"
2447
2455
  ] }),
2448
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2456
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "vertical", style: { tableLayout: "fixed" }, height: "281px", children: [
2449
2457
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2450
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uC120\uD0DD" }),
2458
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding", "select-col"), children: "\uC120\uD0DD" }),
2451
2459
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uACE0\uAC1DID" }),
2452
2460
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uACE0\uAC1D\uBA85" }),
2453
2461
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$f("th-padding"), children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
@@ -2457,13 +2465,16 @@ function DeaCustomerSearchResult({
2457
2465
  ] }) }),
2458
2466
  /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: customerList.length > 0 ? customerList.map((customer, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2459
2467
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
2460
- "input",
2468
+ salesFrontendDesignSystem.Radio.Item,
2461
2469
  {
2462
- type: "radio",
2463
- name: "customer",
2470
+ id: `radio-${index}`,
2464
2471
  value: customer.customerId || "",
2472
+ name: "customer",
2473
+ size: "small",
2465
2474
  checked: selectedCustomer?.customerId === customer.customerId,
2466
- onChange: () => onCustomerSelect(customer)
2475
+ onChange: () => {
2476
+ onCustomerSelect(customer);
2477
+ }
2467
2478
  }
2468
2479
  ) }),
2469
2480
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.customerId }),
@@ -2472,7 +2483,7 @@ function DeaCustomerSearchResult({
2472
2483
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.occupationKindName }),
2473
2484
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.mobilePhoneNumber }),
2474
2485
  /* @__PURE__ */ jsxRuntime.jsx("td", { children: customer.address })
2475
- ] }, `cust-item-${customer.customerId}-${index}}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$f("no-result"), children: [
2486
+ ] }, `cust-item-${customer.customerId}-${index}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 7, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$f("no-result"), children: [
2476
2487
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
2477
2488
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
2478
2489
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -2527,55 +2538,61 @@ function DeaCustomerSearch({
2527
2538
  }, [initSearchParams]);
2528
2539
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2529
2540
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$e("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filters"), children: [
2530
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filter-section"), children: [
2531
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uACE0\uAC1D \uAD6C\uBD84" }),
2532
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select, { value: "personal", placeholder: "\uAC1C\uC778", disabled: true, style: { width: "100px" }, children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: "personal", children: "\uAC1C\uC778" }) }),
2533
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
2534
- /* @__PURE__ */ jsxRuntime.jsx(
2535
- TextField$3,
2536
- {
2537
- name: "residentNumberFront",
2538
- value: residentNumberFront,
2539
- maxLength: 6,
2540
- placeholder: "\uC55E 6\uC790\uB9AC \uC785\uB825",
2541
- onChange: (e) => setResidentNumberFront(e.target.value),
2542
- size: "medium",
2543
- onKeyUp,
2544
- onKeyDown,
2545
- rootProps: {
2546
- className: cx$e("search-input"),
2547
- onClear: () => {
2548
- setResidentNumberFront("");
2541
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filters-wrap"), children: [
2542
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filter-section", "flex-1"), children: [
2543
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uACE0\uAC1D \uAD6C\uBD84" }),
2544
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select, { value: "personal", placeholder: "\uAC1C\uC778", disabled: true, size: "small", className: "w-full", children: /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: "personal", children: "\uAC1C\uC778" }) })
2545
+ ] }),
2546
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-filter-section", "flex-2"), children: [
2547
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC8FC\uBBFC\uB4F1\uB85D\uBC88\uD638" }),
2548
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("resident-number-inputs"), children: [
2549
+ /* @__PURE__ */ jsxRuntime.jsx(
2550
+ TextField$3,
2551
+ {
2552
+ name: "residentNumberFront",
2553
+ value: residentNumberFront,
2554
+ maxLength: 6,
2555
+ placeholder: "\uC55E 6\uC790\uB9AC \uC785\uB825",
2556
+ onChange: (e) => setResidentNumberFront(e.target.value),
2557
+ size: "small",
2558
+ onKeyUp,
2559
+ onKeyDown,
2560
+ rootProps: {
2561
+ className: cx$e("search-input"),
2562
+ onClear: () => {
2563
+ setResidentNumberFront("");
2564
+ }
2565
+ }
2549
2566
  }
2550
- }
2551
- }
2552
- ),
2553
- "-",
2554
- /* @__PURE__ */ jsxRuntime.jsx(
2555
- TextField$3,
2556
- {
2557
- type: "password",
2558
- id: "residentNumberBack",
2559
- name: "residentNumberBack",
2560
- value: residentNumberBack,
2561
- maxLength: 7,
2562
- placeholder: "\uB4A4 7\uC790\uB9AC \uC785\uB825",
2563
- onChange: (e) => setResidentNumberBack(e.target.value),
2564
- size: "medium",
2565
- onKeyDown,
2566
- onKeyUp,
2567
- rootProps: {
2568
- className: cx$e("search-input"),
2569
- onClear: () => {
2570
- setResidentNumberBack("");
2567
+ ),
2568
+ "-",
2569
+ /* @__PURE__ */ jsxRuntime.jsx(
2570
+ TextField$3,
2571
+ {
2572
+ type: "password",
2573
+ id: "residentNumberBack",
2574
+ name: "residentNumberBack",
2575
+ value: residentNumberBack,
2576
+ maxLength: 7,
2577
+ placeholder: "\uB4A4 7\uC790\uB9AC \uC785\uB825",
2578
+ onChange: (e) => setResidentNumberBack(e.target.value),
2579
+ size: "small",
2580
+ onKeyDown,
2581
+ onKeyUp,
2582
+ rootProps: {
2583
+ className: cx$e("search-input"),
2584
+ onClear: () => {
2585
+ setResidentNumberBack("");
2586
+ }
2587
+ }
2571
2588
  }
2572
- }
2573
- }
2574
- )
2589
+ )
2590
+ ] })
2591
+ ] })
2575
2592
  ] }),
2576
2593
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$e("search-buttons"), children: [
2577
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2578
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2594
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "small", variant: "secondary", className: "button", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2595
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "small", variant: "primary", className: "button", onClick: handleSearch, children: "\uC870\uD68C" })
2579
2596
  ] })
2580
2597
  ] }) }),
2581
2598
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$e("divider") }),
@@ -2637,9 +2654,9 @@ const DeaCustomerSearchModal = ({
2637
2654
  };
2638
2655
  return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
2639
2656
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
2640
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
2657
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "530px" }, children: [
2641
2658
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uACE0\uAC1D \uAC80\uC0C9", showCloseButton: true }),
2642
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
2659
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: "pt-xlarge-i", children: /* @__PURE__ */ jsxRuntime.jsx(
2643
2660
  DeaCustomerSearch,
2644
2661
  {
2645
2662
  initSearchParams,
@@ -2673,49 +2690,44 @@ const EMPLOYEE_SEARCH_TABS = [
2673
2690
  ];
2674
2691
 
2675
2692
  const cx$d = classNames.bind(styles$7);
2676
- function EmployeeSearchResult({ filteredEmployees, onEmployeeSelect }) {
2693
+ function EmployeeSearchResult({
2694
+ filteredEmployees,
2695
+ onEmployeeSelect,
2696
+ selectedEmployee
2697
+ }) {
2677
2698
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("result-section"), children: [
2678
2699
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$d("result-title"), children: [
2679
2700
  "\uCD1D ",
2680
2701
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredEmployees.length }),
2681
- "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
2702
+ "\uAC74"
2682
2703
  ] }),
2683
- filteredEmployees.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2704
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "vertical", style: { tableLayout: "fixed" }, height: "281px", children: [
2684
2705
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2685
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC120\uD0DD" }),
2706
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding", "select-col"), children: "\uC120\uD0DD" }),
2686
2707
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2687
2708
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2688
2709
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2689
2710
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2690
2711
  ] }) }),
2691
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredEmployees.map((employee) => {
2692
- return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2693
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
2694
- "input",
2695
- {
2696
- type: "radio",
2697
- name: "employee",
2698
- value: employee.employeeNumber || "",
2699
- onChange: (e) => {
2700
- onEmployeeSelect(employee);
2701
- }
2712
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredEmployees.length > 0 ? filteredEmployees.map((employee, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2713
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: /* @__PURE__ */ jsxRuntime.jsx(
2714
+ salesFrontendDesignSystem.Radio.Item,
2715
+ {
2716
+ id: `radio-${index}`,
2717
+ value: employee.employeeNumber || "",
2718
+ name: "employee",
2719
+ size: "small",
2720
+ checked: selectedEmployee?.employeeNumber === employee.employeeNumber,
2721
+ onChange: () => {
2722
+ onEmployeeSelect(employee);
2702
2723
  }
2703
- ) }),
2704
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.employeeNumber }),
2705
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.employeeName }),
2706
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.organizationName }),
2707
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: employee.employeeDivisionCodeName })
2708
- ] }) });
2709
- }) })
2710
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
2711
- /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
2712
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC120\uD0DD" }),
2713
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBC88\uD638" }),
2714
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uBA85" }),
2715
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC18C\uC18D\uAE30\uAD00\uBA85" }),
2716
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$d("th-padding"), children: "\uC0AC\uC6D0\uAD6C\uBD84" })
2717
- ] }) }),
2718
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("no-result"), children: [
2724
+ }
2725
+ ) }) }),
2726
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.employeeNumber }) }),
2727
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.employeeName }) }),
2728
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.organizationName }) }),
2729
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$d("td-padding"), children: employee.employeeDivisionCodeName }) })
2730
+ ] }, `${employee.employeeNumber}-${index}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 5, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$d("no-result"), children: [
2719
2731
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
2720
2732
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
2721
2733
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -2734,50 +2746,63 @@ function EmployeeSearch({
2734
2746
  searchInput,
2735
2747
  setSearchInput,
2736
2748
  employeeList,
2749
+ selectedEmployee,
2737
2750
  onEmployeeSelect
2738
2751
  }) {
2739
2752
  const handleSearch = () => {
2740
2753
  setSearchTerm(searchInput);
2741
2754
  };
2742
2755
  const handleReset = () => {
2743
- setSearchTerm("");
2744
2756
  setSearchInput("");
2745
2757
  };
2746
2758
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
2747
2759
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$c("search-section"), children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filters"), children: [
2748
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section"), children: [
2749
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC131\uBA85/\uC0AC\uBC88" }),
2750
- /* @__PURE__ */ jsxRuntime.jsx(
2751
- TextField$2,
2752
- {
2753
- value: searchInput,
2754
- onChange: (e) => setSearchInput(e.target.value),
2755
- className: styles$7.searchInput,
2756
- size: "medium",
2757
- onKeyUp: (e) => isEnter(e) && handleSearch(),
2758
- rootProps: {
2759
- onClear: handleReset,
2760
- clearable: true
2760
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filters-wrap"), children: [
2761
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section", "flex-1"), children: [
2762
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC131\uBA85/\uC0AC\uBC88" }),
2763
+ /* @__PURE__ */ jsxRuntime.jsx(
2764
+ TextField$2,
2765
+ {
2766
+ value: searchInput,
2767
+ onChange: (e) => setSearchInput(e.target.value),
2768
+ className: styles$7.searchInput,
2769
+ size: "small",
2770
+ onKeyUp: (e) => isEnter(e) && handleSearch(),
2771
+ rootProps: {
2772
+ onClear: handleReset,
2773
+ clearable: true,
2774
+ className: cx$c("search-input")
2775
+ }
2761
2776
  }
2762
- }
2763
- )
2777
+ )
2778
+ ] }),
2779
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section"), children: [
2780
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC0AC\uC6D0 \uAD6C\uBD84" }),
2781
+ /* @__PURE__ */ jsxRuntime.jsx(
2782
+ salesFrontendDesignSystem.Select,
2783
+ {
2784
+ value: activeTab,
2785
+ onChange: (value) => onTabChange(value),
2786
+ className: styles$7.select,
2787
+ size: "small",
2788
+ children: EMPLOYEE_SEARCH_TABS.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: option.value, children: option.label }, `${option.value}-${index}`))
2789
+ }
2790
+ )
2791
+ ] })
2764
2792
  ] }),
2765
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-filter-section"), children: [
2766
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.FormField.Label, { className: "subtitle3 text-body-1", children: "\uC0AC\uC6D0 \uAD6C\uBD84" }),
2793
+ /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-buttons"), children: [
2767
2794
  /* @__PURE__ */ jsxRuntime.jsx(
2768
- salesFrontendDesignSystem.Select,
2795
+ salesFrontendDesignSystem.Button,
2769
2796
  {
2770
- value: activeTab,
2771
- onChange: (value) => onTabChange(value),
2772
- className: styles$7.select,
2773
- size: "medium",
2774
- children: EMPLOYEE_SEARCH_TABS.map((option, index) => /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Select.Option, { value: option.value, children: option.label }, `${option.value}-${index}`))
2797
+ appearance: "outline",
2798
+ size: "small",
2799
+ variant: "secondary",
2800
+ onClick: handleReset,
2801
+ className: cx$c("button"),
2802
+ children: "\uCD08\uAE30\uD654"
2775
2803
  }
2776
- )
2777
- ] }),
2778
- /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$c("search-buttons"), children: [
2779
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
2780
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
2804
+ ),
2805
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "small", variant: "primary", onClick: handleSearch, className: cx$c("button"), children: "\uC870\uD68C" })
2781
2806
  ] })
2782
2807
  ] }) }),
2783
2808
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$c("divider") }),
@@ -2786,7 +2811,8 @@ function EmployeeSearch({
2786
2811
  {
2787
2812
  filteredEmployees: employeeList,
2788
2813
  onEmployeeSelect,
2789
- searchTerm
2814
+ searchTerm,
2815
+ selectedEmployee
2790
2816
  }
2791
2817
  )
2792
2818
  ] });
@@ -2833,15 +2859,13 @@ const EmployeeSearchModal = ({
2833
2859
  }
2834
2860
  };
2835
2861
  const onTabChange = (value) => {
2836
- setSearchTerm("");
2837
- setSearchInput("");
2838
2862
  setActiveTab(value);
2839
2863
  };
2840
2864
  return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
2841
2865
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
2842
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
2866
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "530px" }, children: [
2843
2867
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uC0AC\uC6D0 \uAC80\uC0C9", showCloseButton: true }),
2844
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
2868
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { className: "pt-xlarge-i", children: /* @__PURE__ */ jsxRuntime.jsx(
2845
2869
  EmployeeSearch,
2846
2870
  {
2847
2871
  activeTab,
@@ -2851,6 +2875,7 @@ const EmployeeSearchModal = ({
2851
2875
  searchInput,
2852
2876
  setSearchInput,
2853
2877
  employeeList,
2878
+ selectedEmployee,
2854
2879
  onEmployeeSelect: handleEmployeeSelect
2855
2880
  }
2856
2881
  ) }),
@@ -3676,42 +3701,38 @@ function useJobVehicleSearchModal() {
3676
3701
  const cx$4 = classNames.bind(styles$b);
3677
3702
  function OrganizationSearchResult({
3678
3703
  filteredOrganizations,
3704
+ selectedOrganization,
3679
3705
  onOrganizationSelect
3680
3706
  }) {
3681
3707
  return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("result-section"), children: [
3682
3708
  /* @__PURE__ */ jsxRuntime.jsxs("p", { className: cx$4("result-title"), children: [
3683
3709
  "\uCD1D ",
3684
3710
  /* @__PURE__ */ jsxRuntime.jsx("span", { className: "text-primary", children: filteredOrganizations.length }),
3685
- "\uAC74\uC758 \uAC80\uC0C9\uACB0\uACFC"
3711
+ "\uAC74"
3686
3712
  ] }),
3687
- filteredOrganizations.length > 0 ? /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
3713
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "vertical", style: { tableLayout: "fixed" }, height: "281px", children: [
3688
3714
  /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3689
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uC120\uD0DD" }),
3715
+ /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding", "select-col"), children: "\uC120\uD0DD" }),
3690
3716
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
3691
3717
  /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uBA85" })
3692
3718
  ] }) }),
3693
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredOrganizations.map((organization, index) => {
3694
- return /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3695
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx(
3696
- "input",
3697
- {
3698
- type: "radio",
3699
- name: "organization",
3700
- value: organization.organizationCode || "",
3701
- onChange: () => onOrganizationSelect(organization)
3719
+ /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: filteredOrganizations.length > 0 ? filteredOrganizations.map((organization, index) => /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3720
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx$4("td-padding"), children: /* @__PURE__ */ jsxRuntime.jsx(
3721
+ salesFrontendDesignSystem.Radio.Item,
3722
+ {
3723
+ id: `radio-${index}`,
3724
+ value: organization.organizationCode || "",
3725
+ name: "organization",
3726
+ size: "small",
3727
+ checked: selectedOrganization?.organizationCode === organization.organizationCode,
3728
+ onChange: () => {
3729
+ onOrganizationSelect(organization);
3702
3730
  }
3703
- ) }),
3704
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: organization.organizationCode }),
3705
- /* @__PURE__ */ jsxRuntime.jsx("td", { children: organization.organizationName })
3706
- ] }, `${organization.organizationCode}-${index}`);
3707
- }) })
3708
- ] }) : /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Table, { variant: "horizontal", children: [
3709
- /* @__PURE__ */ jsxRuntime.jsx("thead", { children: /* @__PURE__ */ jsxRuntime.jsxs("tr", { children: [
3710
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uC120\uD0DD" }),
3711
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uCF54\uB4DC" }),
3712
- /* @__PURE__ */ jsxRuntime.jsx("th", { className: cx$4("th-padding"), children: "\uAE30\uAD00\uBA85" })
3713
- ] }) }),
3714
- /* @__PURE__ */ jsxRuntime.jsx("tbody", { children: /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("no-result"), children: [
3731
+ }
3732
+ ) }) }),
3733
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "td-padding", children: organization.organizationCode }) }),
3734
+ /* @__PURE__ */ jsxRuntime.jsx("td", { children: /* @__PURE__ */ jsxRuntime.jsx("span", { className: "td-padding", children: organization.organizationName }) })
3735
+ ] }, `${organization.organizationCode}-${index}`)) : /* @__PURE__ */ jsxRuntime.jsx("tr", { children: /* @__PURE__ */ jsxRuntime.jsx("td", { colSpan: 3, children: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$4("no-result"), children: [
3715
3736
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendAssets.IconGraphicsFeedbackEmpty, {}),
3716
3737
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC870\uD68C \uACB0\uACFC\uAC00 \uC5C6\uC2B5\uB2C8\uB2E4." }),
3717
3738
  /* @__PURE__ */ jsxRuntime.jsx("p", { children: "\uC785\uB825\uD55C \uC815\uBCF4\uB97C \uB2E4\uC2DC \uD655\uC778\uD574\uC8FC\uC138\uC694." })
@@ -3728,13 +3749,13 @@ function OrganizationSearch({
3728
3749
  searchInput,
3729
3750
  setSearchInput,
3730
3751
  organizationList,
3752
+ selectedOrganization,
3731
3753
  onOrganizationSelect
3732
3754
  }) {
3733
3755
  const handleSearch = () => {
3734
3756
  setSearchTerm(searchInput);
3735
3757
  };
3736
3758
  const handleReset = () => {
3737
- setSearchTerm("");
3738
3759
  setSearchInput("");
3739
3760
  };
3740
3761
  return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -3747,7 +3768,7 @@ function OrganizationSearch({
3747
3768
  placeholder: "\uAE30\uAD00\uCF54\uB4DC(\uBA85) \uC785\uB825",
3748
3769
  value: searchInput,
3749
3770
  onChange: (e) => setSearchInput(e.target.value),
3750
- size: "medium",
3771
+ size: "small",
3751
3772
  onKeyUp: (e) => isEnter(e) && handleSearch(),
3752
3773
  rootProps: {
3753
3774
  className: cx$3("search-input"),
@@ -3758,8 +3779,8 @@ function OrganizationSearch({
3758
3779
  )
3759
3780
  ] }),
3760
3781
  /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx$3("search-buttons"), children: [
3761
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "medium", variant: "secondary", onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
3762
- /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "medium", variant: "primary", onClick: handleSearch, children: "\uC870\uD68C" })
3782
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "outline", size: "small", variant: "secondary", className: cx$3("button"), onClick: handleReset, children: "\uCD08\uAE30\uD654" }),
3783
+ /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Button, { appearance: "filled", size: "small", variant: "primary", className: cx$3("button"), onClick: handleSearch, children: "\uC870\uD68C" })
3763
3784
  ] })
3764
3785
  ] }) }),
3765
3786
  /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx$3("divider") }),
@@ -3767,6 +3788,7 @@ function OrganizationSearch({
3767
3788
  OrganizationSearchResult,
3768
3789
  {
3769
3790
  filteredOrganizations: organizationList,
3791
+ selectedOrganization,
3770
3792
  onOrganizationSelect,
3771
3793
  searchTerm
3772
3794
  }
@@ -3819,7 +3841,7 @@ const OrganizationSearchModal = ({
3819
3841
  };
3820
3842
  return /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, modalSize: "xlarge", children: [
3821
3843
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
3822
- /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "697px" }, children: [
3844
+ /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { style: { height: "530px" }, children: [
3823
3845
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uAE30\uAD00 \uAC80\uC0C9", showCloseButton: true }),
3824
3846
  /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Body, { children: /* @__PURE__ */ jsxRuntime.jsx(
3825
3847
  OrganizationSearch,
@@ -3829,6 +3851,7 @@ const OrganizationSearchModal = ({
3829
3851
  searchInput,
3830
3852
  setSearchInput,
3831
3853
  organizationList,
3854
+ selectedOrganization,
3832
3855
  onOrganizationSelect: handleOrganizationSelect
3833
3856
  }
3834
3857
  ) }),