@speron/projekt-front 0.0.3

package/src/Base/Pages/PageCatch.jsx

@@ -0,0 +1,235 @@
+import { useParams } from "react-router"
+
+import { useGQLType } from "../../../../dynamic/src/Hooks/useGQLType"
+
+import { LargeCard } from "../Components/LargeCard"
+import { CardCapsule, SimpleCardCapsule } from "../Components/CardCapsule"
+import { MediumCardScalars, ScalarAttribute } from "../Scalars/ScalarAttribute"
+import { MediumCardVectors, Tree, VectorAttribute } from "../Vectors/VectorAttribute"
+import { useGQLEntityContext, AsyncActionProvider } from "../Helpers/GQLEntityProvider"
+import { Row } from "../Components/Row"
+import { Col } from "../Components/Col"
+import { Card } from "react-bootstrap"
+import { SimpleCardCapsuleRightCorner } from "@hrbolek/uoisfrontend-shared"
+import { CopyButton } from "../Components/CopyButton"
+import { Table } from "../Components/Table"
+import { generateQueryVectorFields } from "../Helpers/generateQuery"
+import { ProxyLink } from "../Components/ProxyLink"
+import { GenericURIRoot } from "../Components"
+
+
+export const GeneratedContentBase = ({ item }) => {
+    return (<>
+        <Tree item={item} />
+        <MediumCardScalars item={item} />
+        <MediumCardVectors item={item} />
+    </>)
+}
+
+/**
+ * Vnitřní „skeleton“ stránky pro práci s jednou entitou z `GQLEntityContext`.
+ *
+ * Komponenta očekává, že někde výše ve stromu už existuje provider (např. `AsyncActionProvider`),
+ * který naplní `useGQLEntityContext()` hodnotou `item`.
+ *
+ * Co dělá:
+ * - vezme `item` z `useGQLEntityContext()`
+ * - pokud `item` není k dispozici, vrací `null` (typicky loading / nenalezeno)
+ * - vykreslí navbar (default `PageNavbar`) s propem `item`
+ * - obalí obsah layout komponentou (default `LargeCard`) s propem `item`
+ * - uvnitř layoutu vykreslí „subpage“ komponentu (default `GeneratedContentBase`) s propem `item`
+ * - `children` vloží dovnitř `SubPage` (slot pro rozšíření obsahu stránky)
+ *
+ * Díky parametrům `PageNavbar`, `ItemLayout` a `SubPage` lze stejnou strukturu znovu použít
+ * pro různé stránky nad jednou entitou (jiné rozložení, jiný generovaný obsah, jiné menu).
+ *
+ * @component
+ * @param {object} props
+ * @param {import("react").ComponentType<{item:any}>} [props.PageNavbar=PageNavbar]
+ *   Komponenta navigace/hlavičky stránky. Dostane prop `item`.
+ * @param {import("react").ComponentType<{item:any, children?:import("react").ReactNode}>} [props.ItemLayout=LargeCard]
+ *   Obalová layout komponenta pro zobrazení entity (např. karta). Dostane `item` a obvykle renderuje `children`.
+ * @param {import("react").ComponentType<{item:any, children?:import("react").ReactNode}>} [props.SubPage=GeneratedContentBase]
+ *   Vnitřní obsah stránky (např. generované sekce, detail, taby). Dostane `item` a renderuje `children`.
+ * @param {import("react").ReactNode} [props.children]
+ *   Dodatečný obsah vložený do `SubPage` (např. extra sekce, akční tlačítka, custom bloky).
+ *
+ * @returns {import("react").JSX.Element|null}
+ *   Struktura stránky (navbar + layout + subpage) nebo `null`, pokud `item` není dostupný.
+ */
+const PageItemInnerStructure = ({
+    PageNavbar=null,
+    ItemLayout=LargeCard,
+    SubPage=GeneratedContentBase,
+    OtherComponents=[],
+    children
+}) => {
+    const { item } = useGQLEntityContext()
+    if (!item) return <>Položka nenalezena</>
+    
+    // Components: [A, B, C] => <A><B><C>{children}</C></B></A>
+    const content = (OtherComponents || []).reduceRight((acc, Component) => {
+        if (!Component) return acc;
+        return <Component item={item}>{acc}</Component>;
+    }, null);
+
+    return (
+        <>
+            {PageNavbar && <PageNavbar item={item} />}
+            {children}
+            <ItemLayout item={item} >
+                {SubPage ? (
+                    <SubPage item={item}>
+                        {content}
+                    </SubPage>
+                ):(
+                    {content}
+                )}
+            </ItemLayout>        
+        </>
+    );    
+}
+
+
+/**
+ * Base wrapper pro stránky pracující s jedním entity itemem podle `:id` z routy.
+ *
+ * Komponenta:
+ * - načte `id` z URL přes `useParams()`
+ * - sestaví minimální `item` objekt `{ id }`
+ * - poskytne jej přes `AsyncActionProvider`, který zajistí načtení entity pomocí `queryAsyncAction`
+ * - vloží do stránky navbar přes `PlaceChild Component={PageNavbar}`
+ * - vyrenderuje `children` uvnitř provideru (tj. až v kontextu načtené entity)
+ *
+ * Typické použití je jako obálka routy typu `/.../:id`, kde vnořené komponenty
+ * (detail, editace, akce) používají kontext z `AsyncActionProvider`.
+ *
+ * @component
+ * @param {object} props
+ * @param {import("react").ReactNode} props.children
+ *   Obsah stránky, který se má vyrenderovat uvnitř `AsyncActionProvider`.
+ * @param {Function} [props.queryAsyncAction=ReadAsyncAction]
+ *   Async action (např. thunk) použitá pro načtení entity z GraphQL endpointu.
+ *   Dostane `item` s `id` (a případně další parametry podle implementace provideru).
+ *
+ * @returns {import("react").JSX.Element}
+ *   Provider s navigací (`PageNavbar`) a obsahem stránky (`children`).
+ */
+export const PageItemBase = ({ 
+    queryAsyncAction=ReadAsyncAction,
+    PageNavbar=null,
+    ItemLayout=LargeCard,
+    SubPage=GeneratedContentBase,
+    children
+}) => {
+    const {id} = useParams()
+    const item = {id}
+    return (
+        <AsyncActionProvider item={item} queryAsyncAction={queryAsyncAction}>
+            <PageItemInnerStructure 
+                PageNavbar={PageNavbar}
+                ItemLayout={ItemLayout}
+                SubPage={SubPage}
+                children={children}
+            />
+        </AsyncActionProvider>
+    )
+}
+
+
+export const PageVectorContent = ({queryById, queryVector, mutations, children, params}) => {
+     const gqlContext= useGQLEntityContext()
+     const {id, typename, action="view"} = useParams()
+     const { item, data } = gqlContext || {}
+    let content = children
+    if ((action === "__def"))
+        content = <Row>
+            <Col>
+                <CardCapsule header="queryById">
+                    <SimpleCardCapsuleRightCorner>
+                        <CopyButton className="btn btn-sm border-0" text={queryById}/>
+                    </SimpleCardCapsuleRightCorner>
+                    <pre>{queryById?.replaceAll(", ", ", \n\t").replaceAll("(", "(\n\t")}</pre>
+                </CardCapsule>
+            </Col>
+            <Col>
+                <CardCapsule header="queryVector">
+                    <SimpleCardCapsuleRightCorner>
+                        <CopyButton className="btn btn-sm border-0" text={queryVector}/>
+                    </SimpleCardCapsuleRightCorner>
+                    <pre>{queryVector?.replaceAll(", ", ", \n\t").replaceAll("(", "(\n\t")}</pre>
+                </CardCapsule>
+            </Col>
+            {Object.entries(mutations).map(([name, value]) => {
+                return (
+                <Col key={name}>
+                    <CardCapsule header={name}>
+                        <SimpleCardCapsuleRightCorner>
+                            <CopyButton className="btn btn-sm border-0" text={value}/>
+                        </SimpleCardCapsuleRightCorner>
+                        <pre>{value?.replaceAll(", ", ", \n\t").replaceAll("(", "(\n\t")}</pre>
+                        {/* <pre>{value?.replaceAll(", ", ", \n\t").replaceAll("(", ", (\n\t")}</pre> */}
+                    </CardCapsule>
+                </Col>
+                )
+            })}
+        </Row>
+    if ((action === "list")) {
+        const dataResponse = data?.data || {}
+        const list = Object.entries(dataResponse)?.[0]?.[1] || []
+
+        content = <Table data={list} />
+    }
+        
+    return (<>
+        
+        {content}
+        
+        <Row>
+            <Col>
+                <CardCapsule header="queryVector">
+                    <pre>{queryById}</pre>
+                </CardCapsule>
+            </Col>
+            <Col>
+                <CardCapsule header="Parametry">
+                    <pre>{JSON.stringify(params, null, 2)}</pre>
+                </CardCapsule>
+            </Col>
+            <Col>
+                <CardCapsule header="Response">
+                    <pre>{JSON.stringify(data, null, 2)}</pre>
+                </CardCapsule>
+            </Col>
+        </Row>
+    </>
+    )
+}
+
+export const PageCatch = ({ children }) => {
+    const {id, typename, action="list"} = useParams()
+    // const id = "51d101a0-81f1-44ca-8366-6cf51432e8d6";
+    const item = {id}
+    const { introspection } = useGQLType(typename)    
+    const types = introspection?generateQueryVectorFields(introspection) : []
+    return (
+        // <div>Hello</div>
+        <>
+        <SimpleCardCapsule title={"types"}>
+        {types.map((t, i) => (
+            <div key={t+":" + i}>
+                {/* <button className="btn btn-outline-secondary form-control"> */}
+                <ProxyLink to={`${GenericURIRoot}/${t}/list`} >{t}</ProxyLink>
+                {/* </button> */}
+            </div>
+        ))}
+        </SimpleCardCapsule>
+        <SimpleCardCapsule title="_schema">
+        <pre>
+            {JSON.stringify(introspection, null, 2)}
+        </pre>
+        </SimpleCardCapsule>
+
+        </>
+    )
+}

