@edifice.io/react 2.4.0-develop-pedago.20251104152516 → 2.4.0-develop-pedago.20251105110423

package/dist/components/Input/Input.js

@@ -2,13 +2,14 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 import clsx from "clsx";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const Input = /* @__PURE__ */ forwardRef(({
   noValidationIcon,
   placeholder,
   size = "md",
   type = "text",
   className,
-  showCounter,
+  showCounter = !1,
   autoComplete = "off",
   ...restProps
 }, ref) => {
@@ -18,7 +19,7 @@ const Input = /* @__PURE__ */ forwardRef(({
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.value) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
     "form-control": !isReadOnly,
     "form-control-lg": size === "lg",
     "form-control-sm": size === "sm",
@@ -33,14 +34,7 @@ const Input = /* @__PURE__ */ forwardRef(({
       var _a2;
       setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
     }, autoComplete }),
-    showCounter && !status && /* @__PURE__ */ jsxs("span", { className: clsx("caption text-end float-end mt-n32 py-2 px-12 ", {
-      "text-danger": currentLength === restProps.maxLength,
-      "text-gray-700": currentLength !== restProps.maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      restProps.maxLength
-    ] })
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
   ] });
 });
 export {

package/dist/components/TextArea/TextArea.js

@@ -2,13 +2,14 @@ import { jsxs, Fragment, jsx } from "react/jsx-runtime";
 import { forwardRef, useState } from "react";
 import clsx from "clsx";
 import { useFormControl } from "../Form/FormContext.js";
+import Textcounter from "../TextCounter/TextCounter.js";
 const TextArea = /* @__PURE__ */ forwardRef(({
   noValidationIcon,
   placeholder,
   size = "md",
   height = "md",
   className,
-  showCounter,
+  showCounter = !1,
   ...restProps
 }, ref) => {
   var _a;
@@ -17,7 +18,7 @@ const TextArea = /* @__PURE__ */ forwardRef(({
     isRequired,
     isReadOnly,
     status
-  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.value) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
+  } = useFormControl(), [currentLength, setCurrentLength] = useState(((_a = restProps.defaultValue) == null ? void 0 : _a.toString().length) || 0), classes = clsx({
     "form-control": !isReadOnly,
     "form-control-lg": size === "lg",
     "form-control-sm": size === "sm",
@@ -30,18 +31,11 @@ const TextArea = /* @__PURE__ */ forwardRef(({
     "no-validation-icon": noValidationIcon
   }, className);
   return /* @__PURE__ */ jsxs(Fragment, { children: [
-    /* @__PURE__ */ jsx("textarea", { ref, id, className: classes, placeholder, required: isRequired, readOnly: isReadOnly, onChange: (e) => {
+    /* @__PURE__ */ jsx("textarea", { ref, id, className: classes, placeholder, required: isRequired, readOnly: isReadOnly, ...restProps, onChange: (e) => {
       var _a2;
       setCurrentLength(e.target.value.length), (_a2 = restProps.onChange) == null || _a2.call(restProps, e);
-    }, ...restProps }),
-    showCounter && !status && /* @__PURE__ */ jsxs("span", { className: clsx("caption text-end float-end mt-n32 py-2 px-12 ", {
-      "text-danger": currentLength === restProps.maxLength,
-      "text-gray-700": currentLength !== restProps.maxLength
-    }), children: [
-      currentLength,
-      " / ",
-      restProps.maxLength
-    ] })
+    } }),
+    showCounter && !status && /* @__PURE__ */ jsx(Textcounter, { currentLength, maxLength: restProps.maxLength ?? 0 })
   ] });
 });
 export {

package/dist/components/TextCounter/TextCounter.d.ts

@@ -0,0 +1,15 @@
+export interface TextcounterProps {
+    /**
+     * The current number of characters in the text input
+     */
+    currentLength: number;
+    /**
+     * The maximum number of characters allowed in the text input
+     */
+    maxLength: number;
+}
+declare const Textcounter: {
+    ({ currentLength, maxLength }: TextcounterProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default Textcounter;

package/dist/components/TextCounter/TextCounter.js

@@ -0,0 +1,16 @@
+import { jsxs } from "react/jsx-runtime";
+import clsx from "clsx";
+const Textcounter = ({
+  currentLength,
+  maxLength
+}) => /* @__PURE__ */ jsxs("span", { className: clsx("caption text-end float-end mt-n32 py-2 px-12 ", {
+  "text-danger": currentLength === maxLength,
+  "text-gray-700": currentLength !== maxLength
+}), children: [
+  currentLength,
+  " / ",
+  maxLength
+] });
+export {
+  Textcounter as default
+};

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

@@ -0,0 +1,2 @@
+export { default as TextArea } from './TextCounter';
+export * from './TextCounter';

package/dist/modules/modals/ResourceModal/ResourceModal.js

@@ -66,9 +66,7 @@ const DEFAULT_INPUT_MAX_LENGTH = 60, DEFAULT_TEXTAREA_MAX_LENGTH = 400, Resource
   } = useThumb({
     isUpdating,
     selectedResource: isUpdating ? resource : void 0
-  });
-  watch("description");
-  const onSubmit = async function(formData) {
+  }), onSubmit = async function(formData) {
     var _a2, _b2;
     try {
       const data = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edifice.io/react",
-  "version": "2.4.0-develop-pedago.20251104152516",
+  "version": "2.4.0-develop-pedago.20251105110423",
   "description": "Edifice React Library",
   "keywords": [
     "react",
@@ -131,9 +131,9 @@
     "react-slugify": "^3.0.3",
     "swiper": "^10.1.0",
     "ua-parser-js": "^1.0.36",
-    "@edifice.io/tiptap-extensions": "2.4.0-develop-pedago.20251104152516",
-    "@edifice.io/bootstrap": "2.4.0-develop-pedago.20251104152516",
-    "@edifice.io/utilities": "2.4.0-develop-pedago.20251104152516"
+    "@edifice.io/bootstrap": "2.4.0-develop-pedago.20251105110423",
+    "@edifice.io/tiptap-extensions": "2.4.0-develop-pedago.20251105110423",
+    "@edifice.io/utilities": "2.4.0-develop-pedago.20251105110423"
   },
   "devDependencies": {
     "@babel/plugin-transform-react-pure-annotations": "^7.23.3",
@@ -164,8 +164,8 @@
     "vite": "^5.4.11",
     "vite-plugin-dts": "^4.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@edifice.io/client": "2.4.0-develop-pedago.20251104152516",
-    "@edifice.io/config": "2.4.0-develop-pedago.20251104152516"
+    "@edifice.io/client": "2.4.0-develop-pedago.20251105110423",
+    "@edifice.io/config": "2.4.0-develop-pedago.20251105110423"
   },
   "peerDependencies": {
     "@react-spring/web": "^9.7.5",