@tipp/ui 1.4.2 → 1.4.4

package/dist/molecules/navigation.js

@@ -1,63 +1,63 @@
 import {
   Navigation
-} from "../chunk-PPO64OK7.js";
+} from "../chunk-VSGK4POC.js";
 import "../chunk-76JGDATZ.js";
-import "../chunk-ILRUXI2E.js";
-import "../chunk-JPIZP2PZ.js";
-import "../chunk-CYYWMYE7.js";
-import "../chunk-3JRNKBMN.js";
-import "../chunk-HYITAA4J.js";
-import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
-import "../chunk-6IVCARWS.js";
+import "../chunk-ILRUXI2E.js";
+import "../chunk-JPIZP2PZ.js";
+import "../chunk-CYYWMYE7.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-3JRNKBMN.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-5H3YPCZK.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
-import "../chunk-IM7DSIK2.js";
-import "../chunk-O3DNDMV3.js";
+import "../chunk-5X3BCQPR.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-4WFMOFN2.js";
-import "../chunk-WKFZ5MMN.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-2DZ2Y3JI.js";
-import "../chunk-QDZS4B6A.js";
-import "../chunk-52MVZ6AN.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-DJN2IEY6.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HK224ADT.js";
-import "../chunk-IQEEPHOY.js";
-import "../chunk-LHCDPZ5E.js";
-import "../chunk-OHMOP5PV.js";
+import "../chunk-O3T3TM3V.js";
+import "../chunk-O3DNDMV3.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
 import "../chunk-6AJTMXLJ.js";
 import "../chunk-3IZQ2PIQ.js";
-import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
+import "../chunk-4WFMOFN2.js";
+import "../chunk-WKFZ5MMN.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-52MVZ6AN.js";
+import "../chunk-2DZ2Y3JI.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-P3YCIJUP.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-UVKNLJDZ.js";
 import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
+import "../chunk-LHCDPZ5E.js";
+import "../chunk-OHMOP5PV.js";
 import "../chunk-66C4U3BG.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
+import "../chunk-3SSSCLJ5.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-N552FDTV.js";
 export {
   Navigation

package/dist/molecules/stepper.js

@@ -1,10 +1,10 @@
 import {
   Stepper
-} from "../chunk-PF5CPG6R.js";
-import "../chunk-52MVZ6AN.js";
+} from "../chunk-Y3L7BYDF.js";
 import "../chunk-25HMMI7R.js";
-import "../chunk-3SSSCLJ5.js";
+import "../chunk-52MVZ6AN.js";
 import "../chunk-66C4U3BG.js";
+import "../chunk-3SSSCLJ5.js";
 import "../chunk-N552FDTV.js";
 export {
   Stepper

package/dist/molecules/tag-selector.js

@@ -1,63 +1,63 @@
 import {
   TagSelector
-} from "../chunk-NUEMI3QO.js";
+} from "../chunk-P7633BEQ.js";
 import "../chunk-76JGDATZ.js";
-import "../chunk-ILRUXI2E.js";
-import "../chunk-JPIZP2PZ.js";
-import "../chunk-CYYWMYE7.js";
-import "../chunk-3JRNKBMN.js";
-import "../chunk-HYITAA4J.js";
-import "../chunk-5H3YPCZK.js";
 import "../chunk-FR2GDOU2.js";
 import "../chunk-74DX4CU7.js";
 import "../chunk-OYM4XCHQ.js";
 import "../chunk-YJ7ZFOYL.js";
 import "../chunk-5ZITU5L7.js";
-import "../chunk-365QMK4D.js";
-import "../chunk-YO3BQW6S.js";
-import "../chunk-6IVCARWS.js";
+import "../chunk-ILRUXI2E.js";
+import "../chunk-JPIZP2PZ.js";
+import "../chunk-CYYWMYE7.js";
 import "../chunk-6DJOIRMF.js";
 import "../chunk-FPD73OHW.js";
 import "../chunk-ZKZDVS7G.js";
 import "../chunk-MUNMDHRF.js";
 import "../chunk-TVDKGMBI.js";
-import "../chunk-O3T3TM3V.js";
+import "../chunk-3JRNKBMN.js";
+import "../chunk-HYITAA4J.js";
+import "../chunk-5H3YPCZK.js";
 import "../chunk-XQOL7UBI.js";
 import "../chunk-TULWX7D6.js";
 import "../chunk-SIM6HKVI.js";
