sales-frontend-components 0.0.32 → 0.0.34

package/dist/index.cjs.js

@@ -7,8 +7,6 @@ var salesFrontendDesignSystem = require('sales-frontend-design-system');
 var React = require('react');
 var reactHookForm = require('react-hook-form');
 var styles$1 = require('./step-indicator/step-indicator.module.scss');
-var salesFrontendApi = require('sales-frontend-api');
-var salesFrontendStores = require('sales-frontend-stores');
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -330,63 +328,10 @@ const StepIndicator = ({
   ] });
 };
 
-const Sample = ({ isOpen, onClose, onSelected }) => {
-  const [data, setData] = React.useState(null);
-  const { clientSession, setClientSession } = salesFrontendStores.useClientSession();
-  React.useEffect(() => {
-    const fetch = async () => {
-      const response = await salesFrontendApi.getListSomething();
-      setData(response);
-    };
-    fetch();
-  }, []);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Root, { isOpen, onClose, children: [
-    /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Overlay, {}),
-    /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Content, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx(salesFrontendDesignSystem.Modal.Header, { headerTitle: "\uBAA8\uB2EC \uC81C\uBAA9", showCloseButton: true }),
-      /* @__PURE__ */ jsxRuntime.jsxs(salesFrontendDesignSystem.Modal.Body, { children: [
-        data?.map(({ id, name, description }) => {
-          return /* @__PURE__ */ jsxRuntime.jsx("div", { style: { border: "1px solid black", marginBottom: "16px" }, children: /* @__PURE__ */ jsxRuntime.jsxs(
-            "button",
-            {
-              onClick: () => {
-                onSelected({ id, name, description });
-                onClose?.();
-              },
-              children: [
-                "\uC120\uD0DD\uD558\uC138\uC694: ",
-                name,
-                ", ",
-                description
-              ]
-            }
-          ) }, id);
-        }),
-        /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-          /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(
-            "button",
-            {
-              onClick: () => {
-                setClientSession({ userName: `\uAE40\uD55C\uD654-${Math.random()}` });
-              },
-              children: "\uC0AC\uC6A9\uC790\uC774\uB984 \uC5C5\uB370\uC774\uD2B8"
-            }
-          ) }),
-          /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-            "\uC0AC\uC6A9\uC790\uC774\uB984=",
-            clientSession.userName
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }) });
-};
-
 exports.DataTable = DataTable;
 exports.FormDatePicker = FormDatePicker;
 exports.FormSegmentGroup = FormSegmentGroup;
 exports.FormTextField = FormTextField;
-exports.Sample = Sample;
 exports.StepIndicator = StepIndicator;
 exports.useTable = useTable;
 //# sourceMappingURL=index.cjs.js.map

