feat: adds ability of jsx in wysiwyg input

perimetre · Apr 24, 2023 · 7c3181d · 7c3181d
1 parent a3d00af
commit 7c3181d
Show file tree

Hide file tree

Showing 4 changed files with 20 additions and 5 deletions.
diff --git a/.gitignore b/.gitignore
@@ -40,3 +40,10 @@ RELEASE.md
 out*
 
 safelist.txt
+/.idea/codeStyles/codeStyleConfig.xml
+/.idea/codeStyles/Project.xml
+/.idea/inspectionProfiles/Project_Default.xml
+/.idea/.gitignore
+/.idea/modules.xml
+/.idea/ui.iml
+/.idea/vcs.xml
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -25,6 +25,12 @@ and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0
 
 ### Fixed
 
+## [10.4.0] 2023-04-24
+
+### Changes
+
+- Added option to use JSX as label text of `WYSIWYGInput`
+
 ## [10.3.0] 2023-04-18
 
 ### Changes

diff --git a/package.json b/package.json
@@ -1,7 +1,7 @@
 {
   "name": "@perimetre/ui",
   "description": "A component library made by @perimetre",
-  "version": "10.3.0",
+  "version": "10.4.0",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/perimetre/ui.git"

diff --git a/src/components/WYSIWYGInput/index.tsx b/src/components/WYSIWYGInput/index.tsx
@@ -65,7 +65,7 @@ export type WYSIWYGInputProps = PropsWithChildren<
     /**
      * If provided, displays a label above the input
      */
-    label?: string;
+    label?: React.ReactNode;
     /**
      * If provided, displays a help text under the input
      */
@@ -305,9 +305,11 @@ export const WYSIWYGInput = forwardRef<WYSIWYGInputRef, WYSIWYGInputProps>(
 
     return (
       <div>
-        <label className="pui-label-input" htmlFor={id}>
-          {label}
-        </label>
+        {label && (
+          <label className="pui-label-input" htmlFor={id}>
+            {label}
+          </label>
+        )}
         <span
           className={classnames(containerClassName, {
             'pui-wysiwyg-input-error': !!error,