@evoke-platform/ui-components 1.0.0-dev.148 → 1.0.0-dev.149-test-1056

package/dist/published/components/custom/FormField/FormField.d.ts

@@ -18,6 +18,7 @@ export declare type FormFieldProps = {
     rows?: number;
     inputMaskPlaceholderChar?: string;
     queryAddresses?: Function;
+    instance?: any;
 };
 export declare type ObjectProperty = {
     id: string;

package/dist/published/components/custom/FormField/FormField.js

@@ -50,7 +50,7 @@ const FormField = (props) => {
             control = React.createElement(Select, Object.assign({}, commonProps));
             break;
         default:
-            control = (React.createElement(InputFieldComponent, Object.assign({}, commonProps, { mask: mask, inputMaskPlaceholderChar: inputMaskPlaceholderChar, isMultiLineText: isMultiLineText, rows: rows })));
+            control = (React.createElement(InputFieldComponent, Object.assign({}, commonProps, { instance: props.instance, mask: mask, inputMaskPlaceholderChar: inputMaskPlaceholderChar, isMultiLineText: isMultiLineText, rows: rows })));
             break;
     }
     return control;

package/dist/published/components/custom/FormField/InputFieldComponent/InputFieldComponent.js

@@ -27,13 +27,15 @@ export const NumericFormat = (props) => {
 };
 const InputFieldComponent = (props) => {
     var _a;
-    const { property, defaultValue, error, errorMessage, onBlur, readOnly, required, size, placeholder, mask, min, max, isMultiLineText, rows, inputMaskPlaceholderChar, } = props;
+    const { property, defaultValue, error, errorMessage, onBlur, readOnly, required, size, placeholder, mask, min, max, isMultiLineText, rows, inputMaskPlaceholderChar, instance } = props;
     const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
     const [inputValue, setInputValue] = useState('');
     const id = property.id;
     useEffect(() => {
+        console.log("DefaultValue (ui-lib)", defaultValue);
+        console.log("instance (ui-lib)", instance);
         setValue(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
-    }, [defaultValue]);
+    }, [defaultValue, instance]);
     const handleChange = (e) => {
         const inputValue = property.type === 'integer' && /^-?\d+$/.test(e.target.value)
             ? parseInt(e.target.value, 10)

package/dist/published/stories/DataGrid.stories.d.ts

@@ -0,0 +1,5 @@
+import { ComponentStory, ComponentMeta } from '@storybook/react';
+import { DataGrid as CustomDataGrid } from '../index';
+declare const _default: ComponentMeta<typeof CustomDataGrid>;
+export default _default;
+export declare const DataGrid: ComponentStory<typeof CustomDataGrid>;

package/dist/published/stories/DataGrid.stories.js

@@ -0,0 +1,44 @@
+import React from 'react';
+import { Grid, DataGrid as CustomDataGrid, Typography } from '../index';
+const fetchData = () => {
+    return data;
+};
+const data = [
+    {
+        id: '123',
+        name: 'John Smith',
+    },
+    {
+        id: '456',
+        name: 'Jane Doe',
+    },
+];
+export default {
+    title: 'Data Display/Data Grid',
+    component: CustomDataGrid,
+    args: {
+        columns: [
+            { field: 'id', headerName: 'ID', type: 'string', width: 400 },
+            { field: 'name', headerName: 'Name', type: 'string', width: 400 },
+        ],
+        rows: data,
+        getRowId: (row) => row.id,
+        onRefresh: fetchData,
+        sx: {
+            height: 'auto',
+        },
+    },
+};
+const DataGridTemplate = (args) => (React.createElement(Grid, { container: true, width: '100%', display: 'block' },
+    React.createElement(Grid, { item: true, xs: 12 },
+        React.createElement(Typography, { variant: "h6" }, "With filtering options:"),
+        React.createElement(CustomDataGrid, Object.assign({ key: 'data-grid' }, args))),
+    React.createElement(Grid, { item: true, xs: 12, sx: { marginTop: '14px' } },
+        React.createElement(Typography, { variant: "h6" }, "With title and bulk action:"),
+        React.createElement(CustomDataGrid, Object.assign({}, args, { key: 'data-grid-with-bulk-action', title: 'Data Grid', bulkAction: {
+                label: 'Bulk Action',
+                action: () => {
+                    console.log('Bulk acion clicked');
+                },
+            } })))));
+export const DataGrid = DataGridTemplate.bind({});

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@evoke-platform/ui-components",
-    "version": "1.0.0-dev.148",
+    "version": "1.0.0-dev.149-test-1056",
     "description": "",
     "main": "dist/published/index.js",
     "module": "dist/published/index.js",