Add risk forms
Signed-off-by: Bryan Frimin <bryan@getprobo.com> Signed-off-by: Sacha Al Himdani <sacha@getprobo.com>
This commit is contained in:
Jonathan
committed by
Sacha Al Himdani
Sacha Al Himdani
parent
3d4ecf5f8f
commit
fc45d2f00d
@@ -14,6 +14,7 @@
|
|||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@hookform/resolvers": "^5.0.1",
|
"@hookform/resolvers": "^5.0.1",
|
||||||
"@probo/hooks": "1.0.0",
|
"@probo/hooks": "1.0.0",
|
||||||
|
"@probo/helpers": "1.0.0",
|
||||||
"@probo/i18n": "1.0.0",
|
"@probo/i18n": "1.0.0",
|
||||||
"@probo/ui": "1.0.0",
|
"@probo/ui": "1.0.0",
|
||||||
"@radix-ui/react-dialog": "^1.1.14",
|
"@radix-ui/react-dialog": "^1.1.14",
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import type { ComponentProps, JSXElementConstructor } from "react";
|
import type { ComponentProps, JSX, JSXElementConstructor } from "react";
|
||||||
import { Field } from "@probo/ui";
|
import { Field } from "@probo/ui";
|
||||||
import { Controller, type Control } from "react-hook-form";
|
import { Controller, type Control } from "react-hook-form";
|
||||||
import { Select } from "@probo/ui";
|
import { Select } from "@probo/ui";
|
||||||
|
|||||||
@@ -2,15 +2,15 @@ import { Avatar, Option, Select } from "@probo/ui";
|
|||||||
import { Suspense } from "react";
|
import { Suspense } from "react";
|
||||||
import { useLazyLoadQuery } from "react-relay";
|
import { useLazyLoadQuery } from "react-relay";
|
||||||
import { graphql } from "relay-runtime";
|
import { graphql } from "relay-runtime";
|
||||||
import type { UserSelectQuery as UserSelectQueryType } from "./__generated__/UserSelectQuery.graphql";
|
import type { PeopleSelectQuery as PeopleSelectQueryType } from "./__generated__/PeopleSelectQuery.graphql";
|
||||||
import { useTranslate } from "@probo/i18n";
|
import { useTranslate } from "@probo/i18n";
|
||||||
import { Controller, type Control } from "react-hook-form";
|
import { Controller, type Control } from "react-hook-form";
|
||||||
|
|
||||||
const usersQuery = graphql`
|
const peopleQuery = graphql`
|
||||||
query UserSelectQuery($organizationId: ID!) {
|
query PeopleSelectQuery($organizationId: ID!) {
|
||||||
organization: node(id: $organizationId) {
|
organization: node(id: $organizationId) {
|
||||||
... on Organization {
|
... on Organization {
|
||||||
users(first: 100, orderBy: { direction: ASC, field: CREATED_AT }) {
|
peoples(first: 100, orderBy: { direction: ASC, field: CREATED_AT }) {
|
||||||
edges {
|
edges {
|
||||||
node {
|
node {
|
||||||
id
|
id
|
||||||
@@ -23,7 +23,7 @@ const usersQuery = graphql`
|
|||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export function UserSelect({
|
export function PeopleSelect({
|
||||||
organization,
|
organization,
|
||||||
name,
|
name,
|
||||||
control,
|
control,
|
||||||
@@ -36,7 +36,7 @@ export function UserSelect({
|
|||||||
<Suspense
|
<Suspense
|
||||||
fallback={<Select variant="editor" disabled placeholder="Loading..." />}
|
fallback={<Select variant="editor" disabled placeholder="Loading..." />}
|
||||||
>
|
>
|
||||||
<UserSelectWithQuery
|
<PeopleSelectWithQuery
|
||||||
organization={organization}
|
organization={organization}
|
||||||
name={name}
|
name={name}
|
||||||
control={control}
|
control={control}
|
||||||
@@ -45,7 +45,7 @@ export function UserSelect({
|
|||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|
||||||
function UserSelectWithQuery({
|
function PeopleSelectWithQuery({
|
||||||
organization,
|
organization,
|
||||||
name,
|
name,
|
||||||
control,
|
control,
|
||||||
@@ -55,31 +55,33 @@ function UserSelectWithQuery({
|
|||||||
control: Control;
|
control: Control;
|
||||||
}) {
|
}) {
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
const data = useLazyLoadQuery<UserSelectQueryType>(usersQuery, {
|
const data = useLazyLoadQuery<PeopleSelectQueryType>(peopleQuery, {
|
||||||
organizationId: organization,
|
organizationId: organization,
|
||||||
});
|
});
|
||||||
|
|
||||||
const users = data.organization?.users?.edges.map((edge) => edge.node);
|
const people = data.organization?.peoples?.edges.map((edge) => edge.node);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Controller
|
<>
|
||||||
control={control}
|
<Controller
|
||||||
name={name}
|
control={control}
|
||||||
render={({ field }) => (
|
name={name}
|
||||||
<Select
|
render={({ field }) => (
|
||||||
id={name}
|
<Select
|
||||||
variant="editor"
|
id={name}
|
||||||
placeholder={__("Select an user")}
|
variant="editor"
|
||||||
{...field}
|
placeholder={__("Select an owner")}
|
||||||
>
|
{...field}
|
||||||
{users?.map((user) => (
|
>
|
||||||
<Option key={user.id} value={user.id}>
|
{people?.map((p) => (
|
||||||
<Avatar name={user.fullName} />
|
<Option key={p.id} value={p.id}>
|
||||||
{user.fullName}
|
<Avatar name={p.fullName} />
|
||||||
</Option>
|
{p.fullName}
|
||||||
))}
|
</Option>
|
||||||
</Select>
|
))}
|
||||||
)}
|
</Select>
|
||||||
/>
|
)}
|
||||||
|
/>
|
||||||
|
</>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
180
apps/console2/src/components/form/__generated__/PeopleSelectQuery.graphql.ts
generated
Normal file
180
apps/console2/src/components/form/__generated__/PeopleSelectQuery.graphql.ts
generated
Normal file
@@ -0,0 +1,180 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<758e3ece2d7d1d52975886d41b6ae905>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
export type PeopleSelectQuery$variables = {
|
||||||
|
organizationId: string;
|
||||||
|
};
|
||||||
|
export type PeopleSelectQuery$data = {
|
||||||
|
readonly organization: {
|
||||||
|
readonly peoples?: {
|
||||||
|
readonly edges: ReadonlyArray<{
|
||||||
|
readonly node: {
|
||||||
|
readonly fullName: string;
|
||||||
|
readonly id: string;
|
||||||
|
};
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type PeopleSelectQuery = {
|
||||||
|
response: PeopleSelectQuery$data;
|
||||||
|
variables: PeopleSelectQuery$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "id",
|
||||||
|
"variableName": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v2 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v3 = {
|
||||||
|
"kind": "InlineFragment",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": [
|
||||||
|
{
|
||||||
|
"kind": "Literal",
|
||||||
|
"name": "first",
|
||||||
|
"value": 100
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "Literal",
|
||||||
|
"name": "orderBy",
|
||||||
|
"value": {
|
||||||
|
"direction": "ASC",
|
||||||
|
"field": "CREATED_AT"
|
||||||
|
}
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"concreteType": "PeopleConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "peoples",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "PeopleEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "People",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "fullName",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": "peoples(first:100,orderBy:{\"direction\":\"ASC\",\"field\":\"CREATED_AT\"})"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Organization",
|
||||||
|
"abstractKey": null
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "PeopleSelectQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "organization",
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": null,
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v3/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Query",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "PeopleSelectQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "organization",
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": null,
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "__typename",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v3/*: any*/),
|
||||||
|
(v2/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "4e58fc42b352af93ba7067921531af3e",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "PeopleSelectQuery",
|
||||||
|
"operationKind": "query",
|
||||||
|
"text": "query PeopleSelectQuery(\n $organizationId: ID!\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n peoples(first: 100, orderBy: {direction: ASC, field: CREATED_AT}) {\n edges {\n node {\n id\n fullName\n }\n }\n }\n }\n id\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "77119544e99cf9dd74d8a0f446df108e";
|
||||||
|
|
||||||
|
export default node;
|
||||||
57
apps/console2/src/hooks/useMutationWithToasts.ts
Normal file
57
apps/console2/src/hooks/useMutationWithToasts.ts
Normal file
@@ -0,0 +1,57 @@
|
|||||||
|
import { useCallback } from "react";
|
||||||
|
import { useMutation, type UseMutationConfig } from "react-relay";
|
||||||
|
import { useToast } from "@probo/ui";
|
||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import type { MutationParameters, GraphQLTaggedNode } from "relay-runtime";
|
||||||
|
|
||||||
|
/**
|
||||||
|
* A decorated useMutation hook that emits toast notifications on success or error.
|
||||||
|
*/
|
||||||
|
export function useMutationWithToasts<T extends MutationParameters>(
|
||||||
|
query: GraphQLTaggedNode
|
||||||
|
) {
|
||||||
|
const [mutate, isLoading] = useMutation<T>(query);
|
||||||
|
const { toast } = useToast();
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const mutateWithToast = useCallback(
|
||||||
|
(
|
||||||
|
options: UseMutationConfig<T> & {
|
||||||
|
onSuccess?: () => void;
|
||||||
|
successMessage: string;
|
||||||
|
errorMessage?: string;
|
||||||
|
}
|
||||||
|
) => {
|
||||||
|
mutate({
|
||||||
|
...options,
|
||||||
|
onCompleted: (_, error) => {
|
||||||
|
if (error) {
|
||||||
|
toast({
|
||||||
|
title: __("Error"),
|
||||||
|
description:
|
||||||
|
options.errorMessage ?? __("Failed to commit this operation."),
|
||||||
|
variant: "error",
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
toast({
|
||||||
|
title: __("Success"),
|
||||||
|
description: options.successMessage,
|
||||||
|
variant: "success",
|
||||||
|
});
|
||||||
|
options.onSuccess?.();
|
||||||
|
},
|
||||||
|
onError: () => {
|
||||||
|
toast({
|
||||||
|
title: __("Error"),
|
||||||
|
description:
|
||||||
|
options.errorMessage ?? __("Failed to commit this operation."),
|
||||||
|
variant: "error",
|
||||||
|
});
|
||||||
|
},
|
||||||
|
});
|
||||||
|
},
|
||||||
|
[mutate]
|
||||||
|
);
|
||||||
|
|
||||||
|
return [mutateWithToast, isLoading] as const;
|
||||||
|
}
|
||||||
@@ -37,7 +37,7 @@ export default function OrganizationsPage() {
|
|||||||
// Redirect to the first organization if only one exists
|
// Redirect to the first organization if only one exists
|
||||||
useEffect(() => {
|
useEffect(() => {
|
||||||
if (organizations.length === 1) {
|
if (organizations.length === 1) {
|
||||||
// navigate(`/organizations/${organizations[0].id}`);
|
navigate(`/organizations/${organizations[0].id}`);
|
||||||
}
|
}
|
||||||
}, [organizations]);
|
}, [organizations]);
|
||||||
|
|
||||||
|
|||||||
@@ -1,5 +1,5 @@
|
|||||||
import { useTranslate } from "@probo/i18n";
|
import { useTranslate } from "@probo/i18n";
|
||||||
import { Button, Input, useToast } from "@probo/ui";
|
import { Button, Field, useToast } from "@probo/ui";
|
||||||
import type { FormEventHandler } from "react";
|
import type { FormEventHandler } from "react";
|
||||||
import { Link, useNavigate } from "react-router";
|
import { Link, useNavigate } from "react-router";
|
||||||
|
|
||||||
@@ -46,14 +46,14 @@ export default function LoginPage() {
|
|||||||
<p className="text-center text-txt-tertiary mt-1 mb-6">
|
<p className="text-center text-txt-tertiary mt-1 mb-6">
|
||||||
{__("Enter your email below to login to your account")}
|
{__("Enter your email below to login to your account")}
|
||||||
</p>
|
</p>
|
||||||
<Input
|
<Field
|
||||||
required
|
required
|
||||||
placeholder={__("Email")}
|
placeholder={__("Email")}
|
||||||
name="email"
|
name="email"
|
||||||
type="email"
|
type="email"
|
||||||
label={__("Email")}
|
label={__("Email")}
|
||||||
/>
|
/>
|
||||||
<Input
|
<Field
|
||||||
required
|
required
|
||||||
placeholder={__("Password")}
|
placeholder={__("Password")}
|
||||||
name="password"
|
name="password"
|
||||||
|
|||||||
@@ -1,4 +1,4 @@
|
|||||||
import { Button, Card, Input, PageHeader, useToast } from "@probo/ui";
|
import { Button, Card, Field, PageHeader, useToast } from "@probo/ui";
|
||||||
import { useTranslate } from "@probo/i18n";
|
import { useTranslate } from "@probo/i18n";
|
||||||
import { ConnectionHandler, graphql } from "relay-runtime";
|
import { ConnectionHandler, graphql } from "relay-runtime";
|
||||||
import { useLazyLoadQuery, useMutation } from "react-relay";
|
import { useLazyLoadQuery, useMutation } from "react-relay";
|
||||||
@@ -98,7 +98,7 @@ export default function NewOrganizationPage() {
|
|||||||
<p className="text-txt-tertiary text-sm mb-4">
|
<p className="text-txt-tertiary text-sm mb-4">
|
||||||
{__("Enter the basic information about your organization.")}
|
{__("Enter the basic information about your organization.")}
|
||||||
</p>
|
</p>
|
||||||
<Input
|
<Field
|
||||||
required
|
required
|
||||||
name="name"
|
name="name"
|
||||||
type="text"
|
type="text"
|
||||||
|
|||||||
@@ -13,106 +13,135 @@ import {
|
|||||||
PropertyRow,
|
PropertyRow,
|
||||||
IconPlusLarge,
|
IconPlusLarge,
|
||||||
Textarea,
|
Textarea,
|
||||||
useToast,
|
|
||||||
} from "@probo/ui";
|
} from "@probo/ui";
|
||||||
import { useMemo, useState, type ReactNode } from "react";
|
import { useMemo, useState, type ReactNode } from "react";
|
||||||
import { useFetchQuery } from "../../../hooks/useFetchQuery";
|
import { useFetchQuery } from "../../../hooks/useFetchQuery";
|
||||||
import { graphql } from "relay-runtime";
|
import { ConnectionHandler, graphql } from "relay-runtime";
|
||||||
import { UserSelect } from "../../../components/form/UserSelect";
|
import { PeopleSelect } from "../../../components/form/PeopleSelect";
|
||||||
import { useOrganizationId } from "../../../hooks/useOrganizationId";
|
import { useOrganizationId } from "../../../hooks/useOrganizationId";
|
||||||
import { useToggle } from "@probo/hooks";
|
import { useToggle } from "@probo/hooks";
|
||||||
import {
|
import {
|
||||||
ControlledField,
|
ControlledField,
|
||||||
ControlledSelect,
|
ControlledSelect,
|
||||||
} from "../../../components/form/ControlledField";
|
} from "../../../components/form/ControlledField";
|
||||||
import { useRiskForm, type RiskForm } from "./forms/useRiskForm";
|
import { useRiskForm, type RiskForm, type RiskKey } from "./forms/useRiskForm";
|
||||||
import { useMutation } from "react-relay";
|
import type { FieldErrors } from "react-hook-form";
|
||||||
|
import { useMutationWithToasts } from "../../../hooks/useMutationWithToasts";
|
||||||
|
import type { FormRiskDialogMutation } from "./__generated__/FormRiskDialogMutation.graphql";
|
||||||
|
import type { FormRiskDialogUpdateRiskMutation } from "./__generated__/FormRiskDialogUpdateRiskMutation.graphql";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
trigger: ReactNode;
|
trigger?: ReactNode;
|
||||||
|
open?: boolean;
|
||||||
|
risk?: RiskKey;
|
||||||
|
onSuccess?: () => void;
|
||||||
};
|
};
|
||||||
|
|
||||||
type Risk = {
|
type RiskTemplate = {
|
||||||
category: string;
|
category: string;
|
||||||
name: string;
|
name: string;
|
||||||
description: string;
|
description: string;
|
||||||
};
|
};
|
||||||
|
|
||||||
const createRiskMutation = graphql`
|
const createRiskMutation = graphql`
|
||||||
mutation NewRiskDialogMutation(
|
mutation FormRiskDialogMutation(
|
||||||
$input: CreateRiskInput!
|
$input: CreateRiskInput!
|
||||||
$connections: [ID!]!
|
$connections: [ID!]!
|
||||||
) {
|
) {
|
||||||
createRisk(input: $input) {
|
createRisk(input: $input) {
|
||||||
riskEdge @prependEdge(connections: $connections) {
|
riskEdge @prependEdge(connections: $connections) {
|
||||||
node {
|
node {
|
||||||
id
|
...useRiskFormFragment
|
||||||
name
|
|
||||||
description
|
|
||||||
category
|
|
||||||
inherentLikelihood
|
|
||||||
inherentImpact
|
|
||||||
residualLikelihood
|
|
||||||
residualImpact
|
|
||||||
treatment
|
|
||||||
createdAt
|
|
||||||
updatedAt
|
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
`;
|
`;
|
||||||
|
|
||||||
export default function NewRiskDialog({ trigger }: Props) {
|
const updateRiskMutation = graphql`
|
||||||
|
mutation FormRiskDialogUpdateRiskMutation($input: UpdateRiskInput!) {
|
||||||
|
updateRisk(input: $input) {
|
||||||
|
risk {
|
||||||
|
...useRiskFormFragment
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
/**
|
||||||
|
* Dialog to create or update a risk
|
||||||
|
*/
|
||||||
|
export default function FormRiskDialog({ trigger, risk, onSuccess }: Props) {
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
const organizationId = useOrganizationId();
|
const organizationId = useOrganizationId();
|
||||||
|
|
||||||
const { control, handleSubmit, setValue, register, watch, formState } =
|
const { control, handleSubmit, setValue, register, watch, formState, reset } =
|
||||||
useRiskForm(organizationId);
|
useRiskForm(risk);
|
||||||
const errors = formState.errors ?? {};
|
const errors = formState.errors ?? {};
|
||||||
const [createRisk, isLoading] = useMutation(createRiskMutation);
|
const [createRisk, isLoadingCreate] =
|
||||||
const { toast } = useToast();
|
useMutationWithToasts<FormRiskDialogMutation>(createRiskMutation);
|
||||||
|
const [updateRisk, isLoadingUpdate] =
|
||||||
|
useMutationWithToasts<FormRiskDialogUpdateRiskMutation>(updateRiskMutation);
|
||||||
|
const isLoading = isLoadingCreate || isLoadingUpdate;
|
||||||
|
|
||||||
const onTemplateChange = (risk: Risk) => {
|
const onTemplateChange = (risk: RiskTemplate) => {
|
||||||
setValue("name", risk.name);
|
setValue("name", risk.name);
|
||||||
setValue("description", risk.description);
|
setValue("description", risk.description);
|
||||||
};
|
};
|
||||||
|
|
||||||
const onSubmit = handleSubmit((data) => {
|
const onSubmit = handleSubmit((data) => {
|
||||||
|
if (risk) {
|
||||||
|
updateRisk({
|
||||||
|
variables: {
|
||||||
|
input: {
|
||||||
|
id: risk.id,
|
||||||
|
...data,
|
||||||
|
},
|
||||||
|
},
|
||||||
|
successMessage: __("Risk updated successfully."),
|
||||||
|
errorMessage: __("Failed to update risk. Please try again."),
|
||||||
|
onSuccess: () => {
|
||||||
|
setOpen(false);
|
||||||
|
onSuccess?.();
|
||||||
|
},
|
||||||
|
});
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
const connectionID = ConnectionHandler.getConnectionID(
|
||||||
|
organizationId,
|
||||||
|
"RisksPage_risks"
|
||||||
|
);
|
||||||
createRisk({
|
createRisk({
|
||||||
variables: {
|
variables: {
|
||||||
input: data,
|
input: {
|
||||||
|
...data,
|
||||||
|
organizationId,
|
||||||
|
},
|
||||||
|
connections: [connectionID],
|
||||||
},
|
},
|
||||||
onCompleted: (response, error) => {
|
successMessage: __("Risk created successfully."),
|
||||||
if (error) {
|
errorMessage: __("Failed to create risk. Please try again."),
|
||||||
toast({
|
onSuccess: () => {
|
||||||
title: __("Error"),
|
|
||||||
description: __("Failed to create risk. Please try again."),
|
|
||||||
variant: "error",
|
|
||||||
});
|
|
||||||
return;
|
|
||||||
}
|
|
||||||
|
|
||||||
toast({
|
|
||||||
title: __("Success"),
|
|
||||||
description: __("Risk created successfully."),
|
|
||||||
variant: "success",
|
|
||||||
});
|
|
||||||
|
|
||||||
setOpen(false);
|
setOpen(false);
|
||||||
|
reset();
|
||||||
|
onSuccess?.();
|
||||||
},
|
},
|
||||||
});
|
});
|
||||||
});
|
});
|
||||||
|
|
||||||
const [showNote, toggleNote] = useToggle(false);
|
const [showNote, toggleNote] = useToggle(false);
|
||||||
const [open, setOpen] = useState(false);
|
const [open, setOpen] = useState(!!risk);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<Dialog
|
<Dialog
|
||||||
open={open}
|
open={open}
|
||||||
onOpenChange={setOpen}
|
onOpenChange={setOpen}
|
||||||
trigger={trigger}
|
trigger={trigger}
|
||||||
title={<Breadcrumb items={[__("Risks"), __("New Risk")]}></Breadcrumb>}
|
title={
|
||||||
|
<Breadcrumb
|
||||||
|
items={[__("Risks"), risk ? __("Edit Risk") : __("New Risk")]}
|
||||||
|
/>
|
||||||
|
}
|
||||||
>
|
>
|
||||||
<form onSubmit={onSubmit}>
|
<form onSubmit={onSubmit}>
|
||||||
<DialogContent className="grid grid-cols-[1fr_420px]">
|
<DialogContent className="grid grid-cols-[1fr_420px]">
|
||||||
@@ -124,6 +153,7 @@ export default function NewRiskDialog({ trigger }: Props) {
|
|||||||
watch={watch}
|
watch={watch}
|
||||||
/>
|
/>
|
||||||
<Field
|
<Field
|
||||||
|
type="text"
|
||||||
{...register("name")}
|
{...register("name")}
|
||||||
error={errors.name?.message}
|
error={errors.name?.message}
|
||||||
label={__("Risk name")}
|
label={__("Risk name")}
|
||||||
@@ -162,7 +192,7 @@ export default function NewRiskDialog({ trigger }: Props) {
|
|||||||
label={__("Owner")}
|
label={__("Owner")}
|
||||||
error={errors.ownerId?.message}
|
error={errors.ownerId?.message}
|
||||||
>
|
>
|
||||||
<UserSelect
|
<PeopleSelect
|
||||||
name="ownerId"
|
name="ownerId"
|
||||||
control={control}
|
control={control}
|
||||||
organization={organizationId}
|
organization={organizationId}
|
||||||
@@ -209,7 +239,7 @@ export default function NewRiskDialog({ trigger }: Props) {
|
|||||||
</DialogContent>
|
</DialogContent>
|
||||||
<DialogFooter>
|
<DialogFooter>
|
||||||
<Button type="submit" disabled={isLoading}>
|
<Button type="submit" disabled={isLoading}>
|
||||||
{__("Create risk")}
|
{risk ? __("Update risk") : __("Create risk")}
|
||||||
</Button>
|
</Button>
|
||||||
</DialogFooter>
|
</DialogFooter>
|
||||||
</form>
|
</form>
|
||||||
@@ -224,9 +254,14 @@ function ImpactAndLikelihood({
|
|||||||
errors,
|
errors,
|
||||||
}: {
|
}: {
|
||||||
label: string;
|
label: string;
|
||||||
prefix: string;
|
prefix: "inherent" | "residual";
|
||||||
control: RiskForm["control"];
|
control: RiskForm["control"];
|
||||||
errors: Record<string, { message: string }>;
|
errors: FieldErrors<{
|
||||||
|
inherentImpact: string;
|
||||||
|
inherentLikelihood: string;
|
||||||
|
residualImpact: string;
|
||||||
|
residualLikelihood: string;
|
||||||
|
}>;
|
||||||
}) {
|
}) {
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
return (
|
return (
|
||||||
@@ -271,14 +306,17 @@ function TemplateSelector({
|
|||||||
control,
|
control,
|
||||||
watch,
|
watch,
|
||||||
}: {
|
}: {
|
||||||
onChange: (risk: Risk) => void;
|
onChange: (risk: RiskTemplate) => void;
|
||||||
control: RiskForm["control"];
|
control: RiskForm["control"];
|
||||||
watch: RiskForm["watch"];
|
watch: RiskForm["watch"];
|
||||||
}) {
|
}) {
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
const { data: risks } = useFetchQuery<Risk[]>("/data/risks/risks.json", {
|
const { data: risks } = useFetchQuery<RiskTemplate[]>(
|
||||||
staleTime: 100_000,
|
"/data/risks/risks.json",
|
||||||
});
|
{
|
||||||
|
staleTime: 100_000,
|
||||||
|
}
|
||||||
|
);
|
||||||
|
|
||||||
const categories = useMemo(
|
const categories = useMemo(
|
||||||
() => Array.from(new Set(risks?.map((t) => t.category))),
|
() => Array.from(new Set(risks?.map((t) => t.category))),
|
||||||
@@ -1,17 +1,193 @@
|
|||||||
import { Button, PageHeader } from "@probo/ui";
|
import {
|
||||||
|
Button,
|
||||||
|
PageHeader,
|
||||||
|
Td,
|
||||||
|
Tr,
|
||||||
|
Th,
|
||||||
|
Thead,
|
||||||
|
Tbody,
|
||||||
|
Table,
|
||||||
|
RiskBadge,
|
||||||
|
SeverityBadge,
|
||||||
|
ActionDropdown,
|
||||||
|
DropdownItem,
|
||||||
|
IconTrashCan,
|
||||||
|
IconPencil,
|
||||||
|
ConfirmDialog,
|
||||||
|
} from "@probo/ui";
|
||||||
import { useTranslate } from "@probo/i18n";
|
import { useTranslate } from "@probo/i18n";
|
||||||
import { IconPlusLarge } from "@probo/ui";
|
import { IconPlusLarge } from "@probo/ui";
|
||||||
import NewRiskDialog from "./NewRiskDialog";
|
import FormRiskDialog from "./FormRiskDialog";
|
||||||
|
import { ConnectionHandler, graphql } from "relay-runtime";
|
||||||
|
import { useLazyLoadQuery } from "react-relay";
|
||||||
|
import type {
|
||||||
|
RisksPageQuery as RisksPageQueryType,
|
||||||
|
RiskTreatment,
|
||||||
|
} from "./__generated__/RisksPageQuery.graphql";
|
||||||
|
import { useOrganizationId } from "../../../hooks/useOrganizationId";
|
||||||
|
import { useMemo, useState } from "react";
|
||||||
|
import { usePageTitle } from "@probo/hooks";
|
||||||
|
import type { RisksPageDeleteMutation } from "./__generated__/RisksPageDeleteMutation.graphql";
|
||||||
|
import { useMutationWithToasts } from "../../../hooks/useMutationWithToasts";
|
||||||
|
import { sprintf } from "@probo/helpers";
|
||||||
|
import type { ItemOf } from "../../../types";
|
||||||
|
|
||||||
|
const risksQuery = graphql`
|
||||||
|
query RisksPageQuery(
|
||||||
|
$organizationId: ID!
|
||||||
|
$first: Int
|
||||||
|
$after: CursorKey
|
||||||
|
$last: Int
|
||||||
|
$before: CursorKey
|
||||||
|
) {
|
||||||
|
organization: node(id: $organizationId) {
|
||||||
|
... on Organization {
|
||||||
|
risks(first: $first, after: $after, last: $last, before: $before)
|
||||||
|
@connection(key: "RisksPage_risks") {
|
||||||
|
edges {
|
||||||
|
node {
|
||||||
|
id
|
||||||
|
name
|
||||||
|
category
|
||||||
|
treatment
|
||||||
|
inherentLikelihood
|
||||||
|
inherentImpact
|
||||||
|
residualLikelihood
|
||||||
|
residualImpact
|
||||||
|
inherentSeverity
|
||||||
|
...useRiskFormFragment
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
const deleteRiskMutation = graphql`
|
||||||
|
mutation RisksPageDeleteMutation(
|
||||||
|
$input: DeleteRiskInput!
|
||||||
|
$connections: [ID!]!
|
||||||
|
) {
|
||||||
|
deleteRisk(input: $input) {
|
||||||
|
deletedRiskId @deleteEdge(connections: $connections)
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
export default function RisksPage() {
|
export default function RisksPage() {
|
||||||
const { __ } = useTranslate();
|
const { __ } = useTranslate();
|
||||||
|
const data = useLazyLoadQuery<RisksPageQueryType>(risksQuery, {
|
||||||
|
organizationId: useOrganizationId(),
|
||||||
|
});
|
||||||
|
const risks = data.organization?.risks?.edges.map((edge) => edge.node);
|
||||||
|
const [editedRisk, setEditedRisk] = useState<ItemOf<typeof risks> | null>(
|
||||||
|
null
|
||||||
|
);
|
||||||
|
const treatmentLabels = useMemo(() => {
|
||||||
|
return {
|
||||||
|
MITIGATED: __("Mitigate"),
|
||||||
|
ACCEPTED: __("Accept"),
|
||||||
|
TRANSFERRED: __("Transfer"),
|
||||||
|
AVOIDED: __("Avoid"),
|
||||||
|
} as Record<RiskTreatment, string>;
|
||||||
|
}, [__]);
|
||||||
|
const organizationId = useOrganizationId();
|
||||||
|
|
||||||
|
const [deleteRisk] =
|
||||||
|
useMutationWithToasts<RisksPageDeleteMutation>(deleteRiskMutation);
|
||||||
|
|
||||||
|
const onDelete = (riskId: string) => {
|
||||||
|
const connectionId = ConnectionHandler.getConnectionID(
|
||||||
|
organizationId,
|
||||||
|
"RisksPage_risks"
|
||||||
|
);
|
||||||
|
deleteRisk({
|
||||||
|
variables: {
|
||||||
|
input: { riskId },
|
||||||
|
connections: [connectionId],
|
||||||
|
},
|
||||||
|
successMessage: __("Risk deleted successfully."),
|
||||||
|
errorMessage: __("Failed to delete risk. Please try again."),
|
||||||
|
});
|
||||||
|
};
|
||||||
|
|
||||||
|
usePageTitle(__("Risks"));
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="space-y-6">
|
<div className="space-y-6">
|
||||||
<PageHeader title={__("Risks")}>
|
<PageHeader title={__("Risks")}>
|
||||||
<NewRiskDialog
|
<FormRiskDialog
|
||||||
trigger={<Button icon={IconPlusLarge}>{__("New Risk")}</Button>}
|
trigger={<Button icon={IconPlusLarge}>{__("New Risk")}</Button>}
|
||||||
/>
|
/>
|
||||||
</PageHeader>
|
</PageHeader>
|
||||||
|
{editedRisk && (
|
||||||
|
<FormRiskDialog
|
||||||
|
risk={editedRisk}
|
||||||
|
onSuccess={() => setEditedRisk(null)}
|
||||||
|
/>
|
||||||
|
)}
|
||||||
|
<Table>
|
||||||
|
<Thead>
|
||||||
|
<Tr>
|
||||||
|
<Th>{__("Risk name")}</Th>
|
||||||
|
<Th>{__("Category")}</Th>
|
||||||
|
<Th>{__("Treatment")}</Th>
|
||||||
|
<Th>{__("Initial Risk")}</Th>
|
||||||
|
<Th>{__("Residual Risk")}</Th>
|
||||||
|
<Th>{__("Severity")}</Th>
|
||||||
|
<Th></Th>
|
||||||
|
</Tr>
|
||||||
|
</Thead>
|
||||||
|
<Tbody>
|
||||||
|
{risks?.map((risk) => (
|
||||||
|
<Tr
|
||||||
|
key={risk.id}
|
||||||
|
to={`/organizations/${organizationId}/risks/${risk.id}`}
|
||||||
|
>
|
||||||
|
<Td>{risk.name}</Td>
|
||||||
|
<Td>{risk.category}</Td>
|
||||||
|
<Td>{treatmentLabels[risk.treatment]}</Td>
|
||||||
|
<Td>
|
||||||
|
<RiskBadge
|
||||||
|
score={risk.inherentLikelihood * risk.inherentImpact}
|
||||||
|
/>
|
||||||
|
</Td>
|
||||||
|
<Td>
|
||||||
|
<RiskBadge
|
||||||
|
score={risk.residualLikelihood * risk.residualImpact}
|
||||||
|
/>
|
||||||
|
</Td>
|
||||||
|
<Td>
|
||||||
|
<SeverityBadge severity={risk.inherentSeverity} />
|
||||||
|
</Td>
|
||||||
|
<Td noLink>
|
||||||
|
<ActionDropdown>
|
||||||
|
<DropdownItem
|
||||||
|
icon={IconPencil}
|
||||||
|
onClick={() => setEditedRisk(risk)}
|
||||||
|
>
|
||||||
|
{__("Edit")}
|
||||||
|
</DropdownItem>
|
||||||
|
<ConfirmDialog
|
||||||
|
message={sprintf(
|
||||||
|
__(
|
||||||
|
'This will permanently delete the risk "%s". This action cannot be undone.'
|
||||||
|
),
|
||||||
|
risk.name
|
||||||
|
)}
|
||||||
|
onConfirm={() => onDelete(risk.id)}
|
||||||
|
>
|
||||||
|
<DropdownItem variant="danger" icon={IconTrashCan}>
|
||||||
|
{__("Delete")}
|
||||||
|
</DropdownItem>
|
||||||
|
</ConfirmDialog>
|
||||||
|
</ActionDropdown>
|
||||||
|
</Td>
|
||||||
|
</Tr>
|
||||||
|
))}
|
||||||
|
</Tbody>
|
||||||
|
</Table>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
}
|
}
|
||||||
|
|||||||
271
apps/console2/src/pages/organizations/risks/__generated__/FormRiskDialogMutation.graphql.ts
generated
Normal file
271
apps/console2/src/pages/organizations/risks/__generated__/FormRiskDialogMutation.graphql.ts
generated
Normal file
@@ -0,0 +1,271 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<05dd3d535fb39d12fc0c015864a85d31>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
import { FragmentRefs } from "relay-runtime";
|
||||||
|
export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED" | "%future added value";
|
||||||
|
export type CreateRiskInput = {
|
||||||
|
category: string;
|
||||||
|
description: string;
|
||||||
|
inherentImpact: number;
|
||||||
|
inherentLikelihood: number;
|
||||||
|
name: string;
|
||||||
|
note?: string | null | undefined;
|
||||||
|
organizationId: string;
|
||||||
|
ownerId?: string | null | undefined;
|
||||||
|
residualImpact?: number | null | undefined;
|
||||||
|
residualLikelihood?: number | null | undefined;
|
||||||
|
treatment: RiskTreatment;
|
||||||
|
};
|
||||||
|
export type FormRiskDialogMutation$variables = {
|
||||||
|
connections: ReadonlyArray<string>;
|
||||||
|
input: CreateRiskInput;
|
||||||
|
};
|
||||||
|
export type FormRiskDialogMutation$data = {
|
||||||
|
readonly createRisk: {
|
||||||
|
readonly riskEdge: {
|
||||||
|
readonly node: {
|
||||||
|
readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type FormRiskDialogMutation = {
|
||||||
|
response: FormRiskDialogMutation$data;
|
||||||
|
variables: FormRiskDialogMutation$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "connections"
|
||||||
|
},
|
||||||
|
v1 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "input"
|
||||||
|
},
|
||||||
|
v2 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "input",
|
||||||
|
"variableName": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v3 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": [
|
||||||
|
(v0/*: any*/),
|
||||||
|
(v1/*: any*/)
|
||||||
|
],
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "FormRiskDialogMutation",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v2/*: any*/),
|
||||||
|
"concreteType": "CreateRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "createRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "RiskEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "riskEdge",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"args": null,
|
||||||
|
"kind": "FragmentSpread",
|
||||||
|
"name": "useRiskFormFragment"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Mutation",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": [
|
||||||
|
(v1/*: any*/),
|
||||||
|
(v0/*: any*/)
|
||||||
|
],
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "FormRiskDialogMutation",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v2/*: any*/),
|
||||||
|
"concreteType": "CreateRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "createRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "RiskEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "riskEdge",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v3/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "category",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "description",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "treatment",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "note",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "People",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "owner",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v3/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"filters": null,
|
||||||
|
"handle": "prependEdge",
|
||||||
|
"key": "",
|
||||||
|
"kind": "LinkedHandle",
|
||||||
|
"name": "riskEdge",
|
||||||
|
"handleArgs": [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "connections",
|
||||||
|
"variableName": "connections"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "e2131409b62d6cd6bd8a6d008f2ac1f5",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "FormRiskDialogMutation",
|
||||||
|
"operationKind": "mutation",
|
||||||
|
"text": "mutation FormRiskDialogMutation(\n $input: CreateRiskInput!\n) {\n createRisk(input: $input) {\n riskEdge {\n node {\n ...useRiskFormFragment\n id\n }\n }\n }\n}\n\nfragment useRiskFormFragment on Risk {\n id\n name\n category\n description\n treatment\n inherentLikelihood\n inherentImpact\n residualLikelihood\n residualImpact\n note\n owner {\n id\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "0429ad2b3af194de47f4b5af4231e22b";
|
||||||
|
|
||||||
|
export default node;
|
||||||
221
apps/console2/src/pages/organizations/risks/__generated__/FormRiskDialogUpdateRiskMutation.graphql.ts
generated
Normal file
221
apps/console2/src/pages/organizations/risks/__generated__/FormRiskDialogUpdateRiskMutation.graphql.ts
generated
Normal file
@@ -0,0 +1,221 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<71792ccd18aa886a5df0ecfa8a23fda9>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
import { FragmentRefs } from "relay-runtime";
|
||||||
|
export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED" | "%future added value";
|
||||||
|
export type UpdateRiskInput = {
|
||||||
|
category?: string | null | undefined;
|
||||||
|
description?: string | null | undefined;
|
||||||
|
id: string;
|
||||||
|
inherentImpact?: number | null | undefined;
|
||||||
|
inherentLikelihood?: number | null | undefined;
|
||||||
|
name?: string | null | undefined;
|
||||||
|
note?: string | null | undefined;
|
||||||
|
ownerId?: string | null | undefined;
|
||||||
|
residualImpact?: number | null | undefined;
|
||||||
|
residualLikelihood?: number | null | undefined;
|
||||||
|
treatment?: RiskTreatment | null | undefined;
|
||||||
|
};
|
||||||
|
export type FormRiskDialogUpdateRiskMutation$variables = {
|
||||||
|
input: UpdateRiskInput;
|
||||||
|
};
|
||||||
|
export type FormRiskDialogUpdateRiskMutation$data = {
|
||||||
|
readonly updateRisk: {
|
||||||
|
readonly risk: {
|
||||||
|
readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type FormRiskDialogUpdateRiskMutation = {
|
||||||
|
response: FormRiskDialogUpdateRiskMutation$data;
|
||||||
|
variables: FormRiskDialogUpdateRiskMutation$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "input",
|
||||||
|
"variableName": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v2 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "FormRiskDialogUpdateRiskMutation",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": "UpdateRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "updateRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "risk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"args": null,
|
||||||
|
"kind": "FragmentSpread",
|
||||||
|
"name": "useRiskFormFragment"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Mutation",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "FormRiskDialogUpdateRiskMutation",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v1/*: any*/),
|
||||||
|
"concreteType": "UpdateRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "updateRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "risk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "category",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "description",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "treatment",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "note",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "People",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "owner",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v2/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "546b1e60a2e87bf71a1851ca76485767",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "FormRiskDialogUpdateRiskMutation",
|
||||||
|
"operationKind": "mutation",
|
||||||
|
"text": "mutation FormRiskDialogUpdateRiskMutation(\n $input: UpdateRiskInput!\n) {\n updateRisk(input: $input) {\n risk {\n ...useRiskFormFragment\n id\n }\n }\n}\n\nfragment useRiskFormFragment on Risk {\n id\n name\n category\n description\n treatment\n inherentLikelihood\n inherentImpact\n residualLikelihood\n residualImpact\n note\n owner {\n id\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "0299493042b2b5e7e464c991bab94375";
|
||||||
|
|
||||||
|
export default node;
|
||||||
132
apps/console2/src/pages/organizations/risks/__generated__/RisksPageDeleteMutation.graphql.ts
generated
Normal file
132
apps/console2/src/pages/organizations/risks/__generated__/RisksPageDeleteMutation.graphql.ts
generated
Normal file
@@ -0,0 +1,132 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<b410e2d0b99401f7ad86c1d4f7a0fcfe>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
export type DeleteRiskInput = {
|
||||||
|
riskId: string;
|
||||||
|
};
|
||||||
|
export type RisksPageDeleteMutation$variables = {
|
||||||
|
connections: ReadonlyArray<string>;
|
||||||
|
input: DeleteRiskInput;
|
||||||
|
};
|
||||||
|
export type RisksPageDeleteMutation$data = {
|
||||||
|
readonly deleteRisk: {
|
||||||
|
readonly deletedRiskId: string;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type RisksPageDeleteMutation = {
|
||||||
|
response: RisksPageDeleteMutation$data;
|
||||||
|
variables: RisksPageDeleteMutation$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "connections"
|
||||||
|
},
|
||||||
|
v1 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "input"
|
||||||
|
},
|
||||||
|
v2 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "input",
|
||||||
|
"variableName": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v3 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "deletedRiskId",
|
||||||
|
"storageKey": null
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": [
|
||||||
|
(v0/*: any*/),
|
||||||
|
(v1/*: any*/)
|
||||||
|
],
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "RisksPageDeleteMutation",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v2/*: any*/),
|
||||||
|
"concreteType": "DeleteRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "deleteRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v3/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Mutation",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": [
|
||||||
|
(v1/*: any*/),
|
||||||
|
(v0/*: any*/)
|
||||||
|
],
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "RisksPageDeleteMutation",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v2/*: any*/),
|
||||||
|
"concreteType": "DeleteRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "deleteRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v3/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"filters": null,
|
||||||
|
"handle": "deleteEdge",
|
||||||
|
"key": "",
|
||||||
|
"kind": "ScalarHandle",
|
||||||
|
"name": "deletedRiskId",
|
||||||
|
"handleArgs": [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "connections",
|
||||||
|
"variableName": "connections"
|
||||||
|
}
|
||||||
|
]
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "a08977dc1d81b5ab63e431014b2d2b41",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "RisksPageDeleteMutation",
|
||||||
|
"operationKind": "mutation",
|
||||||
|
"text": "mutation RisksPageDeleteMutation(\n $input: DeleteRiskInput!\n) {\n deleteRisk(input: $input) {\n deletedRiskId\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "fb17a17779665063283d3d73fcb39785";
|
||||||
|
|
||||||
|
export default node;
|
||||||
441
apps/console2/src/pages/organizations/risks/__generated__/RisksPageQuery.graphql.ts
generated
Normal file
441
apps/console2/src/pages/organizations/risks/__generated__/RisksPageQuery.graphql.ts
generated
Normal file
@@ -0,0 +1,441 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<5ce40300f73da895316795164a9bcf88>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
import { FragmentRefs } from "relay-runtime";
|
||||||
|
export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED" | "%future added value";
|
||||||
|
export type RisksPageQuery$variables = {
|
||||||
|
after?: any | null | undefined;
|
||||||
|
before?: any | null | undefined;
|
||||||
|
first?: number | null | undefined;
|
||||||
|
last?: number | null | undefined;
|
||||||
|
organizationId: string;
|
||||||
|
};
|
||||||
|
export type RisksPageQuery$data = {
|
||||||
|
readonly organization: {
|
||||||
|
readonly risks?: {
|
||||||
|
readonly edges: ReadonlyArray<{
|
||||||
|
readonly node: {
|
||||||
|
readonly category: string;
|
||||||
|
readonly id: string;
|
||||||
|
readonly inherentImpact: number;
|
||||||
|
readonly inherentLikelihood: number;
|
||||||
|
readonly inherentSeverity: number;
|
||||||
|
readonly name: string;
|
||||||
|
readonly residualImpact: number;
|
||||||
|
readonly residualLikelihood: number;
|
||||||
|
readonly treatment: RiskTreatment;
|
||||||
|
readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
|
||||||
|
};
|
||||||
|
}>;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type RisksPageQuery = {
|
||||||
|
response: RisksPageQuery$data;
|
||||||
|
variables: RisksPageQuery$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "after"
|
||||||
|
},
|
||||||
|
v1 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "before"
|
||||||
|
},
|
||||||
|
v2 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "first"
|
||||||
|
},
|
||||||
|
v3 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "last"
|
||||||
|
},
|
||||||
|
v4 = {
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "organizationId"
|
||||||
|
},
|
||||||
|
v5 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "id",
|
||||||
|
"variableName": "organizationId"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v6 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v7 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v8 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "category",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v9 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "treatment",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v10 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v11 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v12 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v13 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v14 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentSeverity",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v15 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "__typename",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v16 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "cursor",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v17 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "PageInfo",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "pageInfo",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "endCursor",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "hasNextPage",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "hasPreviousPage",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "startCursor",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v18 = [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "after",
|
||||||
|
"variableName": "after"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "before",
|
||||||
|
"variableName": "before"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "first",
|
||||||
|
"variableName": "first"
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "last",
|
||||||
|
"variableName": "last"
|
||||||
|
}
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": [
|
||||||
|
(v0/*: any*/),
|
||||||
|
(v1/*: any*/),
|
||||||
|
(v2/*: any*/),
|
||||||
|
(v3/*: any*/),
|
||||||
|
(v4/*: any*/)
|
||||||
|
],
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "RisksPageQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "organization",
|
||||||
|
"args": (v5/*: any*/),
|
||||||
|
"concreteType": null,
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"kind": "InlineFragment",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "risks",
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "RiskConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "__RisksPage_risks_connection",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "RiskEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v6/*: any*/),
|
||||||
|
(v7/*: any*/),
|
||||||
|
(v8/*: any*/),
|
||||||
|
(v9/*: any*/),
|
||||||
|
(v10/*: any*/),
|
||||||
|
(v11/*: any*/),
|
||||||
|
(v12/*: any*/),
|
||||||
|
(v13/*: any*/),
|
||||||
|
(v14/*: any*/),
|
||||||
|
{
|
||||||
|
"args": null,
|
||||||
|
"kind": "FragmentSpread",
|
||||||
|
"name": "useRiskFormFragment"
|
||||||
|
},
|
||||||
|
(v15/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v16/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v17/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Organization",
|
||||||
|
"abstractKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Query",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": [
|
||||||
|
(v4/*: any*/),
|
||||||
|
(v2/*: any*/),
|
||||||
|
(v0/*: any*/),
|
||||||
|
(v3/*: any*/),
|
||||||
|
(v1/*: any*/)
|
||||||
|
],
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "RisksPageQuery",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": "organization",
|
||||||
|
"args": (v5/*: any*/),
|
||||||
|
"concreteType": null,
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v15/*: any*/),
|
||||||
|
{
|
||||||
|
"kind": "InlineFragment",
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v18/*: any*/),
|
||||||
|
"concreteType": "RiskConnection",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "risks",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "RiskEdge",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "edges",
|
||||||
|
"plural": true,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "node",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v6/*: any*/),
|
||||||
|
(v7/*: any*/),
|
||||||
|
(v8/*: any*/),
|
||||||
|
(v9/*: any*/),
|
||||||
|
(v10/*: any*/),
|
||||||
|
(v11/*: any*/),
|
||||||
|
(v12/*: any*/),
|
||||||
|
(v13/*: any*/),
|
||||||
|
(v14/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "description",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "note",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "People",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "owner",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v6/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v15/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v16/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
(v17/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": (v18/*: any*/),
|
||||||
|
"filters": null,
|
||||||
|
"handle": "connection",
|
||||||
|
"key": "RisksPage_risks",
|
||||||
|
"kind": "LinkedHandle",
|
||||||
|
"name": "risks"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Organization",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
(v6/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "6bc1d32f53846f76f66d3dd065f5b038",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {
|
||||||
|
"connection": [
|
||||||
|
{
|
||||||
|
"count": null,
|
||||||
|
"cursor": null,
|
||||||
|
"direction": "bidirectional",
|
||||||
|
"path": [
|
||||||
|
"organization",
|
||||||
|
"risks"
|
||||||
|
]
|
||||||
|
}
|
||||||
|
]
|
||||||
|
},
|
||||||
|
"name": "RisksPageQuery",
|
||||||
|
"operationKind": "query",
|
||||||
|
"text": "query RisksPageQuery(\n $organizationId: ID!\n $first: Int\n $after: CursorKey\n $last: Int\n $before: CursorKey\n) {\n organization: node(id: $organizationId) {\n __typename\n ... on Organization {\n risks(first: $first, after: $after, last: $last, before: $before) {\n edges {\n node {\n id\n name\n category\n treatment\n inherentLikelihood\n inherentImpact\n residualLikelihood\n residualImpact\n inherentSeverity\n ...useRiskFormFragment\n __typename\n }\n cursor\n }\n pageInfo {\n endCursor\n hasNextPage\n hasPreviousPage\n startCursor\n }\n }\n }\n id\n }\n}\n\nfragment useRiskFormFragment on Risk {\n id\n name\n category\n description\n treatment\n inherentLikelihood\n inherentImpact\n residualLikelihood\n residualImpact\n note\n owner {\n id\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "bf112f97f377b95f3b83ec949e5d5e2f";
|
||||||
|
|
||||||
|
export default node;
|
||||||
220
apps/console2/src/pages/organizations/risks/__generated__/RisksPageUpdateRiskMutation.graphql.ts
generated
Normal file
220
apps/console2/src/pages/organizations/risks/__generated__/RisksPageUpdateRiskMutation.graphql.ts
generated
Normal file
@@ -0,0 +1,220 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<78e5a6f1db510ffe28be99140539b234>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ConcreteRequest } from 'relay-runtime';
|
||||||
|
export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED" | "%future added value";
|
||||||
|
export type UpdateRiskInput = {
|
||||||
|
category?: string | null | undefined;
|
||||||
|
description?: string | null | undefined;
|
||||||
|
id: string;
|
||||||
|
inherentImpact?: number | null | undefined;
|
||||||
|
inherentLikelihood?: number | null | undefined;
|
||||||
|
name?: string | null | undefined;
|
||||||
|
note?: string | null | undefined;
|
||||||
|
ownerId?: string | null | undefined;
|
||||||
|
residualImpact?: number | null | undefined;
|
||||||
|
residualLikelihood?: number | null | undefined;
|
||||||
|
treatment?: RiskTreatment | null | undefined;
|
||||||
|
};
|
||||||
|
export type RisksPageUpdateRiskMutation$variables = {
|
||||||
|
input: UpdateRiskInput;
|
||||||
|
};
|
||||||
|
export type RisksPageUpdateRiskMutation$data = {
|
||||||
|
readonly updateRisk: {
|
||||||
|
readonly risk: {
|
||||||
|
readonly category: string;
|
||||||
|
readonly description: string;
|
||||||
|
readonly id: string;
|
||||||
|
readonly inherentImpact: number;
|
||||||
|
readonly inherentLikelihood: number;
|
||||||
|
readonly name: string;
|
||||||
|
readonly note: string;
|
||||||
|
readonly owner: {
|
||||||
|
readonly fullName: string;
|
||||||
|
readonly id: string;
|
||||||
|
} | null | undefined;
|
||||||
|
readonly residualImpact: number;
|
||||||
|
readonly residualLikelihood: number;
|
||||||
|
readonly treatment: RiskTreatment;
|
||||||
|
readonly updatedAt: any;
|
||||||
|
};
|
||||||
|
};
|
||||||
|
};
|
||||||
|
export type RisksPageUpdateRiskMutation = {
|
||||||
|
response: RisksPageUpdateRiskMutation$data;
|
||||||
|
variables: RisksPageUpdateRiskMutation$variables;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ConcreteRequest = (function(){
|
||||||
|
var v0 = [
|
||||||
|
{
|
||||||
|
"defaultValue": null,
|
||||||
|
"kind": "LocalArgument",
|
||||||
|
"name": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
v1 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
v2 = [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": [
|
||||||
|
{
|
||||||
|
"kind": "Variable",
|
||||||
|
"name": "input",
|
||||||
|
"variableName": "input"
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"concreteType": "UpdateRiskPayload",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "updateRisk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "Risk",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "risk",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v1/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "description",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "category",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "treatment",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "note",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "updatedAt",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "People",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "owner",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v1/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "fullName",
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
];
|
||||||
|
return {
|
||||||
|
"fragment": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "RisksPageUpdateRiskMutation",
|
||||||
|
"selections": (v2/*: any*/),
|
||||||
|
"type": "Mutation",
|
||||||
|
"abstractKey": null
|
||||||
|
},
|
||||||
|
"kind": "Request",
|
||||||
|
"operation": {
|
||||||
|
"argumentDefinitions": (v0/*: any*/),
|
||||||
|
"kind": "Operation",
|
||||||
|
"name": "RisksPageUpdateRiskMutation",
|
||||||
|
"selections": (v2/*: any*/)
|
||||||
|
},
|
||||||
|
"params": {
|
||||||
|
"cacheID": "a3c421bf079967f96acf2215e72cf8a7",
|
||||||
|
"id": null,
|
||||||
|
"metadata": {},
|
||||||
|
"name": "RisksPageUpdateRiskMutation",
|
||||||
|
"operationKind": "mutation",
|
||||||
|
"text": "mutation RisksPageUpdateRiskMutation(\n $input: UpdateRiskInput!\n) {\n updateRisk(input: $input) {\n risk {\n id\n name\n description\n category\n inherentLikelihood\n inherentImpact\n residualLikelihood\n residualImpact\n treatment\n note\n updatedAt\n owner {\n id\n fullName\n }\n }\n }\n}\n"
|
||||||
|
}
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "e3c8daa449e937742695adf8deb6dbe5";
|
||||||
|
|
||||||
|
export default node;
|
||||||
133
apps/console2/src/pages/organizations/risks/forms/__generated__/useRiskFormFragment.graphql.ts
generated
Normal file
133
apps/console2/src/pages/organizations/risks/forms/__generated__/useRiskFormFragment.graphql.ts
generated
Normal file
@@ -0,0 +1,133 @@
|
|||||||
|
/**
|
||||||
|
* @generated SignedSource<<6cf0470d3c2e5d8d9d6ca52bf3375026>>
|
||||||
|
* @lightSyntaxTransform
|
||||||
|
* @nogrep
|
||||||
|
*/
|
||||||
|
|
||||||
|
/* tslint:disable */
|
||||||
|
/* eslint-disable */
|
||||||
|
// @ts-nocheck
|
||||||
|
|
||||||
|
import { ReaderFragment } from 'relay-runtime';
|
||||||
|
export type RiskTreatment = "ACCEPTED" | "AVOIDED" | "MITIGATED" | "TRANSFERRED" | "%future added value";
|
||||||
|
import { FragmentRefs } from "relay-runtime";
|
||||||
|
export type useRiskFormFragment$data = {
|
||||||
|
readonly category: string;
|
||||||
|
readonly description: string;
|
||||||
|
readonly id: string;
|
||||||
|
readonly inherentImpact: number;
|
||||||
|
readonly inherentLikelihood: number;
|
||||||
|
readonly name: string;
|
||||||
|
readonly note: string;
|
||||||
|
readonly owner: {
|
||||||
|
readonly id: string;
|
||||||
|
} | null | undefined;
|
||||||
|
readonly residualImpact: number;
|
||||||
|
readonly residualLikelihood: number;
|
||||||
|
readonly treatment: RiskTreatment;
|
||||||
|
readonly " $fragmentType": "useRiskFormFragment";
|
||||||
|
};
|
||||||
|
export type useRiskFormFragment$key = {
|
||||||
|
readonly " $data"?: useRiskFormFragment$data;
|
||||||
|
readonly " $fragmentSpreads": FragmentRefs<"useRiskFormFragment">;
|
||||||
|
};
|
||||||
|
|
||||||
|
const node: ReaderFragment = (function(){
|
||||||
|
var v0 = {
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "id",
|
||||||
|
"storageKey": null
|
||||||
|
};
|
||||||
|
return {
|
||||||
|
"argumentDefinitions": [],
|
||||||
|
"kind": "Fragment",
|
||||||
|
"metadata": null,
|
||||||
|
"name": "useRiskFormFragment",
|
||||||
|
"selections": [
|
||||||
|
(v0/*: any*/),
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "name",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "category",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "description",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "treatment",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "inherentImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualLikelihood",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "residualImpact",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"kind": "ScalarField",
|
||||||
|
"name": "note",
|
||||||
|
"storageKey": null
|
||||||
|
},
|
||||||
|
{
|
||||||
|
"alias": null,
|
||||||
|
"args": null,
|
||||||
|
"concreteType": "People",
|
||||||
|
"kind": "LinkedField",
|
||||||
|
"name": "owner",
|
||||||
|
"plural": false,
|
||||||
|
"selections": [
|
||||||
|
(v0/*: any*/)
|
||||||
|
],
|
||||||
|
"storageKey": null
|
||||||
|
}
|
||||||
|
],
|
||||||
|
"type": "Risk",
|
||||||
|
"abstractKey": null
|
||||||
|
};
|
||||||
|
})();
|
||||||
|
|
||||||
|
(node as any).hash = "7ad9386b4049af3f139d7269bb5229c2";
|
||||||
|
|
||||||
|
export default node;
|
||||||
@@ -1,38 +1,77 @@
|
|||||||
import { z } from "zod";
|
import { z } from "zod";
|
||||||
import { useFormWithSchema } from "../../../../hooks/useFormWithSchema";
|
import { useFormWithSchema } from "../../../../hooks/useFormWithSchema";
|
||||||
|
import { graphql } from "relay-runtime";
|
||||||
|
import type {
|
||||||
|
useRiskFormFragment$data,
|
||||||
|
useRiskFormFragment$key,
|
||||||
|
} from "./__generated__/useRiskFormFragment.graphql";
|
||||||
|
import { useFragment } from "react-relay";
|
||||||
|
|
||||||
|
const RiskFragment = graphql`
|
||||||
|
fragment useRiskFormFragment on Risk {
|
||||||
|
id
|
||||||
|
name
|
||||||
|
category
|
||||||
|
description
|
||||||
|
treatment
|
||||||
|
inherentLikelihood
|
||||||
|
inherentImpact
|
||||||
|
residualLikelihood
|
||||||
|
residualImpact
|
||||||
|
note
|
||||||
|
owner {
|
||||||
|
id
|
||||||
|
}
|
||||||
|
}
|
||||||
|
`;
|
||||||
|
|
||||||
|
export type RiskNode = useRiskFormFragment$data;
|
||||||
|
export type RiskKey = useRiskFormFragment$key & { id: string };
|
||||||
|
|
||||||
// Export the schema so it can be used elsewhere
|
// Export the schema so it can be used elsewhere
|
||||||
export const riskSchema = z.object({
|
export const riskSchema = z.object({
|
||||||
category: z.string(),
|
category: z.string(),
|
||||||
name: z.string(),
|
name: z.string(),
|
||||||
description: z.string(),
|
description: z.string(),
|
||||||
organizationId: z.string(),
|
|
||||||
ownerId: z.string(),
|
ownerId: z.string(),
|
||||||
treatment: z.enum(["AVOIDED", "MITIGATED", "TRANSFERRED", "ACCEPTED"]),
|
treatment: z.enum([
|
||||||
inherentLikelihood: z.number().min(1).max(5),
|
"AVOIDED",
|
||||||
inherentImpact: z.number().min(1).max(5),
|
"MITIGATED",
|
||||||
residualLikelihood: z.number().min(1).max(5),
|
"TRANSFERRED",
|
||||||
residualImpact: z.number().min(1).max(5),
|
"ACCEPTED",
|
||||||
|
"%future added value",
|
||||||
|
]),
|
||||||
|
inherentLikelihood: z.number({ coerce: true }).min(1).max(5),
|
||||||
|
inherentImpact: z.number({ coerce: true }).min(1).max(5),
|
||||||
|
residualLikelihood: z.number({ coerce: true }).min(1).max(5),
|
||||||
|
residualImpact: z.number({ coerce: true }).min(1).max(5),
|
||||||
note: z.string(),
|
note: z.string(),
|
||||||
});
|
});
|
||||||
|
|
||||||
export const useRiskForm = (organizationId: string) => {
|
export const useRiskForm = (riskKey?: RiskKey) => {
|
||||||
|
const risk = useFragment(RiskFragment, riskKey);
|
||||||
return useFormWithSchema(riskSchema, {
|
return useFormWithSchema(riskSchema, {
|
||||||
defaultValues: {
|
defaultValues: risk
|
||||||
category: "Compliance & Legal",
|
? {
|
||||||
name: "Contractual risk due to poorly drafted agreements",
|
...risk,
|
||||||
description:
|
ownerId: risk.owner?.id,
|
||||||
"Weak contracts leads to disputes, missed deliverables, or revenue leakage",
|
}
|
||||||
organizationId: organizationId,
|
: {
|
||||||
ownerId: "a_YJLJ5RAAIACAAAAZbuSmzPhFPhoMEQ",
|
category: "Compliance & Legal",
|
||||||
treatment: "MITIGATED",
|
name: "Contractual risk due to poorly drafted agreements",
|
||||||
inherentLikelihood: 5,
|
description:
|
||||||
inherentImpact: 5,
|
"Weak contracts leads to disputes, missed deliverables, or revenue leakage",
|
||||||
residualLikelihood: 5,
|
ownerId: "a_YJLJ5RAAIACAAAAZbuSmzPhFPhoMEQ",
|
||||||
residualImpact: 5,
|
treatment: "MITIGATED",
|
||||||
note: "Hello worlds this is a test",
|
inherentLikelihood: 5,
|
||||||
},
|
inherentImpact: 5,
|
||||||
|
residualLikelihood: 5,
|
||||||
|
residualImpact: 5,
|
||||||
|
note: "Hello worlds this is a test",
|
||||||
|
},
|
||||||
});
|
});
|
||||||
};
|
};
|
||||||
|
|
||||||
export type RiskForm = ReturnType<typeof useRiskForm>;
|
export type RiskForm = ReturnType<typeof useRiskForm>;
|
||||||
|
|
||||||
|
export type RiskData = z.infer<typeof riskSchema>;
|
||||||
|
|||||||
@@ -71,11 +71,12 @@ const routes = [
|
|||||||
*/
|
*/
|
||||||
function routeTransformer(route: Route): RouteObject {
|
function routeTransformer(route: Route): RouteObject {
|
||||||
if ("fallback" in route && route.fallback) {
|
if ("fallback" in route && route.fallback) {
|
||||||
|
const fallback = <route.fallback />;
|
||||||
return {
|
return {
|
||||||
...route,
|
...route,
|
||||||
children: route.children?.map(routeTransformer),
|
children: route.children?.map(routeTransformer),
|
||||||
Component: () => (
|
Component: () => (
|
||||||
<Suspense fallback={<route.fallback />}>
|
<Suspense fallback={fallback}>
|
||||||
<route.Component />
|
<route.Component />
|
||||||
</Suspense>
|
</Suspense>
|
||||||
),
|
),
|
||||||
|
|||||||
7
apps/console2/src/types.ts
Normal file
7
apps/console2/src/types.ts
Normal file
@@ -0,0 +1,7 @@
|
|||||||
|
export type NodeOf<T> = T extends
|
||||||
|
| { readonly edges: ReadonlyArray<{ readonly node: infer U }> }
|
||||||
|
| undefined
|
||||||
|
? U
|
||||||
|
: never;
|
||||||
|
|
||||||
|
export type ItemOf<T> = T extends (infer U)[] ? U : never;
|
||||||
24
bun.lock
24
bun.lock
@@ -12,6 +12,7 @@
|
|||||||
"version": "0.0.0",
|
"version": "0.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"@hookform/resolvers": "^5.0.1",
|
"@hookform/resolvers": "^5.0.1",
|
||||||
|
"@probo/helpers": "1.0.0",
|
||||||
"@probo/hooks": "1.0.0",
|
"@probo/hooks": "1.0.0",
|
||||||
"@probo/i18n": "1.0.0",
|
"@probo/i18n": "1.0.0",
|
||||||
"@probo/ui": "1.0.0",
|
"@probo/ui": "1.0.0",
|
||||||
@@ -88,10 +89,10 @@
|
|||||||
"name": "@probo/i18n",
|
"name": "@probo/i18n",
|
||||||
"version": "1.0.0",
|
"version": "1.0.0",
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"date-fns": "^3.6.0",
|
"date-fns": "^4.1.0",
|
||||||
},
|
},
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/react": "^18.2.78",
|
"@types/react": "^19.1.2",
|
||||||
},
|
},
|
||||||
"peerDependencies": {
|
"peerDependencies": {
|
||||||
"react": "^18.0",
|
"react": "^18.0",
|
||||||
@@ -119,6 +120,7 @@
|
|||||||
"@probo/helpers": "1.0.0",
|
"@probo/helpers": "1.0.0",
|
||||||
"@probo/i18n": "1.0.0",
|
"@probo/i18n": "1.0.0",
|
||||||
"@radix-ui/react-dropdown-menu": "^2.1.14",
|
"@radix-ui/react-dropdown-menu": "^2.1.14",
|
||||||
|
"@radix-ui/react-portal": "^1.1.9",
|
||||||
"@radix-ui/react-scroll-area": "^1.2.9",
|
"@radix-ui/react-scroll-area": "^1.2.9",
|
||||||
"@tailwindcss/vite": "^4.1.7",
|
"@tailwindcss/vite": "^4.1.7",
|
||||||
"class-variance-authority": "^0.7.1",
|
"class-variance-authority": "^0.7.1",
|
||||||
@@ -574,9 +576,7 @@
|
|||||||
|
|
||||||
"@types/parse-json": ["@types/parse-json@4.0.2", "", {}, "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="],
|
"@types/parse-json": ["@types/parse-json@4.0.2", "", {}, "sha512-dISoDXWWQwUquiKsyZ4Ng+HX2KsPL7LyHKHQwgGFEA3IaKac4Obd+h2a/a6waisAoepJlBcx9paWqjA8/HVjCw=="],
|
||||||
|
|
||||||
"@types/prop-types": ["@types/prop-types@15.7.14", "", {}, "sha512-gNMvNH49DJ7OJYv+KAKn0Xp45p8PLl6zo2YnvDIbTd4J6MER2BmWN49TG7n9LvkyihINxeKW8+3bfS2yDC9dzQ=="],
|
"@types/react": ["@types/react@19.1.5", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-piErsCVVbpMMT2r7wbawdZsq4xMvIAhQuac2gedQHysu1TZYEigE6pnFfgZT+/jQnrRuF5r+SHzuehFjfRjr4g=="],
|
||||||
|
|
||||||
"@types/react": ["@types/react@18.3.21", "", { "dependencies": { "@types/prop-types": "*", "csstype": "^3.0.2" } }, "sha512-gXLBtmlcRJeT09/sI4PxVwyrku6SaNUj/6cMubjE6T6XdY1fDmBL7r0nX0jbSZPU/Xr0KuwLLZh6aOYY5d91Xw=="],
|
|
||||||
|
|
||||||
"@types/react-dom": ["@types/react-dom@19.1.5", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-CMCjrWucUBZvohgZxkjd6S9h0nZxXjzus6yDfUb+xLxYM7VvjKNH1tQrE9GWLql1XoOP4/Ds3bwFqShHUYraGg=="],
|
"@types/react-dom": ["@types/react-dom@19.1.5", "", { "peerDependencies": { "@types/react": "^19.0.0" } }, "sha512-CMCjrWucUBZvohgZxkjd6S9h0nZxXjzus6yDfUb+xLxYM7VvjKNH1tQrE9GWLql1XoOP4/Ds3bwFqShHUYraGg=="],
|
||||||
|
|
||||||
@@ -718,7 +718,7 @@
|
|||||||
|
|
||||||
"csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
"csstype": ["csstype@3.1.3", "", {}, "sha512-M1uQkMl8rQK/szD0LNhtqxIPLpimGm8sOBwU7lLnCpSbTyY3yeU1Vc7l4KT5zT4s/yOxHH5O7tIuuLOCnLADRw=="],
|
||||||
|
|
||||||
"date-fns": ["date-fns@3.6.0", "", {}, "sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww=="],
|
"date-fns": ["date-fns@4.1.0", "", {}, "sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg=="],
|
||||||
|
|
||||||
"debug": ["debug@4.4.1", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ=="],
|
"debug": ["debug@4.4.1", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-KcKCqiftBJcZr++7ykoDIEwSa3XWowTfNPo92BYxjXiyYEVrUQh2aLyhxBCwww+heortUFxEJYcRzosstTEBYQ=="],
|
||||||
|
|
||||||
@@ -1310,9 +1310,9 @@
|
|||||||
|
|
||||||
"yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
|
"yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
|
||||||
|
|
||||||
"zod": ["zod@3.25.17", "", {}, "sha512-8hQzQ/kMOIFbwOgPrm9Sf9rtFHpFUMy4HvN0yEB0spw14aYi0uT5xG5CE2DB9cd51GWNsz+DNO7se1kztHMKnw=="],
|
"zod": ["zod@3.25.20", "", {}, "sha512-z03fqpTMDF1G02VLKUMt6vyACE7rNWkh3gpXVHgPTw28NPtDFRGvcpTtPwn2kMKtQ0idtYJUTxchytmnqYswcw=="],
|
||||||
|
|
||||||
"zustand": ["zustand@5.0.4", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-39VFTN5InDtMd28ZhjLyuTnlytDr9HfwO512Ai4I8ZABCoyAj4F1+sr7sD1jP/+p7k77Iko0Pb5NhgBFDCX0kQ=="],
|
"zustand": ["zustand@5.0.5", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-mILtRfKW9xM47hqxGIxCv12gXusoY/xTSHBYApXozR0HmQv299whhBeeAcRy+KrPPybzosvJBCOmVjq6x12fCg=="],
|
||||||
|
|
||||||
"@babel/traverse/globals": ["globals@11.12.0", "", {}, "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="],
|
"@babel/traverse/globals": ["globals@11.12.0", "", {}, "sha512-WOBp/EEGUiIsJSp7wcv/y6MO+lV9UoncWqxuFfm8eBwzWNgyfBd6Gz+IeKQ9jCmyhoH99g15M3T+QaVHFjizVA=="],
|
||||||
|
|
||||||
@@ -1324,8 +1324,6 @@
|
|||||||
|
|
||||||
"@joshwooding/vite-plugin-react-docgen-typescript/magic-string": ["magic-string@0.27.0", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.13" } }, "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA=="],
|
"@joshwooding/vite-plugin-react-docgen-typescript/magic-string": ["magic-string@0.27.0", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.13" } }, "sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA=="],
|
||||||
|
|
||||||
"@probo/ui/@types/react": ["@types/react@19.1.4", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-EB1yiiYdvySuIITtD5lhW4yPyJ31RkJkkDw794LaQYrxCSaQV/47y5o1FMC4zF9ZyjUjzJMZwbovEnT5yHTW6g=="],
|
|
||||||
|
|
||||||
"@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
|
"@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
|
||||||
|
|
||||||
"@storybook/core/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
|
"@storybook/core/semver": ["semver@7.7.2", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-RF0Fw+rO5AMf9MAyaRXI4AV0Ulj5lMHqVxxdSgiVbixSCXoEmmX/jk0CuJw4+3SqroYO9VoUh+HcuJivvtJemA=="],
|
||||||
@@ -1352,10 +1350,6 @@
|
|||||||
|
|
||||||
"@testing-library/jest-dom/dom-accessibility-api": ["dom-accessibility-api@0.6.3", "", {}, "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w=="],
|
"@testing-library/jest-dom/dom-accessibility-api": ["dom-accessibility-api@0.6.3", "", {}, "sha512-7ZgogeTnjuHbo+ct10G9Ffp0mif17idi0IyWNVA/wcwcm7NPOD/WEHVP3n7n3MhXqxoIYm8d6MuZohYWIZ4T3w=="],
|
||||||
|
|
||||||
"@types/react-dom/@types/react": ["@types/react@19.1.4", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-EB1yiiYdvySuIITtD5lhW4yPyJ31RkJkkDw794LaQYrxCSaQV/47y5o1FMC4zF9ZyjUjzJMZwbovEnT5yHTW6g=="],
|
|
||||||
|
|
||||||
"@types/react-relay/@types/react": ["@types/react@19.1.4", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-EB1yiiYdvySuIITtD5lhW4yPyJ31RkJkkDw794LaQYrxCSaQV/47y5o1FMC4zF9ZyjUjzJMZwbovEnT5yHTW6g=="],
|
|
||||||
|
|
||||||
"@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.4", "", {}, "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A=="],
|
"@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.4", "", {}, "sha512-gJzzk+PQNznz8ysRrC0aOkBNVRBDtE1n53IqyqEf3PXrYwomFs5q4pGMizBMJF+ykh03insJ27hB8gSrD2Hn8A=="],
|
||||||
|
|
||||||
"@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
|
"@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
|
||||||
@@ -1370,8 +1364,6 @@
|
|||||||
|
|
||||||
"caller-callsite/callsites": ["callsites@2.0.0", "", {}, "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ=="],
|
"caller-callsite/callsites": ["callsites@2.0.0", "", {}, "sha512-ksWePWBloaWPxJYQ8TL0JHvtci6G5QTKwQ95RcWAa/lzoAKuAOflGdAK92hpHXjkwb8zLxoLNUoNYZgVsaJzvQ=="],
|
||||||
|
|
||||||
"console2/@types/react": ["@types/react@19.1.4", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-EB1yiiYdvySuIITtD5lhW4yPyJ31RkJkkDw794LaQYrxCSaQV/47y5o1FMC4zF9ZyjUjzJMZwbovEnT5yHTW6g=="],
|
|
||||||
|
|
||||||
"cosmiconfig/import-fresh": ["import-fresh@2.0.0", "", { "dependencies": { "caller-path": "^2.0.0", "resolve-from": "^3.0.0" } }, "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg=="],
|
"cosmiconfig/import-fresh": ["import-fresh@2.0.0", "", { "dependencies": { "caller-path": "^2.0.0", "resolve-from": "^3.0.0" } }, "sha512-eZ5H8rcgYazHbKC3PG4ClHNykCSxtAhxSSEM+2mb+7evD2CKF5V7c0dNum7AdpDh0ZdICwZY9sRSn8f+KH96sg=="],
|
||||||
|
|
||||||
"cosmiconfig/js-yaml": ["js-yaml@3.14.1", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g=="],
|
"cosmiconfig/js-yaml": ["js-yaml@3.14.1", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-okMH7OXXJ7YrN9Ok3/SXrnu4iX9yOk+25nqX4imS2npuvTYDmo/QEZoqwZkYaIDk3jVvBOTOIEgEhaLOynBS9g=="],
|
||||||
|
|||||||
@@ -1 +1,2 @@
|
|||||||
export { objectKeys } from "./object";
|
export { objectKeys } from "./object";
|
||||||
|
export { sprintf } from "./string";
|
||||||
|
|||||||
10
packages/helpers/src/string.test.ts
Normal file
10
packages/helpers/src/string.test.ts
Normal file
@@ -0,0 +1,10 @@
|
|||||||
|
import { describe, it, expect } from "vitest";
|
||||||
|
import { sprintf } from "./string";
|
||||||
|
|
||||||
|
describe("strings", () => {
|
||||||
|
it("should format a string", () => {
|
||||||
|
expect(sprintf("Hello %s", "world")).toBe("Hello world");
|
||||||
|
expect(sprintf("Hello %s %s", "John", "Doe")).toBe("Hello John Doe");
|
||||||
|
expect(sprintf("%2s %1s", "world", "Hello")).toBe("Hello world");
|
||||||
|
});
|
||||||
|
});
|
||||||
9
packages/helpers/src/string.ts
Normal file
9
packages/helpers/src/string.ts
Normal file
@@ -0,0 +1,9 @@
|
|||||||
|
export function sprintf(str: string, ...params: unknown[]): string {
|
||||||
|
let i = 0;
|
||||||
|
return str.replace(/%(\d+)?s/g, (_, ...args) => {
|
||||||
|
if (args[0]) {
|
||||||
|
return params[parseInt(args[0]) - 1] as string;
|
||||||
|
}
|
||||||
|
return params[i++] as string;
|
||||||
|
});
|
||||||
|
}
|
||||||
@@ -11,9 +11,9 @@
|
|||||||
"author": "",
|
"author": "",
|
||||||
"license": "ISC",
|
"license": "ISC",
|
||||||
"devDependencies": {
|
"devDependencies": {
|
||||||
"@types/react": "^18.2.78"
|
"@types/react": "^19.1.2"
|
||||||
},
|
},
|
||||||
"dependencies": {
|
"dependencies": {
|
||||||
"date-fns": "^3.6.0"
|
"date-fns": "^4.1.0"
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|||||||
@@ -15,6 +15,7 @@
|
|||||||
"@probo/helpers": "1.0.0",
|
"@probo/helpers": "1.0.0",
|
||||||
"@probo/i18n": "1.0.0",
|
"@probo/i18n": "1.0.0",
|
||||||
"@radix-ui/react-dropdown-menu": "^2.1.14",
|
"@radix-ui/react-dropdown-menu": "^2.1.14",
|
||||||
|
"@radix-ui/react-portal": "^1.1.9",
|
||||||
"@radix-ui/react-scroll-area": "^1.2.9",
|
"@radix-ui/react-scroll-area": "^1.2.9",
|
||||||
"@tailwindcss/vite": "^4.1.7",
|
"@tailwindcss/vite": "^4.1.7",
|
||||||
"class-variance-authority": "^0.7.1",
|
"class-variance-authority": "^0.7.1",
|
||||||
|
|||||||
31
packages/ui/src/Atoms/Badge/Badge.stories.tsx
Normal file
31
packages/ui/src/Atoms/Badge/Badge.stories.tsx
Normal file
@@ -0,0 +1,31 @@
|
|||||||
|
import { Badge } from "./Badge";
|
||||||
|
import type { Meta, StoryObj } from "@storybook/react";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
title: "Atoms/Badge",
|
||||||
|
component: Badge,
|
||||||
|
argTypes: {},
|
||||||
|
} satisfies Meta<typeof Badge>;
|
||||||
|
|
||||||
|
type Story = StoryObj<typeof Badge>;
|
||||||
|
|
||||||
|
export const Default: Story = {
|
||||||
|
render: () => (
|
||||||
|
<>
|
||||||
|
{(
|
||||||
|
[
|
||||||
|
"success",
|
||||||
|
"warning",
|
||||||
|
"danger",
|
||||||
|
"info",
|
||||||
|
"neutral",
|
||||||
|
"outline",
|
||||||
|
] as const
|
||||||
|
).map((variant) => (
|
||||||
|
<Badge key={variant} variant={variant}>
|
||||||
|
{variant}
|
||||||
|
</Badge>
|
||||||
|
))}
|
||||||
|
</>
|
||||||
|
),
|
||||||
|
};
|
||||||
24
packages/ui/src/Atoms/Badge/Badge.tsx
Normal file
24
packages/ui/src/Atoms/Badge/Badge.tsx
Normal file
@@ -0,0 +1,24 @@
|
|||||||
|
import type { HTMLAttributes } from "react";
|
||||||
|
import { tv } from "tailwind-variants";
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
variant?: "success" | "warning" | "danger" | "info" | "neutral" | "outline";
|
||||||
|
} & HTMLAttributes<HTMLDivElement>;
|
||||||
|
|
||||||
|
const badge = tv({
|
||||||
|
base: "text-xs font-medium py-[2px] px-[6px] rounded-lg w-max",
|
||||||
|
variants: {
|
||||||
|
variant: {
|
||||||
|
success: "bg-success text-txt-success",
|
||||||
|
warning: "bg-warning text-txt-warning",
|
||||||
|
danger: "bg-danger text-txt-danger",
|
||||||
|
info: "bg-info text-txt-info",
|
||||||
|
neutral: "bg-subtle text-txt-secondary",
|
||||||
|
outline: "text-txt-tertiary border border-border-low",
|
||||||
|
},
|
||||||
|
},
|
||||||
|
});
|
||||||
|
|
||||||
|
export function Badge(props: Props) {
|
||||||
|
return <div className={badge(props)} {...props} />;
|
||||||
|
}
|
||||||
@@ -1,8 +1,10 @@
|
|||||||
import type { FC, PropsWithChildren, ReactNode } from "react";
|
import type { ComponentProps, FC, PropsWithChildren, ReactNode } from "react";
|
||||||
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
import * as DropdownMenu from "@radix-ui/react-dropdown-menu";
|
||||||
import { clsx } from "clsx";
|
import { clsx } from "clsx";
|
||||||
import type { IconProps } from "../Icons/type.ts";
|
import type { IconProps } from "../Icons/type.ts";
|
||||||
import { tv } from "tailwind-variants";
|
import { tv } from "tailwind-variants";
|
||||||
|
import { IconDotGrid1x3Horizontal } from "../Icons/IconDotGrid1x3Horizontal.tsx";
|
||||||
|
import { Button } from "../Button/Button.tsx";
|
||||||
|
|
||||||
type Props = PropsWithChildren<{
|
type Props = PropsWithChildren<{
|
||||||
toggle: ReactNode;
|
toggle: ReactNode;
|
||||||
@@ -38,7 +40,8 @@ type DropdownItemProps = PropsWithChildren<{
|
|||||||
icon?: FC<IconProps>;
|
icon?: FC<IconProps>;
|
||||||
asChild?: boolean;
|
asChild?: boolean;
|
||||||
variant?: "primary" | "tertiary" | "danger";
|
variant?: "primary" | "tertiary" | "danger";
|
||||||
}>;
|
}> &
|
||||||
|
ComponentProps<typeof DropdownMenu.Item>;
|
||||||
|
|
||||||
const dropdownItem = tv({
|
const dropdownItem = tv({
|
||||||
base: "text-txt-primary flex items-center gap-2 hover:bg-tertiary-hover active:bg-tertiary-pressed cursor-pointer p-2",
|
base: "text-txt-primary flex items-center gap-2 hover:bg-tertiary-hover active:bg-tertiary-pressed cursor-pointer p-2",
|
||||||
@@ -54,15 +57,28 @@ const dropdownItem = tv({
|
|||||||
},
|
},
|
||||||
});
|
});
|
||||||
|
|
||||||
|
export function ActionDropdown(props: Omit<Props, "toggle">) {
|
||||||
|
return (
|
||||||
|
<Dropdown
|
||||||
|
{...props}
|
||||||
|
toggle={
|
||||||
|
<Button variant="tertiary" icon={IconDotGrid1x3Horizontal} />
|
||||||
|
}
|
||||||
|
/>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
export function DropdownItem({
|
export function DropdownItem({
|
||||||
icon: IconComponent,
|
icon: IconComponent,
|
||||||
variant,
|
variant,
|
||||||
className,
|
className,
|
||||||
children,
|
children,
|
||||||
asChild,
|
asChild,
|
||||||
|
...props
|
||||||
}: DropdownItemProps) {
|
}: DropdownItemProps) {
|
||||||
return (
|
return (
|
||||||
<DropdownMenu.Item
|
<DropdownMenu.Item
|
||||||
|
{...props}
|
||||||
className={clsx(dropdownItem({ variant }), className)}
|
className={clsx(dropdownItem({ variant }), className)}
|
||||||
asChild={asChild}
|
asChild={asChild}
|
||||||
>
|
>
|
||||||
|
|||||||
@@ -85,6 +85,9 @@ const findSelectedOption = (
|
|||||||
children: unknown[],
|
children: unknown[],
|
||||||
condition: (c: { props: Record<string, unknown> }) => boolean,
|
condition: (c: { props: Record<string, unknown> }) => boolean,
|
||||||
): ReactNode => {
|
): ReactNode => {
|
||||||
|
if (children.length === 1) {
|
||||||
|
debugger;
|
||||||
|
}
|
||||||
const selectedOptions = children.find(
|
const selectedOptions = children.find(
|
||||||
// @ts-expect-error We know that the children are ReactElements with props
|
// @ts-expect-error We know that the children are ReactElements with props
|
||||||
(c) => isValidElement(c) && condition(c),
|
(c) => isValidElement(c) && condition(c),
|
||||||
@@ -109,7 +112,7 @@ export function Select({
|
|||||||
(c) => c.props.value?.toString() === value?.toString(),
|
(c) => c.props.value?.toString() === value?.toString(),
|
||||||
)
|
)
|
||||||
: undefined;
|
: undefined;
|
||||||
|
console.log(childrenArr, valueNode);
|
||||||
return (
|
return (
|
||||||
<Root onValueChange={onValueChange} value={value}>
|
<Root onValueChange={onValueChange} value={value}>
|
||||||
<Trigger className={trigger({ ...props })} {...props}>
|
<Trigger className={trigger({ ...props })} {...props}>
|
||||||
|
|||||||
12
packages/ui/src/Atoms/Table/Table.stories.tsx
Normal file
12
packages/ui/src/Atoms/Table/Table.stories.tsx
Normal file
@@ -0,0 +1,12 @@
|
|||||||
|
import { Table } from "./Table";
|
||||||
|
import type { Meta, StoryObj } from "@storybook/react";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
title: "Atoms/Table",
|
||||||
|
component: Table,
|
||||||
|
argTypes: {},
|
||||||
|
} satisfies Meta<typeof Table>;
|
||||||
|
|
||||||
|
type Story = StoryObj<typeof Table>;
|
||||||
|
|
||||||
|
export const Default: Story = {};
|
||||||
64
packages/ui/src/Atoms/Table/Table.tsx
Normal file
64
packages/ui/src/Atoms/Table/Table.tsx
Normal file
@@ -0,0 +1,64 @@
|
|||||||
|
import { createContext, useContext, type PropsWithChildren } from "react";
|
||||||
|
import { Card } from "../Card/Card";
|
||||||
|
import { Link } from "react-router";
|
||||||
|
import clsx from "clsx";
|
||||||
|
|
||||||
|
export function Table({ children }: PropsWithChildren) {
|
||||||
|
return (
|
||||||
|
<Card className="relative w-full overflow-auto">
|
||||||
|
<table className="w-full text-left">{children}</table>
|
||||||
|
</Card>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Thead({ children }: PropsWithChildren) {
|
||||||
|
return (
|
||||||
|
<thead className="text-xs text-txt-tertiary font-semibold">
|
||||||
|
{children}
|
||||||
|
</thead>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Th({ children }: PropsWithChildren) {
|
||||||
|
return <th className="first:pl-6 last:pr-6 py-3">{children}</th>;
|
||||||
|
}
|
||||||
|
|
||||||
|
const TrContext = createContext({} as { to?: string });
|
||||||
|
|
||||||
|
export function Tr({ children, to }: PropsWithChildren<{ to?: string }>) {
|
||||||
|
return (
|
||||||
|
<TrContext value={{ to }}>
|
||||||
|
<tr
|
||||||
|
className={clsx(
|
||||||
|
"border-border-low border",
|
||||||
|
to && "hover:bg-subtle",
|
||||||
|
)}
|
||||||
|
>
|
||||||
|
{children}
|
||||||
|
</tr>
|
||||||
|
</TrContext>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Tbody({ children }: PropsWithChildren) {
|
||||||
|
return (
|
||||||
|
<tbody className="text-sm text-txt-primary bg-tertiary">
|
||||||
|
{children}
|
||||||
|
</tbody>
|
||||||
|
);
|
||||||
|
}
|
||||||
|
|
||||||
|
export function Td({
|
||||||
|
children,
|
||||||
|
noLink,
|
||||||
|
}: PropsWithChildren<{ noLink?: boolean }>) {
|
||||||
|
const { to } = useContext(TrContext);
|
||||||
|
if (!to || noLink) {
|
||||||
|
return <td className="first:pl-6 last:pr-6 py-3">{children}</td>;
|
||||||
|
}
|
||||||
|
return (
|
||||||
|
<td className="first:*:pl-6 *:block last:*:pr-6 py-3">
|
||||||
|
<Link to={to}>{children}</Link>
|
||||||
|
</td>
|
||||||
|
);
|
||||||
|
}
|
||||||
20
packages/ui/src/Molecules/Badge/RiskBadge.stories.tsx
Normal file
20
packages/ui/src/Molecules/Badge/RiskBadge.stories.tsx
Normal file
@@ -0,0 +1,20 @@
|
|||||||
|
import { RiskBadge } from "./RiskBadge";
|
||||||
|
import type { Meta, StoryObj } from "@storybook/react";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
title: "Molecules/Badges/RiskBadge",
|
||||||
|
component: RiskBadge,
|
||||||
|
argTypes: {},
|
||||||
|
} satisfies Meta<typeof RiskBadge>;
|
||||||
|
|
||||||
|
type Story = StoryObj<typeof RiskBadge>;
|
||||||
|
|
||||||
|
export const Default: Story = {
|
||||||
|
render: () => (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<RiskBadge score={10} />
|
||||||
|
<RiskBadge score={8} />
|
||||||
|
<RiskBadge score={0} />
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
};
|
||||||
30
packages/ui/src/Molecules/Badge/RiskBadge.tsx
Normal file
30
packages/ui/src/Molecules/Badge/RiskBadge.tsx
Normal file
@@ -0,0 +1,30 @@
|
|||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { Badge } from "../../Atoms/Badge/Badge";
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
score: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
const badgeVariant = (score: number) => {
|
||||||
|
if (score >= 15) {
|
||||||
|
return "danger";
|
||||||
|
}
|
||||||
|
if (score >= 8) {
|
||||||
|
return "warning";
|
||||||
|
}
|
||||||
|
return "success";
|
||||||
|
};
|
||||||
|
|
||||||
|
export function RiskBadge({ score }: Props) {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const label = () => {
|
||||||
|
if (score >= 15) {
|
||||||
|
return __("High");
|
||||||
|
}
|
||||||
|
if (score >= 8) {
|
||||||
|
return __("Medium");
|
||||||
|
}
|
||||||
|
return __("Low");
|
||||||
|
};
|
||||||
|
return <Badge variant={badgeVariant(score)}>{label()}</Badge>;
|
||||||
|
}
|
||||||
21
packages/ui/src/Molecules/Badge/SeverityBadge.stories.tsx
Normal file
21
packages/ui/src/Molecules/Badge/SeverityBadge.stories.tsx
Normal file
@@ -0,0 +1,21 @@
|
|||||||
|
import { SeverityBadge } from "./SeverityBadge.tsx";
|
||||||
|
import type { Meta, StoryObj } from "@storybook/react";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
title: "Molecules/Badges/SeverityBadge",
|
||||||
|
component: SeverityBadge,
|
||||||
|
argTypes: {},
|
||||||
|
} satisfies Meta<typeof SeverityBadge>;
|
||||||
|
|
||||||
|
type Story = StoryObj<typeof SeverityBadge>;
|
||||||
|
|
||||||
|
export const Default: Story = {
|
||||||
|
render: () => (
|
||||||
|
<div className="space-y-2">
|
||||||
|
<SeverityBadge severity={75} />
|
||||||
|
<SeverityBadge severity={50} />
|
||||||
|
<SeverityBadge severity={25} />
|
||||||
|
<SeverityBadge severity={0} />
|
||||||
|
</div>
|
||||||
|
),
|
||||||
|
};
|
||||||
36
packages/ui/src/Molecules/Badge/SeverityBadge.tsx
Normal file
36
packages/ui/src/Molecules/Badge/SeverityBadge.tsx
Normal file
@@ -0,0 +1,36 @@
|
|||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { Badge } from "../../Atoms/Badge/Badge.tsx";
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
severity: number;
|
||||||
|
};
|
||||||
|
|
||||||
|
const badgeVariant = (severity: number) => {
|
||||||
|
if (severity >= 75) {
|
||||||
|
return "danger";
|
||||||
|
}
|
||||||
|
if (severity >= 50) {
|
||||||
|
return "warning";
|
||||||
|
}
|
||||||
|
if (severity >= 25) {
|
||||||
|
return "info";
|
||||||
|
}
|
||||||
|
return "success";
|
||||||
|
};
|
||||||
|
|
||||||
|
export function SeverityBadge({ severity }: Props) {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const label = () => {
|
||||||
|
if (severity >= 75) {
|
||||||
|
return __("Critical");
|
||||||
|
}
|
||||||
|
if (severity >= 50) {
|
||||||
|
return __("High");
|
||||||
|
}
|
||||||
|
if (severity >= 25) {
|
||||||
|
return __("Low");
|
||||||
|
}
|
||||||
|
return __("None");
|
||||||
|
};
|
||||||
|
return <Badge variant={badgeVariant(severity)}>{label()}</Badge>;
|
||||||
|
}
|
||||||
28
packages/ui/src/Molecules/Dialog/ConfirmDialog.stories.tsx
Normal file
28
packages/ui/src/Molecules/Dialog/ConfirmDialog.stories.tsx
Normal file
@@ -0,0 +1,28 @@
|
|||||||
|
import { Button } from "../../Atoms/Button/Button";
|
||||||
|
import { ConfirmDialog } from "./ConfirmDialog";
|
||||||
|
import type { Meta, StoryObj } from "@storybook/react";
|
||||||
|
|
||||||
|
export default {
|
||||||
|
title: "Atoms/ConfirmDialog",
|
||||||
|
component: ConfirmDialog,
|
||||||
|
argTypes: {},
|
||||||
|
} satisfies Meta<typeof ConfirmDialog>;
|
||||||
|
|
||||||
|
type Story = StoryObj<typeof ConfirmDialog>;
|
||||||
|
|
||||||
|
export const Default: Story = {
|
||||||
|
args: {
|
||||||
|
message:
|
||||||
|
'This will permanently delete the risk "Demo". This action cannot be undone.',
|
||||||
|
},
|
||||||
|
render() {
|
||||||
|
return (
|
||||||
|
<ConfirmDialog
|
||||||
|
message="Are you sure you want to delete this risk?"
|
||||||
|
onConfirm={() => {}}
|
||||||
|
>
|
||||||
|
<Button variant="danger">Delete this</Button>
|
||||||
|
</ConfirmDialog>
|
||||||
|
);
|
||||||
|
},
|
||||||
|
};
|
||||||
66
packages/ui/src/Molecules/Dialog/ConfirmDialog.tsx
Normal file
66
packages/ui/src/Molecules/Dialog/ConfirmDialog.tsx
Normal file
@@ -0,0 +1,66 @@
|
|||||||
|
import { useTranslate } from "@probo/i18n";
|
||||||
|
import { Dialog, DialogContent, DialogFooter } from "./Dialog";
|
||||||
|
import {
|
||||||
|
Children,
|
||||||
|
cloneElement,
|
||||||
|
isValidElement,
|
||||||
|
useState,
|
||||||
|
type ComponentProps,
|
||||||
|
type MouseEvent,
|
||||||
|
type ReactNode,
|
||||||
|
} from "react";
|
||||||
|
import { Button } from "../../Atoms/Button/Button";
|
||||||
|
import { Root as Portal } from "@radix-ui/react-portal";
|
||||||
|
|
||||||
|
type Props = {
|
||||||
|
children?: ReactNode;
|
||||||
|
title?: ReactNode;
|
||||||
|
message: string;
|
||||||
|
variant?: ComponentProps<typeof Button>["variant"];
|
||||||
|
label?: string;
|
||||||
|
onConfirm?: () => void;
|
||||||
|
};
|
||||||
|
|
||||||
|
export function ConfirmDialog(props: Props) {
|
||||||
|
const { __ } = useTranslate();
|
||||||
|
const title = props.title ?? __("Are you sure ?");
|
||||||
|
const variant = props.variant ?? "danger";
|
||||||
|
const label = variant === "danger" ? __("Delete") : props.label;
|
||||||
|
const [open, setOpen] = useState(false);
|
||||||
|
const onConfirm = () => {
|
||||||
|
setOpen(false);
|
||||||
|
props.onConfirm?.();
|
||||||
|
document.body.click();
|
||||||
|
};
|
||||||
|
const children = Children.map(props.children, (child) => {
|
||||||
|
if (!isValidElement(child)) {
|
||||||
|
throw new Error("Cannot use non element children");
|
||||||
|
}
|
||||||
|
return cloneElement(child, {
|
||||||
|
// @ts-expect-error We inject a handler on an unknown element
|
||||||
|
onClick: (e: MouseEvent) => {
|
||||||
|
e.preventDefault();
|
||||||
|
setOpen(true);
|
||||||
|
},
|
||||||
|
});
|
||||||
|
});
|
||||||
|
return (
|
||||||
|
<>
|
||||||
|
{children}
|
||||||
|
<Portal>
|
||||||
|
<Dialog open={open} onOpenChange={setOpen} title={title}>
|
||||||
|
<DialogContent>
|
||||||
|
<p className="text-sm text-txt-secondary p-4">
|
||||||
|
{props.message}
|
||||||
|
</p>
|
||||||
|
</DialogContent>
|
||||||
|
<DialogFooter>
|
||||||
|
<Button variant={variant} onClick={onConfirm}>
|
||||||
|
{label}
|
||||||
|
</Button>
|
||||||
|
</DialogFooter>
|
||||||
|
</Dialog>
|
||||||
|
</Portal>
|
||||||
|
</>
|
||||||
|
);
|
||||||
|
}
|
||||||
@@ -14,7 +14,7 @@ import { useTranslate } from "@probo/i18n";
|
|||||||
import clsx from "clsx";
|
import clsx from "clsx";
|
||||||
|
|
||||||
type Props = {
|
type Props = {
|
||||||
trigger: ReactNode;
|
trigger?: ReactNode;
|
||||||
title: ReactNode;
|
title: ReactNode;
|
||||||
children?: ReactNode;
|
children?: ReactNode;
|
||||||
onOpenChange?: (open: boolean) => void;
|
onOpenChange?: (open: boolean) => void;
|
||||||
@@ -30,7 +30,7 @@ export function Dialog({
|
|||||||
}: Props) {
|
}: Props) {
|
||||||
return (
|
return (
|
||||||
<Root open={open} onOpenChange={onOpenChange}>
|
<Root open={open} onOpenChange={onOpenChange}>
|
||||||
<Trigger asChild>{trigger}</Trigger>
|
{trigger && <Trigger asChild>{trigger}</Trigger>}
|
||||||
<Portal>
|
<Portal>
|
||||||
<Overlay
|
<Overlay
|
||||||
className={clsx(
|
className={clsx(
|
||||||
|
|||||||
@@ -16,6 +16,8 @@ type BaseProps<T extends string, P> = {
|
|||||||
type Props =
|
type Props =
|
||||||
| BaseProps<never, ComponentProps<typeof Input>>
|
| BaseProps<never, ComponentProps<typeof Input>>
|
||||||
| BaseProps<"text", ComponentProps<typeof Input>>
|
| BaseProps<"text", ComponentProps<typeof Input>>
|
||||||
|
| BaseProps<"email", ComponentProps<typeof Input>>
|
||||||
|
| BaseProps<"password", ComponentProps<typeof Input>>
|
||||||
| BaseProps<"textarea", ComponentProps<typeof Textarea>>
|
| BaseProps<"textarea", ComponentProps<typeof Textarea>>
|
||||||
| BaseProps<"select", ComponentProps<typeof Select>>;
|
| BaseProps<"select", ComponentProps<typeof Select>>;
|
||||||
|
|
||||||
|
|||||||
@@ -16,6 +16,7 @@ export { Card } from "./Atoms/Card/Card";
|
|||||||
export { Breadcrumb } from "./Atoms/Breadcrumb/Breadcrumb";
|
export { Breadcrumb } from "./Atoms/Breadcrumb/Breadcrumb";
|
||||||
export {
|
export {
|
||||||
Dropdown,
|
Dropdown,
|
||||||
|
ActionDropdown,
|
||||||
DropdownSeparator,
|
DropdownSeparator,
|
||||||
DropdownItem,
|
DropdownItem,
|
||||||
} from "./Atoms/Dropdown/Dropdown";
|
} from "./Atoms/Dropdown/Dropdown";
|
||||||
@@ -26,6 +27,7 @@ export { Textarea } from "./Atoms/Textarea/Textarea.tsx";
|
|||||||
export { Select, Option } from "./Atoms/Select/Select.tsx";
|
export { Select, Option } from "./Atoms/Select/Select.tsx";
|
||||||
export { Label } from "./Atoms/Label/Label";
|
export { Label } from "./Atoms/Label/Label";
|
||||||
export { PropertyRow } from "./Atoms/PropertyRow/PropertyRow";
|
export { PropertyRow } from "./Atoms/PropertyRow/PropertyRow";
|
||||||
|
export { Table, Thead, Tr, Tbody, Td, Th } from "./Atoms/Table/Table";
|
||||||
|
|
||||||
// Molecules
|
// Molecules
|
||||||
export {
|
export {
|
||||||
@@ -35,6 +37,9 @@ export {
|
|||||||
export { PageHeader } from "./Molecules/PageHeader/PageHeader";
|
export { PageHeader } from "./Molecules/PageHeader/PageHeader";
|
||||||
export { Skeleton } from "./Atoms/Skeleton/Skeleton";
|
export { Skeleton } from "./Atoms/Skeleton/Skeleton";
|
||||||
export { Dialog, DialogContent, DialogFooter } from "./Molecules/Dialog/Dialog";
|
export { Dialog, DialogContent, DialogFooter } from "./Molecules/Dialog/Dialog";
|
||||||
|
export { RiskBadge } from "./Molecules/Badge/RiskBadge";
|
||||||
|
export { SeverityBadge } from "./Molecules/Badge/SeverityBadge.tsx";
|
||||||
|
export { ConfirmDialog } from "./Molecules/Dialog/ConfirmDialog.tsx";
|
||||||
|
|
||||||
// Hooks
|
// Hooks
|
||||||
export { useToast, Toasts } from "./Atoms/Toasts/Toasts";
|
export { useToast, Toasts } from "./Atoms/Toasts/Toasts";
|
||||||
|
|||||||
@@ -23,6 +23,6 @@
|
|||||||
"noFallthroughCasesInSwitch": true,
|
"noFallthroughCasesInSwitch": true,
|
||||||
"noUncheckedSideEffectImports": true
|
"noUncheckedSideEffectImports": true
|
||||||
},
|
},
|
||||||
"include": ["src"],
|
"include": ["src", "../../apps/console2/src/types.ts"],
|
||||||
"exclude": ["src/Atoms/Icons/generator.ts"]
|
"exclude": ["src/Atoms/Icons/generator.ts"]
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user