package/src/Base/Pages/PageNavbar.jsx

@@ -0,0 +1,70 @@
+import { Nav, Navbar } from "react-bootstrap"
+import { BoxArrowInLeft, BoxArrowRight, HouseFill, PersonCircle } from "react-bootstrap-icons";
+import { Link } from "../Components";
+
+export const HomeButton = ({indexURL}) => {
+    return (
+        <div className="mb-0">
+            <ProxyLink to={indexURL} aria-label="Home" className="mr-3">
+                <HouseFill size={32} />
+            </ProxyLink>                        
+        </div>
+    )
+}
+
+export const PersonButton = ({
+    item
+}) => {
+    return (
+        <Nav.Item className="ml-lg-3" style={{ marginLeft: '16px' }}>
+            <Link item={item} aria-label="Profile">
+                <PersonCircle size={32} />
+            </Link>
+        </Nav.Item>
+    )
+}
+
+export const SearchBox = ({handleSearchChange}) => {
+    return (
+        <Form className="d-flex align-items-center mb-3 mb-lg-0">
+            <Row>
+                <Col xs="auto">
+                    <Form.Control
+                        type="text"
+                        placeholder="Search"
+                        onChange={handleSearchChange}
+                    />
+                </Col>
+            </Row>
+        </Form>
+    )
+}
+
+const DummyComponent = ()=>null
+export const PageNavbar = ({
+    indexUrl,
+    item,
+    children,
+    handleSearchChange,
+    HomeButton: HomeButton_ = DummyComponent,
+    PersonButton: PersonButton_ = DummyComponent,
+    SearchBox: SearchBox_ = DummyComponent
+}) => {
+    return (
+        <Navbar bg="light" expand="lg">
+            <Navbar.Toggle aria-controls="basic-navbar-nav" />
+            <Navbar.Collapse id="basic-navbar-nav">
+                <Nav variant="tabs" className="align-items-center w-100 flex-column flex-lg-row">
+                    <HomeButton_ indexURL={indexUrl} />
+                    <div className="mx-auto d-flex align-items-center flex-column flex-lg-row mb-0">
+                        {children}
+                    </div>
+                    <div className="d-flex flex-column flex-lg-row align-items-center ml-lg-auto">
+                        <SearchBox_ handleSearchChange={handleSearchChange} />
+                    </div>
+                    <PersonButton_ item={item} />
+                </Nav>
+            </Navbar.Collapse>
+        </Navbar>
+    )
+}