-import "../chunk-IM7DSIK2.js";
-import "../chunk-O3DNDMV3.js";
+import "../chunk-5X3BCQPR.js";
 import "../chunk-5AVBYDPB.js";
-import "../chunk-4WFMOFN2.js";
-import "../chunk-WKFZ5MMN.js";
-import "../chunk-ACVANQJ4.js";
-import "../chunk-2DZ2Y3JI.js";
-import "../chunk-QDZS4B6A.js";
-import "../chunk-52MVZ6AN.js";
+import "../chunk-365QMK4D.js";
+import "../chunk-YO3BQW6S.js";
+import "../chunk-6IVCARWS.js";
+import "../chunk-DJN2IEY6.js";
 import "../chunk-25HMMI7R.js";
 import "../chunk-2CVXGGI5.js";
 import "../chunk-EGEQY3KT.js";
 import "../chunk-HK224ADT.js";
-import "../chunk-IQEEPHOY.js";
-import "../chunk-LHCDPZ5E.js";
-import "../chunk-OHMOP5PV.js";
+import "../chunk-O3T3TM3V.js";
+import "../chunk-O3DNDMV3.js";
 import "../chunk-LZJR77Q2.js";
 import "../chunk-Q37G2GS6.js";
 import "../chunk-VTJZMOSP.js";
 import "../chunk-6AJTMXLJ.js";
 import "../chunk-3IZQ2PIQ.js";
-import "../chunk-3SSSCLJ5.js";
-import "../chunk-EWD4AO5N.js";
-import "../chunk-YGL6SWKN.js";
+import "../chunk-4WFMOFN2.js";
+import "../chunk-WKFZ5MMN.js";
+import "../chunk-ACVANQJ4.js";
+import "../chunk-52MVZ6AN.js";
+import "../chunk-2DZ2Y3JI.js";
 import "../chunk-4Y5BEXVN.js";
 import "../chunk-P3YCIJUP.js";
 import "../chunk-B6XJN6EC.js";
 import "../chunk-UVKNLJDZ.js";
 import "../chunk-MIMJ7LON.js";
+import "../chunk-IQEEPHOY.js";
+import "../chunk-LHCDPZ5E.js";
+import "../chunk-OHMOP5PV.js";
 import "../chunk-66C4U3BG.js";
 import "../chunk-J242TTFH.js";
 import "../chunk-EAXUQEO5.js";
 import "../chunk-YJCCE5WP.js";
