@salloomd/teeth-selector 0.0.1 → 0.0.3

package/dist/lib/teeth.d.ts

@@ -0,0 +1,18 @@
+export interface Tooth {
+    order: number;
+    id: number;
+    name: string;
+    position: "upper" | "lower";
+    side: "left" | "right";
+    d: string;
+}
+export declare const teethData: Tooth[];
+export declare const adjacentTeethPairs: [number, number][];
+export declare function getTeethInRange(startId: number, endId: number): number[];
+export declare function sameSide(tooth1: number, tooth2: number): boolean;
+export declare function parseTeethSelection(input: string): {
+    selectedTeeth: number[];
+    bridges: number[][];
+};
+export declare function formatTeethSelection(selectedTeeth: number[], bridges: number[][]): string;
+//# sourceMappingURL=teeth.d.ts.map

package/dist/lib/teeth.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"teeth.d.ts","sourceRoot":"","sources":["../../src/lib/teeth.ts"],"names":[],"mappings":"AAAA,MAAM,WAAW,KAAK;IACpB,KAAK,EAAE,MAAM,CAAC;IACd,EAAE,EAAE,MAAM,CAAC;IACX,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,EAAE,OAAO,GAAG,OAAO,CAAC;IAC5B,IAAI,EAAE,MAAM,GAAG,OAAO,CAAC;IACvB,CAAC,EAAE,MAAM,CAAC;CACX;AAED,eAAO,MAAM,SAAS,EAAE,KAAK,EAqQ5B,CAAC;AAEF,eAAO,MAAM,kBAAkB,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,EAiChD,CAAC;AAEF,wBAAgB,eAAe,CAAC,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,CAYxE;AAED,wBAAgB,QAAQ,CAAC,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,GAAG,OAAO,CAGhE;AAED,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,MAAM,GAAG;IAClD,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;CACrB,CA0CA;AAED,wBAAgB,oBAAoB,CAClC,aAAa,EAAE,MAAM,EAAE,EACvB,OAAO,EAAE,MAAM,EAAE,EAAE,GAClB,MAAM,CAyDR"}

package/dist/lib/types.d.ts

@@ -0,0 +1,93 @@
+import type { Tooth } from "./teeth";
+export interface TeethSelectorState {
+    selectedTeeth: number[];
+    bridges: number[][];
+}
+export interface TeethSelectorRenderProps extends TeethSelectorState {
+    /** Toggle a tooth's selection state */
+    toggleTooth: (toothId: number) => void;
+    /** Toggle a bridge between two teeth */
+    toggleBridge: (fromId: number, toId: number) => void;
+    /** Select all upper teeth with bridges */
+    selectUpper: () => void;
+    /** Select all lower teeth with bridges */
+    selectLower: () => void;
+    /** Select a range of teeth with bridges */
+    selectRange: (teethIds: number[]) => void;
+    /** Clear all selections */
+    clearAll: () => void;
+    /** Check if a tooth is selected */
+    isSelected: (toothId: number) => boolean;
+    /** Check if a bridge exists between two teeth */
+    hasBridge: (fromId: number, toId: number) => boolean;
+    /** Get sorted selected teeth data */
+    getSelectedTeethData: () => Tooth[];
+}
+export interface TeethSelectorProps {
+    /** Initial selected teeth IDs */
+    defaultSelectedTeeth?: number[];
+    /** Initial bridges as pairs of tooth IDs */
+    defaultBridges?: number[][];
+    /** Controlled selected teeth */
+    selectedTeeth?: number[];
+    /** Controlled bridges */
+    bridges?: number[][];
+    /** Callback when selection changes */
+    onSelectionChange?: (selectedTeeth: Tooth[]) => void;
+    /** Callback when bridges change */
+    onBridgeChange?: (bridges: number[][]) => void;
+    /** Unified callback for any change */
+    onChange?: (selectedTeeth: Tooth[], bridges: number[][]) => void;
+    /** Render function receiving state and actions */
+    children: (props: TeethSelectorRenderProps) => React.ReactNode;
+}
+export interface ToothRenderProps {
+    tooth: Tooth;
+    isSelected: boolean;
+    isInDragRange: boolean;
+}
+export interface BridgeRenderProps {
+    fromId: number;
+    toId: number;
+    exists: boolean;
+    position: {
+        x1: number;
+        y1: number;
+        x2: number;
+        y2: number;
+        midX: number;
+        midY: number;
+    };
+}
+export interface TeethChartProps {
+    /** Width of the SVG */
+    width?: number;
+    /** Height of the SVG */
+    height?: number;
+    /** Additional class names */
+    className?: string;
+    /** Custom render function for each tooth */
+    renderTooth?: (props: ToothRenderProps, defaultElement: React.ReactElement) => React.ReactNode;
+    /** Custom render function for each bridge */
+    renderBridge?: (props: BridgeRenderProps, defaultElement: React.ReactElement) => React.ReactNode;
+    /** Enable drag selection */
+    enableDragSelection?: boolean;
+}
+export interface TeethPreviewProps {
+    /** Teeth selection string (e.g., "11, [21, 23], 31") */
+    teeth: string;
+    /** Width of the SVG */
+    width?: number;
+    /** Height of the SVG */
+    height?: number;
+    /** Additional class names */
+    className?: string;
+    /** Custom render function for selected teeth */
+    renderTooth?: (props: {
+        tooth: Tooth;
+        isSelected: boolean;
+    }, defaultElement: React.ReactElement) => React.ReactNode;
+    /** Custom render function for bridges */
+    renderBridge?: (props: Omit<BridgeRenderProps, "exists">, defaultElement: React.ReactElement) => React.ReactNode;
+}
+//# sourceMappingURL=types.d.ts.map