package/src/Base/Pages/PageVector.jsx

@@ -0,0 +1,229 @@
+import { useParams } from "react-router"
+
+import { useGQLType } from "../../../../dynamic/src/Hooks/useGQLType"
+
+import { LargeCard } from "../Components/LargeCard"
+import { CardCapsule } from "../Components/CardCapsule"
+import { MediumCardScalars, ScalarAttribute } from "../Scalars/ScalarAttribute"
+import { MediumCardVectors, Tree, VectorAttribute } from "../Vectors/VectorAttribute"
+import { useGQLEntityContext, AsyncActionProvider } from "../Helpers/GQLEntityProvider"
+import { Row } from "../Components/Row"
+import { Col } from "../Components/Col"
+import { Card } from "react-bootstrap"
+import { SimpleCardCapsuleRightCorner } from "@hrbolek/uoisfrontend-shared"
+import { CopyButton } from "../Components/CopyButton"
+import { Table } from "../Components/Table"
+
+export const GeneratedContentBase = ({ item }) => {
+    return (<>
+        <Tree item={item} />
+        <MediumCardScalars item={item} />
+        <MediumCardVectors item={item} />
+    </>)
+}
+
+/**
+ * Vnitřní „skeleton“ stránky pro práci s jednou entitou z `GQLEntityContext`.
+ *
+ * Komponenta očekává, že někde výše ve stromu už existuje provider (např. `AsyncActionProvider`),
+ * který naplní `useGQLEntityContext()` hodnotou `item`.
+ *
+ * Co dělá:
+ * - vezme `item` z `useGQLEntityContext()`
+ * - pokud `item` není k dispozici, vrací `null` (typicky loading / nenalezeno)
+ * - vykreslí navbar (default `PageNavbar`) s propem `item`
+ * - obalí obsah layout komponentou (default `LargeCard`) s propem `item`
+ * - uvnitř layoutu vykreslí „subpage“ komponentu (default `GeneratedContentBase`) s propem `item`
+ * - `children` vloží dovnitř `SubPage` (slot pro rozšíření obsahu stránky)
+ *
+ * Díky parametrům `PageNavbar`, `ItemLayout` a `SubPage` lze stejnou strukturu znovu použít
+ * pro různé stránky nad jednou entitou (jiné rozložení, jiný generovaný obsah, jiné menu).
+ *
+ * @component
+ * @param {object} props
+ * @param {import("react").ComponentType<{item:any}>} [props.PageNavbar=PageNavbar]
+ *   Komponenta navigace/hlavičky stránky. Dostane prop `item`.
+ * @param {import("react").ComponentType<{item:any, children?:import("react").ReactNode}>} [props.ItemLayout=LargeCard]
+ *   Obalová layout komponenta pro zobrazení entity (např. karta). Dostane `item` a obvykle renderuje `children`.
+ * @param {import("react").ComponentType<{item:any, children?:import("react").ReactNode}>} [props.SubPage=GeneratedContentBase]
+ *   Vnitřní obsah stránky (např. generované sekce, detail, taby). Dostane `item` a renderuje `children`.
+ * @param {import("react").ReactNode} [props.children]
+ *   Dodatečný obsah vložený do `SubPage` (např. extra sekce, akční tlačítka, custom bloky).
+ *
+ * @returns {import("react").JSX.Element|null}
+ *   Struktura stránky (navbar + layout + subpage) nebo `null`, pokud `item` není dostupný.
+ */
+const PageItemInnerStructure = ({
+    PageNavbar=null,
+    ItemLayout=LargeCard,
+    SubPage=GeneratedContentBase,
+    OtherComponents=[],
+    children
+}) => {
+    const { item } = useGQLEntityContext()
+    if (!item) return <>Položka nenalezena</>
+    
+    // Components: [A, B, C] => <A><B><C>{children}</C></B></A>
+    const content = (OtherComponents || []).reduceRight((acc, Component) => {
+        if (!Component) return acc;
+        return <Component item={item}>{acc}</Component>;
+    }, null);
+
+    return (
+        <>
+            {PageNavbar && <PageNavbar item={item} />}
+            {children}
+            <ItemLayout item={item} >
+                {SubPage ? (
+                    <SubPage item={item}>
+                        {content}
+                    </SubPage>
+                ):(
+                    {content}
+                )}
+            </ItemLayout>        
+        </>
+    );    
+}
+
+
+/**
+ * Base wrapper pro stránky pracující s jedním entity itemem podle `:id` z routy.
+ *
+ * Komponenta:
+ * - načte `id` z URL přes `useParams()`
+ * - sestaví minimální `item` objekt `{ id }`
+ * - poskytne jej přes `AsyncActionProvider`, který zajistí načtení entity pomocí `queryAsyncAction`
+ * - vloží do stránky navbar přes `PlaceChild Component={PageNavbar}`
+ * - vyrenderuje `children` uvnitř provideru (tj. až v kontextu načtené entity)
+ *
+ * Typické použití je jako obálka routy typu `/.../:id`, kde vnořené komponenty
+ * (detail, editace, akce) používají kontext z `AsyncActionProvider`.
+ *
+ * @component
+ * @param {object} props
+ * @param {import("react").ReactNode} props.children
+ *   Obsah stránky, který se má vyrenderovat uvnitř `AsyncActionProvider`.
+ * @param {Function} [props.queryAsyncAction=ReadAsyncAction]
+ *   Async action (např. thunk) použitá pro načtení entity z GraphQL endpointu.
+ *   Dostane `item` s `id` (a případně další parametry podle implementace provideru).
+ *
+ * @returns {import("react").JSX.Element}
+ *   Provider s navigací (`PageNavbar`) a obsahem stránky (`children`).
+ */
+export const PageItemBase = ({ 
+    queryAsyncAction=ReadAsyncAction,
+    PageNavbar=null,
+    ItemLayout=LargeCard,
+    SubPage=GeneratedContentBase,
+    children
+}) => {
+    const {id} = useParams()
+    const item = {id}
+    return (
+        <AsyncActionProvider item={item} queryAsyncAction={queryAsyncAction}>
+            <PageItemInnerStructure 
+                PageNavbar={PageNavbar}
+                ItemLayout={ItemLayout}
+                SubPage={SubPage}
+                children={children}
+            />
+        </AsyncActionProvider>
+    )
+}
+
+
+export const PageVectorContent = ({queryById, queryVector, mutations, children, params}) => {
+     const gqlContext= useGQLEntityContext()
+     const {id, typename, action="view"} = useParams()
+     const { item, data } = gqlContext || {}
+    let content = children
+    if ((action === "__def"))
+        content = <Row>
+            <Col>
+                <CardCapsule header="queryById">
+                    <SimpleCardCapsuleRightCorner>
+                        <CopyButton className="btn btn-sm border-0" text={queryById}/>
+                    </SimpleCardCapsuleRightCorner>
+                    <pre>{queryById?.replaceAll(", ", ", \n\t").replaceAll("(", "(\n\t")}</pre>
+                </CardCapsule>
+            </Col>
+            <Col>
+                <CardCapsule header="queryVector">
+                    <SimpleCardCapsuleRightCorner>
+                        <CopyButton className="btn btn-sm border-0" text={queryVector}/>
+                    </SimpleCardCapsuleRightCorner>
+                    <pre>{queryVector?.replaceAll(", ", ", \n\t").replaceAll("(", "(\n\t")}</pre>
+                </CardCapsule>
+            </Col>
+            {Object.entries(mutations).map(([name, value]) => {
+                return (
+                <Col key={name}>
+                    <CardCapsule header={name}>
+                        <SimpleCardCapsuleRightCorner>
+                            <CopyButton className="btn btn-sm border-0" text={value}/>
+                        </SimpleCardCapsuleRightCorner>
+                        <pre>{value?.replaceAll(", ", ", \n\t").replaceAll("(", "(\n\t")}</pre>
+                        {/* <pre>{value?.replaceAll(", ", ", \n\t").replaceAll("(", ", (\n\t")}</pre> */}
+                    </CardCapsule>
+                </Col>
+                )
+            })}
+        </Row>
+    if ((action === "list")) {
+        const dataResponse = data?.data || {}
+        const list = Object.entries(dataResponse)?.[0]?.[1] || []
+
+        content = <Table data={list} />
+    }
+        
+    return (<>
+        
+        {content}
+        
+        <Row>
+            <Col>
+                <CardCapsule header="queryVector">
+                    <pre>{queryById}</pre>
+                </CardCapsule>
+            </Col>
+            <Col>
+                <CardCapsule header="Parametry">
+                    <pre>{JSON.stringify(params, null, 2)}</pre>
+                </CardCapsule>
+            </Col>
+            <Col>
+                <CardCapsule header="Response">
+                    <pre>{JSON.stringify(data, null, 2)}</pre>
+                </CardCapsule>
+            </Col>
+        </Row>
+    </>
+    )
+}
+
+export const PageVector = ({ children }) => {
+    const {id, typename, action="view"} = useParams()
+    // const id = "51d101a0-81f1-44ca-8366-6cf51432e8d6";
+    const item = {id}
+    const { 
+        ByIdAsyncAction, queryById, 
+        PageAsyncAction, queryVector, 
+        mutations 
+    } = useGQLType(typename || "RoleGQLModel")    
+    return (
+        // <div>Hello</div>
+        <>{ByIdAsyncAction&&
+            <AsyncActionProvider item={item} queryAsyncAction={PageAsyncAction}>
+                <PageVectorContent queryById={queryById} queryVector={queryVector} mutations={mutations} params={item}>
+                    {children}
+                </PageVectorContent>
+            </AsyncActionProvider>
+        }
+        {!ByIdAsyncAction&&
+            <div>No ByIdAsyncAction for type {typename}</div>
+        }
+
+        </>
+    )
+}