+import "../chunk-3SSSCLJ5.js";
+import "../chunk-EWD4AO5N.js";
+import "../chunk-YGL6SWKN.js";
 import "../chunk-N552FDTV.js";
 export {
   TagSelector

package/dist/utils/get-cell-align.cjs

@@ -23,16 +23,17 @@ __export(get_cell_align_exports, {
   getCellAlign: () => getCellAlign
 });
 module.exports = __toCommonJS(get_cell_align_exports);
-var getCellAlign = (arg) => {
-  const { dataType } = arg;
-  switch (dataType) {
+var getCellAlign = (type) => {
+  switch (type) {
     case "number":
     case "date":
     case "time":
       return "right";
     case "string":
-    default:
+    case "button":
       return "left";
+    default:
+      return type;
   }
 };
 // Annotate the CommonJS export names for ESM import in node:

package/dist/utils/get-cell-align.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/get-cell-align.ts"],"sourcesContent":["export type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = 'left' | 'center' | 'right';\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n  const { dataType } = arg;\n\n  switch (dataType) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    default:\n      return 'left';\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;","names":[]}
+{"version":3,"sources":["../../src/utils/get-cell-align.ts"],"sourcesContent":["export type CellAlign = 'left' | 'center' | 'right';\n\nexport type CellDataType =\n  | 'number'\n  | 'date'\n  | 'time'\n  | 'string'\n  | 'button'\n  | CellAlign;\n\nexport const getCellAlign = (type: CellDataType): CellAlign => {\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    case 'button':\n      return 'left';\n    default:\n      return type;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAUO,IAAM,eAAe,CAAC,SAAkC;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;","names":[]}

package/dist/utils/get-cell-align.d.cts

@@ -1,7 +1,5 @@
-type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
 type CellAlign = 'left' | 'center' | 'right';
-declare const getCellAlign: (arg: {
-    dataType: CellDataType;
-}) => CellAlign;
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button' | CellAlign;
+declare const getCellAlign: (type: CellDataType) => CellAlign;
 
 export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/get-cell-align.d.ts

@@ -1,7 +1,5 @@
-type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
 type CellAlign = 'left' | 'center' | 'right';
-declare const getCellAlign: (arg: {
-    dataType: CellDataType;
-}) => CellAlign;
+type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button' | CellAlign;
+declare const getCellAlign: (type: CellDataType) => CellAlign;
 
 export { type CellAlign, type CellDataType, getCellAlign };

package/dist/utils/get-cell-align.js

@@ -1,6 +1,6 @@
 import {
   getCellAlign
-} from "../chunk-A7CXRZIO.js";
+} from "../chunk-2BPFXK4L.js";
 import "../chunk-N552FDTV.js";
 export {
   getCellAlign

package/dist/utils/get-column-meta.cjs

@@ -0,0 +1,69 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/utils/get-column-meta.ts
+var get_column_meta_exports = {};
+__export(get_column_meta_exports, {
+  getColumnMeta: () => getColumnMeta
+});
+module.exports = __toCommonJS(get_column_meta_exports);
+
+// src/utils/get-cell-align.ts
+var getCellAlign = (type) => {
+  switch (type) {
+    case "number":
+    case "date":
+    case "time":
+      return "right";
+    case "string":
+    case "button":
+      return "left";
+    default:
+      return type;
+  }
+};
+
+// src/utils/get-column-meta.ts
+var getColumnMeta = (meta) => {
+  return __spreadProps(__spreadValues({}, meta), {
+    align: getCellAlign(meta.align || "left")
+  });
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  getColumnMeta
+});
+//# sourceMappingURL=get-column-meta.cjs.map

package/dist/utils/get-column-meta.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/get-column-meta.ts","../../src/utils/get-cell-align.ts"],"sourcesContent":["import type { RowData } from '@tanstack/react-table';\nimport type { CellDataType } from './get-cell-align';\nimport { getCellAlign } from './get-cell-align';\n\ntype ExpandButtonComp = <Data extends RowData>(props: {\n  open: boolean;\n  setIsOpen: (value: boolean) => void;\n  data: Data;\n}) => React.ReactNode;\n\nexport interface ColumnMeta {\n  OpenBtn?: ExpandButtonComp;\n  /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n   * 테이블 당 하나의 셀에만 사용하기를 권장\n   */\n  autoSize?: boolean;\n  /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */\n  align?: CellDataType;\n}\n\nexport const getColumnMeta = (meta: ColumnMeta): ColumnMeta => {\n  return {\n    ...meta,\n    align: getCellAlign(meta.align || 'left'),\n  };\n};\n","export type CellAlign = 'left' | 'center' | 'right';\n\nexport type CellDataType =\n  | 'number'\n  | 'date'\n  | 'time'\n  | 'string'\n  | 'button'\n  | CellAlign;\n\nexport const getCellAlign = (type: CellDataType): CellAlign => {\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    case 'button':\n      return 'left';\n    default:\n      return type;\n  }\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUO,IAAM,eAAe,CAAC,SAAkC;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;;;ADFO,IAAM,gBAAgB,CAAC,SAAiC;AAC7D,SAAO,iCACF,OADE;AAAA,IAEL,OAAO,aAAa,KAAK,SAAS,MAAM;AAAA,EAC1C;AACF;","names":[]}

package/dist/utils/get-column-meta.d.cts

@@ -0,0 +1,20 @@
+import { RowData } from '@tanstack/react-table';
+import { CellDataType } from './get-cell-align.cjs';
+
+type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+}) => React.ReactNode;
+interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+    /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */
+    align?: CellDataType;
+}
+declare const getColumnMeta: (meta: ColumnMeta) => ColumnMeta;
+
+export { type ColumnMeta, getColumnMeta };

package/dist/utils/get-column-meta.d.ts

@@ -0,0 +1,20 @@
+import { RowData } from '@tanstack/react-table';
+import { CellDataType } from './get-cell-align.js';
+
+type ExpandButtonComp = <Data extends RowData>(props: {
+    open: boolean;
+    setIsOpen: (value: boolean) => void;
+    data: Data;
+}) => React.ReactNode;
+interface ColumnMeta {
+    OpenBtn?: ExpandButtonComp;
+    /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+     * 테이블 당 하나의 셀에만 사용하기를 권장
+     */
+    autoSize?: boolean;
+    /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */
+    align?: CellDataType;
+}
+declare const getColumnMeta: (meta: ColumnMeta) => ColumnMeta;
+
+export { type ColumnMeta, getColumnMeta };

