@lets-events/react 12.1.3 → 12.1.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@lets-events/react",
-  "version": "12.1.3",
+  "version": "12.1.5",
   "description": "",
   "main": "./dist/index.js",
   "module": "./dist/index.mjs",

package/src/components/FormFields/SwitchFormField.tsx

@@ -0,0 +1,46 @@
+import { useFormContext, Controller } from "react-hook-form";
+import { Flex } from "../Flex";
+import { Switch } from "../Switch";
+import { Text } from "../Text";
+
+
+export type SwitchFormFieldProps = {
+    name: string;
+    label: string;
+    defaultValue?: boolean;
+    watch?: boolean;
+};
+
+export const SwitchFormField = ({
+    name,
+    label,
+    defaultValue = false,
+    watch = false,
+}: SwitchFormFieldProps) => {
+    const {
+        control,
+        watch: watchForm,
+    } = useFormContext();
+
+    if (watch) {
+        watchForm(name);
+    }
+    return (
+        <Flex justify="between" style={{ margin: '1rem 0' }}>
+            <Text typography="labelMedium" fontWeight="regular">
+                {label}
+            </Text>
+            <Controller
+                control={control}
+                name={name}
+                defaultValue={defaultValue}
+                render={({ field }) => (
+                    <Switch
+                        checked={field.value}
+                        onCheckedChange={field.onChange}
+                    />
+                )}
+            />
+        </Flex>
+    );
+};

package/src/components/RichEditor/RichEditor.tsx

@@ -1,5 +1,7 @@
+import { lazy, useEffect, useState, Suspense } from "react";
 import { ToastProvider } from "../Toast";
-import QuillComponent from "./QuillComponent";
+
+const QuillComponent = lazy(() => import("./QuillComponent"));
 
 export interface UploadConfig {
   apiUrl: string;
@@ -25,13 +27,23 @@ export interface RichEditorProps {
 }
 
 const RichEditor = (props: RichEditorProps) => {
+  const [isClient, setIsClient] = useState(false);
+
+  useEffect(() => {
+    setIsClient(typeof window !== "undefined");
+  }, []);
+
+  if (!isClient) return null;
+
   return (
     <div>
       <ToastProvider>
-        <QuillComponent {...props} />
+        <Suspense fallback={null}>
+          <QuillComponent {...props} />
+        </Suspense>
       </ToastProvider>
     </div>
   );
 };
 
-export default RichEditor;
+export default RichEditor;

package/src/index.tsx

@@ -52,6 +52,7 @@ export * from "./components/FormFields/RadioGroupFormField";
 export * from "./components/FormFields/CheckboxGroupFormField";
 export * from "./components/FormFields/AddressFormFields/CountryFormField";
 export * from "./components/FormFields/SelectFormField";
+export * from "./components/FormFields/SwitchFormField";
 export * from "./components/FormFields/EmailFormField";
 export * from "./components/FormFields/RichEditorFormField";
 export * from "./components/FormFields/CalendarFormField";