@rebasepro/admin 0.2.3 → 0.3.0

package/src/preview/components/UrlComponentPreview.tsx

@@ -7,6 +7,15 @@ import { cls, ExternalLinkIcon, FileTextIcon, Tooltip, Typography } from "@rebas
 import { EmptyValue } from "./EmptyValue";
 import { getThumbnailMeasure } from "../util";
 
+export function sanitizeUrl(url: string | undefined): string {
+    if (!url) return "about:blank";
+    const trimmed = url.trim();
+    if (/^(?:javascript|data|vbscript):/i.test(trimmed)) {
+        return "about:blank";
+    }
+    return trimmed;
+}
+
 /**
  * @group Preview components
  */
@@ -31,7 +40,7 @@ export function UrlComponentPreview({
         if (!url || !url.trim()) return <EmptyValue/>;
         return (
             <a className="flex gap-4 break-words items-center font-medium text-primary visited:text-primary dark:visited:text-primary dark:text-primary"
-                href={url}
+                href={sanitizeUrl(url)}
                 rel="noopener noreferrer"
                 onMouseDown={(e: React.MouseEvent) => {
                     e.preventDefault();
@@ -60,7 +69,7 @@ export function UrlComponentPreview({
         return (
             <Tooltip title={hint}>
                 <a
-                    href={url}
+                    href={sanitizeUrl(url)}
                     rel="noopener noreferrer"
                     target="_blank"
                     onClick={(e) => e.stopPropagation()}

package/src/preview/components/UserPreview.tsx

@@ -17,7 +17,7 @@ import { User } from "@rebasepro/types";
 export function UserPreview({ value }: PropertyPreviewProps<StringProperty>) {
     const getUser = useInternalUserManagementController<User>()?.getUser;
 
-    if (!value) {
+    if (typeof value !== "string" || !value) {
         return <EmptyValue/>;
     }
 

package/src/preview/property_previews/ArrayOfMapsPreview.tsx

@@ -27,7 +27,7 @@ export function ArrayOfMapsPreview({
     if (!properties) {
         throw Error(`You need to specify a 'properties' prop (or specify a custom field) in your map property ${propertyKey}`);
     }
-    const values = value;
+    const values = value as Record<string, unknown>[];
     const previewProperties: string[] | undefined = (mapProperty as MapProperty).previewProperties;
 
     if (!values) return null;
@@ -43,7 +43,7 @@ export function ArrayOfMapsPreview({
         <div className="table-auto text-xs">
             <div>
                 {values &&
-                    values.map((v: any, index: number) => {
+                    values.map((v, index: number) => {
                         return (
                             <div key={`table_${v}_${index}`}
                                 className="border-b last:border-b-0 py-2">

package/src/preview/property_previews/ArrayOfReferencesPreview.tsx

@@ -1,4 +1,4 @@
-import type { ArrayProperty, ReferenceProperty } from "@rebasepro/types";
+import type { ArrayProperty, ReferenceProperty, EntityReference } from "@rebasepro/types";
 import type { PropertyPreviewProps, PreviewSize } from "../../types/components/PropertyPreviewProps";
 import { ReferencePreview } from "../components/ReferencePreview";
 
@@ -23,8 +23,8 @@ export function ArrayOfReferencesPreview({
 
     return (
         <div className="flex flex-col w-full">
-            {value &&
-                value.map((reference: any, index: number) => {
+            {value ?
+                (value as EntityReference[]).map((reference, index: number) => {
                     const ofProperty = property.of as ReferenceProperty;
                     return <div className="mt-1 mb-1 w-full"
                         key={`preview_array_ref_${propertyKey}_${index}`}>
@@ -38,7 +38,7 @@ export function ArrayOfReferencesPreview({
                         />
                     </div>;
                 }
-                )}
+                ) : null}
         </div>
     );
 }

package/src/preview/property_previews/ArrayOfRelationsPreview.tsx

@@ -25,8 +25,8 @@ export function ArrayOfRelationsPreview({
 
     return (
         <div className="flex flex-col w-full gap-0.5">
-            {value &&
-                value.map((relation: unknown, index: number) => {
+            {value ?
+                (value as unknown[]).map((relation: unknown, index: number) => {
                     const entityRelation = normalizeToEntityRelation(relation);
 
                     if (!entityRelation) return null;
@@ -44,7 +44,7 @@ export function ArrayOfRelationsPreview({
                             />
                         </div>
                     );
-                })}
+                }) : null}
         </div>
     );
 }

package/src/preview/property_previews/ArrayOfStorageComponentsPreview.tsx

@@ -34,8 +34,8 @@ export function ArrayOfStorageComponentsPreview({
     }
     return (
         <div className={"flex flex-wrap gap-2"}>
-            {value &&
-                value.map((v: any, index: number) =>
+            {value ?
+                (value as string[]).map((v, index: number) =>
                     <ErrorBoundary key={`preview_array_storage_${propertyKey}_${index}`}>
                         <PropertyPreview
                             propertyKey={propertyKey}
@@ -43,7 +43,7 @@ export function ArrayOfStorageComponentsPreview({
                             property={property.of as Property}
                             size={childSize}/>
                     </ErrorBoundary>
-                )}
+                ) : null}
         </div>
     );
 }

package/src/preview/property_previews/ArrayOfStringsPreview.tsx

@@ -25,11 +25,12 @@ export function ArrayOfStringsPreview({
         return <div>{`Unexpected value: ${value}`}</div>;
     }
     const stringProperty = property.of as StringProperty;
+    const arrayValues = value as string[];
 
     return (
         <div className="flex flex-col gap-2">
-            {value &&
-                value.map((v: any, index: number) =>
+            {arrayValues &&
+                arrayValues.map((v, index: number) =>
                     <div key={`preview_array_strings_${propertyKey}_${index}`}>
                         <ErrorBoundary>
                             <StringPropertyPreview propertyKey={propertyKey}

package/src/preview/property_previews/ArrayOneOfPreview.tsx

@@ -33,7 +33,7 @@ export function ArrayOneOfPreview({
         throw Error(`You need to specify an 'of' or 'oneOf' prop (or specify a custom field) in your array property ${propertyKey}`);
     }
 
-    const values = value;
+    const values = value as Record<string, unknown>[];
 
     if (!values) return null;
 
@@ -46,20 +46,18 @@ export function ArrayOneOfPreview({
     return (
         <div className={"flex flex-col"}>
             {values &&
-                values.map((value: any, index: number) => {
-                    const resolvedProperty = properties[value?.[typeField]];
-                    if (!value || !resolvedProperty) return null;
+                values.map((val, index: number) => {
+                    const resolvedProperty = properties[val?.[typeField] as string];
+                    if (!val || !resolvedProperty) return null;
                     return (
                         <React.Fragment
-                            key={"preview_array_" + value + "_" + index}>
+                            key={"preview_array_" + index}>
                             <div className={cls(defaultBorderMixin, "m-1 border-b last:border-b-0 py-2")}>
                                 <ErrorBoundary>
                                     <PropertyPreview
                                         propertyKey={propertyKey}
-                                        // @ts-ignore
-                                        value={value[valueField]}
+                                        value={val[valueField]}
                                         // entity={entity}
-                                        // @ts-ignore
                                         property={resolvedProperty as Property}
                                         size={childSize}/>
                                 </ErrorBoundary>

package/src/preview/property_previews/ArrayPropertyEnumPreview.tsx

@@ -29,7 +29,7 @@ export function ArrayPropertyEnumPreview({
         )
 
     return <ArrayEnumPreview name={propertyKey}
-        value={value}
+        value={value as string[] | number[]}
         enumValues={enumValues}
         size={size}/>;
 }

package/src/preview/property_previews/ArrayPropertyPreview.tsx

@@ -34,7 +34,7 @@ export function ArrayPropertyPreview({
         authController
     });
 
-    const values = value;
+    const values = value as unknown[];
 
     if (!values) return null;
 
@@ -43,7 +43,7 @@ export function ArrayPropertyPreview({
     return (
         <div className="w-full flex flex-col gap-2">
             {values &&
-                values.map((value: any, index: number) => {
+                values.map((val, index: number) => {
                     if (!resolvedProperties) {
                         throw Error("Property resolvedProperties is undefined");
                     }
@@ -56,7 +56,7 @@ export function ArrayPropertyPreview({
                                 <ErrorBoundary>
                                     <PropertyPreview
                                         propertyKey={propertyKey}
-                                        value={value}
+                                        value={val}
                                         property={of}
                                         size={childSize}/>
                                 </ErrorBoundary>

package/src/preview/property_previews/MapPropertyPreview.tsx

@@ -30,6 +30,7 @@ export function MapPropertyPreview({
     }
 
     if (!value) return null;
+    const mapValue = value as Record<string, unknown>;
 
     const mapPropertyKeys: string[] = Object.keys(mapProperty.properties)
 
@@ -41,7 +42,7 @@ export function MapPropertyPreview({
                         <ErrorBoundary
                             key={"map_preview_" + mapProperty.name + key + index}>
                             <PropertyPreview propertyKey={key}
-                                value={(value)[key]}
+                                value={mapValue[key]}
                                 property={mapProperty.properties![key]}
                                 // entity={entity}
                                 size={size}/>
@@ -78,7 +79,7 @@ export function MapPropertyPreview({
                                         {!isArrayOrMap &&
                                             <PropertyPreview
                                                 propertyKey={key}
-                                                value={(value)[key]}
+                                                value={mapValue[key]}
                                                 property={childProperty}
                                                 // entity={entity}
                                                 size={size}/>}
@@ -90,7 +91,7 @@ export function MapPropertyPreview({
                                 <div className={cls(defaultBorderMixin, "border-l pl-4 ml-2 my-2")}>
                                     <PropertyPreview
                                         propertyKey={key}
-                                        value={(value)[key]}
+                                        value={mapValue[key]}
                                         property={childProperty}
                                         // entity={entity}
                                         size={size}/>

package/src/preview/property_previews/NumberPropertyPreview.tsx

@@ -14,16 +14,18 @@ export function NumberPropertyPreview({
     size
 }: PropertyPreviewProps<NumberProperty>): React.ReactElement {
 
+    const numValue = value as number;
+
     if (property.enum) {
-        const enumKey = value;
+        const enumKey = numValue;
         const enumValues = enumToObjectEntries(property.enum);
         if (!enumValues)
-            return <span className={size === "small" ? "text-sm" : ""}>{value}</span>;
+            return <span className={size === "small" ? "text-sm" : ""}>{numValue}</span>;
         return <EnumValuesChip
             enumKey={enumKey}
             enumValues={enumValues}
             size={size !== "medium" ? "small" : "medium"}/>;
     } else {
-        return <span className={size === "small" ? "text-sm" : ""}>{value}</span>;
+        return <span className={size === "small" ? "text-sm" : ""}>{numValue}</span>;
     }
 }

package/src/preview/property_previews/StringPropertyPreview.tsx

@@ -18,8 +18,10 @@ export function StringPropertyPreview({
     size
 }: PropertyPreviewProps<StringProperty>): React.ReactElement {
 
+    const strValue = value as string;
+
     if (property.enum) {
-        const enumKey = value;
+        const enumKey = strValue;
         return <EnumValuesChip
             enumKey={enumKey}
             enumValues={property.enum}
@@ -31,19 +33,19 @@ export function StringPropertyPreview({
                 <Chip
                     colorScheme={colorScheme}
                     size={size}>
-                    {value}
+                    {strValue}
                 </Chip>
             </ErrorBoundary>);
     } else if (property.ui?.url) {
         return (
             <UrlComponentPreview size={size}
-                url={value}
+                url={strValue}
                 previewType={typeof property.ui?.url === "string" ? property.ui?.url as PreviewType : undefined}/>
         );
     } else {
-        if (!value) return <></>;
-        const lines = value.split("\n");
-        return value && value.includes("\n")
+        if (!strValue) return <></>;
+        const lines = strValue.split("\n");
+        return strValue && strValue.includes("\n")
             ? <div className={cls("overflow-x-scroll overflow-hidden", size === "small" ? "text-sm" : "")}>
                 {lines.map((str: any, index: number) =>
                     <React.Fragment key={`string_preview_${index}`}>
@@ -52,8 +54,8 @@ export function StringPropertyPreview({
                     </React.Fragment>)}
             </div>
             : (size === "small"
-                ? <span className={"text-sm"}>{value}</span>
-                : <>{value}</>
+                ? <span className={"text-sm"}>{strValue}</span>
+                : <>{strValue}</>
             );
     }
 }

package/src/types/components/EntityFormActionsProps.tsx

@@ -9,7 +9,7 @@ export interface EntityFormActionsProps {
     entity?: Entity;
     layout: "bottom" | "side" | "responsive";
     savingError?: Error;
-    formex: FormexController<any>;
+    formex: FormexController<Record<string, unknown>>;
     disabled: boolean;
     status: "new" | "existing" | "copy";
     pluginActions: React.ReactNode[];

package/src/types/components/EntityFormProps.tsx

@@ -47,10 +47,10 @@ export type EntityFormProps<M extends Record<string, unknown>> = {
 };
 
 export type OnUpdateParams = {
-    entity: Entity<any>,
+    entity: Entity<Record<string, unknown>>,
     status: EntityStatus,
     path: string,
     entityId?: string | number;
     selectedTab?: string;
-    collection: EntityCollection<any>
+    collection: EntityCollection<Record<string, unknown>>
 };

package/src/types/fields.tsx

@@ -39,8 +39,8 @@ export type DefaultFieldConfig =
  */
 export interface FieldProps<
     P extends Property | Property = Property,
-    CustomProps = any,
-    M extends Record<string, any> = any> {
+    CustomProps = unknown,
+    M extends Record<string, unknown> = Record<string, unknown>> {
 
     /**
      * Key of the property