package/dist/utils/get-column-meta.js

@@ -0,0 +1,9 @@
+import {
+  getColumnMeta
+} from "../chunk-W4GH6ZKK.js";
+import "../chunk-2BPFXK4L.js";
+import "../chunk-N552FDTV.js";
+export {
+  getColumnMeta
+};
+//# sourceMappingURL=get-column-meta.js.map

package/dist/utils/get-column-meta.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"sourcesContent":[],"mappings":"","names":[]}

package/dist/utils/index.cjs

@@ -1,8 +1,25 @@
 "use strict";
 var __defProp = Object.defineProperty;
+var __defProps = Object.defineProperties;
 var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
 var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getOwnPropSymbols = Object.getOwnPropertySymbols;
 var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __propIsEnum = Object.prototype.propertyIsEnumerable;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __spreadValues = (a, b) => {
+  for (var prop in b || (b = {}))
+    if (__hasOwnProp.call(b, prop))
+      __defNormalProp(a, prop, b[prop]);
+  if (__getOwnPropSymbols)
+    for (var prop of __getOwnPropSymbols(b)) {
+      if (__propIsEnum.call(b, prop))
+        __defNormalProp(a, prop, b[prop]);
+    }
+  return a;
+};
+var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
 var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
@@ -21,24 +38,33 @@ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: tru
 var utils_exports = {};
 __export(utils_exports, {
   getCellAlign: () => getCellAlign,
+  getColumnMeta: () => getColumnMeta,
   scrollTo: () => scrollTo
 });
 module.exports = __toCommonJS(utils_exports);
 
 // src/utils/get-cell-align.ts