package/src/Base/Pages/RouterSegment.jsx

@@ -0,0 +1,66 @@
+import { GenericURIRoot } from "../Components/Link"
+// import { LinkURI } from "../Components/Link"
+import { Page } from "./Page"
+import { PageCatch } from "./PageCatch"
+import { PageVector } from "./PageVector"
+// import { VectorPage } from "./VectorPage"
+
+/**
+ * Definice segmentů rout pro Template stránky.
+ *
+ * Každý objekt v tomto poli popisuje jednu trasu (route) v aplikaci:
+ *  - `path`: Stringová URL s parametrem `:id`, která identifikuje konkrétní instanci template entity.
+ *  - `element`: React komponenta, která se má renderovat při shodě s cestou.
+ *
+ * Pokud komponenta stránky podporuje children jako render funkci,
+ * všechny children předané přes router budou dostávat objekt:
+ *   - `template` — načtená entita podle `:id`
+ *   - `onChange` — callback pro změnu hodnoty pole
+ *   - `onBlur` — callback pro blur event (například při opuštění pole)
+ *
+ * @constant
+ * @type {Array<{ path: string, element: JSX.Element }>}
+ *
+ * @example
+ * // Tato route reaguje na URL jako "/template/123"
+ * {
+ *   path: "/template/:id",
+ *   element: <TemplatePage />
+ * }
+ *
+ * // Editační route: "/template/edit/123"
+ * {
+ *   path: "/template/edit/:id",
+ *   element: <TemplateEditPage />
+ * }
+ */
+export const BaseRouterSegments = [
+    {
+        path: `/${GenericURIRoot}/:typename/:action/:id`,
+        element: (<Page />),
+    },
+    {
+        path: `/${GenericURIRoot}/:typename/:action/`,
+        element: (<PageVector />),
+    },
+    {
+        path: `/`,
+        element: (<PageCatch />),
+    },
+    {
+        path: `/${GenericURIRoot}/`,
+        element: (<PageCatch />),
+    },
+    {
+        path: `*`,
+        element: (<PageCatch />),
+    },
+    // {
+    //     path: `/${LinkURI}`,
+    //     element: (<VectorPage />),
+    // },
+    // {
+    //     path: `/${LinkURI.replace('view', 'edit')}:id`,
+    //     element: (<PageEdit />),
+    // }
+]

