@tipp/ui 1.4.8 → 1.4.10

package/dist/test/button.test.cjs

@@ -0,0 +1,53 @@
+"use strict";
+
+// src/utils/convert-button-size.ts
+var convertSizeStr = (size) => {
+  switch (size) {
+    case "small":
+      return "1";
+    case "medium":
+      return "2";
+    case "large":
+      return "3";
+    default:
+      return "2";
+  }
+};
+var convertSizeResponse = (size) => {
+  if (typeof size === "string" || typeof size === "undefined") {
+    return convertSizeStr(size);
+  }
+  const radixSize = {};
+  let key = "initial";
+  for (key in size) {
+    radixSize[key] = convertSizeStr(size[key]);
+  }
+  return radixSize;
+};
+
+// src/test/button.test.ts
+describe("convertSizeResponse", () => {
+  test("converts size to radix size", () => {
+    expect(convertSizeResponse("small")).toBe("1");
+    expect(convertSizeResponse("medium")).toBe("2");
+    expect(convertSizeResponse("large")).toBe("3");
+  });
+  test("converts size object to radix size object", () => {
+    expect(
+      convertSizeResponse({
+        initial: "small",
+        lg: "large",
+        md: "medium",
+        xl: "large",
+        xs: "small"
+      })
+    ).toEqual({
+      initial: "1",
+      lg: "3",
+      md: "2",
+      xl: "3",
+      xs: "1"
+    });
+  });
+});
+//# sourceMappingURL=button.test.cjs.map

package/dist/test/button.test.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/convert-button-size.ts","../../src/test/button.test.ts"],"sourcesContent":["import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n","import { convertSizeResponse } from '../utils/convert-button-size';\n\ndescribe('convertSizeResponse', () => {\n  test('converts size to radix size', () => {\n    expect(convertSizeResponse('small')).toBe('1');\n    expect(convertSizeResponse('medium')).toBe('2');\n    expect(convertSizeResponse('large')).toBe('3');\n  });\n\n  test('converts size object to radix size object', () => {\n    expect(\n      convertSizeResponse({\n        initial: 'small',\n        lg: 'large',\n        md: 'medium',\n        xl: 'large',\n        xs: 'small',\n      })\n    ).toEqual({\n      initial: '1',\n      lg: '3',\n      md: '2',\n      xl: '3',\n      xs: '1',\n    });\n  });\n});\n"],"mappings":";;;AAIO,IAAM,iBAAiB,CAC5B,SAC0B;AAC1B,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,sBAAsB,CACjC,SAC6B;AAC7B,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,aAAa;AAC3D,WAAO,eAAe,IAAI;AAAA,EAC5B;AACA,QAAM,YAAsC,CAAC;AAC7C,MAAI,MAAkB;AACtB,OAAK,OAAO,MAAM;AAChB,cAAU,GAAG,IAAI,eAAe,KAAK,GAAG,CAAC;AAAA,EAC3C;AACA,SAAO;AACT;;;AC7BA,SAAS,uBAAuB,MAAM;AACpC,OAAK,+BAA+B,MAAM;AACxC,WAAO,oBAAoB,OAAO,CAAC,EAAE,KAAK,GAAG;AAC7C,WAAO,oBAAoB,QAAQ,CAAC,EAAE,KAAK,GAAG;AAC9C,WAAO,oBAAoB,OAAO,CAAC,EAAE,KAAK,GAAG;AAAA,EAC/C,CAAC;AAED,OAAK,6CAA6C,MAAM;AACtD;AAAA,MACE,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN,CAAC;AAAA,IACH,EAAE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,CAAC;AAAA,EACH,CAAC;AACH,CAAC;","names":[]}

package/dist/test/button.test.d.cts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/test/button.test.d.ts

@@ -0,0 +1,2 @@
+
+export {  }

package/dist/test/button.test.js

@@ -0,0 +1,31 @@
+import {
+  convertSizeResponse
+} from "../chunk-LQY4RKWI.js";
+import "../chunk-N552FDTV.js";
+
+// src/test/button.test.ts
+describe("convertSizeResponse", () => {
+  test("converts size to radix size", () => {
+    expect(convertSizeResponse("small")).toBe("1");
+    expect(convertSizeResponse("medium")).toBe("2");
+    expect(convertSizeResponse("large")).toBe("3");
+  });
+  test("converts size object to radix size object", () => {
+    expect(
+      convertSizeResponse({
+        initial: "small",
+        lg: "large",
+        md: "medium",
+        xl: "large",
+        xs: "small"
+      })
+    ).toEqual({
+      initial: "1",
+      lg: "3",
+      md: "2",
+      xl: "3",
+      xs: "1"
+    });
+  });
+});
+//# sourceMappingURL=button.test.js.map

