@salloomd/teeth-selector 0.0.1 → 0.0.2

package/dist/components/teeth-preview.d.ts

@@ -0,0 +1,5 @@
+import * as React from "react";
+import type { TeethPreviewProps } from "../lib/types";
+declare const TeethPreview: React.ForwardRefExoticComponent<TeethPreviewProps & React.RefAttributes<SVGSVGElement>>;
+export { TeethPreview };
+//# sourceMappingURL=teeth-preview.d.ts.map

package/dist/components/teeth-preview.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"teeth-preview.d.ts","sourceRoot":"","sources":["../../components/teeth-preview.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,iBAAiB,EAAE,MAAM,cAAc,CAAC;AAMtD,QAAA,MAAM,YAAY,yFAiHjB,CAAC;AAIF,OAAO,EAAE,YAAY,EAAE,CAAC"}

package/dist/components/teeth-selector.d.ts

@@ -0,0 +1,63 @@
+import * as React from "react";
+import { type Tooth } from "../lib/teeth";
+import type { TeethSelectorProps, TeethSelectorState } from "../lib/types";
+type SelectionAction = {
+    type: "toggle-tooth";
+    toothId: number;
+} | {
+    type: "toggle-bridge";
+    fromId: number;
+    toId: number;
+} | {
+    type: "select-upper";
+} | {
+    type: "select-lower";
+} | {
+    type: "clear-all";
+} | {
+    type: "select-range";
+    teethIds: number[];
+} | {
+    type: "set";
+    state: TeethSelectorState;
+};
+interface TeethSelectorContextValue {
+    state: TeethSelectorState;
+    dispatch: React.Dispatch<SelectionAction>;
+    dragState: DragState;
+    setDragState: React.Dispatch<React.SetStateAction<DragState>>;
+}
+export declare function useTeethSelectorContext(): TeethSelectorContextValue;
+interface DragState {
+    start: number | null;
+    current: number | null;
+    teethInRange: number[];
+}
+declare const TeethSelector: React.ForwardRefExoticComponent<TeethSelectorProps & React.RefAttributes<HTMLDivElement>>;
+interface TeethChartProps {
+    width?: number;
+    height?: number;
+    className?: string;
+    renderTooth?: (props: {
+        tooth: Tooth;
+        isSelected: boolean;
+        isInDragRange: boolean;
+    }, defaultElement: React.JSX.Element) => React.ReactNode;
+    renderBridge?: (props: {
+        fromId: number;
+        toId: number;
+        exists: boolean;
+        position: {
+            x1: number;
+            y1: number;
+            x2: number;
+            y2: number;
+            midX: number;
+            midY: number;
+        };
+    }, defaultElement: React.JSX.Element) => React.ReactNode;
+    enableDragSelection?: boolean;
+}
+declare const TeethChart: React.ForwardRefExoticComponent<TeethChartProps & React.RefAttributes<SVGSVGElement>>;
+export { TeethSelector, TeethChart };
+//# sourceMappingURL=teeth-selector.d.ts.map