package/src/Base/Pages/index.js

@@ -0,0 +1,5 @@
+export * from "./Page"
+export * from "./PageCatch"
+export * from "./PageNavbar"
+export * from "./PageVector"
+export * from "./RouterSegment"

package/src/Base/Queries/DeleteAsyncAction.jsx

@@ -0,0 +1,32 @@
+import { createQueryStrLazy } from "@hrbolek/uoisfrontend-gql-shared";
+import { LargeFragment } from "./Fragments";
+import { createAsyncGraphQLAction2 } from "../../../../dynamic/src/Core/createAsyncGraphQLAction2";
+
+const DeleteMutationStr = `
+mutation roleTypeDelete(
+	$id: UUID! # null, 
+	$lastchange: DateTime! # null
+) {
+  roleTypeDelete(
+	roleType: {
+	id: $id, 
+	lastchange: $lastchange}
+  ) {
+        ...RoleTypeGQLModelDeleteError
+    }
+}
+
+fragment RoleTypeGQLModelDeleteError on RoleTypeGQLModelDeleteError {
+  __typename
+  Entity {
+    ...Large
+  }
+  msg
+  code
+  failed
+  location
+  input
+}
+`
+const DeleteMutation = createQueryStrLazy(`${DeleteMutationStr}`, LargeFragment)
+export const DeleteAsyncAction = createAsyncGraphQLAction2(DeleteMutation)