@khester/create-dynamics-app 1.1.0 → 2.1.0

package/templates/dynamics-365-starter/tools/entity-generator/templates/form.template.tsx

@@ -1,275 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import {
-  TextField,
-  DatePicker,
-  Dropdown,
-  IDropdownOption,
-  Checkbox,
-  PrimaryButton,
-  DefaultButton,
-  MessageBar,
-  MessageBarType,
-  Stack,
-  Separator
-} from '@fluentui/react';
-// Replace 'SampleEntity' with your actual entity PascalCase name during template processing
-// import { BaseEntity } from '../../models/BaseEntity';
-// import { Logger } from '../../components/Logging/logger';
-import './SampleEntityForm.css';
-
-// Template base entity interface - replace with actual BaseEntity during generation
-interface BaseEntity {
-  id?: string;
-  [key: string]: any;
-}
-
-// Template Logger - replace with actual Logger during generation
-const Logger = {
-  log: (message: string, source?: string) => console.log(message, source),
-  warn: (message: string, source?: string) => console.warn(message, source),
-  error: (message: string, source?: string, error?: any) => console.error(message, source, error)
-};
-
-// Template interfaces - replace with actual entity interface during generation
-interface ISampleEntity {
-  id?: string;
-  name?: string;
-  description?: string;
-  priority?: number;
-  dueDate?: Date;
-  amount?: number;
-  isActive?: boolean;
-}
-
-interface SampleEntity extends BaseEntity, ISampleEntity {}
-
-// Template constants - replace with actual constants during generation
-const SampleEntityConstants = {
-  PrimaryNameAttribute: 'name',
-  Description: 'description',
-  Priority: 'priority',
-  DueDate: 'dueDate',
-  Amount: 'amount',
-  IsActive: 'isActive',
-  FieldDisplayNames: {
-    name: 'Name',
-    description: 'Description',
-    priority: 'Priority',
-    dueDate: 'Due Date',
-    amount: 'Amount',
-    isActive: 'Is Active'
-  },
-  PriorityOptions: {
-    Low: 1,
-    Medium: 2,
-    High: 3,
-    Critical: 4
-  }
-};
-
-interface SampleEntityFormProps {
-  sampleEntity?: SampleEntity | null;
-  onSave: (sampleEntityData: Partial<ISampleEntity>) => Promise<void>;
-  onCancel: () => void;
-  readOnly?: boolean;
-}
-
-export const SampleEntityForm: React.FC<SampleEntityFormProps> = ({
-  sampleEntity,
-  onSave,
-  onCancel,
-  readOnly = false
-}) => {
-  const [formData, setFormData] = useState<Partial<ISampleEntity>>({});
-  const [errors, setErrors] = useState<string[]>([]);
-  const [saving, setSaving] = useState(false);
-
-  // Initialize form data
-  useEffect(() => {
-    if (sampleEntity) {
-      setFormData({
-        [SampleEntityConstants.PrimaryNameAttribute]: sampleEntity[SampleEntityConstants.PrimaryNameAttribute] || '',
-        [SampleEntityConstants.Description]: sampleEntity[SampleEntityConstants.Description] || '',
-        [SampleEntityConstants.Priority]: sampleEntity[SampleEntityConstants.Priority] || SampleEntityConstants.PriorityOptions.Medium,
-        [SampleEntityConstants.DueDate]: sampleEntity[SampleEntityConstants.DueDate] || null,
-        [SampleEntityConstants.Amount]: sampleEntity[SampleEntityConstants.Amount] || 0,
-        [SampleEntityConstants.IsActive]: sampleEntity[SampleEntityConstants.IsActive] ?? true
-      });
-    } else {
-      // Default values for new entity
-      setFormData({
-        [SampleEntityConstants.PrimaryNameAttribute]: '',
-        [SampleEntityConstants.Description]: '',
-        [SampleEntityConstants.Priority]: SampleEntityConstants.PriorityOptions.Medium,
-        [SampleEntityConstants.DueDate]: null,
-        [SampleEntityConstants.Amount]: 0,
-        [SampleEntityConstants.IsActive]: true
-      });
-    }
-  }, [sampleEntity]);
-
-  // Handle field changes
-  const handleFieldChange = (fieldName: string, value: any) => {
-    setFormData(prev => ({
-      ...prev,
-      [fieldName]: value
-    }));
-    
-    // Clear errors when user starts typing
-    if (errors.length > 0) {
-      setErrors([]);
-    }
-  };
-
-  // Validate form
-  const validateForm = (): boolean => {
-    const validationErrors: string[] = [];
-    
-    // Required field validation
-    if (!formData[SampleEntityConstants.PrimaryNameAttribute]?.trim()) {
-      validationErrors.push(`${SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.PrimaryNameAttribute]} is required`);
-    }
-    
-    // Additional validation rules
-    if (formData[SampleEntityConstants.PrimaryNameAttribute] && 
-        formData[SampleEntityConstants.PrimaryNameAttribute].length > 100) {
-      validationErrors.push(`${SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.PrimaryNameAttribute]} cannot exceed 100 characters`);
-    }
-    
-    if (formData[SampleEntityConstants.Amount] && 
-        formData[SampleEntityConstants.Amount] < 0) {
-      validationErrors.push(`${SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.Amount]} cannot be negative`);
-    }
-    
-    setErrors(validationErrors);
-    return validationErrors.length === 0;
-  };
-
-  // Handle save
-  const handleSave = async () => {
-    if (!validateForm()) {
-      Logger.warn('Sample Entity form validation failed');
-      return;
-    }
-    
-    try {
-      setSaving(true);
-      Logger.log('Saving Sample Entity form data');
-      await onSave(formData);
-    } catch (error) {
-      Logger.error('Error saving Sample Entity:', error);
-      setErrors([error instanceof Error ? error.message : 'Failed to save Sample Entity']);
-    } finally {
-      setSaving(false);
-    }
-  };
-
-  // Priority options
-  const priorityOptions: IDropdownOption[] = Object.entries(SampleEntityConstants.PriorityOptions).map(([key, value]) => ({
-    key: value as string | number,
-    text: key
-  }));
-
-  return (
-    <div className="sample-entity-form">
-      {errors.length > 0 && (
-        <MessageBar messageBarType={MessageBarType.error}>
-          <ul className="sample-entity-form-errors">
-            {errors.map((error, index) => (
-              <li key={index}>{error}</li>
-            ))}
-          </ul>
-        </MessageBar>
-      )}
-      
-      <Stack tokens={{ childrenGap: 20 }}>
-        {/* Basic Information Section */}
-        <div className="sample-entity-form-section">
-          <h3 className="sample-entity-form-section-title">Basic Information</h3>
-          
-          <TextField
-            label={SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.PrimaryNameAttribute]}
-            required
-            value={formData[SampleEntityConstants.PrimaryNameAttribute] || ''}
-            onChange={(_, newValue) => handleFieldChange(SampleEntityConstants.PrimaryNameAttribute, newValue)}
-            disabled={readOnly}
-            placeholder="Enter Sample Entity name"
-            maxLength={100}
-            className="sample-entity-form-field"
-          />
-          
-          <TextField
-            label={SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.Description]}
-            multiline
-            rows={3}
-            value={formData[SampleEntityConstants.Description] || ''}
-            onChange={(_, newValue) => handleFieldChange(SampleEntityConstants.Description, newValue)}
-            disabled={readOnly}
-            placeholder="Enter description"
-            className="sample-entity-form-field"
-          />
-          
-          <Dropdown
-            label={SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.Priority]}
-            options={priorityOptions}
-            selectedKey={formData[SampleEntityConstants.Priority]}
-            onChange={(_, option) => handleFieldChange(SampleEntityConstants.Priority, option?.key)}
-            disabled={readOnly}
-            className="sample-entity-form-field"
-          />
-        </div>
-        
-        <Separator />
-        
-        {/* Additional Details Section */}
-        <div className="sample-entity-form-section">
-          <h3 className="sample-entity-form-section-title">Additional Details</h3>
-          
-          <DatePicker
-            label={SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.DueDate]}
-            value={formData[SampleEntityConstants.DueDate] ? new Date(formData[SampleEntityConstants.DueDate]) : undefined}
-            onSelectDate={(date) => handleFieldChange(SampleEntityConstants.DueDate, date)}
-            disabled={readOnly}
-            placeholder="Select due date"
-            ariaLabel="Due date"
-            className="sample-entity-form-field"
-          />
-          
-          <TextField
-            label={SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.Amount]}
-            type="number"
-            value={formData[SampleEntityConstants.Amount]?.toString() || '0'}
-            onChange={(_, newValue) => handleFieldChange(SampleEntityConstants.Amount, parseFloat(newValue || '0'))}
-            disabled={readOnly}
-            prefix="$"
-            className="sample-entity-form-field"
-          />
-          
-          <Checkbox
-            label={SampleEntityConstants.FieldDisplayNames[SampleEntityConstants.IsActive]}
-            checked={formData[SampleEntityConstants.IsActive] ?? true}
-            onChange={(_, checked) => handleFieldChange(SampleEntityConstants.IsActive, checked)}
-            disabled={readOnly}
-            className="sample-entity-form-field"
-          />
-        </div>
-        
-        {/* Action Buttons */}
-        {!readOnly && (
-          <Stack horizontal horizontalAlign="end" tokens={{ childrenGap: 10 }}>
-            <DefaultButton 
-              text="Cancel" 
-              onClick={onCancel}
-              disabled={saving}
-            />
-            <PrimaryButton 
-              text={sampleEntity ? "Update" : "Create"}
-              onClick={handleSave}
-              disabled={saving}
-            />
-          </Stack>
-        )}
-      </Stack>
-    </div>
-  );
-};

