sales-frontend-components 0.0.9 → 0.0.11

package/dist/index.cjs.js

@@ -297,7 +297,13 @@ const FormTextField = ({
 };
 
 const cx = classNames.bind(styles$1);
-const StepIndicator = ({ items, currentIndex = 0, defaultValue = "", dotCount = 3 }) => {
+const StepIndicator = ({
+  items,
+  onClickItem,
+  currentIndex = 0,
+  defaultValue = "",
+  dotCount = 3
+}) => {
   const [current, setCurrent] = React.useState(currentIndex);
   React.useEffect(() => {
     items.map((item, idx) => {
@@ -308,7 +314,14 @@ const StepIndicator = ({ items, currentIndex = 0, defaultValue = "", dotCount =
   }, [items, defaultValue]);
   return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: cx("stepper-layout"), children: [
     /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("stepper"), children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsxRuntime.jsx("div", { className: cx("circle", (defaultValue === item.value || current === idx) && "active"), children: item.isCompleted || idx < current ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("completed") }) : ++idx }),
+      /* @__PURE__ */ jsxRuntime.jsx(
+        "div",
+        {
+          className: cx("circle", (defaultValue === item.value || current === idx) && "active"),
+          onClick: () => onClickItem?.(item),
+          children: item.isCompleted || idx < current ? /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("completed") }) : ++idx
+        }
+      ),
       idx < items.length && Array.from({ length: dotCount }).map((_, dotIdx) => /* @__PURE__ */ jsxRuntime.jsx("span", { className: cx("dot") }, `dot-${idx}-${dotIdx}`))
     ] }, `num-${idx}`)) }),
     /* @__PURE__ */ jsxRuntime.jsx("ul", { className: cx("step-labels"), children: items.map((item, idx) => /* @__PURE__ */ jsxRuntime.jsx("li", { className: cx((defaultValue === item.value || current === idx) && "active"), children: /* @__PURE__ */ jsxRuntime.jsx("span", { children: item.label ?? item.value }) }, `label-${idx}`)) })

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"],"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 { IDataTableProps } 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 }: IDataTableProps<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 DatePickerProps } 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'> & DatePickerProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerProps = {\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: IPeriodDate) => {\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 SegmentGroupProps } 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'> & SegmentGroupProps) => {\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.ITextFieldProps) => {\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 { IStepIndicatorProps } from './step-indicator.types';\n\nconst cx = classNames.bind(styles);\n\nexport const StepIndicator = ({ items, currentIndex = 0, defaultValue = '', dotCount = 3 }: IStepIndicatorProps) => {\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 className={cx('circle', (defaultValue === item.value || current === idx) && 'active')}>\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":"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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 { IDataTableProps } 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 }: IDataTableProps<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 DatePickerProps } 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'> & DatePickerProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerProps = {\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: IPeriodDate) => {\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 SegmentGroupProps } 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'> & SegmentGroupProps) => {\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.ITextFieldProps) => {\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 { IStepIndicatorProps } 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}: IStepIndicatorProps) => {\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":"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","x_google_ignoreList":[0]}

package/dist/index.d.ts

@@ -48,7 +48,7 @@ declare const FormSegmentGroup: <TFormValues extends FieldValues>({ name, contro
 
 declare const FormTextField: <TFormValues extends FieldValues>({ name, control, disabled, error, onBlur, onChange, rootProps, ...props }: Pick<UseControllerProps<TFormValues>, "name" | "control" | "disabled"> & FormField.ITextFieldProps) => react_jsx_runtime.JSX.Element;
 
-interface IStepItems {
+interface IStepItem {
     /** Step의 고유 식별 값 */
     value: string;
     /** Step에 시각적으로 표시될 텍스트 라벨 */
@@ -60,16 +60,17 @@ interface IStepItems {
 }
 interface IStepIndicatorProps {
     /** 각 단계에 대한 정보 (텍스트, 상태 등)를 담은 배열 */
-    items: IStepItems[];
+    items: IStepItem[];
     /** 현재 선택된 단계의 인덱스 (외부 제어용) */
     currentIndex?: number;
     /** 컴포넌트가 최초 마운트될 때 기본으로 선택될 값 (value 기준) */
     defaultValue?: string;
     /** 표시할 dot의 총 개수 (items 배열과 별개로 시각적 표시만 조절할 때 사용) */
     dotCount?: number;
+    onClickItem?: (item: IStepItem) => void;
 }
 
-declare const StepIndicator: ({ items, currentIndex, defaultValue, dotCount }: IStepIndicatorProps) => react_jsx_runtime.JSX.Element;
+declare const StepIndicator: ({ items, onClickItem, currentIndex, defaultValue, dotCount }: IStepIndicatorProps) => react_jsx_runtime.JSX.Element;
 
 export { DataTable, FormDatePicker, FormSegmentGroup, FormTextField, StepIndicator, useTable };
-export type { IDataTableProps, IStepIndicatorProps, IStepItems };
+export type { IDataTableProps, IStepIndicatorProps, IStepItem };

package/dist/index.esm.js

@@ -295,7 +295,13 @@ const FormTextField = ({
 };
 
 const cx = classNames.bind(styles$1);
-const StepIndicator = ({ items, currentIndex = 0, defaultValue = "", dotCount = 3 }) => {
+const StepIndicator = ({
+  items,
+  onClickItem,
+  currentIndex = 0,
+  defaultValue = "",
+  dotCount = 3
+}) => {
   const [current, setCurrent] = React.useState(currentIndex);
   React.useEffect(() => {
     items.map((item, idx) => {
@@ -306,7 +312,14 @@ const StepIndicator = ({ items, currentIndex = 0, defaultValue = "", dotCount =
   }, [items, defaultValue]);
   return /* @__PURE__ */ jsxs("div", { className: cx("stepper-layout"), children: [
     /* @__PURE__ */ jsx("div", { className: cx("stepper"), children: items.map((item, idx) => /* @__PURE__ */ jsxs(React.Fragment, { children: [
-      /* @__PURE__ */ jsx("div", { className: cx("circle", (defaultValue === item.value || current === idx) && "active"), children: item.isCompleted || idx < current ? /* @__PURE__ */ jsx("span", { className: cx("completed") }) : ++idx }),
+      /* @__PURE__ */ jsx(
+        "div",
+        {
+          className: cx("circle", (defaultValue === item.value || current === idx) && "active"),
+          onClick: () => onClickItem?.(item),
+          children: item.isCompleted || idx < current ? /* @__PURE__ */ jsx("span", { className: cx("completed") }) : ++idx
+        }
+      ),
       idx < items.length && Array.from({ length: dotCount }).map((_, dotIdx) => /* @__PURE__ */ jsx("span", { className: cx("dot") }, `dot-${idx}-${dotIdx}`))
     ] }, `num-${idx}`)) }),
     /* @__PURE__ */ jsx("ul", { className: cx("step-labels"), children: items.map((item, idx) => /* @__PURE__ */ jsx("li", { className: cx((defaultValue === item.value || current === idx) && "active"), children: /* @__PURE__ */ jsx("span", { children: item.label ?? item.value }) }, `label-${idx}`)) })

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"],"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 { IDataTableProps } 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 }: IDataTableProps<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 DatePickerProps } 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'> & DatePickerProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerProps = {\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: IPeriodDate) => {\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 SegmentGroupProps } 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'> & SegmentGroupProps) => {\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.ITextFieldProps) => {\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 { IStepIndicatorProps } from './step-indicator.types';\n\nconst cx = classNames.bind(styles);\n\nexport const StepIndicator = ({ items, currentIndex = 0, defaultValue = '', dotCount = 3 }: IStepIndicatorProps) => {\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 className={cx('circle', (defaultValue === item.value || current === idx) && 'active')}>\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]}
+{"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 { IDataTableProps } 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 }: IDataTableProps<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 DatePickerProps } 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'> & DatePickerProps) => {\n  const { field, fieldState } = useController({ name, control, disabled });\n\n  const baseProps: DatePickerProps = {\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: IPeriodDate) => {\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 SegmentGroupProps } 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'> & SegmentGroupProps) => {\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.ITextFieldProps) => {\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 { IStepIndicatorProps } 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}: IStepIndicatorProps) => {\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.9",
+  "version": "0.0.11",
   "private": false,
   "type": "module",
   "main": "dist/index.cjs.js",
@@ -43,15 +43,15 @@
     "typescript": "5.8.2",
     "zod": "^3.25.67",
     "eslint-config-sales-frontend-eslint-config-v8": "^0.0.5",
-    "sales-frontend-design-system": "0.0.8",
-    "sales-frontend-typescript-config": "0.0.2"
+    "sales-frontend-typescript-config": "0.0.2",
+    "sales-frontend-design-system": "0.0.10"
   },
   "peerDependencies": {
     "@tanstack/react-table": "^8.0.0",
     "react": ">=18.0.0",
     "react-dom": ">=18.0.0",
     "react-hook-form": "^7.58.1",
-    "sales-frontend-design-system": "^0.0.8"
+    "sales-frontend-design-system": "^0.0.10"
   },
   "dependencies": {
     "classnames": "^2.5.1"