@adcops/autocore-react 3.3.9 → 3.3.10

package/src/components/FileSelect.tsx

@@ -1,128 +1,128 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-04-28 16:06:59
- * -----
- * Last Modified: 2024-06-12 14:40:20
- * -----
- * 
- */
-
-
-import React, { useState, useContext, useEffect } from 'react';
-import { DataTable } from 'primereact/datatable';
-import { Column } from 'primereact/column';
-import { Button } from 'primereact/button';
-
-import { EventEmitterContext } from "../core/EventEmitterContext";
-import { MessageType } from '../hub/CommandMessage';
-
-type FileSelectProps = {
-    domain?: string,
-    subdir?: string,
-    /** Filter results using unix-style patterns. */
-    filter?: string | null,
-    onFileSelected?: (fileName: string) => void,
-    onAccept?: (fileName: string) => void,
-    onCancel?: () => void
-}
-
-type FileItem = {
-    id: number;
-    name: string;
-};
-
-export const FileSelect: React.FC<FileSelectProps> = ({
-    domain = "DATASTORE",
-    subdir,
-    filter,
-    onFileSelected,
-    onAccept,
-    onCancel
-}) => {
-    const { invoke } = useContext(EventEmitterContext);
-    const [files, setFiles] = useState<FileItem[]>([]);
-    const [selectedFile, setSelectedFile] = useState<FileItem | null>(null);
-
-    const listFiles = async () => {
-        try {
-            
-            let args;
-
-            if (filter !== undefined && filter !== null) {
-                args = subdir ? { "subdir": subdir, options : {"filter" : filter }} : {options : {"filter" : filter }};
-            }
-            else {
-                args = subdir ? { "subdir": subdir } : {};
-            }
-
-            const res = await invoke(`${domain}.list_files`, MessageType.Request, args);
-            const items = res.data.map((item: string, index: number) => ({
-                id: index + 1,
-                name: item
-            }));
-            setFiles(items);
-        } catch (error) {
-            console.error("Failed to list files:", error);
-        }
-    };
-
-    const handleSelect = (file: FileItem) => {
-        setSelectedFile(file);
-        if (onFileSelected) onFileSelected(file.name);
-    };
-
-    const makeReturnFileName = () => {
-        if (selectedFile !== null) {
-            if (subdir !== undefined) {
-                return `${subdir}/${selectedFile.name}`;
-            }
-            else {
-                return selectedFile.name;
-            }
-        }
-        else {
-            return "";
-        }
-    }
-
-    useEffect(() => {
-        listFiles();
-    }, [domain, subdir]);
-
-    return (
-        <div>
-            <DataTable 
-                value={files} 
-                selectionMode="single" 
-                selection={selectedFile} 
-                onSelectionChange={e => handleSelect(e.value as FileItem)}
-            >
-                <Column field="name" header="File Name" />
-                <Column body={(rowData: FileItem) => (
-                    <Button
-                        label={selectedFile?.name === rowData.name ? "Selected" : "Select"}
-                        icon={selectedFile?.name === rowData.name ? "pi pi-check-circle" : "pi pi-circle-off"}
-                        onClick={() => handleSelect(rowData)}
-                        className={`p-button-rounded ${selectedFile?.name === rowData.name ? "p-button-success" : "p-button-outlined"}`}
-                        aria-label="Select"
-                        size="small"
-                    />
-                )} header="Select" />
-            </DataTable>
-            <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '10px' }}>
-                <Button label="Cancel" icon="pi pi-times" className="p-button-text" onClick={onCancel} />
-                <Button
-                    label="Accept"
-                    icon="pi pi-check"
-                    className="p-button"
-                    onClick={() => { if (onAccept !== undefined && selectedFile !== null) onAccept(makeReturnFileName()) }}
-                    disabled={!selectedFile}
-                />
-            </div>
-        </div>
-    );
-};
-
-export default FileSelect;
-
-
+/*
+ * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2024-04-28 16:06:59
+ * -----
+ * Last Modified: 2024-06-12 14:40:20
+ * -----
+ * 
+ */
+
+
+import React, { useState, useContext, useEffect } from 'react';
+import { DataTable } from 'primereact/datatable';
+import { Column } from 'primereact/column';
+import { Button } from 'primereact/button';
+
+import { EventEmitterContext } from "../core/EventEmitterContext";
+import { MessageType } from '../hub/CommandMessage';
+
+type FileSelectProps = {
+    domain?: string,
+    subdir?: string,
+    /** Filter results using unix-style patterns. */
+    filter?: string | null,
+    onFileSelected?: (fileName: string) => void,
+    onAccept?: (fileName: string) => void,
+    onCancel?: () => void
+}
+
+type FileItem = {
+    id: number;
+    name: string;
+};
+
+export const FileSelect: React.FC<FileSelectProps> = ({
+    domain = "DATASTORE",
+    subdir,
+    filter,
+    onFileSelected,
+    onAccept,
+    onCancel
+}) => {
+    const { invoke } = useContext(EventEmitterContext);
+    const [files, setFiles] = useState<FileItem[]>([]);
+    const [selectedFile, setSelectedFile] = useState<FileItem | null>(null);
+
+    const listFiles = async () => {
+        try {
+            
+            let args;
+
+            if (filter !== undefined && filter !== null) {
+                args = subdir ? { "subdir": subdir, options : {"filter" : filter }} : {options : {"filter" : filter }};
+            }
+            else {
+                args = subdir ? { "subdir": subdir } : {};
+            }
+
+            const res = await invoke(`${domain}.list_files`, MessageType.Request, args);
+            const items = res.data.map((item: string, index: number) => ({
+                id: index + 1,
+                name: item
+            }));
+            setFiles(items);
+        } catch (error) {
+            console.error("Failed to list files:", error);
+        }
+    };
+
+    const handleSelect = (file: FileItem) => {
+        setSelectedFile(file);
+        if (onFileSelected) onFileSelected(file.name);
+    };
+
+    const makeReturnFileName = () => {
+        if (selectedFile !== null) {
+            if (subdir !== undefined) {
+                return `${subdir}/${selectedFile.name}`;
+            }
+            else {
+                return selectedFile.name;
+            }
+        }
+        else {
+            return "";
+        }
+    }
+
+    useEffect(() => {
+        listFiles();
+    }, [domain, subdir]);
+
+    return (
+        <div>
+            <DataTable 
+                value={files} 
+                selectionMode="single" 
+                selection={selectedFile} 
+                onSelectionChange={e => handleSelect(e.value as FileItem)}
+            >
+                <Column field="name" header="File Name" />
+                <Column body={(rowData: FileItem) => (
+                    <Button
+                        label={selectedFile?.name === rowData.name ? "Selected" : "Select"}
+                        icon={selectedFile?.name === rowData.name ? "pi pi-check-circle" : "pi pi-circle-off"}
+                        onClick={() => handleSelect(rowData)}
+                        className={`p-button-rounded ${selectedFile?.name === rowData.name ? "p-button-success" : "p-button-outlined"}`}
+                        aria-label="Select"
+                        size="small"
+                    />
+                )} header="Select" />
+            </DataTable>
+            <div style={{ display: 'flex', justifyContent: 'flex-end', marginTop: '10px' }}>
+                <Button label="Cancel" icon="pi pi-times" className="p-button-text" onClick={onCancel} />
+                <Button
+                    label="Accept"
+                    icon="pi pi-check"
+                    className="p-button"
+                    onClick={() => { if (onAccept !== undefined && selectedFile !== null) onAccept(makeReturnFileName()) }}
+                    disabled={!selectedFile}
+                />
+            </div>
+        </div>
+    );
+};
+
+export default FileSelect;
+
+

