@capyx/components-library 0.0.9 → 0.0.10

package/dist/components/RichTextInput.d.ts

@@ -1,5 +1,7 @@
 import { type FC } from 'react';
 import 'react-quill-new/dist/quill.snow.css';
+declare const formats: readonly ["header", "bold", "color", "italic", "link", "strike", "script", "underline", "list", "code", "blockquote", "code-block"];
+type FormatType = typeof formats[number];
 /**
  * Props for the RichTextInput component
  */
@@ -14,6 +16,8 @@ export type RichTextInputProps = {
     onChange?: (value: string) => void;
     /** Whether the input should be styled as invalid */
     isInvalid?: boolean;
+    /** Supported formats for the editor */
+    formats?: FormatType[];
 };
 /**
  * RichTextInput - A rich text editor component using ReactQuill
@@ -31,4 +35,5 @@ export type RichTextInputProps = {
  * ```
  */
 export declare const RichTextInput: FC<RichTextInputProps>;
+export {};
 //# sourceMappingURL=RichTextInput.d.ts.map

package/dist/components/RichTextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"RichTextInput.d.ts","sourceRoot":"","sources":["../../lib/components/RichTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAGtE,OAAO,qCAAqC,CAAC;AAE7C;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;CACpB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA2EhD,CAAC"}
+{"version":3,"file":"RichTextInput.d.ts","sourceRoot":"","sources":["../../lib/components/RichTextInput.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,EAAwC,MAAM,OAAO,CAAC;AAGtE,OAAO,qCAAqC,CAAC;AAE7C,QAAA,MAAM,OAAO,qIAAsI,CAAC;AACpJ,KAAK,UAAU,GAAG,OAAO,OAAO,CAAC,MAAM,CAAC,CAAC;AAEzC;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAAG;IAChC,8CAA8C;IAC9C,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,yDAAyD;IACzD,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,gDAAgD;IAChD,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,wDAAwD;IACxD,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,oDAAoD;IACpD,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,uCAAuC;IACvC,OAAO,CAAC,EAAE,UAAU,EAAE,CAAC;CACvB,CAAC;AAEF;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,aAAa,EAAE,EAAE,CAAC,kBAAkB,CA4EhD,CAAC"}

package/dist/components/RichTextInput.js

@@ -3,6 +3,7 @@ import { useRef, useState } from 'react';
 import { Form } from 'react-bootstrap';
 import ReactQuill from 'react-quill-new';
 import 'react-quill-new/dist/quill.snow.css';
+const formats = ['header', 'bold', 'color', 'italic', 'link', 'strike', 'script', 'underline', 'list', 'code', 'blockquote', 'code-block'];
 /**
  * RichTextInput - A rich text editor component using ReactQuill
  *
@@ -18,7 +19,7 @@ import 'react-quill-new/dist/quill.snow.css';
  * />
  * ```
  */
-export const RichTextInput = ({ readonly = false, maxLength, value = '', onChange, isInvalid = false, }) => {
+export const RichTextInput = ({ readonly = false, maxLength, value = '', onChange, isInvalid = false, formats = ['header', 'bold', 'italic', 'underline', 'list'] }) => {
     const reactQuillRef = useRef(null);
     const [count, setCount] = useState(value.length);
     const checkCharacterCount = (event) => {
@@ -52,6 +53,6 @@ export const RichTextInput = ({ readonly = false, maxLength, value = '', onChang
                 [{ list: 'ordered' }, { list: 'bullet' }],
             ],
     };
-    const formats = ['header', 'bold', 'color', 'italic', 'link', 'strike', 'script', 'underline', 'list', 'code', 'blockquote', 'code-block'];
+    // const formats = ['header', 'bold', 'color', 'italic', 'link', 'strike', 'script', 'underline', 'list', 'code', 'blockquote', 'code-block'];
     return (_jsxs(_Fragment, { children: [_jsx(ReactQuill, { ref: reactQuillRef, theme: "snow", onKeyDown: checkCharacterCount, onKeyUp: setContentLength, formats: formats, modules: modules, value: value, onChange: onChange, readOnly: readonly, className: isInvalid ? 'is-invalid' : '' }), maxLength && (_jsxs(Form.Text, { className: count > maxLength ? 'text-danger' : 'text-muted', children: [count, "/", maxLength, " characters"] }))] }));
 };

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@capyx/components-library",
-	"version": "0.0.9",
+	"version": "0.0.10",
 	"description": "Capyx Components Library for forms across applications",
 	"publishConfig": {
 		"access": "public"
@@ -50,7 +50,7 @@
 		"build-storybook": "storybook build"
 	},
 	"devDependencies": {
-		"@biomejs/biome": "^2.4.3",
+		"@biomejs/biome": "^2.4.4",
 		"@chromatic-com/storybook": "^5.0.1",
 		"@storybook/addon-a11y": "^10.2.10",
 		"@storybook/addon-docs": "^10.2.10",
@@ -73,7 +73,7 @@
 	"dependencies": {
 		"@emotion/styled": "^11.14.1",
 		"@mui/material": "^7.3.8",
-		"@mui/x-date-pickers": "^8.27.0",
+		"@mui/x-date-pickers": "^8.27.2",
 		"bootstrap": "^5.3.8",
 		"dateformat": "^5.0.3",
 		"dayjs": "^1.11.19",
@@ -81,7 +81,7 @@
 		"react": "^19.2.4",
 		"react-autosuggest": "^10.1.0",
 		"react-bootstrap": "^2.10.10",
-		"react-hook-form": "^7.71.1",
+		"react-hook-form": "^7.71.2",
 		"react-quill-new": "^3.8.3"
 	}
 }