package/dist/index.cjs.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.cjs.js","sources":["../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/data-table/data-table.tsx","../src/data-table/use-table.ts","../src/form/form-date-picker.tsx","../src/form/form-segment.tsx","../src/form/form-text-field.tsx","../src/step-indicator/step-indicator.tsx","../src/modal/sample/sample.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { flexRender, type RowData } from '@tanstack/react-table';\nimport classNames from 'classnames/bind';\nimport styles from './data-table.module.scss';\nimport type { DataTableProps } from './data-table.types';\nimport { Table } from 'sales-frontend-design-system';\n\nconst cx = classNames.bind(styles);\n\nexport const DataTable = <T extends RowData>({ table, isError, isLoading, msgText, ...props }: DataTableProps<T>) => {\n  return (\n    <Table\n      {...props}\n      selectable\n      style={\n        {\n          // minWidth: table.getCenterTotalSize() // 테이블 전체 너비를 컬럼 너비의 합으로 설정\n        }\n      }\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                colSpan={header.colSpan}\n                className={cx({\n                  'is-resizing': header.column.getIsResizing() // 3. 리사이징 중일 때 클래스 추가\n                })}\n                style={\n                  header.column.columnDef.size\n                    ? { width: header.getSize(), minWidth: header.getSize(), maxWidth: header.getSize() } // 4. TanStack이 계산한 너비를 직접 적용\n                    : undefined\n                }\n              >\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n\n                {/* 컬럼 리사이징 핸들 */}\n                {header.column.getCanResize() && (\n                  <div\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    className={cx('resize-handle')}\n                  />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n\n      <tbody>\n        {!isLoading && !isError && table.getRowModel().rows.length > 0 ? (\n          table.getRowModel().rows.map((row) => (\n            // TODO aria-disabled 스타일을 어떻게 적용할 것인지?\n            <tr key={row.id} aria-selected={row.getIsSelected()}>\n              {row.getVisibleCells().map((cell) => (\n                <td\n                  key={cell.id}\n                  style={\n                    cell.column.columnDef.size\n                      ? {\n                          width: cell.column.getSize(),\n                          minWidth: cell.column.getSize(),\n                          maxWidth: cell.column.getSize()\n                        }\n                      : undefined\n                  }\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </td>\n              ))}\n            </tr>\n          ))\n        ) : (\n          <tr>\n            <td className={cx('feedback-cell')} colSpan={table.getVisibleLeafColumns().length}>\n              {isLoading ? <div>Loading...</div> : <div>{msgText || (isError ? 'Error' : 'No data')}</div>}\n            </td>\n          </tr>\n        )}\n      </tbody>\n    </Table>\n  );\n};\n","'use client';\n\nimport React, { useState } from 'react';\n\nimport {\n  type PaginationState,\n  type RowData,\n  type RowSelectionState,\n  type TableOptions,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table';\n\ntype RenderingMode = 'CSR' | 'SSR';\n\nexport const useTable = <TData extends RowData>({\n  data,\n  columns,\n  defaultColumn = { size: 150, enableResizing: true },\n  initialState,\n  onSortingChange,\n  enableRowSelection,\n  enableColumnResizing,\n  mode = 'SSR',\n  meta,\n  debug\n}: Pick<\n  TableOptions<TData>,\n  | 'data'\n  | 'columns'\n  | 'initialState'\n  | 'onSortingChange'\n  | 'enableRowSelection'\n  | 'enableColumnResizing'\n  | 'defaultColumn'\n  | 'meta'\n> & {\n  mode?: RenderingMode;\n  debug?: boolean;\n}) => {\n  const [sorting, setSorting] = React.useState(initialState?.sorting || []);\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(initialState?.rowSelection || {});\n  const [pagination, setPagination] = React.useState((initialState?.pagination as PaginationState) || {});\n  const [columnVisibility, setColumnVisibility] = React.useState(initialState?.columnVisibility || {});\n\n  const getOption = (mode: RenderingMode): Partial<TableOptions<TData>> => {\n    if (mode === 'SSR') {\n      return {\n        manualSorting: true,\n        manualPagination: true,\n        onSortingChange\n      };\n    } else {\n      return {\n        getPaginationRowModel: getPaginationRowModel(),\n        onPaginationChange: setPagination,\n        onSortingChange: setSorting\n      };\n    }\n  };\n\n  const table = useReactTable({\n    meta,\n    data,\n    columns,\n    columnResizeMode: 'onChange',\n    defaultColumn,\n    enableColumnResizing,\n    enableRowSelection,\n    initialState,\n    state: {\n      sorting,\n      rowSelection,\n      pagination,\n      columnVisibility\n    },\n    onRowSelectionChange: setRowSelection,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    ...getOption(mode),\n    debugTable: debug,\n    debugHeaders: debug,\n    debugColumns: debug\n  });\n\n  return table;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { DatePicker, type DatePickerHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormDatePicker = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & DatePickerHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerHtmlProps = {\n    ...props,\n    id: field.name,\n    defaultValue: field.value,\n    disabled: field.disabled,\n    error: fieldState.invalid,\n    onBlur: field.onBlur\n  };\n\n  // if (props.mode === 'range') {\n  //   return (\n  //     <DatePicker\n  //       {...baseProps}\n  //       onValueChange={(selected: PeriodDate) => {\n  //         if (props.mode === 'range') {\n  //         }\n  //         field.onChange(selected);\n  //         // props.onValueChange?.(selected);\n  //       }}\n  //     />\n  //   );\n  // }\n\n  return <DatePicker {...baseProps} />;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { SegmentGroup, type SegmentGroupHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormSegmentGroup = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & SegmentGroupHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <SegmentGroup\n      {...props}\n      tabIndex={0}\n      id={field.name}\n      ref={field.ref}\n      defaultValue={field.value}\n      disabled={field.disabled}\n      error={fieldState.invalid}\n      onBlur={field.onBlur}\n      onValueChange={(selected) => {\n        field.onChange(selected);\n        props.onValueChange?.(selected);\n      }}\n    />\n  );\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { FormField } from 'sales-frontend-design-system';\n\nexport const FormTextField = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  error,\n  onBlur,\n  onChange,\n  rootProps,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & FormField.TextFieldProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <FormField.TextField\n      {...props}\n      id={field.name}\n      size=\"medium\"\n      autoComplete=\"off\"\n      name={field.name}\n      value={field.value ?? ''}\n      disabled={field.disabled}\n      error={fieldState.invalid || error}\n      onChange={(e) => {\n        field.onChange(e);\n        onChange?.(e);\n      }}\n      onBlur={(e) => {\n        field.onBlur();\n        onBlur?.(e);\n      }}\n      rootProps={{\n        ...rootProps,\n        onClear: () => {\n          field.onChange('');\n          rootProps?.onClear?.();\n        }\n      }}\n    />\n  );\n};\n","import React from 'react';\n\nimport classNames from 'classnames/bind';\nimport styles from './step-indicator.module.scss';\nimport type { StepIndicatorProps } from './step-indicator.types';\n\nconst cx = classNames.bind(styles);\n\nexport const StepIndicator = ({\n  items,\n  onClickItem,\n  currentIndex = 0,\n  defaultValue = '',\n  dotCount = 3\n}: StepIndicatorProps) => {\n  const [current, setCurrent] = React.useState(currentIndex);\n\n  React.useEffect(() => {\n    items.map((item, idx) => {\n      if (item.value === defaultValue) {\n        setCurrent(idx);\n      }\n    });\n  }, [items, defaultValue]);\n\n  return (\n    <div className={cx('stepper-layout')}>\n      <div className={cx('stepper')}>\n        {items.map((item, idx) => (\n          <React.Fragment key={`num-${idx}`}>\n            <div\n              className={cx('circle', (defaultValue === item.value || current === idx) && 'active')}\n              onClick={() => onClickItem?.(item)}\n            >\n              {item.isCompleted || idx < current ? <span className={cx('completed')} /> : ++idx}\n            </div>\n\n            {/* 다음 단계가 있을 때만 dot 렌더링 */}\n            {idx < items.length &&\n              Array.from({ length: dotCount }).map((_, dotIdx) => (\n                <span key={`dot-${idx}-${dotIdx}`} className={cx('dot')} />\n              ))}\n          </React.Fragment>\n        ))}\n      </div>\n\n      <ul className={cx('step-labels')}>\n        {items.map((item, idx) => (\n          <li key={`label-${idx}`} className={cx((defaultValue === item.value || current === idx) && 'active')}>\n            <span>{item.label ?? item.value}</span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import { useState, useEffect } from 'react';\nimport { getListSomething } from 'sales-frontend-api';\nimport { Modal } from 'sales-frontend-design-system';\nimport type { ModalRootProps } from 'sales-frontend-design-system';\nimport type { TestResponse } from 'sales-frontend-api';\nimport type { SampleProps } from './sample.types';\nimport { useClientSession } from 'sales-frontend-stores';\n\n//+ 가능, 대신 사용하는 프로젝트에서 QueryProvider로 감싸야함\n//import { useQuery } from '@tanstack/react-query';\n\nexport const Sample = ({ isOpen, onClose, onSelected }: SampleProps) => {\n  const [data, setData] = useState<TestResponse[] | null>(null);\n  const { clientSession, setClientSession } = useClientSession();\n\n  useEffect(() => {\n    const fetch = async () => {\n      const response = await getListSomething();\n\n      setData(response);\n    };\n\n    fetch();\n  }, []);\n\n  return (\n    <>\n      <Modal.Root isOpen={isOpen} onClose={onClose}>\n        <Modal.Overlay />\n        <Modal.Content>\n          <Modal.Header headerTitle=\"모달 제목\" showCloseButton />\n          <Modal.Body>\n            {data?.map(({ id, name, description }) => {\n              return (\n                <div key={id} style={{ border: '1px solid black', marginBottom: '16px' }}>\n                  <button\n                    onClick={() => {\n                      onSelected({ id, name, description });\n                      onClose?.();\n                    }}\n                  >\n                    선택하세요: {name}, {description}\n                  </button>\n                </div>\n              );\n            })}\n            <div>\n              <div>\n                <button\n                  onClick={() => {\n                    setClientSession({ userName: `김한화-${Math.random()}` });\n                  }}\n                >\n                  사용자이름 업데이트\n                </button>\n              </div>\n              <div>사용자이름={clientSession.userName}</div>\n            </div>\n          </Modal.Body>\n        </Modal.Content>\n      </Modal.Root>\n    </>\n  );\n};\n"],"names":["cx","jsxs","Table","jsx","flexRender","useState","mode","getPaginationRowModel","useReactTable","getCoreRowModel","getSortedRowModel","useController","DatePicker","SegmentGroup","FormField","styles","useClientSession","useEffect","getListSomething","Modal"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.cjs.js","sources":["../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/data-table/data-table.tsx","../src/data-table/use-table.ts","../src/form/form-date-picker.tsx","../src/form/form-segment.tsx","../src/form/form-text-field.tsx","../src/step-indicator/step-indicator.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { flexRender, type RowData } from '@tanstack/react-table';\nimport classNames from 'classnames/bind';\nimport styles from './data-table.module.scss';\nimport type { DataTableProps } from './data-table.types';\nimport { Table } from 'sales-frontend-design-system';\n\nconst cx = classNames.bind(styles);\n\nexport const DataTable = <T extends RowData>({ table, isError, isLoading, msgText, ...props }: DataTableProps<T>) => {\n  return (\n    <Table\n      {...props}\n      selectable\n      style={\n        {\n          // minWidth: table.getCenterTotalSize() // 테이블 전체 너비를 컬럼 너비의 합으로 설정\n        }\n      }\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                colSpan={header.colSpan}\n                className={cx({\n                  'is-resizing': header.column.getIsResizing() // 3. 리사이징 중일 때 클래스 추가\n                })}\n                style={\n                  header.column.columnDef.size\n                    ? { width: header.getSize(), minWidth: header.getSize(), maxWidth: header.getSize() } // 4. TanStack이 계산한 너비를 직접 적용\n                    : undefined\n                }\n              >\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n\n                {/* 컬럼 리사이징 핸들 */}\n                {header.column.getCanResize() && (\n                  <div\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    className={cx('resize-handle')}\n                  />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n\n      <tbody>\n        {!isLoading && !isError && table.getRowModel().rows.length > 0 ? (\n          table.getRowModel().rows.map((row) => (\n            // TODO aria-disabled 스타일을 어떻게 적용할 것인지?\n            <tr key={row.id} aria-selected={row.getIsSelected()}>\n              {row.getVisibleCells().map((cell) => (\n                <td\n                  key={cell.id}\n                  style={\n                    cell.column.columnDef.size\n                      ? {\n                          width: cell.column.getSize(),\n                          minWidth: cell.column.getSize(),\n                          maxWidth: cell.column.getSize()\n                        }\n                      : undefined\n                  }\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </td>\n              ))}\n            </tr>\n          ))\n        ) : (\n          <tr>\n            <td className={cx('feedback-cell')} colSpan={table.getVisibleLeafColumns().length}>\n              {isLoading ? <div>Loading...</div> : <div>{msgText || (isError ? 'Error' : 'No data')}</div>}\n            </td>\n          </tr>\n        )}\n      </tbody>\n    </Table>\n  );\n};\n","'use client';\n\nimport React, { useState } from 'react';\n\nimport {\n  type PaginationState,\n  type RowData,\n  type RowSelectionState,\n  type TableOptions,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table';\n\ntype RenderingMode = 'CSR' | 'SSR';\n\nexport const useTable = <TData extends RowData>({\n  data,\n  columns,\n  defaultColumn = { size: 150, enableResizing: true },\n  initialState,\n  onSortingChange,\n  enableRowSelection,\n  enableColumnResizing,\n  mode = 'SSR',\n  meta,\n  debug\n}: Pick<\n  TableOptions<TData>,\n  | 'data'\n  | 'columns'\n  | 'initialState'\n  | 'onSortingChange'\n  | 'enableRowSelection'\n  | 'enableColumnResizing'\n  | 'defaultColumn'\n  | 'meta'\n> & {\n  mode?: RenderingMode;\n  debug?: boolean;\n}) => {\n  const [sorting, setSorting] = React.useState(initialState?.sorting || []);\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(initialState?.rowSelection || {});\n  const [pagination, setPagination] = React.useState((initialState?.pagination as PaginationState) || {});\n  const [columnVisibility, setColumnVisibility] = React.useState(initialState?.columnVisibility || {});\n\n  const getOption = (mode: RenderingMode): Partial<TableOptions<TData>> => {\n    if (mode === 'SSR') {\n      return {\n        manualSorting: true,\n        manualPagination: true,\n        onSortingChange\n      };\n    } else {\n      return {\n        getPaginationRowModel: getPaginationRowModel(),\n        onPaginationChange: setPagination,\n        onSortingChange: setSorting\n      };\n    }\n  };\n\n  const table = useReactTable({\n    meta,\n    data,\n    columns,\n    columnResizeMode: 'onChange',\n    defaultColumn,\n    enableColumnResizing,\n    enableRowSelection,\n    initialState,\n    state: {\n      sorting,\n      rowSelection,\n      pagination,\n      columnVisibility\n    },\n    onRowSelectionChange: setRowSelection,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    ...getOption(mode),\n    debugTable: debug,\n    debugHeaders: debug,\n    debugColumns: debug\n  });\n\n  return table;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { DatePicker, type DatePickerHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormDatePicker = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & DatePickerHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerHtmlProps = {\n    ...props,\n    id: field.name,\n    defaultValue: field.value,\n    disabled: field.disabled,\n    error: fieldState.invalid,\n    onBlur: field.onBlur\n  };\n\n  // if (props.mode === 'range') {\n  //   return (\n  //     <DatePicker\n  //       {...baseProps}\n  //       onValueChange={(selected: PeriodDate) => {\n  //         if (props.mode === 'range') {\n  //         }\n  //         field.onChange(selected);\n  //         // props.onValueChange?.(selected);\n  //       }}\n  //     />\n  //   );\n  // }\n\n  return <DatePicker {...baseProps} />;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { SegmentGroup, type SegmentGroupHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormSegmentGroup = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & SegmentGroupHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <SegmentGroup\n      {...props}\n      tabIndex={0}\n      id={field.name}\n      ref={field.ref}\n      defaultValue={field.value}\n      disabled={field.disabled}\n      error={fieldState.invalid}\n      onBlur={field.onBlur}\n      onValueChange={(selected) => {\n        field.onChange(selected);\n        props.onValueChange?.(selected);\n      }}\n    />\n  );\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { FormField } from 'sales-frontend-design-system';\n\nexport const FormTextField = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  error,\n  onBlur,\n  onChange,\n  rootProps,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & FormField.TextFieldProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <FormField.TextField\n      {...props}\n      id={field.name}\n      size=\"medium\"\n      autoComplete=\"off\"\n      name={field.name}\n      value={field.value ?? ''}\n      disabled={field.disabled}\n      error={fieldState.invalid || error}\n      onChange={(e) => {\n        field.onChange(e);\n        onChange?.(e);\n      }}\n      onBlur={(e) => {\n        field.onBlur();\n        onBlur?.(e);\n      }}\n      rootProps={{\n        ...rootProps,\n        onClear: () => {\n          field.onChange('');\n          rootProps?.onClear?.();\n        }\n      }}\n    />\n  );\n};\n","import React from 'react';\n\nimport classNames from 'classnames/bind';\nimport styles from './step-indicator.module.scss';\nimport type { StepIndicatorProps } from './step-indicator.types';\n\nconst cx = classNames.bind(styles);\n\nexport const StepIndicator = ({\n  items,\n  onClickItem,\n  currentIndex = 0,\n  defaultValue = '',\n  dotCount = 3\n}: StepIndicatorProps) => {\n  const [current, setCurrent] = React.useState(currentIndex);\n\n  React.useEffect(() => {\n    items.map((item, idx) => {\n      if (item.value === defaultValue) {\n        setCurrent(idx);\n      }\n    });\n  }, [items, defaultValue]);\n\n  return (\n    <div className={cx('stepper-layout')}>\n      <div className={cx('stepper')}>\n        {items.map((item, idx) => (\n          <React.Fragment key={`num-${idx}`}>\n            <div\n              className={cx('circle', (defaultValue === item.value || current === idx) && 'active')}\n              onClick={() => onClickItem?.(item)}\n            >\n              {item.isCompleted || idx < current ? <span className={cx('completed')} /> : ++idx}\n            </div>\n\n            {/* 다음 단계가 있을 때만 dot 렌더링 */}\n            {idx < items.length &&\n              Array.from({ length: dotCount }).map((_, dotIdx) => (\n                <span key={`dot-${idx}-${dotIdx}`} className={cx('dot')} />\n              ))}\n          </React.Fragment>\n        ))}\n      </div>\n\n      <ul className={cx('step-labels')}>\n        {items.map((item, idx) => (\n          <li key={`label-${idx}`} className={cx((defaultValue === item.value || current === idx) && 'active')}>\n            <span>{item.label ?? item.value}</span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"names":["cx","jsxs","Table","jsx","flexRender","useState","mode","getPaginationRowModel","useReactTable","getCoreRowModel","getSortedRowModel","useController","DatePicker","SegmentGroup","FormField","styles"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAKA;;AAEA,EAAA,CAAC,YAAY;;AAGb,GAAC,IAAI,MAAM,GAAG,EAAE,CAAC,cAAc;;GAE9B,SAAS,UAAU,IAAI;IACtB,IAAI,OAAO,GAAG,EAAE;;AAElB,IAAE,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,SAAS,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE;AAC7C,KAAG,IAAI,GAAG,GAAG,SAAS,CAAC,CAAC,CAAC;KACtB,IAAI,GAAG,EAAE;AACZ,MAAI,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,UAAU,CAAC,IAAI,CAAC,IAAI,EAAE,GAAG,CAAC,CAAC;AAC9D;AACA;;AAEA,IAAE,OAAO,OAAO;AAChB;;AAEA,GAAC,SAAS,UAAU,EAAE,GAAG,EAAE;IACzB,IAAI,OAAO,GAAG,KAAK,QAAQ,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;KACvD,OAAO,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG;AAClC;;AAEA,IAAE,IAAI,OAAO,GAAG,KAAK,QAAQ,EAAE;AAC/B,KAAG,OAAO,EAAE;AACZ;;AAEA,IAAE,IAAI,KAAK,CAAC,OAAO,CAAC,GAAG,CAAC,EAAE;KACvB,OAAO,UAAU,CAAC,KAAK,CAAC,IAAI,EAAE,GAAG,CAAC;AACrC;;IAEE,IAAI,GAAG,CAAC,QAAQ,KAAK,MAAM,CAAC,SAAS,CAAC,QAAQ,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,QAAQ,EAAE,CAAC,QAAQ,CAAC,eAAe,CAAC,EAAE;AACxG,KAAG,OAAO,GAAG,CAAC,QAAQ,EAAE;AACxB;;IAEE,IAAI,OAAO,GAAG,EAAE;;AAElB,IAAE,KAAK,IAAI,GAAG,IAAI,GAAG,EAAE;AACvB,KAAG,IAAI,MAAM,CAAC,IAAI,CAAC,GAAG,EAAE,GAAG,CAAC,IAAI,GAAG,CAAC,GAAG,CAAC,EAAE;AAC1C,MAAI,OAAO,GAAG,WAAW,CAAC,OAAO,EAAE,IAAI,IAAI,IAAI,CAAC,GAAG,CAAC,IAAI,GAAG,CAAC;AAC5D;AACA;;AAEA,IAAE,OAAO,OAAO;AAChB;;AAEA,GAAC,SAAS,WAAW,EAAE,KAAK,EAAE,QAAQ,EAAE;IACtC,IAAI,CAAC,QAAQ,EAAE;AACjB,KAAG,OAAO,KAAK;AACf;AACA;IACE,IAAI,KAAK,EAAE;AACb,KAAG,OAAO,KAAK,GAAG,GAAG,GAAG,QAAQ;AAChC;AACA;IACE,OAAO,KAAK,GAAG,QAAQ;AACzB;;GAEC,IAAqC,MAAM,CAAC,OAAO,EAAE;AACtD,IAAE,UAAU,CAAC,OAAO,GAAG,UAAU;AACjC,IAAE,iBAAiB,UAAU;AAC7B,IAAE,MAKM;AACR,IAAE,MAAM,CAAC,UAAU,GAAG,UAAU;AAChC;AACA,GAAC,EAAE,EAAA;;;;;;;;ACtEH,MAAMA,IAAA,GAAK,UAAW,CAAA,IAAA,CAAK,MAAM,CAAA;AAEpB,MAAA,SAAA,GAAY,CAAoB,EAAE,KAAA,EAAO,SAAS,SAAW,EAAA,OAAA,EAAS,GAAG,KAAA,EAA+B,KAAA;AACnH,EACE,uBAAAC,eAAA;AAAA,IAACC,+BAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,UAAU,EAAA,IAAA;AAAA,MACV,KACE,EAAA;AAAA;AAAA,OAEA;AAAA,MAGF,QAAA,EAAA;AAAA,wBAAAC,cAAA,CAAC,OACE,EAAA,EAAA,QAAA,EAAA,KAAA,CAAM,eAAgB,EAAA,CAAE,GAAI,CAAA,CAAC,WAC5B,qBAAAA,cAAA,CAAC,IACE,EAAA,EAAA,QAAA,EAAA,WAAA,CAAY,OAAQ,CAAA,GAAA,CAAI,CAAC,MACxB,qBAAAF,eAAA;AAAA,UAAC,IAAA;AAAA,UAAA;AAAA,YAEC,SAAS,MAAO,CAAA,OAAA;AAAA,YAChB,WAAWD,IAAG,CAAA;AAAA,cACZ,aAAA,EAAe,MAAO,CAAA,MAAA,CAAO,aAAc;AAAA;AAAA,aAC5C,CAAA;AAAA,YACD,OACE,MAAO,CAAA,MAAA,CAAO,UAAU,IACpB,GAAA,EAAE,OAAO,MAAO,CAAA,OAAA,EAAW,EAAA,QAAA,EAAU,OAAO,OAAQ,EAAA,EAAG,UAAU,MAAO,CAAA,OAAA,IACxE,GAAA,MAAA;AAAA,YAGL,QAAA,EAAA;AAAA,cAAO,MAAA,CAAA,aAAA,GAAgB,OAAOI,qBAAW,CAAA,MAAA,CAAO,OAAO,SAAU,CAAA,MAAA,EAAQ,MAAO,CAAA,UAAA,EAAY,CAAA;AAAA,cAG5F,MAAA,CAAO,MAAO,CAAA,YAAA,EACb,oBAAAD,cAAA;AAAA,gBAAC,KAAA;AAAA,gBAAA;AAAA,kBACC,WAAA,EAAa,OAAO,gBAAiB,EAAA;AAAA,kBACrC,YAAA,EAAc,OAAO,gBAAiB,EAAA;AAAA,kBACtC,SAAA,EAAWH,KAAG,eAAe;AAAA;AAAA;AAC/B;AAAA,WAAA;AAAA,UAnBG,MAAO,CAAA;AAAA,SAsBf,CAAA,EAAA,EAzBM,WAAY,CAAA,EA0BrB,CACD,CACH,EAAA,CAAA;AAAA,uCAEC,OACE,EAAA,EAAA,QAAA,EAAA,CAAC,SAAa,IAAA,CAAC,WAAW,KAAM,CAAA,WAAA,EAAc,CAAA,IAAA,CAAK,SAAS,CAC3D,GAAA,KAAA,CAAM,aAAc,CAAA,IAAA,CAAK,IAAI,CAAC,GAAA;AAAA;AAAA,0BAE5BG,cAAA,CAAC,IAAgB,EAAA,EAAA,eAAA,EAAe,GAAI,CAAA,aAAA,EACjC,EAAA,QAAA,EAAA,GAAA,CAAI,eAAgB,EAAA,CAAE,GAAI,CAAA,CAAC,IAC1B,qBAAAA,cAAA;AAAA,YAAC,IAAA;AAAA,YAAA;AAAA,cAEC,KACE,EAAA,IAAA,CAAK,MAAO,CAAA,SAAA,CAAU,IAClB,GAAA;AAAA,gBACE,KAAA,EAAO,IAAK,CAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,gBAC3B,QAAA,EAAU,IAAK,CAAA,MAAA,CAAO,OAAQ,EAAA;AAAA,gBAC9B,QAAA,EAAU,IAAK,CAAA,MAAA,CAAO,OAAQ;AAAA,eAEhC,GAAA,MAAA;AAAA,cAGL,gCAAW,IAAK,CAAA,MAAA,CAAO,UAAU,IAAM,EAAA,IAAA,CAAK,YAAY;AAAA,aAAA;AAAA,YAXpD,IAAK,CAAA;AAAA,WAab,CAhBM,EAAA,EAAA,GAAA,CAAI,EAiBb;AAAA,SACD,CAAA,mBAEAA,cAAA,CAAA,IAAA,EAAA,EACC,QAAC,kBAAAA,cAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAAH,IAAA,CAAG,eAAe,CAAA,EAAG,OAAS,EAAA,KAAA,CAAM,qBAAsB,EAAA,CAAE,MACxE,EAAA,QAAA,EAAA,SAAA,mBAAaG,cAAA,CAAA,KAAA,EAAA,EAAI,QAAU,EAAA,YAAA,EAAA,CAAA,mBAAUA,cAAA,CAAA,KAAA,EAAA,EAAK,QAAY,EAAA,OAAA,KAAA,OAAA,GAAU,OAAU,GAAA,SAAA,CAAA,EAAW,CACxF,EAAA,CAAA,EACF,CAEJ,EAAA;AAAA;AAAA;AAAA,GACF;AAEJ;;ACnEO,MAAM,WAAW,CAAwB;AAAA,EAC9C,IAAA;AAAA,EACA,OAAA;AAAA,EACA,aAAgB,GAAA,EAAE,IAAM,EAAA,GAAA,EAAK,gBAAgB,IAAK,EAAA;AAAA,EAClD,YAAA;AAAA,EACA,eAAA;AAAA,EACA,kBAAA;AAAA,EACA,oBAAA;AAAA,EACA,IAAO,GAAA,KAAA;AAAA,EACP,IAAA;AAAA,EACA;AACF,CAaM,KAAA;AACJ,EAAM,MAAA,CAAC,SAAS,UAAU,CAAA,GAAI,MAAM,QAAS,CAAA,YAAA,EAAc,OAAW,IAAA,EAAE,CAAA;AACxE,EAAM,MAAA,CAAC,cAAc,eAAe,CAAA,GAAIE,eAA4B,YAAc,EAAA,YAAA,IAAgB,EAAE,CAAA;AACpG,EAAM,MAAA,CAAC,YAAY,aAAa,CAAA,GAAI,MAAM,QAAU,CAAA,YAAA,EAAc,UAAkC,IAAA,EAAE,CAAA;AACtG,EAAM,MAAA,CAAC,kBAAkB,mBAAmB,CAAA,GAAI,MAAM,QAAS,CAAA,YAAA,EAAc,gBAAoB,IAAA,EAAE,CAAA;AAEnG,EAAM,MAAA,SAAA,GAAY,CAACC,KAAsD,KAAA;AACvE,IAAA,IAAIA,UAAS,KAAO,EAAA;AAClB,MAAO,OAAA;AAAA,QACL,aAAe,EAAA,IAAA;AAAA,QACf,gBAAkB,EAAA,IAAA;AAAA,QAClB;AAAA,OACF;AAAA,KACK,MAAA;AACL,MAAO,OAAA;AAAA,QACL,uBAAuBC,gCAAsB,EAAA;AAAA,QAC7C,kBAAoB,EAAA,aAAA;AAAA,QACpB,eAAiB,EAAA;AAAA,OACnB;AAAA;AACF,GACF;AAEA,EAAA,MAAM,QAAQC,wBAAc,CAAA;AAAA,IAC1B,IAAA;AAAA,IACA,IAAA;AAAA,IACA,OAAA;AAAA,IACA,gBAAkB,EAAA,UAAA;AAAA,IAClB,aAAA;AAAA,IACA,oBAAA;AAAA,IACA,kBAAA;AAAA,IACA,YAAA;AAAA,IACA,KAAO,EAAA;AAAA,MACL,OAAA;AAAA,MACA,YAAA;AAAA,MACA,UAAA;AAAA,MACA;AAAA,KACF;AAAA,IACA,oBAAsB,EAAA,eAAA;AAAA,IACtB,wBAA0B,EAAA,mBAAA;AAAA,IAC1B,iBAAiBC,0BAAgB,EAAA;AAAA,IACjC,mBAAmBC,4BAAkB,EAAA;AAAA,IACrC,GAAG,UAAU,IAAI,CAAA;AAAA,IACjB,UAAY,EAAA,KAAA;AAAA,IACZ,YAAc,EAAA,KAAA;AAAA,IACd,YAAc,EAAA;AAAA,GACf,CAAA;AAED,EAAO,OAAA,KAAA;AACT;;ACtFO,MAAM,iBAAiB,CAAkC;AAAA,EAC9D,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAoG,KAAA;AAClG,EAAM,MAAA,EAAE,OAAO,UAAW,EAAA,GAAIC,4BAAc,EAAE,IAAA,EAAM,OAAS,EAAA,QAAA,EAAU,CAAA;AAEvE,EAAA,MAAM,SAAiC,GAAA;AAAA,IACrC,GAAG,KAAA;AAAA,IACH,IAAI,KAAM,CAAA,IAAA;AAAA,IACV,cAAc,KAAM,CAAA,KAAA;AAAA,IACpB,UAAU,KAAM,CAAA,QAAA;AAAA,IAChB,OAAO,UAAW,CAAA,OAAA;AAAA,IAClB,QAAQ,KAAM,CAAA;AAAA,GAChB;AAgBA,EAAO,uBAAAR,cAAA,CAACS,oCAAY,EAAA,EAAA,GAAG,SAAW,EAAA,CAAA;AACpC;;AChCO,MAAM,mBAAmB,CAAkC;AAAA,EAChE,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,GAAG;AACL,CAAsG,KAAA;AACpG,EAAM,MAAA,EAAE,OAAO,UAAW,EAAA,GAAID,4BAAc,EAAE,IAAA,EAAM,OAAS,EAAA,QAAA,EAAU,CAAA;AAEvE,EACE,uBAAAR,cAAA;AAAA,IAACU,sCAAA;AAAA,IAAA;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,QAAU,EAAA,CAAA;AAAA,MACV,IAAI,KAAM,CAAA,IAAA;AAAA,MACV,KAAK,KAAM,CAAA,GAAA;AAAA,MACX,cAAc,KAAM,CAAA,KAAA;AAAA,MACpB,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,OAAO,UAAW,CAAA,OAAA;AAAA,MAClB,QAAQ,KAAM,CAAA,MAAA;AAAA,MACd,aAAA,EAAe,CAAC,QAAa,KAAA;AAC3B,QAAA,KAAA,CAAM,SAAS,QAAQ,CAAA;AACvB,QAAA,KAAA,CAAM,gBAAgB,QAAQ,CAAA;AAAA;AAChC;AAAA,GACF;AAEJ;;ACxBO,MAAM,gBAAgB,CAAkC;AAAA,EAC7D,IAAA;AAAA,EACA,OAAA;AAAA,EACA,QAAA;AAAA,EACA,KAAA;AAAA,EACA,MAAA;AAAA,EACA,QAAA;AAAA,EACA,SAAA;AAAA,EACA,GAAG;AACL,CAAyG,KAAA;AACvG,EAAM,MAAA,EAAE,OAAO,UAAW,EAAA,GAAIF,4BAAc,EAAE,IAAA,EAAM,OAAS,EAAA,QAAA,EAAU,CAAA;AAEvE,EACE,uBAAAR,cAAA;AAAA,IAACW,mCAAU,CAAA,SAAA;AAAA,IAAV;AAAA,MACE,GAAG,KAAA;AAAA,MACJ,IAAI,KAAM,CAAA,IAAA;AAAA,MACV,IAAK,EAAA,QAAA;AAAA,MACL,YAAa,EAAA,KAAA;AAAA,MACb,MAAM,KAAM,CAAA,IAAA;AAAA,MACZ,KAAA,EAAO,MAAM,KAAS,IAAA,EAAA;AAAA,MACtB,UAAU,KAAM,CAAA,QAAA;AAAA,MAChB,KAAA,EAAO,WAAW,OAAW,IAAA,KAAA;AAAA,MAC7B,QAAA,EAAU,CAAC,CAAM,KAAA;AACf,QAAA,KAAA,CAAM,SAAS,CAAC,CAAA;AAChB,QAAA,QAAA,GAAW,CAAC,CAAA;AAAA,OACd;AAAA,MACA,MAAA,EAAQ,CAAC,CAAM,KAAA;AACb,QAAA,KAAA,CAAM,MAAO,EAAA;AACb,QAAA,MAAA,GAAS,CAAC,CAAA;AAAA,OACZ;AAAA,MACA,SAAW,EAAA;AAAA,QACT,GAAG,SAAA;AAAA,QACH,SAAS,MAAM;AACb,UAAA,KAAA,CAAM,SAAS,EAAE,CAAA;AACjB,UAAA,SAAA,EAAW,OAAU,IAAA;AAAA;AACvB;AACF;AAAA,GACF;AAEJ;;ACpCA,MAAM,EAAA,GAAK,UAAW,CAAA,IAAA,CAAKC,QAAM,CAAA;AAE1B,MAAM,gBAAgB,CAAC;AAAA,EAC5B,KAAA;AAAA,EACA,WAAA;AAAA,EACA,YAAe,GAAA,CAAA;AAAA,EACf,YAAe,GAAA,EAAA;AAAA,EACf,QAAW,GAAA;AACb,CAA0B,KAAA;AACxB,EAAA,MAAM,CAAC,OAAS,EAAA,UAAU,CAAI,GAAA,KAAA,CAAM,SAAS,YAAY,CAAA;AAEzD,EAAA,KAAA,CAAM,UAAU,MAAM;AACpB,IAAM,KAAA,CAAA,GAAA,CAAI,CAAC,IAAA,EAAM,GAAQ,KAAA;AACvB,MAAI,IAAA,IAAA,CAAK,UAAU,YAAc,EAAA;AAC/B,QAAA,UAAA,CAAW,GAAG,CAAA;AAAA;AAChB,KACD,CAAA;AAAA,GACA,EAAA,CAAC,KAAO,EAAA,YAAY,CAAC,CAAA;AAExB,EAAA,uBACGd,eAAA,CAAA,KAAA,EAAA,EAAI,SAAW,EAAA,EAAA,CAAG,gBAAgB,CACjC,EAAA,QAAA,EAAA;AAAA,oBAAAE,cAAA,CAAC,KAAI,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,SAAS,CACzB,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAM,EAAA,GAAA,qBACfF,eAAA,CAAA,KAAA,CAAM,UAAN,EACC,QAAA,EAAA;AAAA,sBAAAE,cAAA;AAAA,QAAC,KAAA;AAAA,QAAA;AAAA,UACC,SAAA,EAAW,GAAG,QAAW,EAAA,CAAA,YAAA,KAAiB,KAAK,KAAS,IAAA,OAAA,KAAY,QAAQ,QAAQ,CAAA;AAAA,UACpF,OAAA,EAAS,MAAM,WAAA,GAAc,IAAI,CAAA;AAAA,UAEhC,QAAA,EAAA,IAAA,CAAK,WAAe,IAAA,GAAA,GAAM,OAAU,mBAAAA,cAAA,CAAC,MAAK,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,WAAW,CAAG,EAAA,CAAA,GAAK,EAAE;AAAA;AAAA,OAChF;AAAA,MAGC,GAAA,GAAM,KAAM,CAAA,MAAA,IACX,KAAM,CAAA,IAAA,CAAK,EAAE,MAAQ,EAAA,QAAA,EAAU,CAAA,CAAE,GAAI,CAAA,CAAC,GAAG,MACvC,qBAAAA,cAAA,CAAC,MAAkC,EAAA,EAAA,SAAA,EAAW,EAAG,CAAA,KAAK,CAA3C,EAAA,EAAA,CAAA,IAAA,EAAO,GAAG,CAAA,CAAA,EAAI,MAAM,CAAA,CAA0B,CAC1D;AAAA,KAAA,EAAA,EAZgB,CAAO,IAAA,EAAA,GAAG,CAa/B,CAAA,CACD,CACH,EAAA,CAAA;AAAA,oBAECA,cAAA,CAAA,IAAA,EAAA,EAAG,SAAW,EAAA,EAAA,CAAG,aAAa,CAC5B,EAAA,QAAA,EAAA,KAAA,CAAM,GAAI,CAAA,CAAC,IAAM,EAAA,GAAA,qBACfA,cAAA,CAAA,IAAA,EAAA,EAAwB,WAAW,EAAI,CAAA,CAAA,YAAA,KAAiB,IAAK,CAAA,KAAA,IAAS,OAAY,KAAA,GAAA,KAAQ,QAAQ,CAAA,EACjG,yCAAC,MAAM,EAAA,EAAA,QAAA,EAAA,IAAA,CAAK,KAAS,IAAA,IAAA,CAAK,OAAM,CADzB,EAAA,EAAA,CAAA,MAAA,EAAS,GAAG,CAAA,CAErB,CACD,CACH,EAAA;AAAA,GACF,EAAA,CAAA;AAEJ;;;;;;;;;","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -1,8 +1,7 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
 import { RowData, Table, TableOptions } from '@tanstack/react-table';
-import { TableProps, DatePickerHtmlProps, SegmentGroupHtmlProps, FormField, ModalRootProps } from 'sales-frontend-design-system';
+import { TableProps, DatePickerHtmlProps, SegmentGroupHtmlProps, FormField } from 'sales-frontend-design-system';
 import { FieldValues, UseControllerProps } from 'react-hook-form';
-import { TestResponse } from 'sales-frontend-api';
 
 interface DataTableProps<T extends RowData> extends Pick<TableProps, 'height' | 'rootProps'> {
     /**
@@ -73,11 +72,5 @@ interface StepIndicatorProps {
 
 declare const StepIndicator: ({ items, onClickItem, currentIndex, defaultValue, dotCount }: StepIndicatorProps) => react_jsx_runtime.JSX.Element;
 
-interface SampleProps extends Omit<ModalRootProps, 'children'> {
-    onSelected: (value: TestResponse) => void;
-}
-
-declare const Sample: ({ isOpen, onClose, onSelected }: SampleProps) => react_jsx_runtime.JSX.Element;
-
-export { DataTable, FormDatePicker, FormSegmentGroup, FormTextField, Sample, StepIndicator, useTable };
-export type { DataTableProps, SampleProps, StepIndicatorProps, StepItem };
+export { DataTable, FormDatePicker, FormSegmentGroup, FormTextField, StepIndicator, useTable };
+export type { DataTableProps, StepIndicatorProps, StepItem };

package/dist/index.esm.js

@@ -1,12 +1,10 @@
-import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
+import { jsxs, jsx } from 'react/jsx-runtime';
 import { flexRender, useReactTable, getSortedRowModel, getCoreRowModel, getPaginationRowModel } from '@tanstack/react-table';
 import styles from './data-table/data-table.module.scss';
-import { Table, DatePicker, SegmentGroup, FormField, Modal } from 'sales-frontend-design-system';
-import React, { useState, useEffect } from 'react';
+import { Table, DatePicker, SegmentGroup, FormField } from 'sales-frontend-design-system';
+import React, { useState } from 'react';
 import { useController } from 'react-hook-form';
 import styles$1 from './step-indicator/step-indicator.module.scss';
-import { getListSomething } from 'sales-frontend-api';
-import { useClientSession } from 'sales-frontend-stores';
 
 function getDefaultExportFromCjs (x) {
 	return x && x.__esModule && Object.prototype.hasOwnProperty.call(x, 'default') ? x['default'] : x;
@@ -328,57 +326,5 @@ const StepIndicator = ({
   ] });
 };
 
-const Sample = ({ isOpen, onClose, onSelected }) => {
-  const [data, setData] = useState(null);
-  const { clientSession, setClientSession } = useClientSession();
-  useEffect(() => {
-    const fetch = async () => {
-      const response = await getListSomething();
-      setData(response);
-    };
-    fetch();
-  }, []);
-  return /* @__PURE__ */ jsx(Fragment, { children: /* @__PURE__ */ jsxs(Modal.Root, { isOpen, onClose, children: [
-    /* @__PURE__ */ jsx(Modal.Overlay, {}),
-    /* @__PURE__ */ jsxs(Modal.Content, { children: [
-      /* @__PURE__ */ jsx(Modal.Header, { headerTitle: "\uBAA8\uB2EC \uC81C\uBAA9", showCloseButton: true }),
-      /* @__PURE__ */ jsxs(Modal.Body, { children: [
-        data?.map(({ id, name, description }) => {
-          return /* @__PURE__ */ jsx("div", { style: { border: "1px solid black", marginBottom: "16px" }, children: /* @__PURE__ */ jsxs(
-            "button",
-            {
-              onClick: () => {
-                onSelected({ id, name, description });
-                onClose?.();
-              },
-              children: [
-                "\uC120\uD0DD\uD558\uC138\uC694: ",
-                name,
-                ", ",
-                description
-              ]
-            }
-          ) }, id);
-        }),
-        /* @__PURE__ */ jsxs("div", { children: [
-          /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsx(
-            "button",
-            {
-              onClick: () => {
-                setClientSession({ userName: `\uAE40\uD55C\uD654-${Math.random()}` });
-              },
-              children: "\uC0AC\uC6A9\uC790\uC774\uB984 \uC5C5\uB370\uC774\uD2B8"
-            }
-          ) }),
-          /* @__PURE__ */ jsxs("div", { children: [
-            "\uC0AC\uC6A9\uC790\uC774\uB984=",
-            clientSession.userName
-          ] })
-        ] })
-      ] })
-    ] })
-  ] }) });
-};
-
-export { DataTable, FormDatePicker, FormSegmentGroup, FormTextField, Sample, StepIndicator, useTable };
+export { DataTable, FormDatePicker, FormSegmentGroup, FormTextField, StepIndicator, useTable };
 //# sourceMappingURL=index.esm.js.map

package/dist/index.esm.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.esm.js","sources":["../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/data-table/data-table.tsx","../src/data-table/use-table.ts","../src/form/form-date-picker.tsx","../src/form/form-segment.tsx","../src/form/form-text-field.tsx","../src/step-indicator/step-indicator.tsx","../src/modal/sample/sample.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { flexRender, type RowData } from '@tanstack/react-table';\nimport classNames from 'classnames/bind';\nimport styles from './data-table.module.scss';\nimport type { DataTableProps } from './data-table.types';\nimport { Table } from 'sales-frontend-design-system';\n\nconst cx = classNames.bind(styles);\n\nexport const DataTable = <T extends RowData>({ table, isError, isLoading, msgText, ...props }: DataTableProps<T>) => {\n  return (\n    <Table\n      {...props}\n      selectable\n      style={\n        {\n          // minWidth: table.getCenterTotalSize() // 테이블 전체 너비를 컬럼 너비의 합으로 설정\n        }\n      }\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                colSpan={header.colSpan}\n                className={cx({\n                  'is-resizing': header.column.getIsResizing() // 3. 리사이징 중일 때 클래스 추가\n                })}\n                style={\n                  header.column.columnDef.size\n                    ? { width: header.getSize(), minWidth: header.getSize(), maxWidth: header.getSize() } // 4. TanStack이 계산한 너비를 직접 적용\n                    : undefined\n                }\n              >\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n\n                {/* 컬럼 리사이징 핸들 */}\n                {header.column.getCanResize() && (\n                  <div\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    className={cx('resize-handle')}\n                  />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n\n      <tbody>\n        {!isLoading && !isError && table.getRowModel().rows.length > 0 ? (\n          table.getRowModel().rows.map((row) => (\n            // TODO aria-disabled 스타일을 어떻게 적용할 것인지?\n            <tr key={row.id} aria-selected={row.getIsSelected()}>\n              {row.getVisibleCells().map((cell) => (\n                <td\n                  key={cell.id}\n                  style={\n                    cell.column.columnDef.size\n                      ? {\n                          width: cell.column.getSize(),\n                          minWidth: cell.column.getSize(),\n                          maxWidth: cell.column.getSize()\n                        }\n                      : undefined\n                  }\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </td>\n              ))}\n            </tr>\n          ))\n        ) : (\n          <tr>\n            <td className={cx('feedback-cell')} colSpan={table.getVisibleLeafColumns().length}>\n              {isLoading ? <div>Loading...</div> : <div>{msgText || (isError ? 'Error' : 'No data')}</div>}\n            </td>\n          </tr>\n        )}\n      </tbody>\n    </Table>\n  );\n};\n","'use client';\n\nimport React, { useState } from 'react';\n\nimport {\n  type PaginationState,\n  type RowData,\n  type RowSelectionState,\n  type TableOptions,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table';\n\ntype RenderingMode = 'CSR' | 'SSR';\n\nexport const useTable = <TData extends RowData>({\n  data,\n  columns,\n  defaultColumn = { size: 150, enableResizing: true },\n  initialState,\n  onSortingChange,\n  enableRowSelection,\n  enableColumnResizing,\n  mode = 'SSR',\n  meta,\n  debug\n}: Pick<\n  TableOptions<TData>,\n  | 'data'\n  | 'columns'\n  | 'initialState'\n  | 'onSortingChange'\n  | 'enableRowSelection'\n  | 'enableColumnResizing'\n  | 'defaultColumn'\n  | 'meta'\n> & {\n  mode?: RenderingMode;\n  debug?: boolean;\n}) => {\n  const [sorting, setSorting] = React.useState(initialState?.sorting || []);\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(initialState?.rowSelection || {});\n  const [pagination, setPagination] = React.useState((initialState?.pagination as PaginationState) || {});\n  const [columnVisibility, setColumnVisibility] = React.useState(initialState?.columnVisibility || {});\n\n  const getOption = (mode: RenderingMode): Partial<TableOptions<TData>> => {\n    if (mode === 'SSR') {\n      return {\n        manualSorting: true,\n        manualPagination: true,\n        onSortingChange\n      };\n    } else {\n      return {\n        getPaginationRowModel: getPaginationRowModel(),\n        onPaginationChange: setPagination,\n        onSortingChange: setSorting\n      };\n    }\n  };\n\n  const table = useReactTable({\n    meta,\n    data,\n    columns,\n    columnResizeMode: 'onChange',\n    defaultColumn,\n    enableColumnResizing,\n    enableRowSelection,\n    initialState,\n    state: {\n      sorting,\n      rowSelection,\n      pagination,\n      columnVisibility\n    },\n    onRowSelectionChange: setRowSelection,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    ...getOption(mode),\n    debugTable: debug,\n    debugHeaders: debug,\n    debugColumns: debug\n  });\n\n  return table;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { DatePicker, type DatePickerHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormDatePicker = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & DatePickerHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerHtmlProps = {\n    ...props,\n    id: field.name,\n    defaultValue: field.value,\n    disabled: field.disabled,\n    error: fieldState.invalid,\n    onBlur: field.onBlur\n  };\n\n  // if (props.mode === 'range') {\n  //   return (\n  //     <DatePicker\n  //       {...baseProps}\n  //       onValueChange={(selected: PeriodDate) => {\n  //         if (props.mode === 'range') {\n  //         }\n  //         field.onChange(selected);\n  //         // props.onValueChange?.(selected);\n  //       }}\n  //     />\n  //   );\n  // }\n\n  return <DatePicker {...baseProps} />;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { SegmentGroup, type SegmentGroupHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormSegmentGroup = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & SegmentGroupHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <SegmentGroup\n      {...props}\n      tabIndex={0}\n      id={field.name}\n      ref={field.ref}\n      defaultValue={field.value}\n      disabled={field.disabled}\n      error={fieldState.invalid}\n      onBlur={field.onBlur}\n      onValueChange={(selected) => {\n        field.onChange(selected);\n        props.onValueChange?.(selected);\n      }}\n    />\n  );\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { FormField } from 'sales-frontend-design-system';\n\nexport const FormTextField = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  error,\n  onBlur,\n  onChange,\n  rootProps,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & FormField.TextFieldProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <FormField.TextField\n      {...props}\n      id={field.name}\n      size=\"medium\"\n      autoComplete=\"off\"\n      name={field.name}\n      value={field.value ?? ''}\n      disabled={field.disabled}\n      error={fieldState.invalid || error}\n      onChange={(e) => {\n        field.onChange(e);\n        onChange?.(e);\n      }}\n      onBlur={(e) => {\n        field.onBlur();\n        onBlur?.(e);\n      }}\n      rootProps={{\n        ...rootProps,\n        onClear: () => {\n          field.onChange('');\n          rootProps?.onClear?.();\n        }\n      }}\n    />\n  );\n};\n","import React from 'react';\n\nimport classNames from 'classnames/bind';\nimport styles from './step-indicator.module.scss';\nimport type { StepIndicatorProps } from './step-indicator.types';\n\nconst cx = classNames.bind(styles);\n\nexport const StepIndicator = ({\n  items,\n  onClickItem,\n  currentIndex = 0,\n  defaultValue = '',\n  dotCount = 3\n}: StepIndicatorProps) => {\n  const [current, setCurrent] = React.useState(currentIndex);\n\n  React.useEffect(() => {\n    items.map((item, idx) => {\n      if (item.value === defaultValue) {\n        setCurrent(idx);\n      }\n    });\n  }, [items, defaultValue]);\n\n  return (\n    <div className={cx('stepper-layout')}>\n      <div className={cx('stepper')}>\n        {items.map((item, idx) => (\n          <React.Fragment key={`num-${idx}`}>\n            <div\n              className={cx('circle', (defaultValue === item.value || current === idx) && 'active')}\n              onClick={() => onClickItem?.(item)}\n            >\n              {item.isCompleted || idx < current ? <span className={cx('completed')} /> : ++idx}\n            </div>\n\n            {/* 다음 단계가 있을 때만 dot 렌더링 */}\n            {idx < items.length &&\n              Array.from({ length: dotCount }).map((_, dotIdx) => (\n                <span key={`dot-${idx}-${dotIdx}`} className={cx('dot')} />\n              ))}\n          </React.Fragment>\n        ))}\n      </div>\n\n      <ul className={cx('step-labels')}>\n        {items.map((item, idx) => (\n          <li key={`label-${idx}`} className={cx((defaultValue === item.value || current === idx) && 'active')}>\n            <span>{item.label ?? item.value}</span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n","import { useState, useEffect } from 'react';\nimport { getListSomething } from 'sales-frontend-api';\nimport { Modal } from 'sales-frontend-design-system';\nimport type { ModalRootProps } from 'sales-frontend-design-system';\nimport type { TestResponse } from 'sales-frontend-api';\nimport type { SampleProps } from './sample.types';\nimport { useClientSession } from 'sales-frontend-stores';\n\n//+ 가능, 대신 사용하는 프로젝트에서 QueryProvider로 감싸야함\n//import { useQuery } from '@tanstack/react-query';\n\nexport const Sample = ({ isOpen, onClose, onSelected }: SampleProps) => {\n  const [data, setData] = useState<TestResponse[] | null>(null);\n  const { clientSession, setClientSession } = useClientSession();\n\n  useEffect(() => {\n    const fetch = async () => {\n      const response = await getListSomething();\n\n      setData(response);\n    };\n\n    fetch();\n  }, []);\n\n  return (\n    <>\n      <Modal.Root isOpen={isOpen} onClose={onClose}>\n        <Modal.Overlay />\n        <Modal.Content>\n          <Modal.Header headerTitle=\"모달 제목\" showCloseButton />\n          <Modal.Body>\n            {data?.map(({ id, name, description }) => {\n              return (\n                <div key={id} style={{ border: '1px solid black', marginBottom: '16px' }}>\n                  <button\n                    onClick={() => {\n                      onSelected({ id, name, description });\n                      onClose?.();\n                    }}\n                  >\n                    선택하세요: {name}, {description}\n                  </button>\n                </div>\n              );\n            })}\n            <div>\n              <div>\n                <button\n                  onClick={() => {\n                    setClientSession({ userName: `김한화-${Math.random()}` });\n                  }}\n                >\n                  사용자이름 업데이트\n                </button>\n              </div>\n              <div>사용자이름={clientSession.userName}</div>\n            </div>\n          </Modal.Body>\n        </Modal.Content>\n      </Modal.Root>\n    </>\n  );\n};\n"],"names":["cx","mode","styles"],"mappings":"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","x_google_ignoreList":[0]}
+{"version":3,"file":"index.esm.js","sources":["../../../node_modules/.pnpm/classnames@2.5.1/node_modules/classnames/bind.js","../src/data-table/data-table.tsx","../src/data-table/use-table.ts","../src/form/form-date-picker.tsx","../src/form/form-segment.tsx","../src/form/form-text-field.tsx","../src/step-indicator/step-indicator.tsx"],"sourcesContent":["/*!\n\tCopyright (c) 2018 Jed Watson.\n\tLicensed under the MIT License (MIT), see\n\thttp://jedwatson.github.io/classnames\n*/\n/* global define */\n\n(function () {\n\t'use strict';\n\n\tvar hasOwn = {}.hasOwnProperty;\n\n\tfunction classNames () {\n\t\tvar classes = '';\n\n\t\tfor (var i = 0; i < arguments.length; i++) {\n\t\t\tvar arg = arguments[i];\n\t\t\tif (arg) {\n\t\t\t\tclasses = appendClass(classes, parseValue.call(this, arg));\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction parseValue (arg) {\n\t\tif (typeof arg === 'string' || typeof arg === 'number') {\n\t\t\treturn this && this[arg] || arg;\n\t\t}\n\n\t\tif (typeof arg !== 'object') {\n\t\t\treturn '';\n\t\t}\n\n\t\tif (Array.isArray(arg)) {\n\t\t\treturn classNames.apply(this, arg);\n\t\t}\n\n\t\tif (arg.toString !== Object.prototype.toString && !arg.toString.toString().includes('[native code]')) {\n\t\t\treturn arg.toString();\n\t\t}\n\n\t\tvar classes = '';\n\n\t\tfor (var key in arg) {\n\t\t\tif (hasOwn.call(arg, key) && arg[key]) {\n\t\t\t\tclasses = appendClass(classes, this && this[key] || key);\n\t\t\t}\n\t\t}\n\n\t\treturn classes;\n\t}\n\n\tfunction appendClass (value, newClass) {\n\t\tif (!newClass) {\n\t\t\treturn value;\n\t\t}\n\t\n\t\tif (value) {\n\t\t\treturn value + ' ' + newClass;\n\t\t}\n\t\n\t\treturn value + newClass;\n\t}\n\n\tif (typeof module !== 'undefined' && module.exports) {\n\t\tclassNames.default = classNames;\n\t\tmodule.exports = classNames;\n\t} else if (typeof define === 'function' && typeof define.amd === 'object' && define.amd) {\n\t\t// register as 'classnames', consistent with npm package name\n\t\tdefine('classnames', [], function () {\n\t\t\treturn classNames;\n\t\t});\n\t} else {\n\t\twindow.classNames = classNames;\n\t}\n}());\n","import { flexRender, type RowData } from '@tanstack/react-table';\nimport classNames from 'classnames/bind';\nimport styles from './data-table.module.scss';\nimport type { DataTableProps } from './data-table.types';\nimport { Table } from 'sales-frontend-design-system';\n\nconst cx = classNames.bind(styles);\n\nexport const DataTable = <T extends RowData>({ table, isError, isLoading, msgText, ...props }: DataTableProps<T>) => {\n  return (\n    <Table\n      {...props}\n      selectable\n      style={\n        {\n          // minWidth: table.getCenterTotalSize() // 테이블 전체 너비를 컬럼 너비의 합으로 설정\n        }\n      }\n    >\n      <thead>\n        {table.getHeaderGroups().map((headerGroup) => (\n          <tr key={headerGroup.id}>\n            {headerGroup.headers.map((header) => (\n              <th\n                key={header.id}\n                colSpan={header.colSpan}\n                className={cx({\n                  'is-resizing': header.column.getIsResizing() // 3. 리사이징 중일 때 클래스 추가\n                })}\n                style={\n                  header.column.columnDef.size\n                    ? { width: header.getSize(), minWidth: header.getSize(), maxWidth: header.getSize() } // 4. TanStack이 계산한 너비를 직접 적용\n                    : undefined\n                }\n              >\n                {header.isPlaceholder ? null : flexRender(header.column.columnDef.header, header.getContext())}\n\n                {/* 컬럼 리사이징 핸들 */}\n                {header.column.getCanResize() && (\n                  <div\n                    onMouseDown={header.getResizeHandler()}\n                    onTouchStart={header.getResizeHandler()}\n                    className={cx('resize-handle')}\n                  />\n                )}\n              </th>\n            ))}\n          </tr>\n        ))}\n      </thead>\n\n      <tbody>\n        {!isLoading && !isError && table.getRowModel().rows.length > 0 ? (\n          table.getRowModel().rows.map((row) => (\n            // TODO aria-disabled 스타일을 어떻게 적용할 것인지?\n            <tr key={row.id} aria-selected={row.getIsSelected()}>\n              {row.getVisibleCells().map((cell) => (\n                <td\n                  key={cell.id}\n                  style={\n                    cell.column.columnDef.size\n                      ? {\n                          width: cell.column.getSize(),\n                          minWidth: cell.column.getSize(),\n                          maxWidth: cell.column.getSize()\n                        }\n                      : undefined\n                  }\n                >\n                  {flexRender(cell.column.columnDef.cell, cell.getContext())}\n                </td>\n              ))}\n            </tr>\n          ))\n        ) : (\n          <tr>\n            <td className={cx('feedback-cell')} colSpan={table.getVisibleLeafColumns().length}>\n              {isLoading ? <div>Loading...</div> : <div>{msgText || (isError ? 'Error' : 'No data')}</div>}\n            </td>\n          </tr>\n        )}\n      </tbody>\n    </Table>\n  );\n};\n","'use client';\n\nimport React, { useState } from 'react';\n\nimport {\n  type PaginationState,\n  type RowData,\n  type RowSelectionState,\n  type TableOptions,\n  getCoreRowModel,\n  getPaginationRowModel,\n  getSortedRowModel,\n  useReactTable\n} from '@tanstack/react-table';\n\ntype RenderingMode = 'CSR' | 'SSR';\n\nexport const useTable = <TData extends RowData>({\n  data,\n  columns,\n  defaultColumn = { size: 150, enableResizing: true },\n  initialState,\n  onSortingChange,\n  enableRowSelection,\n  enableColumnResizing,\n  mode = 'SSR',\n  meta,\n  debug\n}: Pick<\n  TableOptions<TData>,\n  | 'data'\n  | 'columns'\n  | 'initialState'\n  | 'onSortingChange'\n  | 'enableRowSelection'\n  | 'enableColumnResizing'\n  | 'defaultColumn'\n  | 'meta'\n> & {\n  mode?: RenderingMode;\n  debug?: boolean;\n}) => {\n  const [sorting, setSorting] = React.useState(initialState?.sorting || []);\n  const [rowSelection, setRowSelection] = useState<RowSelectionState>(initialState?.rowSelection || {});\n  const [pagination, setPagination] = React.useState((initialState?.pagination as PaginationState) || {});\n  const [columnVisibility, setColumnVisibility] = React.useState(initialState?.columnVisibility || {});\n\n  const getOption = (mode: RenderingMode): Partial<TableOptions<TData>> => {\n    if (mode === 'SSR') {\n      return {\n        manualSorting: true,\n        manualPagination: true,\n        onSortingChange\n      };\n    } else {\n      return {\n        getPaginationRowModel: getPaginationRowModel(),\n        onPaginationChange: setPagination,\n        onSortingChange: setSorting\n      };\n    }\n  };\n\n  const table = useReactTable({\n    meta,\n    data,\n    columns,\n    columnResizeMode: 'onChange',\n    defaultColumn,\n    enableColumnResizing,\n    enableRowSelection,\n    initialState,\n    state: {\n      sorting,\n      rowSelection,\n      pagination,\n      columnVisibility\n    },\n    onRowSelectionChange: setRowSelection,\n    onColumnVisibilityChange: setColumnVisibility,\n    getCoreRowModel: getCoreRowModel(),\n    getSortedRowModel: getSortedRowModel(),\n    ...getOption(mode),\n    debugTable: debug,\n    debugHeaders: debug,\n    debugColumns: debug\n  });\n\n  return table;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { DatePicker, type DatePickerHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormDatePicker = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & DatePickerHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerHtmlProps = {\n    ...props,\n    id: field.name,\n    defaultValue: field.value,\n    disabled: field.disabled,\n    error: fieldState.invalid,\n    onBlur: field.onBlur\n  };\n\n  // if (props.mode === 'range') {\n  //   return (\n  //     <DatePicker\n  //       {...baseProps}\n  //       onValueChange={(selected: PeriodDate) => {\n  //         if (props.mode === 'range') {\n  //         }\n  //         field.onChange(selected);\n  //         // props.onValueChange?.(selected);\n  //       }}\n  //     />\n  //   );\n  // }\n\n  return <DatePicker {...baseProps} />;\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { SegmentGroup, type SegmentGroupHtmlProps } from 'sales-frontend-design-system';\n\nexport const FormSegmentGroup = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & SegmentGroupHtmlProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <SegmentGroup\n      {...props}\n      tabIndex={0}\n      id={field.name}\n      ref={field.ref}\n      defaultValue={field.value}\n      disabled={field.disabled}\n      error={fieldState.invalid}\n      onBlur={field.onBlur}\n      onValueChange={(selected) => {\n        field.onChange(selected);\n        props.onValueChange?.(selected);\n      }}\n    />\n  );\n};\n","import { useController, type FieldValues, type UseControllerProps } from 'react-hook-form';\nimport { FormField } from 'sales-frontend-design-system';\n\nexport const FormTextField = <TFormValues extends FieldValues>({\n  name,\n  control,\n  disabled,\n  error,\n  onBlur,\n  onChange,\n  rootProps,\n  ...props\n}: Pick<UseControllerProps<TFormValues>, 'name' | 'control' | 'disabled'> & FormField.TextFieldProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  return (\n    <FormField.TextField\n      {...props}\n      id={field.name}\n      size=\"medium\"\n      autoComplete=\"off\"\n      name={field.name}\n      value={field.value ?? ''}\n      disabled={field.disabled}\n      error={fieldState.invalid || error}\n      onChange={(e) => {\n        field.onChange(e);\n        onChange?.(e);\n      }}\n      onBlur={(e) => {\n        field.onBlur();\n        onBlur?.(e);\n      }}\n      rootProps={{\n        ...rootProps,\n        onClear: () => {\n          field.onChange('');\n          rootProps?.onClear?.();\n        }\n      }}\n    />\n  );\n};\n","import React from 'react';\n\nimport classNames from 'classnames/bind';\nimport styles from './step-indicator.module.scss';\nimport type { StepIndicatorProps } from './step-indicator.types';\n\nconst cx = classNames.bind(styles);\n\nexport const StepIndicator = ({\n  items,\n  onClickItem,\n  currentIndex = 0,\n  defaultValue = '',\n  dotCount = 3\n}: StepIndicatorProps) => {\n  const [current, setCurrent] = React.useState(currentIndex);\n\n  React.useEffect(() => {\n    items.map((item, idx) => {\n      if (item.value === defaultValue) {\n        setCurrent(idx);\n      }\n    });\n  }, [items, defaultValue]);\n\n  return (\n    <div className={cx('stepper-layout')}>\n      <div className={cx('stepper')}>\n        {items.map((item, idx) => (\n          <React.Fragment key={`num-${idx}`}>\n            <div\n              className={cx('circle', (defaultValue === item.value || current === idx) && 'active')}\n              onClick={() => onClickItem?.(item)}\n            >\n              {item.isCompleted || idx < current ? <span className={cx('completed')} /> : ++idx}\n            </div>\n\n            {/* 다음 단계가 있을 때만 dot 렌더링 */}\n            {idx < items.length &&\n              Array.from({ length: dotCount }).map((_, dotIdx) => (\n                <span key={`dot-${idx}-${dotIdx}`} className={cx('dot')} />\n              ))}\n          </React.Fragment>\n        ))}\n      </div>\n\n      <ul className={cx('step-labels')}>\n        {items.map((item, idx) => (\n          <li key={`label-${idx}`} className={cx((defaultValue === item.value || current === idx) && 'active')}>\n            <span>{item.label ?? item.value}</span>\n          </li>\n        ))}\n      </ul>\n    </div>\n  );\n};\n"],"names":["cx","mode","styles"],"mappings":"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","x_google_ignoreList":[0]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "sales-frontend-components",
-  "version": "0.0.32",
+  "version": "0.0.34",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -43,13 +43,13 @@
     "sass": "^1.86.3",
     "typescript": "5.8.2",
     "zod": "^3.25.67",
-    "sales-frontend-api": "0.0.4",
-    "sales-frontend-hooks": "0.0.7",
+    "sales-frontend-stores": "0.0.1",
     "sales-frontend-design-system": "0.0.31",
+    "sales-frontend-hooks": "0.0.8",
     "eslint-config-sales-frontend-eslint-config-v8": "^0.0.5",
+    "sales-frontend-utils": "0.0.5",
     "sales-frontend-typescript-config": "0.0.2",
-    "sales-frontend-stores": "0.0.1",
-    "sales-frontend-utils": "0.0.5"
+    "sales-frontend-api": "0.0.5"
   },
   "peerDependencies": {
     "@tanstack/react-query": ">=5.0.0",
@@ -58,10 +58,10 @@
     "react-dom": ">=18.0.0",
     "react-hook-form": "^7.58.1",
     "sales-frontend-design-system": "0.0.31",
+    "sales-frontend-api": "0.0.5",
+    "sales-frontend-utils": "0.0.5",
     "sales-frontend-stores": "0.0.1",
-    "sales-frontend-api": "0.0.4",
-    "sales-frontend-hooks": "0.0.7",
-    "sales-frontend-utils": "0.0.5"
+    "sales-frontend-hooks": "0.0.8"
   },
   "dependencies": {
     "classnames": "^2.5.1"

package/dist/index.cjs

@@ -1,15 +0,0 @@
-'use strict';
-
-var jsxRuntime = require('react/jsx-runtime');
-
-// src/hello/Hello.tsx
-var Hello = ({ test }) => {
-  return /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsxs("div", { children: [
-    "Hello ",
-    test
-  ] }) });
-};
-
-exports.Hello = Hello;
-//# sourceMappingURL=index.cjs.map
-//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hello/Hello.tsx"],"names":["jsx","jsxs"],"mappings":";;;;;AAKO,IAAM,KAAQ,GAAA,CAAC,EAAE,IAAA,EAAkB,KAAA;AACxC,EACE,uBAAAA,cAAA,CAAC,KACC,EAAA,EAAA,QAAA,kBAAAC,eAAA,CAAC,KAAI,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IAAO;AAAA,GAAA,EAAK,CAEnB,EAAA,CAAA;AAEJ","file":"index.cjs","sourcesContent":["// import { Sample } from 'sales-frontend-design-system';\n\ninterface Props {\n  test: string;\n}\nexport const Hello = ({ test }: Props) => {\n  return (\n    <div>\n      <div>Hello {test}</div>\n      {/* <Sample test=\"Sample\" /> */}\n    </div>\n  );\n};\n"]}

package/dist/index.d.cts

@@ -1,8 +0,0 @@
-import * as react_jsx_runtime from 'react/jsx-runtime';
-
-interface Props {
-    test: string;
-}
-declare const Hello: ({ test }: Props) => react_jsx_runtime.JSX.Element;
-
-export { Hello };

package/dist/index.js

@@ -1,13 +0,0 @@
-import { jsx, jsxs } from 'react/jsx-runtime';
-
-// src/hello/Hello.tsx
-var Hello = ({ test }) => {
-  return /* @__PURE__ */ jsx("div", { children: /* @__PURE__ */ jsxs("div", { children: [
-    "Hello ",
-    test
-  ] }) });
-};
-
-export { Hello };
-//# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map

package/dist/index.js.map

@@ -1 +0,0 @@
-{"version":3,"sources":["../src/hello/Hello.tsx"],"names":[],"mappings":";;;AAKO,IAAM,KAAQ,GAAA,CAAC,EAAE,IAAA,EAAkB,KAAA;AACxC,EACE,uBAAA,GAAA,CAAC,KACC,EAAA,EAAA,QAAA,kBAAA,IAAA,CAAC,KAAI,EAAA,EAAA,QAAA,EAAA;AAAA,IAAA,QAAA;AAAA,IAAO;AAAA,GAAA,EAAK,CAEnB,EAAA,CAAA;AAEJ","file":"index.js","sourcesContent":["// import { Sample } from 'sales-frontend-design-system';\n\ninterface Props {\n  test: string;\n}\nexport const Hello = ({ test }: Props) => {\n  return (\n    <div>\n      <div>Hello {test}</div>\n      {/* <Sample test=\"Sample\" /> */}\n    </div>\n  );\n};\n"]}