package/src/components/FitText.tsx

@@ -1,36 +1,36 @@
-/*
- * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
- * Created Date: 2024-03-21 13:03:38
- * -----
- * Last Modified: 2024-03-21 13:36:25
- * -----
- * 
- */
-
-
-import React from 'react';
-import useFitText from 'use-fit-text';
-
-interface FitTextProps {
-  /** The children prop expects any valid React node. */
-  children: React.ReactNode;
-}
-
-/**
- * FitText dynamically adjusts the font size of its children to fit the parent container.
- * 
- * @param {FitTextProps} props The props for the FitText component.
- * @returns A div element that resizes its child text to fit.
- */
-export const FitText: React.FC<FitTextProps> = ({ children }) => {
-  const { fontSize, ref } = useFitText();
-
-  return (
-    <div ref={ref} style={{ width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
-      <p style={{ fontSize }}>{children}</p>
-    </div>
-  );
-};
-
-
+/*
+ * Copyright (C) 2024 Automated Design Corp.. All Rights Reserved.
+ * Created Date: 2024-03-21 13:03:38
+ * -----
+ * Last Modified: 2024-03-21 13:36:25
+ * -----
+ * 
+ */
+
+
+import React from 'react';
+import useFitText from 'use-fit-text';
+
+interface FitTextProps {
+  /** The children prop expects any valid React node. */
+  children: React.ReactNode;
+}
+
+/**
+ * FitText dynamically adjusts the font size of its children to fit the parent container.
+ * 
+ * @param {FitTextProps} props The props for the FitText component.
+ * @returns A div element that resizes its child text to fit.
+ */
+export const FitText: React.FC<FitTextProps> = ({ children }) => {
+  const { fontSize, ref } = useFitText();
+
+  return (
+    <div ref={ref} style={{ width: '100%', height: '100%', display: 'flex', justifyContent: 'center', alignItems: 'center' }}>
+      <p style={{ fontSize }}>{children}</p>
+    </div>
+  );
+};
+
+
 export default FitText;