Merge pull request #963 from arun-s-aot/release/8.0.0

[Release] Release v8.0.0-rc image updations

Author: arun-s-aot

VERSION

@@ -1 +1 @@
-v8.0.0-alpha
+v8.0.0-rc

forms-flow-admin/package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@formsflow/admin",
-  "version": "8.0.0-alpha",
+  "version": "8.0.0-rc",
   "scripts": {
     "start": "webpack serve",
     "start:standalone": "webpack serve --env standalone",

forms-flow-admin/package.json

@@ -121,7 +121,15 @@ const Roles = React.memo((props: any) => {
   React.useEffect(() => {
     fetchPermissions(
       (data) => {
-        setPermissionData(data);
+        // Filter out manage_bundles, manage_integrations, and manage_templates permissions
+        // Hide because v8 out of scope - will be restored later
+        const filteredData = data.filter(
+          (permission) =>
+            permission.name !== "manage_bundles" &&
+            permission.name !== "manage_integrations" &&
+            permission.name !== "manage_templates"
+        );
+        setPermissionData(filteredData);
       },
       (err) => {
         setError(err);

forms-flow-admin/src/components/roles/roles.tsx

@@ -1,6 +1,6 @@
 {
   "name": "@formsflow/components",
-  "version": "8.0.0-alpha",
+  "version": "8.0.0-rc",
   "scripts": {
     "start": "webpack serve",
     "start:standalone": "webpack serve --env standalone",

forms-flow-components/package-lock.json

@@ -11,6 +11,8 @@ interface CustomTextAreaProps {
   rows?: number;
   maxLength?: number;
   className?: string;
+  icon?: React.ReactNode;
+  onIconClick?: () => void;
 }
 
 export const CustomTextArea: FC<CustomTextAreaProps> = ({
@@ -23,10 +25,19 @@ export const CustomTextArea: FC<CustomTextAreaProps> = ({
   rows = 4,
   maxLength,
   className = "",
+  icon,
+  onIconClick,
 }) => {
   const { t } = useTranslation();
   const inputId = `${dataTestId}-textarea`; // unique id per instance
-  const containerClass = `text-area-container${disabled ? " text-area-disabled" : ""}${className ? ` ${className}` : ""}`;
+  const containerClass = [
+    "text-area-container",
+    disabled ? "text-area-disabled" : "",
+    icon ? "text-area-with-icon" : "",
+    className,
+  ]
+    .filter(Boolean)
+    .join(" ");
 
   return (
     <div className={containerClass}>
@@ -50,6 +61,27 @@ export const CustomTextArea: FC<CustomTextAreaProps> = ({
         rows={rows}
         {...(maxLength ? { maxLength } : {})}
       />
+      {icon && (
+        <div
+          className={`text-area-icon ${onIconClick ? "text-area-icon-clickable" : ""}`}
+          onClick={onIconClick}
+          role={onIconClick ? "button" : undefined}
+          tabIndex={onIconClick ? 0 : undefined}
+          onKeyDown={
+            onIconClick
+              ? (e) => {
+                  if (e.key === "Enter" || e.key === " ") {
+                    e.preventDefault();
+                    onIconClick();
+                  }
+                }
+              : undefined
+          }
+          aria-label={onIconClick ? "Icon button" : undefined}
+        >
+          {icon}
+        </div>
+      )}
     </div>
   );
 };

forms-flow-components/package.json

@@ -11,6 +11,8 @@ interface CustomTextInputProps {
   onBlur?: React.FocusEventHandler<HTMLInputElement>;
   maxLength?: number;
   minLength?: number;
+  icon?: React.ReactNode;
+  onIconClick?: () => void;
 }
 
 export const CustomTextInput: FC<CustomTextInputProps> = ({
@@ -23,12 +25,14 @@ export const CustomTextInput: FC<CustomTextInputProps> = ({
   onBlur,
   maxLength,
   minLength,
+  icon,
+  onIconClick,
 }) => {
   const { t } = useTranslation();
   const inputId = `${dataTestId}-input`; // unique id
 
   return (
-    <div className="text-input-container">
+    <div className={`text-input-container ${icon ? "text-input-with-icon" : ""}`}>
       {/* Hidden label for accessibility */}
       {/* <label htmlFor={inputId} className="sr-only">
         {ariaLabel || t(placeholder)}
@@ -48,6 +52,23 @@ export const CustomTextInput: FC<CustomTextInputProps> = ({
         maxLength={maxLength}
         minLength={minLength}
       />
+      {icon && (
+        <div
+          className={`text-input-icon ${onIconClick ? "text-input-icon-clickable" : ""}`}
+          onClick={onIconClick}
+          role={onIconClick ? "button" : undefined}
+          tabIndex={onIconClick ? 0 : undefined}
+          onKeyDown={onIconClick ? (e) => {
+            if (e.key === "Enter" || e.key === " ") {
+              e.preventDefault();
+              onIconClick();
+            }
+          } : undefined}
+          aria-label={onIconClick ? "Icon button" : undefined}
+        >
+          {icon}
+        </div>
+      )}
     </div>
   );
 };