geez-input 1.0.1 → 1.0.2

package/README.md

@@ -7,7 +7,6 @@ A type-safe React library for Geez (Ethiopic) script input with phonetic keyboar
 - **Type-Safe**: Built with TypeScript for full type safety with comprehensive JSDoc documentation
 - **Phonetic Keyboard**: Intuitive Latin-to-Geez transformation following standard conventions
 - **Customizable Components**: Pre-styled input and textarea components with toggle support
-- **React Hook**: `useGeez` hook for custom implementations
 - **Form Library Support**: Works with React Hook Form, Formik, and other form libraries
 - **Controlled & Uncontrolled**: Full support for both component patterns
 
@@ -72,27 +71,6 @@ function MyForm() {
 }
 ```
 
-## Hook API
-
-### useGeez
-
-For custom implementations, use the `useGeez` hook:
-
-```tsx
-import { useGeez } from 'geez-input'
-
-function CustomInput() {
-  const { onKeyDown } = useGeez({
-    enabled: true,
-    onTransform: (result) => {
-      console.log('Transformed:', result)
-    }
-  })
-
-  return <input onKeyDown={onKeyDown} />
-}
-```
-
 ## Phonetic Guide
 
 The library uses intuitive phonetic mappings:
@@ -147,39 +125,9 @@ Props:
 - `className?: string` - Additional CSS classes
 - `...TextareaHTMLAttributes` - All standard HTML textarea attributes
 
-### Hooks
-
-#### useGeez(options)
-
-Options:
-- `enabled?: boolean` - Enable/disable transformation (default: `true`)
-- `onTransform?: (result: EngineResult) => void` - Callback after each transformation
-
-Returns:
-- `onKeyDown: KeyboardEventHandler` - Event handler for keyboard events
-
-### Engine
-
-#### GeezEngine.transform(textBefore, textAfter, key)
-
-Core transformation method:
-- `textBefore: string` - Text before cursor
-- `textAfter: string` - Text after cursor
-- `key: string` - Key pressed
-- Returns: `EngineResult`
-
 ## TypeScript Support
 
-The library is written in TypeScript and provides comprehensive type definitions:
-
-```tsx
-import type {
-  GeezOptions,
-  EngineResult,
-  PhoneticMap,
-  SyllableMap
-} from 'geez-input'
-```
+The library is written in TypeScript and provides comprehensive type definitions for all component props.
 
 ## Browser Support
 

package/dist/main.d.ts

@@ -2,14 +2,14 @@
  * @packageDocumentation
  * Geez Input Library - Phonetic keyboard support for Geez/Ethiopic script in React
  *
- * This library provides React components and hooks for typing in Geez (Ethiopic) script
+ * This library provides React components for typing in Geez (Ethiopic) script
  * using Latin phonetic characters. It supports Amharic, Tigrinya, and other languages
  * written in the Geez script.
  *
  * ## Quick Start
  *
  * \`\`\`tsx
- * import { GeezInput, GeezTextArea, useGeez } from 'geez-input'
+ * import { GeezInput, GeezTextArea } from 'geez-input'
  *
  * function App() {
  *   return (
@@ -26,28 +26,6 @@
  * ### Components
  * - {@link GeezInput} - Styled input with Geez keyboard
  * - {@link GeezTextArea} - Styled textarea with Geez keyboard
- *
- * ### Hooks
- * - {@link useGeez} - Hook for custom implementations
- *
- * ### Engine
- * - {@link GeezEngine} - Core transformation engine
- *
- * ### Types
- * - {@link GeezOptions} - Configuration options
- * - {@link EngineResult} - Transformation result
- * - {@link PhoneticMap} - Character mapping type
- * - {@link SyllableMap} - Syllable mapping type
- *
- * ### Mappings
- * - {@link CONSONANTS} - Base consonant mappings
- * - {@link SYLLABLES} - Syllable form mappings
- * - {@link PUNCTUATION} - Punctuation mappings
- * - {@link MULTI_CONSONANTS} - Multi-character consonants
  */
-export * from './engine';
-export * from './use-geez';
-export * from './types';
-export * from './mapping';
 export * from './components/geez-input';
 export * from './components/geez-textarea';

package/dist/main.js

@@ -1,6 +1,6 @@
+import { jsxs as v, jsx as f } from "react/jsx-runtime";
 import { useCallback as S, forwardRef as y, useState as N } from "react";
-import { jsxs as D, jsx as A } from "react/jsx-runtime";
-import './assets/main.css';const z = {
+import './assets/main.css';const A = {
   h: "ህ",
   l: "ል",
   m: "ም",
@@ -384,7 +384,7 @@ import './assets/main.css';const z = {
     o: "ቮ",
     ua: "ቯ"
   }
-}, v = {
+}, z = {
   ስh: "ሽ",
   ችh: "ች",
   ንy: "ኝ",
@@ -398,7 +398,7 @@ import './assets/main.css';const z = {
   "፣,": "፤",
   ";": "፤"
 };
-class P {
+class T {
   /**
    * Transform input text based on a new key press
    *
@@ -444,9 +444,9 @@ class P {
         newCursorPosition: e.length + 1,
         isReplacement: !1
       };
-    if (v[s])
+    if (z[s])
       return {
-        transformedValue: e.slice(0, -1) + v[s] + a,
+        transformedValue: e.slice(0, -1) + z[s] + a,
         newCursorPosition: e.length,
         isReplacement: !0
       };
@@ -468,8 +468,8 @@ class P {
           };
       }
     }
-    return z[i] ? {
-      transformedValue: e + z[i] + a,
+    return A[i] ? {
+      transformedValue: e + A[i] + a,
       newCursorPosition: e.length + 1,
       isReplacement: !1
     } : {
@@ -501,7 +501,7 @@ class P {
     return null;
   }
 }
-const K = (r = {}) => {
+const D = (r = {}) => {
   const { enabled: e = !0, onTransform: a } = r;
   return { onKeyDown: S(
     (n) => {
@@ -521,7 +521,7 @@ const K = (r = {}) => {
         "PageDown"
       ].includes(n.key) || n.ctrlKey || n.metaKey || n.key.length !== 1 || n.altKey) return;
       n.preventDefault();
-      const t = n.currentTarget, { selectionStart: l, selectionEnd: f, value: p } = t, o = p.substring(0, l || 0), h = p.substring(f || 0), c = P.transform(o, h, n.key), d = Object.getOwnPropertyDescriptor(t.constructor.prototype, "value");
+      const t = n.currentTarget, { selectionStart: l, selectionEnd: h, value: p } = t, o = p.substring(0, l || 0), w = p.substring(h || 0), c = T.transform(o, w, n.key), d = Object.getOwnPropertyDescriptor(t.constructor.prototype, "value");
       d && d.set ? d.set.bind(t)(c.transformedValue) : t.value = c.transformedValue;
       let E;
       typeof InputEvent < "u" ? E = new InputEvent("input", {
@@ -530,11 +530,11 @@ const K = (r = {}) => {
         inputType: "insertText",
         data: n.key
       }) : E = new Event("input", { bubbles: !0, cancelable: !0 }), t.dispatchEvent(E);
-      const w = new Event("change", {
+      const u = new Event("change", {
         bubbles: !0,
         cancelable: !0
       });
-      t.dispatchEvent(w), requestAnimationFrame(() => {
+      t.dispatchEvent(u), requestAnimationFrame(() => {
         if (document.activeElement === t)
           try {
             t.setSelectionRange(c.newCursorPosition, c.newCursorPosition);
@@ -548,32 +548,30 @@ const K = (r = {}) => {
 function m(...r) {
   return r.filter(Boolean).join(" ");
 }
-const T = y(
-  ({ defaultGeez: r = !0, wrapperClassName: e, inputClassName: a, buttonClassName: i, className: n, onChange: s, onKeyDown: t, value: l, ...f }, p) => {
-    const [o, h] = N(r), c = {
-      ...f,
-      ...l !== void 0 && { value: l }
-    }, { onKeyDown: d } = K({ enabled: o }), E = (u) => {
-      d(u), t && t(u);
-    }, w = (u) => {
+const G = y(
+  ({ defaultGeez: r = !0, wrapperClassName: e, inputClassName: a, buttonClassName: i, className: n, onChange: s, onKeyDown: t, value: l, ...h }, p) => {
+    const [o, w] = N(r), { onKeyDown: c } = D({ enabled: o }), d = (u) => {
+      c(u), t && t(u);
+    }, E = (u) => {
       s && s(u);
     };
-    return /* @__PURE__ */ D("div", { className: m("geez-input-wrapper", e), children: [
-      /* @__PURE__ */ A(
+    return /* @__PURE__ */ v("div", { className: m("geez-input-wrapper", e), children: [
+      /* @__PURE__ */ f(
         "input",
         {
-          ...c,
+          ...h,
+          ...l !== void 0 && { value: l },
           ref: p,
-          onKeyDown: E,
-          onChange: w,
+          onKeyDown: d,
+          onChange: E,
           className: m("geez-input-field", n, a)
         }
       ),
-      /* @__PURE__ */ A(
+      /* @__PURE__ */ f(
         "button",
         {
           type: "button",
-          onClick: () => h(!o),
+          onClick: () => w(!o),
           className: m(
             "geez-input-toggle",
             o ? "geez-input-toggle--active" : "geez-input-toggle--inactive",
@@ -587,33 +585,31 @@ const T = y(
     ] });
   }
 );
-T.displayName = "GeezInput";
-const G = y(
-  ({ defaultGeez: r = !0, wrapperClassName: e, textareaClassName: a, buttonClassName: i, className: n, onChange: s, onKeyDown: t, value: l, ...f }, p) => {
-    const [o, h] = N(r), c = {
-      ...f,
-      ...l !== void 0 && { value: l }
-    }, { onKeyDown: d } = K({ enabled: o }), E = (u) => {
-      d(u), t && t(u);
-    }, w = (u) => {
+G.displayName = "GeezInput";
+const P = y(
+  ({ defaultGeez: r = !0, wrapperClassName: e, textareaClassName: a, buttonClassName: i, className: n, onChange: s, onKeyDown: t, value: l, ...h }, p) => {
+    const [o, w] = N(r), { onKeyDown: c } = D({ enabled: o }), d = (u) => {
+      c(u), t && t(u);
+    }, E = (u) => {
       s && s(u);
     };
-    return /* @__PURE__ */ D("div", { className: m("geez-textarea-wrapper", e), children: [
-      /* @__PURE__ */ A(
+    return /* @__PURE__ */ v("div", { className: m("geez-textarea-wrapper", e), children: [
+      /* @__PURE__ */ f(
         "textarea",
         {
-          ...c,
+          ...h,
+          ...l !== void 0 && { value: l },
           ref: p,
-          onKeyDown: E,
-          onChange: w,
+          onKeyDown: d,
+          onChange: E,
           className: m("geez-textarea-field", n, a)
         }
       ),
-      /* @__PURE__ */ A(
+      /* @__PURE__ */ f(
         "button",
         {
           type: "button",
-          onClick: () => h(!o),
+          onClick: () => w(!o),
           className: m(
             "geez-textarea-toggle",
             o ? "geez-textarea-toggle--active" : "geez-textarea-toggle--inactive",
@@ -627,14 +623,8 @@ const G = y(
     ] });
   }
 );
-G.displayName = "GeezTextArea";
+P.displayName = "GeezTextArea";
 export {
-  z as CONSONANTS,
-  P as GeezEngine,
-  T as GeezInput,
-  G as GeezTextArea,
-  v as MULTI_CONSONANTS,
-  b as PUNCTUATION,
-  g as SYLLABLES,
-  K as useGeez
+  G as GeezInput,
+  P as GeezTextArea
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "geez-input",
-  "version": "1.0.1",
+  "version": "1.0.2",
   "description": "Type-safe React library for Geez (Ethiopic) script input with phonetic keyboard support",
   "keywords": [
     "geez",