-var getCellAlign = (arg) => {
-  const { dataType } = arg;
-  switch (dataType) {
+var getCellAlign = (type) => {
+  switch (type) {
     case "number":
     case "date":
     case "time":
       return "right";
     case "string":
-    default:
+    case "button":
       return "left";
+    default:
+      return type;
   }
 };
 
+// src/utils/get-column-meta.ts
+var getColumnMeta = (meta) => {
+  return __spreadProps(__spreadValues({}, meta), {
+    align: getCellAlign(meta.align || "left")
+  });
+};
+
 // src/utils/scroll-to.ts
 function scrollTo(element, targetPosition, duration) {
   const startPosition = element.scrollTop;
@@ -68,6 +94,7 @@ function scrollTo(element, targetPosition, duration) {
 // Annotate the CommonJS export names for ESM import in node:
 0 && (module.exports = {
   getCellAlign,
+  getColumnMeta,
   scrollTo
 });
 //# sourceMappingURL=index.cjs.map

package/dist/utils/index.cjs.map

@@ -1 +1 @@
-{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/get-cell-align.ts","../../src/utils/scroll-to.ts"],"sourcesContent":["export * from './get-cell-align';\nexport * from './scroll-to';\n","export type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';\nexport type CellAlign = 'left' | 'center' | 'right';\n\nexport const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {\n  const { dataType } = arg;\n\n  switch (dataType) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    default:\n      return 'left';\n  }\n};\n","export function scrollTo(\n  element: HTMLDivElement,\n  targetPosition: number,\n  duration: number\n): void {\n  const startPosition = element.scrollTop;\n  const distance = targetPosition - startPosition;\n  let startTime: number | null = null;\n\n  function animation(currentTime: number): void {\n    if (startTime === null) startTime = currentTime;\n    const timeElapsed = currentTime - startTime;\n    const run = ease(timeElapsed, startPosition, distance, duration);\n    element.scrollTop = run;\n    if (timeElapsed < duration) {\n      requestAnimationFrame(animation);\n    }\n  }\n\n  function ease(t: number, b: number, c: number, d: number): number {\n    let [t2] = [t];\n    const [b2, c2, d2] = [b, c, d];\n    t2 /= d2 / 2;\n    if (t2 < 1) return (c2 / 2) * t2 * t2 + b2;\n    t2--;\n    return (-c2 / 2) * (t2 * (t2 - 2) - 1) + b2;\n  }\n\n  requestAnimationFrame(animation);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACGO,IAAM,eAAe,CAAC,QAA+C;AAC1E,QAAM,EAAE,SAAS,IAAI;AAErB,UAAQ,UAAU;AAAA,IAChB,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL;AACE,aAAO;AAAA,EACX;AACF;;;ACfO,SAAS,SACd,SACA,gBACA,UACM;AACN,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,WAAW,iBAAiB;AAClC,MAAI,YAA2B;AAE/B,WAAS,UAAU,aAA2B;AAC5C,QAAI,cAAc;AAAM,kBAAY;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,MAAM,KAAK,aAAa,eAAe,UAAU,QAAQ;AAC/D,YAAQ,YAAY;AACpB,QAAI,cAAc,UAAU;AAC1B,4BAAsB,SAAS;AAAA,IACjC;AAAA,EACF;AAEA,WAAS,KAAK,GAAW,GAAW,GAAW,GAAmB;AAChE,QAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,UAAM,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC7B,UAAM,KAAK;AACX,QAAI,KAAK;AAAG,aAAQ,KAAK,IAAK,KAAK,KAAK;AACxC;AACA,WAAQ,CAAC,KAAK,KAAM,MAAM,KAAK,KAAK,KAAK;AAAA,EAC3C;AAEA,wBAAsB,SAAS;AACjC;","names":[]}
+{"version":3,"sources":["../../src/utils/index.ts","../../src/utils/get-cell-align.ts","../../src/utils/get-column-meta.ts","../../src/utils/scroll-to.ts"],"sourcesContent":["export * from './get-cell-align';\nexport * from './get-column-meta';\nexport * from './scroll-to';\n","export type CellAlign = 'left' | 'center' | 'right';\n\nexport type CellDataType =\n  | 'number'\n  | 'date'\n  | 'time'\n  | 'string'\n  | 'button'\n  | CellAlign;\n\nexport const getCellAlign = (type: CellDataType): CellAlign => {\n  switch (type) {\n    case 'number':\n    case 'date':\n    case 'time':\n      return 'right';\n    case 'string':\n    case 'button':\n      return 'left';\n    default:\n      return type;\n  }\n};\n","import type { RowData } from '@tanstack/react-table';\nimport type { CellDataType } from './get-cell-align';\nimport { getCellAlign } from './get-cell-align';\n\ntype ExpandButtonComp = <Data extends RowData>(props: {\n  open: boolean;\n  setIsOpen: (value: boolean) => void;\n  data: Data;\n}) => React.ReactNode;\n\nexport interface ColumnMeta {\n  OpenBtn?: ExpandButtonComp;\n  /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.\n   * 테이블 당 하나의 셀에만 사용하기를 권장\n   */\n  autoSize?: boolean;\n  /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */\n  align?: CellDataType;\n}\n\nexport const getColumnMeta = (meta: ColumnMeta): ColumnMeta => {\n  return {\n    ...meta,\n    align: getCellAlign(meta.align || 'left'),\n  };\n};\n","export function scrollTo(\n  element: HTMLDivElement,\n  targetPosition: number,\n  duration: number\n): void {\n  const startPosition = element.scrollTop;\n  const distance = targetPosition - startPosition;\n  let startTime: number | null = null;\n\n  function animation(currentTime: number): void {\n    if (startTime === null) startTime = currentTime;\n    const timeElapsed = currentTime - startTime;\n    const run = ease(timeElapsed, startPosition, distance, duration);\n    element.scrollTop = run;\n    if (timeElapsed < duration) {\n      requestAnimationFrame(animation);\n    }\n  }\n\n  function ease(t: number, b: number, c: number, d: number): number {\n    let [t2] = [t];\n    const [b2, c2, d2] = [b, c, d];\n    t2 /= d2 / 2;\n    if (t2 < 1) return (c2 / 2) * t2 * t2 + b2;\n    t2--;\n    return (-c2 / 2) * (t2 * (t2 - 2) - 1) + b2;\n  }\n\n  requestAnimationFrame(animation);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;;;ACUO,IAAM,eAAe,CAAC,SAAkC;AAC7D,UAAQ,MAAM;AAAA,IACZ,KAAK;AAAA,IACL,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AAAA,IACL,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;;;ACFO,IAAM,gBAAgB,CAAC,SAAiC;AAC7D,SAAO,iCACF,OADE;AAAA,IAEL,OAAO,aAAa,KAAK,SAAS,MAAM;AAAA,EAC1C;AACF;;;ACzBO,SAAS,SACd,SACA,gBACA,UACM;AACN,QAAM,gBAAgB,QAAQ;AAC9B,QAAM,WAAW,iBAAiB;AAClC,MAAI,YAA2B;AAE/B,WAAS,UAAU,aAA2B;AAC5C,QAAI,cAAc;AAAM,kBAAY;AACpC,UAAM,cAAc,cAAc;AAClC,UAAM,MAAM,KAAK,aAAa,eAAe,UAAU,QAAQ;AAC/D,YAAQ,YAAY;AACpB,QAAI,cAAc,UAAU;AAC1B,4BAAsB,SAAS;AAAA,IACjC;AAAA,EACF;AAEA,WAAS,KAAK,GAAW,GAAW,GAAW,GAAmB;AAChE,QAAI,CAAC,EAAE,IAAI,CAAC,CAAC;AACb,UAAM,CAAC,IAAI,IAAI,EAAE,IAAI,CAAC,GAAG,GAAG,CAAC;AAC7B,UAAM,KAAK;AACX,QAAI,KAAK;AAAG,aAAQ,KAAK,IAAK,KAAK,KAAK;AACxC;AACA,WAAQ,CAAC,KAAK,KAAM,MAAM,KAAK,KAAK,KAAK;AAAA,EAC3C;AAEA,wBAAsB,SAAS;AACjC;","names":[]}

package/dist/utils/index.d.cts

@@ -1,2 +1,4 @@
 export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.cjs';
+export { ColumnMeta, getColumnMeta } from './get-column-meta.cjs';
 export { scrollTo } from './scroll-to.cjs';
+import '@tanstack/react-table';

package/dist/utils/index.d.ts

@@ -1,2 +1,4 @@
 export { CellAlign, CellDataType, getCellAlign } from './get-cell-align.js';
+export { ColumnMeta, getColumnMeta } from './get-column-meta.js';
 export { scrollTo } from './scroll-to.js';
+import '@tanstack/react-table';

package/dist/utils/index.js

@@ -1,13 +1,17 @@
-import "../chunk-DRBRT57F.js";
+import "../chunk-ZQ4XMJH7.js";
+import {
+  getColumnMeta
+} from "../chunk-W4GH6ZKK.js";
 import {
   getCellAlign
-} from "../chunk-A7CXRZIO.js";
+} from "../chunk-2BPFXK4L.js";
 import {
   scrollTo
 } from "../chunk-ZXQZRIRS.js";
 import "../chunk-N552FDTV.js";
 export {
   getCellAlign,
+  getColumnMeta,
   scrollTo
 };
 //# sourceMappingURL=index.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.4.2",
+  "version": "1.4.4",
   "private": false,
   "sideEffects": false,
   "type": "module",

package/src/utils/get-cell-align.ts

@@ -1,16 +1,23 @@
-export type CellDataType = 'number' | 'date' | 'time' | 'string' | 'button';
 export type CellAlign = 'left' | 'center' | 'right';
 
-export const getCellAlign = (arg: { dataType: CellDataType }): CellAlign => {
-  const { dataType } = arg;
+export type CellDataType =
+  | 'number'
+  | 'date'
+  | 'time'
+  | 'string'
+  | 'button'
+  | CellAlign;
 
-  switch (dataType) {
+export const getCellAlign = (type: CellDataType): CellAlign => {
+  switch (type) {
     case 'number':
     case 'date':
     case 'time':
       return 'right';
     case 'string':
-    default:
+    case 'button':
       return 'left';
+    default:
+      return type;
   }
 };

package/src/utils/get-column-meta.ts

@@ -0,0 +1,26 @@
+import type { RowData } from '@tanstack/react-table';
+import type { CellDataType } from './get-cell-align';
+import { getCellAlign } from './get-cell-align';
+
+type ExpandButtonComp = <Data extends RowData>(props: {
+  open: boolean;
+  setIsOpen: (value: boolean) => void;
+  data: Data;
+}) => React.ReactNode;
+
+export interface ColumnMeta {
+  OpenBtn?: ExpandButtonComp;
+  /** 셀의 가로 너비 지정을 number가 아닌 auto로 사용하고 싶을 경우.
+   * 테이블 당 하나의 셀에만 사용하기를 권장
+   */
+  autoSize?: boolean;
+  /** 좌/우/중앙 정렬 설정의 기준, dataType을 우선해 사용 */
+  align?: CellDataType;
+}
+
+export const getColumnMeta = (meta: ColumnMeta): ColumnMeta => {
+  return {
+    ...meta,
+    align: getCellAlign(meta.align || 'left'),
+  };
+};

package/src/utils/index.ts

@@ -1,2 +1,3 @@
 export * from './get-cell-align';
+export * from './get-column-meta';
 export * from './scroll-to';