package/dist/test/button.test.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/test/button.test.ts"],"sourcesContent":["import { convertSizeResponse } from '../utils/convert-button-size';\n\ndescribe('convertSizeResponse', () => {\n  test('converts size to radix size', () => {\n    expect(convertSizeResponse('small')).toBe('1');\n    expect(convertSizeResponse('medium')).toBe('2');\n    expect(convertSizeResponse('large')).toBe('3');\n  });\n\n  test('converts size object to radix size object', () => {\n    expect(\n      convertSizeResponse({\n        initial: 'small',\n        lg: 'large',\n        md: 'medium',\n        xl: 'large',\n        xs: 'small',\n      })\n    ).toEqual({\n      initial: '1',\n      lg: '3',\n      md: '2',\n      xl: '3',\n      xs: '1',\n    });\n  });\n});\n"],"mappings":";;;;;;AAEA,SAAS,uBAAuB,MAAM;AACpC,OAAK,+BAA+B,MAAM;AACxC,WAAO,oBAAoB,OAAO,CAAC,EAAE,KAAK,GAAG;AAC7C,WAAO,oBAAoB,QAAQ,CAAC,EAAE,KAAK,GAAG;AAC9C,WAAO,oBAAoB,OAAO,CAAC,EAAE,KAAK,GAAG;AAAA,EAC/C,CAAC;AAED,OAAK,6CAA6C,MAAM;AACtD;AAAA,MACE,oBAAoB;AAAA,QAClB,SAAS;AAAA,QACT,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,QACJ,IAAI;AAAA,MACN,CAAC;AAAA,IACH,EAAE,QAAQ;AAAA,MACR,SAAS;AAAA,MACT,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,MACJ,IAAI;AAAA,IACN,CAAC;AAAA,EACH,CAAC;AACH,CAAC;","names":[]}

package/dist/utils/convert-button-size.cjs

@@ -0,0 +1,63 @@
+"use strict";
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+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/convert-button-size.ts
+var convert_button_size_exports = {};
+__export(convert_button_size_exports, {
+  convertSize: () => convertSize,
+  convertSizeResponse: () => convertSizeResponse,
+  convertSizeStr: () => convertSizeStr
+});
+module.exports = __toCommonJS(convert_button_size_exports);
+var convertSizeStr = (size) => {
+  switch (size) {
+    case "small":
+      return "1";
+    case "medium":
+      return "2";
+    case "large":
+      return "3";
+    default:
+      return "2";
+  }
+};
+var convertSizeResponse = (size) => {
+  if (typeof size === "string" || typeof size === "undefined") {
+    return convertSizeStr(size);
+  }
+  const radixSize = {};
+  let key = "initial";
+  for (key in size) {
+    radixSize[key] = convertSizeStr(size[key]);
+  }
+  return radixSize;
+};
+var convertSize = (size) => {
+  if (typeof size === "string") {
+    return convertSizeStr(size);
+  }
+  return convertSizeResponse(size);
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  convertSize,
+  convertSizeResponse,
+  convertSizeStr
+});
+//# sourceMappingURL=convert-button-size.cjs.map

package/dist/utils/convert-button-size.cjs.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/convert-button-size.ts"],"sourcesContent":["import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';\nimport type { Breakpoint } from '@radix-ui/themes/props';\nimport type { ButtonProps } from '../atoms/button.type';\n\nexport const convertSizeStr = (\n  size: ButtonProps['size']\n): '1' | '2' | '3' | '4' => {\n  switch (size) {\n    case 'small':\n      return '1';\n    case 'medium':\n      return '2';\n    case 'large':\n      return '3';\n    default:\n      return '2';\n  }\n};\n\nexport const convertSizeResponse = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string' || typeof size === 'undefined') {\n    return convertSizeStr(size);\n  }\n  const radixSize: RadixButtonProps['size'] = {};\n  let key: Breakpoint = 'initial';\n  for (key in size) {\n    radixSize[key] = convertSizeStr(size[key]);\n  }\n  return radixSize;\n};\n\nexport const convertSize = (\n  size: ButtonProps['size']\n): RadixButtonProps['size'] => {\n  if (typeof size === 'string') {\n    return convertSizeStr(size);\n  }\n  return convertSizeResponse(size);\n};\n"],"mappings":";;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAIO,IAAM,iBAAiB,CAC5B,SAC0B;AAC1B,UAAQ,MAAM;AAAA,IACZ,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT,KAAK;AACH,aAAO;AAAA,IACT;AACE,aAAO;AAAA,EACX;AACF;AAEO,IAAM,sBAAsB,CACjC,SAC6B;AAC7B,MAAI,OAAO,SAAS,YAAY,OAAO,SAAS,aAAa;AAC3D,WAAO,eAAe,IAAI;AAAA,EAC5B;AACA,QAAM,YAAsC,CAAC;AAC7C,MAAI,MAAkB;AACtB,OAAK,OAAO,MAAM;AAChB,cAAU,GAAG,IAAI,eAAe,KAAK,GAAG,CAAC;AAAA,EAC3C;AACA,SAAO;AACT;AAEO,IAAM,cAAc,CACzB,SAC6B;AAC7B,MAAI,OAAO,SAAS,UAAU;AAC5B,WAAO,eAAe,IAAI;AAAA,EAC5B;AACA,SAAO,oBAAoB,IAAI;AACjC;","names":[]}