package/dist/lib/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../src/lib/types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAMrC,MAAM,WAAW,kBAAkB;IACjC,aAAa,EAAE,MAAM,EAAE,CAAC;IACxB,OAAO,EAAE,MAAM,EAAE,EAAE,CAAC;CACrB;AAED,MAAM,WAAW,wBAAyB,SAAQ,kBAAkB;IAClE,uCAAuC;IACvC,WAAW,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAC;IACvC,wCAAwC;IACxC,YAAY,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACrD,0CAA0C;IAC1C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,0CAA0C;IAC1C,WAAW,EAAE,MAAM,IAAI,CAAC;IACxB,2CAA2C;IAC3C,WAAW,EAAE,CAAC,QAAQ,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IAC1C,2BAA2B;IAC3B,QAAQ,EAAE,MAAM,IAAI,CAAC;IACrB,mCAAmC;IACnC,UAAU,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,OAAO,CAAC;IACzC,iDAAiD;IACjD,SAAS,EAAE,CAAC,MAAM,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,KAAK,OAAO,CAAC;IACrD,qCAAqC;IACrC,oBAAoB,EAAE,MAAM,KAAK,EAAE,CAAC;CACrC;AAED,MAAM,WAAW,kBAAkB;IACjC,iCAAiC;IACjC,oBAAoB,CAAC,EAAE,MAAM,EAAE,CAAC;IAChC,4CAA4C;IAC5C,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IAC5B,gCAAgC;IAChC,aAAa,CAAC,EAAE,MAAM,EAAE,CAAC;IACzB,yBAAyB;IACzB,OAAO,CAAC,EAAE,MAAM,EAAE,EAAE,CAAC;IACrB,sCAAsC;IACtC,iBAAiB,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,KAAK,IAAI,CAAC;IACrD,mCAAmC;IACnC,cAAc,CAAC,EAAE,CAAC,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;IAC/C,sCAAsC;IACtC,QAAQ,CAAC,EAAE,CAAC,aAAa,EAAE,KAAK,EAAE,EAAE,OAAO,EAAE,MAAM,EAAE,EAAE,KAAK,IAAI,CAAC;IACjE,kDAAkD;IAClD,QAAQ,EAAE,CAAC,KAAK,EAAE,wBAAwB,KAAK,KAAK,CAAC,SAAS,CAAC;CAChE;AAMD,MAAM,WAAW,gBAAgB;IAC/B,KAAK,EAAE,KAAK,CAAC;IACb,UAAU,EAAE,OAAO,CAAC;IACpB,aAAa,EAAE,OAAO,CAAC;CACxB;AAED,MAAM,WAAW,iBAAiB;IAChC,MAAM,EAAE,MAAM,CAAC;IACf,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,OAAO,CAAC;IAChB,QAAQ,EAAE;QACR,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,EAAE,EAAE,MAAM,CAAC;QACX,IAAI,EAAE,MAAM,CAAC;QACb,IAAI,EAAE,MAAM,CAAC;KACd,CAAC;CACH;AAED,MAAM,WAAW,eAAe;IAC9B,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,4CAA4C;IAC5C,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE,gBAAgB,EACvB,cAAc,EAAE,KAAK,CAAC,YAAY,KAC/B,KAAK,CAAC,SAAS,CAAC;IACrB,6CAA6C;IAC7C,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,iBAAiB,EACxB,cAAc,EAAE,KAAK,CAAC,YAAY,KAC/B,KAAK,CAAC,SAAS,CAAC;IACrB,4BAA4B;IAC5B,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAMD,MAAM,WAAW,iBAAiB;IAChC,wDAAwD;IACxD,KAAK,EAAE,MAAM,CAAC;IACd,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wBAAwB;IACxB,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,OAAO,CAAA;KAAE,EAC5C,cAAc,EAAE,KAAK,CAAC,YAAY,KAC/B,KAAK,CAAC,SAAS,CAAC;IACrB,yCAAyC;IACzC,YAAY,CAAC,EAAE,CACb,KAAK,EAAE,IAAI,CAAC,iBAAiB,EAAE,QAAQ,CAAC,EACxC,cAAc,EAAE,KAAK,CAAC,YAAY,KAC/B,KAAK,CAAC,SAAS,CAAC;CACtB"}

package/package.json

@@ -1,14 +1,23 @@
 {
   "name": "@salloomd/teeth-selector",
-  "version": "0.0.1",
-  "module": "index.ts",
+  "version": "0.0.3",
   "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
   "files": [
     "dist"
   ],
   "sideEffects": false,
   "scripts": {
-    "build": "bun build index.ts --outdir dist",
+    "build": "bun build src/index.ts --outdir dist --external react --external react-dom && tsc -p tsconfig.build.json",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },
@@ -31,6 +40,8 @@
     "@vitest/coverage-v8": "^4.0.16"
   },
   "peerDependencies": {
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
     "typescript": "^5"
   },
   "keywords": [