package/templates/dynamics-365-starter/tools/entity-generator/templates/management.template.css

@@ -1,204 +0,0 @@
-/* {{displayName}} Management Component Styles */
-/* Generated by Entity Generator */
-/* Replace 'sample-entity' with your actual entity name during template processing */
-
-.sample-entity-management {
-  padding: 20px;
-  max-width: 100%;
-  min-height: 400px;
-}
-
-.sample-entity-management-title {
-  margin: 0 0 20px 0;
-  font-size: 24px;
-  font-weight: 600;
-  color: #323130;
-}
-
-.sample-entity-management-command-bar {
-  margin-bottom: 16px;
-  border-bottom: 1px solid #edebe9;
-  padding-bottom: 8px;
-}
-
-.sample-entity-management-loading {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  min-height: 200px;
-  flex-direction: column;
-}
-
-.sample-entity-management-list {
-  margin-top: 10px;
-}
-
-.sample-entity-management-name-link {
-  color: #0078d4;
-  cursor: pointer;
-  text-decoration: none;
-  font-weight: 500;
-}
-
-.sample-entity-management-name-link:hover {
-  text-decoration: underline;
-  color: #106ebe;
-}
-
-/* Responsive design */
-@media (max-width: 768px) {
-  .sample-entity-management {
-    padding: 10px;
-  }
-  
-  .sample-entity-management-title {
-    font-size: 20px;
-    margin-bottom: 15px;
-  }
-}
-
-/* List row hover effects */
-.sample-entity-management-list .ms-DetailsRow:hover {
-  background-color: #f8f9fa;
-}
-
-.sample-entity-management-list .ms-DetailsRow.is-selected {
-  background-color: #deecf9;
-}
-
-/* Command bar customizations */
-.sample-entity-management-command-bar .ms-CommandBar {
-  background-color: transparent;
-}
-
-.sample-entity-management-command-bar .ms-CommandBarItem-link {
-  color: #323130;
-}
-
-.sample-entity-management-command-bar .ms-CommandBarItem-link:hover {
-  background-color: #f3f2f1;
-}
-
-.sample-entity-management-command-bar .ms-CommandBarItem-link:disabled {
-  color: #a19f9d;
-}
-
-/* Loading spinner */
-.sample-entity-management-loading .ms-Spinner-label {
-  margin-top: 10px;
-  color: #605e5c;
-}
-
-/* Message bar styling */
-.sample-entity-management .ms-MessageBar {
-  margin-bottom: 16px;
-}
-
-/* Panel content spacing */
-.sample-entity-management .ms-Panel-main .ms-Panel-contentInner {
-  padding: 0 24px 20px 24px;
-}
-
-/* Details list column headers */
-.sample-entity-management-list .ms-DetailsHeader-cell {
-  font-weight: 600;
-  color: #323130;
-}
-
-/* Priority column styling */
-.sample-entity-management-list .priority-high {
-  color: #d13438;
-  font-weight: 600;
-}
-
-.sample-entity-management-list .priority-medium {
-  color: #ff8c00;
-  font-weight: 500;
-}
-
-.sample-entity-management-list .priority-low {
-  color: #107c10;
-}
-
-.sample-entity-management-list .priority-critical {
-  color: #a4262c;
-  font-weight: 700;
-}
-
-/* Date column styling */
-.sample-entity-management-list .date-column {
-  color: #605e5c;
-  font-size: 13px;
-}
-
-/* Empty state */
-.sample-entity-management-empty {
-  text-align: center;
-  padding: 40px 20px;
-  color: #605e5c;
-}
-
-.sample-entity-management-empty-icon {
-  font-size: 48px;
-  color: #a19f9d;
-  margin-bottom: 16px;
-}
-
-.sample-entity-management-empty-title {
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 8px;
-  color: #323130;
-}
-
-.sample-entity-management-empty-description {
-  font-size: 14px;
-  margin-bottom: 20px;
-}
-
-/* Error state */
-.sample-entity-management-error {
-  text-align: center;
-  padding: 40px 20px;
-}
-
-.sample-entity-management-error-icon {
-  font-size: 48px;
-  color: #d13438;
-  margin-bottom: 16px;
-}
-
-.sample-entity-management-error-title {
-  font-size: 18px;
-  font-weight: 600;
-  margin-bottom: 8px;
-  color: #d13438;
-}
-
-.sample-entity-management-error-description {
-  font-size: 14px;
-  color: #605e5c;
-  margin-bottom: 20px;
-}
-
-/* Accessibility improvements */
-.sample-entity-management-name-link:focus {
-  outline: 2px solid #0078d4;
-  outline-offset: 2px;
-}
-
-/* Print styles */
-@media print {
-  .sample-entity-management-command-bar {
-    display: none;
-  }
-  
-  .sample-entity-management {
-    padding: 0;
-  }
-  
-  .sample-entity-management-title {
-    font-size: 18px;
-    margin-bottom: 10px;
-  }
-}