@postxl/generator 0.74.1 → 1.0.1

package/dist/generators/models/react/library.generator.js

@@ -1,94 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateModelLibraryComponents = void 0;
-const imports_1 = require("../../../lib/imports");
-const test_id_collector_1 = require("../../../lib/test-id-collector");
-/**
- * Generates components that may be used to list all entries of a given data type.
- *
- */
-function generateModelLibraryComponents({ model, meta }) {
-    const { react: { context, components }, } = meta;
-    const testIdCollector = test_id_collector_1.TestIdCollector.from(meta.seed.constantName + '-card');
-    const titleProp = model.nameField.isRequired
-        ? `title={item.${model.nameField.name}}`
-        : `title={item.${model.nameField.name} ?? item.${model.idField.name}}`;
-    const imports = imports_1.ImportsGenerator.from(meta.react.folderPath)
-        .addTypeImport({
-        items: [model.typeName],
-        from: meta.types.importPath,
-    })
-        .addImport({
-        items: [context.hookFnName, components.modals.editComponentName, components.modals.deleteComponentName],
-        from: meta.react.folderPath,
-    });
-    return /* ts */ `
-    import React, { useState } from 'react'
-
-    import { Card } from '@components/atoms/Card'
-    import { CardList } from '@components/atoms/CardList'
-
-    ${imports.generate()}
-
-    /**
-     * Show all ${model.name} entries.
-     */
-    export const ${components.libraryComponentName} = () => {
-      const { ready, list } = ${context.hookFnName}()
-
-      return (
-        <CardList loading={!ready}>
-          {list.map(item => <${components.cardComponentName} key={item.id} item={item} />)}
-        </CardList>
-      )
-    }
-
-    /**
-     * Show a single ${model.name} entry.
-     */
-    export const ${components.cardComponentName} = React.forwardRef<HTMLLIElement, { item: ${model.typeName} }>(
-      ({ item }, forwardedRef) => {
-        const [isEditModalOpen, setIsEditModalOpen] = useState(false)
-        const [isDeleteModalOpen, setIsDeleteModalOpen] = useState(false)
-
-        return (
-          <>
-            <Card
-              ref={forwardedRef}
-              ${titleProp}
-              actions={[
-                {
-                  label: 'Edit',
-                  icon: 'pencil-on-paper',
-                  onClick: () => setIsEditModalOpen(true),
-                  __e2e_action_test_id__: "${testIdCollector.idFor('edit', { typePrefix: 'actions' })}",
-                },
-                {
-                  label: 'Delete',
-                  icon: 'trash',
-                  onClick: () => setIsDeleteModalOpen(true),
-                  __e2e_action_test_id__: "${testIdCollector.idFor('delete', { typePrefix: 'actions' })}",
-                },
-              ]}
-            />
-            
-            <${components.modals.editComponentName} 
-              data={item} 
-              show={isEditModalOpen} 
-              onHide={() => setIsEditModalOpen(false)} 
-            />
-
-            <${components.modals.deleteComponentName} 
-              id={item.id} 
-              show={isDeleteModalOpen} 
-              onHide={() => setIsDeleteModalOpen(false)} 
-            />
-          </>
-        )
-      }
-    )
-
-    ${components.cardComponentName}.displayName = '${components.cardComponentName}'
-  `;
-}
-exports.generateModelLibraryComponents = generateModelLibraryComponents;

package/dist/generators/models/react/lookup.generator.d.ts

@@ -1,9 +0,0 @@
-import { ModelMetaData } from '../../../lib/meta';
-import { Model } from '../../../lib/schema/schema';
-/**
- * Utility generator that generates lookup components for a given model.
- */
-export declare function generateModelLookupComponents({ model, meta }: {
-    model: Model;
-    meta: ModelMetaData;
-}): string;

package/dist/generators/models/react/lookup.generator.js