package/dist/utils/convert-button-size.d.cts

@@ -0,0 +1,9 @@
+import { ButtonProps as ButtonProps$1 } from '@radix-ui/themes';
+import { ButtonProps } from '../atoms/button.type.cjs';
+import '@radix-ui/themes/props';
+
+declare const convertSizeStr: (size: ButtonProps['size']) => '1' | '2' | '3' | '4';
+declare const convertSizeResponse: (size: ButtonProps['size']) => ButtonProps$1['size'];
+declare const convertSize: (size: ButtonProps['size']) => ButtonProps$1['size'];
+
+export { convertSize, convertSizeResponse, convertSizeStr };

package/dist/utils/convert-button-size.d.ts

@@ -0,0 +1,9 @@
+import { ButtonProps as ButtonProps$1 } from '@radix-ui/themes';
+import { ButtonProps } from '../atoms/button.type.js';
+import '@radix-ui/themes/props';
+
+declare const convertSizeStr: (size: ButtonProps['size']) => '1' | '2' | '3' | '4';
+declare const convertSizeResponse: (size: ButtonProps['size']) => ButtonProps$1['size'];
+declare const convertSize: (size: ButtonProps['size']) => ButtonProps$1['size'];
+
+export { convertSize, convertSizeResponse, convertSizeStr };

package/dist/utils/convert-button-size.js

@@ -0,0 +1,12 @@
+import {
+  convertSize,
+  convertSizeResponse,
+  convertSizeStr
+} from "../chunk-LQY4RKWI.js";
+import "../chunk-N552FDTV.js";
+export {
+  convertSize,
+  convertSizeResponse,
+  convertSizeStr
+};
+//# sourceMappingURL=convert-button-size.js.map

package/dist/utils/convert-button-size.js.map

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

package/dist/utils/index.js

@@ -1,13 +1,13 @@
 import "../chunk-ZQ4XMJH7.js";
+import {
+  scrollTo
+} from "../chunk-ZXQZRIRS.js";
 import {
   getColumnMeta
 } from "../chunk-W4GH6ZKK.js";
 import {
   getCellAlign
 } from "../chunk-2BPFXK4L.js";
-import {
-  scrollTo
-} from "../chunk-ZXQZRIRS.js";
 import "../chunk-N552FDTV.js";
 export {
   getCellAlign,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@tipp/ui",
-  "version": "1.4.8",
+  "version": "1.4.10",
   "private": false,
   "sideEffects": false,
   "type": "module",
@@ -40,11 +40,13 @@
   },
   "devDependencies": {
     "@types/echarts": "^4.9.22",
+    "@types/jest": "^29.5.12",
     "@types/lodash-es": "^4.17.12",
     "@types/react": "^18.2.61",
     "@types/react-dom": "^18.2.19",
     "autoprefixer": "10.4.19",
     "eslint": "^8.57.0",
+    "jest": "^29.7.0",
     "postcss": "8.4.33",
     "postcss-cli": "11.0.0",
     "postcss-combine-duplicated-selectors": "10.0.3",
@@ -52,10 +54,12 @@
     "postcss-discard-empty": "6.0.1",
     "postcss-import": "16.0.0",
     "postcss-nesting": "12.0.2",
+    "ts-jest": "^29.2.2",
+    "ts-node": "^10.9.2",
     "tsup": "^8.0.2",
     "typescript": "^5.3.3",
-    "@tipp/eslint-config": "1.0.0",
-    "@tipp/typescript-config": "1.0.0"
+    "@tipp/typescript-config": "1.0.0",
+    "@tipp/eslint-config": "1.0.0"
   },
   "scripts": {
     "build": "pnpm run build:js && pnpm run build:css",
@@ -67,6 +71,7 @@
     "dev:js": "pnpm run build:js --watch",
     "lint": "eslint . --max-warnings 0",
     "lint-staged": "lint-staged ./src",
+    "test": "jest",
     "type-check": "tsc --noEmit"
   }
 }

