@arkyn/components 1.3.115 → 1.3.117

package/dist/components/RichText/index.d.ts

@@ -6,9 +6,10 @@ type RichTextProps = {
     enforceCharacterLimit?: boolean;
     defaultValue?: string;
     isError?: boolean;
+    onChangeCharactersCount: (e: number) => void;
     onChange?: (value: Descendant[]) => void;
     onValueChange?: (value: string) => void;
 };
-declare function RichText({ name, defaultValue, enforceCharacterLimit, maxLimit, onValueChange, onChange, isError: baseIsError, }: RichTextProps): import("react/jsx-runtime").JSX.Element;
+declare function RichText({ name, defaultValue, enforceCharacterLimit, onChangeCharactersCount, maxLimit, onValueChange, onChange, isError: baseIsError, }: RichTextProps): import("react/jsx-runtime").JSX.Element;
 export { RichText };
 //# sourceMappingURL=index.d.ts.map

package/dist/components/RichText/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAgB,UAAU,EAAoB,MAAM,OAAO,CAAC;AAanE,OAAO,cAAc,CAAC;AAGtB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,YAAY,EACZ,qBAA6B,EAC7B,QAAe,EACf,aAAa,EACb,QAAQ,EACR,OAAO,EAAE,WAAW,GACrB,EAAE,aAAa,2CAkHf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/RichText/index.tsx"],"names":[],"mappings":"AAeA,OAAO,EAAgB,UAAU,EAAoB,MAAM,OAAO,CAAC;AAanE,OAAO,cAAc,CAAC;AAGtB,KAAK,aAAa,GAAG;IACnB,IAAI,EAAE,MAAM,CAAC;IACb,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qBAAqB,CAAC,EAAE,OAAO,CAAC;IAChC,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,uBAAuB,EAAE,CAAC,CAAC,EAAE,MAAM,KAAK,IAAI,CAAC;IAC7C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,EAAE,KAAK,IAAI,CAAC;IACzC,aAAa,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;CACzC,CAAC;AAEF,iBAAS,QAAQ,CAAC,EAChB,IAAI,EACJ,YAAY,EACZ,qBAA6B,EAC7B,uBAAuB,EACvB,QAAe,EACf,aAAa,EACb,QAAQ,EACR,OAAO,EAAE,WAAW,GACrB,EAAE,aAAa,2CAkHf;AAED,OAAO,EAAE,QAAQ,EAAE,CAAC"}

package/dist/components/RichText/index.js

@@ -15,7 +15,7 @@ import { HOTKEYS } from "./template/HOTKEYS";
 import { INITIAL_VALUE } from "./template/INITIAL_VALUE";
 import "./styles.css";
 import { useFormController } from "../Form/FormController";
-function RichText({ name, defaultValue, enforceCharacterLimit = false, maxLimit = 2000, onValueChange, onChange, isError: baseIsError, }) {
+function RichText({ name, defaultValue, enforceCharacterLimit = false, onChangeCharactersCount, maxLimit = 2000, onValueChange, onChange, isError: baseIsError, }) {
     const [charactersCount, setCharactersCount] = useState(0);
     const [editorValue, setEditorValue] = useState(defaultValue ? JSON.parse(defaultValue) : INITIAL_VALUE);
     const [onFocus, setOnFocus] = useState(false);
@@ -32,6 +32,7 @@ function RichText({ name, defaultValue, enforceCharacterLimit = false, maxLimit
     function handleChange(value) {
         const text = extractText(value);
         setCharactersCount(text.length);
+        onChangeCharactersCount && onChangeCharactersCount(text.length);
         if (enforceCharacterLimit && text.length >= maxLimit) {
             return;
         }
@@ -59,6 +60,6 @@ function RichText({ name, defaultValue, enforceCharacterLimit = false, maxLimit
                                     toggleMark(editor, mark);
                                 }
                             }
-                        } }), JSON.stringify(maxLimit), JSON.stringify(charactersCount), JSON.stringify(restatesCharacters), restatesCharacters < 0 && (_jsx("div", { className: "restatesCharacters", children: restatesCharacters }))] }), _jsx("input", { ref: ref, type: "hidden", name: name, value: JSON.stringify(editorValue) })] }));
+                        } }), restatesCharacters < 0 && (_jsx("div", { className: "restatesCharacters", children: restatesCharacters }))] }), _jsx("input", { ref: ref, type: "hidden", name: name, value: JSON.stringify(editorValue) }), _jsx("input", { type: "hidden", name: `${name}Count`, value: charactersCount })] }));
 }
 export { RichText };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@arkyn/components",
-  "version": "1.3.115",
+  "version": "1.3.117",
   "main": "./dist/bundle.js",
   "types": "./dist/index.d.ts",
   "author": "Lucas Gonçalves",

package/src/components/RichText/index.tsx

@@ -35,6 +35,7 @@ type RichTextProps = {
   enforceCharacterLimit?: boolean;
   defaultValue?: string;
   isError?: boolean;
+  onChangeCharactersCount: (e: number) => void;
   onChange?: (value: Descendant[]) => void;
   onValueChange?: (value: string) => void;
 };
@@ -43,6 +44,7 @@ function RichText({
   name,
   defaultValue,
   enforceCharacterLimit = false,
+  onChangeCharactersCount,
   maxLimit = 2000,
   onValueChange,
   onChange,
@@ -74,6 +76,8 @@ function RichText({
     const text = extractText(value);
     setCharactersCount(text.length);
 
+    onChangeCharactersCount && onChangeCharactersCount(text.length);
+
     if (enforceCharacterLimit && text.length >= maxLimit) {
       return;
     } else {
@@ -144,10 +148,6 @@ function RichText({
           }}
         />
 
-        {JSON.stringify(maxLimit)}
-        {JSON.stringify(charactersCount)}
-        {JSON.stringify(restatesCharacters)}
-
         {restatesCharacters < 0 && (
           <div className="restatesCharacters">{restatesCharacters}</div>
         )}
@@ -159,6 +159,8 @@ function RichText({
         name={name}
         value={JSON.stringify(editorValue)}
       />
+
+      <input type="hidden" name={`${name}Count`} value={charactersCount} />
     </Slate>
   );
 }