@@ -1,175 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.generateModelLookupComponents = void 0;
-const imports_1 = require("../../../lib/imports");
-const test_id_collector_1 = require("../../../lib/test-id-collector");
-/**
- * Generates a test id that that can be used to identify a component in E2E tests.
- */
-function testId(meta, typePrefix, options) {
-    var _a;
-    const testIdCollector = test_id_collector_1.TestIdCollector.from(meta.seed.constantName + '-formComponents');
-    return testIdCollector.idFor((_a = options === null || options === void 0 ? void 0 : options.element) !== null && _a !== void 0 ? _a : '', { typePrefix });
-}
-/**
- * Utility generator that generates lookup components for a given model.
- */
-function generateModelLookupComponents({ model, meta }) {
-    const { react: { context, components }, } = meta;
-    const imports = imports_1.ImportsGenerator.from(meta.react.folderPath)
-        .addImport({
-        items: [context.hookFnName],
-        from: meta.react.folderPath,
-    })
-        .addTypeImport({
-        items: [model.typeName],
-        from: meta.types.importPath,
-    });
-    const typeName = model.typeName;
-    const tsOmittedFields = `'label' | 'options' | 'loading'`;
-    const labelProp = model.nameField.isRequired
-        ? `label={(l) => l.${model.nameField.name}}`
-        : `label={(l) => l.${model.nameField.name} ?? l.${model.idField.name}}`;
-    let description = '';
-    if (model.description) {
-        description = `
-      /** 
-       * ${model.description} 
-       */`;
-    }
-    return /* ts */ `
-import React from 'react'
-
-import { MenuSelectInput, MenuSelectField } from '@components/atoms/MenuSelect'
-import { SelectInput, SelectField } from '@components/atoms/SelectInput'
-import { SearchInput, SearchField } from '@components/atoms/SearchInput'
-import { TableSelectInput, TableSelectField } from '@components/atoms/TableSelectInput'
-
-
-import { UnionOmit } from '@lib/types'
-
-${imports.generate()}
-
-// Select
-
-${description}
-export const ${components.forms.selectInputName} = ({
-  ...delegated
-}: UnionOmit<React.ComponentPropsWithoutRef<typeof SelectInput<${typeName}>>, ${tsOmittedFields}>) => {
-  const { list, ready } = ${context.hookFnName}()
-  return <SelectInput<${typeName}> 
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_field_test_id__="${testId(meta, 'selectInput')}"
-    {...delegated}
-  />
-}
-
-${description}
-export const ${components.forms.selectFieldName} = ({
-  ...delegated
-}: Omit<React.ComponentPropsWithoutRef<typeof SelectField<${typeName}>>, ${tsOmittedFields}>) => {
-  const { list, ready } = ${context.hookFnName}()
-  return <SelectField<${typeName}> 
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_field_test_id__="${testId(meta, 'selectField')}"
-    {...delegated}
-  />
-}
-
-// Menu Select
-
-${description}
-export const ${components.forms.menuSelectInputName} = ({
-	...delegated
-}: UnionOmit<React.ComponentPropsWithoutRef<typeof MenuSelectInput<${typeName}>>, ${tsOmittedFields}>) => {
-	const { list, ready } = ${context.hookFnName}()
-	return <MenuSelectInput<${typeName}>
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_options_test_id__="${testId(meta, 'menuSelectInput')}"
-    {...delegated}
-  />
-}
-
-${description}
-export const ${components.forms.menuSelectFieldName} = ({
-	...delegated
-}: UnionOmit<React.ComponentPropsWithoutRef<typeof MenuSelectField<${typeName}>>, ${tsOmittedFields}>) => {
-	const { list, ready } = ${context.hookFnName}()
-	return <MenuSelectField<${typeName}>
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_options_test_id__="${testId(meta, 'menuSelectField')}"
-    {...delegated}
-  />
-}
-
-// Search
-
-${description}
-export const ${components.forms.searchInputName} = ({
-	...delegated
-}: UnionOmit<React.ComponentPropsWithoutRef<typeof SearchInput<${typeName}>>, ${tsOmittedFields}>) => {
-	const { list, ready } = ${context.hookFnName}()
-	return <SearchInput<${typeName}>
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_combobox_test_id__="${testId(meta, 'searchInput', { element: 'field' })}"
-    __e2e_options_test_id__="${testId(meta, 'searchInput', { element: 'options' })}"
-    {...delegated}
-  />
-}
-
-${description}
-export const ${components.forms.searchFieldName} = ({
-  ...delegated
-}: Omit<React.ComponentPropsWithoutRef<typeof SearchField<${typeName}>>, ${tsOmittedFields}>) => {
-  const { list, ready } = ${context.hookFnName}()
-  return <SearchField<${typeName}>
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_combobox_test_id__="${testId(meta, 'searchField', { element: 'field' })}"
-    __e2e_options_test_id__="${testId(meta, 'searchField', { element: 'options' })}"
-    {...delegated}
-  />
-}
-
-// Table
-${description}
-export const ${components.forms.tableSelectInputName} = ({
-	...delegated
-}: UnionOmit<React.ComponentPropsWithoutRef<typeof TableSelectInput<${typeName}>>, ${tsOmittedFields}>) => {
-	const { list, ready } = ${context.hookFnName}()
-	return <TableSelectInput<${typeName}>
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_input_field_test_id__="${testId(meta, 'tableSelectInput')}"
-    {...delegated}
-  />
-}
-
-${description}
-export const ${components.forms.tableSelectFieldName} = ({
-	...delegated
-}: UnionOmit<React.ComponentPropsWithoutRef<typeof TableSelectField<${typeName}>>, ${tsOmittedFields}>) => {
-	const { list, ready } = ${context.hookFnName}()
-	return <TableSelectField<${typeName}>
-    options={list}
-    ${labelProp}
-    loading={!ready} 
-    __e2e_input_field_test_id__="${testId(meta, 'tableSelectField')}"
-    {...delegated}
-  />
-}
-`;
-}
-exports.generateModelLookupComponents = generateModelLookupComponents;

package/dist/generators/models/react/modals.generator.d.ts

@@ -1,23 +0,0 @@
-import { ModelMetaData } from '../../../lib/meta';
-import { Model } from '../../../lib/schema/schema';
-/**
- * Utility generator that creates a create modal component for a given model.
- */
-export declare function generateModelCreateModalComponent({ model, meta }: {
-    model: Model;
-    meta: ModelMetaData;
-}): string;
-/**
- * Returns a React component that lets you edit a model instance.
- */
-export declare function generateEditModalModelComponent({ model, meta }: {
-    model: Model;
-    meta: ModelMetaData;
-}): string;
-/**
- * Generates a modal component that lets you delete a model instance.
- */
-export declare function generateDeleteModalModelComponent({ model, meta }: {
-    model: Model;
-    meta: ModelMetaData;
-}): string;