feat: add types and utils (#12)

Author: ppadti

components/design/TypedObjectIcon.tsx

@@ -1,7 +1,7 @@
 import * as React from 'react';
 import { SVGIconProps } from '@patternfly/react-icons/dist/esm/createIcon';
 import { ProjectObjectType, typedColor } from '~/components/design/utils';
-import { RegisteredModelIcon } from '~/images/icons';
+import { GroupIcon, RegisteredModelIcon, UserIcon } from '~/images/icons';
 
 type TypedObjectIconProps = SVGIconProps & {
   resourceType: ProjectObjectType;
@@ -21,6 +21,12 @@ const TypedObjectIcon: React.FC<TypedObjectIconProps> = ({
     case ProjectObjectType.modelRegistrySettings:
       Icon = RegisteredModelIcon;
       break;
+    case ProjectObjectType.user:
+      Icon = UserIcon;
+      break;
+    case ProjectObjectType.group:
+      Icon = GroupIcon;
+      break;
     default:
       return null;
   }

types/common.ts

@@ -63,6 +63,13 @@ export declare type K8sResourceIdentifier = {
   kind: string;
 };
 
+export declare type K8sStatus = K8sResourceIdentifier & {
+  code: number;
+  message: string;
+  reason: string;
+  status: 'Success' | 'Failure';
+};
+
 export declare type K8sResourceCommon = K8sResourceIdentifier &
   Partial<{
     metadata: Partial<{

types/k8sTypes.ts

@@ -265,3 +265,31 @@ export type ServiceKind = K8sResourceCommon & {
     }[];
   };
 };
+
+export type RoleBindingSubject = {
+  kind: string;
+  apiGroup?: string;
+  name: string;
+};
+
+export type RoleBindingRoleRef = {
+  kind: 'Role' | 'ClusterRole';
+  apiGroup?: string;
+  name: string;
+};
+
+export type RoleBindingKind = K8sResourceCommon & {
+  metadata: {
+    name: string;
+    namespace: string;
+  };
+  subjects: RoleBindingSubject[];
+  roleRef: RoleBindingRoleRef;
+};
+
+export type GroupKind = K8sResourceCommon & {
+  metadata: {
+    name: string;
+  };
+  users: string[];
+};

utilities/index.ts

@@ -3,6 +3,7 @@ export * from './appUtils';
 export * from './const';
 export * from './markdown';
 export * from './time';
+export * from './string';
 export * from './useDebounceCallback';
 export * from './useDeepCompareMemoize';
 export * from './useEventListener';

utilities/string.ts

@@ -0,0 +1,5 @@
+export const genRandomChars = (len = 6): string =>
+  Math.random()
+    .toString(36)
+    .replace(/[^a-z0-9]+/g, '')
+    .substr(1, len);