package/src/atoms/button.tsx

@@ -1,29 +1,14 @@
-import {
-  Button as RadixButton,
-  type ButtonProps as RadixButtonProps,
-} from '@radix-ui/themes';
 import React, { forwardRef, useMemo } from 'react';
-
-export type ButtonProps = Omit<RadixButtonProps, 'size' | 'variant'> & {
-  size?: 'small' | 'medium' | 'large';
-  variant?: RadixButtonProps['variant'] | 'transparent';
-};
+import { Button as RadixButton } from '@radix-ui/themes';
+import { convertSize } from '../utils/convert-button-size';
+import type { ButtonProps } from './button.type';
 
 export const Button = forwardRef<HTMLButtonElement, ButtonProps>(
   (props, ref): React.ReactElement => {
     const { size, style, variant, ...restProps } = props;
 
     const radixSize = useMemo(() => {
-      switch (size) {
-        case 'small':
-          return '1';
-        case 'medium':
-          return '2';
-        case 'large':
-          return '3';
-        default:
-          return '2';
-      }
+      return convertSize(size);
     }, [size]);
 
     const mergedStyle = useMemo<ButtonProps['style']>(() => {

package/src/atoms/button.type.ts

@@ -0,0 +1,13 @@
+import {
+  type Button as RadixButton,
+  type ButtonProps as RadixButtonProps,
+} from '@radix-ui/themes';
+import type { Responsive } from '@radix-ui/themes/props';
+
+export type ButtonProps = Omit<RadixButtonProps, 'size' | 'variant'> & {
+  size?: Responsive<'small' | 'medium' | 'large'>;
+  variant?: RadixButtonProps['variant'] | 'transparent';
+};
+
+export type { Responsive } from '@radix-ui/themes/props';
+export type { RadixButton, RadixButtonProps };

package/src/test/button.test.ts

@@ -0,0 +1,27 @@
+import { convertSizeResponse } from '../utils/convert-button-size';
+
+describe('convertSizeResponse', () => {
+  test('converts size to radix size', () => {
+    expect(convertSizeResponse('small')).toBe('1');
+    expect(convertSizeResponse('medium')).toBe('2');
+    expect(convertSizeResponse('large')).toBe('3');
+  });
+
+  test('converts size object to radix size object', () => {
+    expect(
+      convertSizeResponse({
+        initial: 'small',
+        lg: 'large',
+        md: 'medium',
+        xl: 'large',
+        xs: 'small',
+      })
+    ).toEqual({
+      initial: '1',
+      lg: '3',
+      md: '2',
+      xl: '3',
+      xs: '1',
+    });
+  });
+});

package/src/utils/convert-button-size.ts

@@ -0,0 +1,41 @@
+import { type ButtonProps as RadixButtonProps } from '@radix-ui/themes';
+import type { Breakpoint } from '@radix-ui/themes/props';
+import type { ButtonProps } from '../atoms/button.type';
+
+export const convertSizeStr = (
+  size: ButtonProps['size']
+): '1' | '2' | '3' | '4' => {
+  switch (size) {
+    case 'small':
+      return '1';
+    case 'medium':
+      return '2';
+    case 'large':
+      return '3';
+    default:
+      return '2';
+  }
+};
+
+export const convertSizeResponse = (
+  size: ButtonProps['size']
+): RadixButtonProps['size'] => {
+  if (typeof size === 'string' || typeof size === 'undefined') {
+    return convertSizeStr(size);
+  }
+  const radixSize: RadixButtonProps['size'] = {};
+  let key: Breakpoint = 'initial';
+  for (key in size) {
+    radixSize[key] = convertSizeStr(size[key]);
+  }
+  return radixSize;
+};
+
+export const convertSize = (
+  size: ButtonProps['size']
+): RadixButtonProps['size'] => {
+  if (typeof size === 'string') {
+    return convertSizeStr(size);
+  }
+  return convertSizeResponse(size);
+};