package/dist/components/teeth-selector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"teeth-selector.d.ts","sourceRoot":"","sources":["../../components/teeth-selector.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAIL,KAAK,KAAK,EACX,MAAM,cAAc,CAAC;AACtB,OAAO,KAAK,EAAE,kBAAkB,EAAE,kBAAkB,EAAE,MAAM,cAAc,CAAC;AAM3E,KAAK,eAAe,GAChB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,OAAO,EAAE,MAAM,CAAA;CAAE,GACzC;IAAE,IAAI,EAAE,eAAe,CAAC;IAAC,MAAM,EAAE,MAAM,CAAC;IAAC,IAAI,EAAE,MAAM,CAAA;CAAE,GACvD;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,cAAc,CAAA;CAAE,GACxB;IAAE,IAAI,EAAE,WAAW,CAAA;CAAE,GACrB;IAAE,IAAI,EAAE,cAAc,CAAC;IAAC,QAAQ,EAAE,MAAM,EAAE,CAAA;CAAE,GAC5C;IAAE,IAAI,EAAE,KAAK,CAAC;IAAC,KAAK,EAAE,kBAAkB,CAAA;CAAE,CAAC;AA2G/C,UAAU,yBAAyB;IACjC,KAAK,EAAE,kBAAkB,CAAC;IAC1B,QAAQ,EAAE,KAAK,CAAC,QAAQ,CAAC,eAAe,CAAC,CAAC;IAC1C,SAAS,EAAE,SAAS,CAAC;IACrB,YAAY,EAAE,KAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,cAAc,CAAC,SAAS,CAAC,CAAC,CAAC;CAC/D;AAKD,wBAAgB,uBAAuB,8BAQtC;AAMD,UAAU,SAAS;IACjB,KAAK,EAAE,MAAM,GAAG,IAAI,CAAC;IACrB,OAAO,EAAE,MAAM,GAAG,IAAI,CAAC;IACvB,YAAY,EAAE,MAAM,EAAE,CAAC;CACxB;AAYD,QAAA,MAAM,aAAa,2FAwHlB,CAAC;AAQF,UAAU,eAAe;IACvB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,WAAW,CAAC,EAAE,CACZ,KAAK,EAAE;QAAE,KAAK,EAAE,KAAK,CAAC;QAAC,UAAU,EAAE,OAAO,CAAC;QAAC,aAAa,EAAE,OAAO,CAAA;KAAE,EACpE,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAC9B,KAAK,CAAC,SAAS,CAAC;IACrB,YAAY,CAAC,EAAE,CACb,KAAK,EAAE;QACL,MAAM,EAAE,MAAM,CAAC;QACf,IAAI,EAAE,MAAM,CAAC;QACb,MAAM,EAAE,OAAO,CAAC;QAChB,QAAQ,EAAE;YACR,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,EAAE,EAAE,MAAM,CAAC;YACX,IAAI,EAAE,MAAM,CAAC;YACb,IAAI,EAAE,MAAM,CAAC;SACd,CAAC;KACH,EACD,cAAc,EAAE,KAAK,CAAC,GAAG,CAAC,OAAO,KAC9B,KAAK,CAAC,SAAS,CAAC;IACrB,mBAAmB,CAAC,EAAE,OAAO,CAAC;CAC/B;AAED,QAAA,MAAM,UAAU,uFA4Mf,CAAC;AAIF,OAAO,EAAE,aAAa,EAAE,UAAU,EAAE,CAAC"}

package/dist/index.d.ts

@@ -0,0 +1,6 @@
+export { TeethSelector, TeethChart, useTeethSelectorContext, } from "./components/teeth-selector";
+export { TeethPreview } from "./components/teeth-preview";
+export { teethData, adjacentTeethPairs, getTeethInRange, parseTeethSelection, formatTeethSelection, sameSide, } from "./lib/teeth";
+export type { Tooth } from "./lib/teeth";
+export type { TeethSelectorProps, TeethSelectorState, TeethSelectorRenderProps, TeethChartProps, TeethPreviewProps, ToothRenderProps, BridgeRenderProps, } from "./lib/types";
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../index.ts"],"names":[],"mappings":"AACA,OAAO,EACL,aAAa,EACb,UAAU,EACV,uBAAuB,GACxB,MAAM,6BAA6B,CAAC;AACrC,OAAO,EAAE,YAAY,EAAE,MAAM,4BAA4B,CAAC;AAG1D,OAAO,EACL,SAAS,EACT,kBAAkB,EAClB,eAAe,EACf,mBAAmB,EACnB,oBAAoB,EACpB,QAAQ,GACT,MAAM,aAAa,CAAC;AAGrB,YAAY,EAAE,KAAK,EAAE,MAAM,aAAa,CAAC;AACzC,YAAY,EACV,kBAAkB,EAClB,kBAAkB,EAClB,wBAAwB,EACxB,eAAe,EACf,iBAAiB,EACjB,gBAAgB,EAChB,iBAAiB,GAClB,MAAM,aAAa,CAAC"}

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":["../../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":["../../lib/types.ts"],"names":[],"mappings":"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"}

package/package.json

@@ -1,14 +1,23 @@
 {
   "name": "@salloomd/teeth-selector",
-  "version": "0.0.1",
-  "module": "index.ts",
+  "version": "0.0.2",
   "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 index.ts --outdir dist && tsc -p tsconfig.build.json",
     "storybook": "storybook dev -p 6006",
     "build-storybook": "storybook build"
   },