ui-soxo-bootstrap-core 2.6.40-dev.0 → 2.6.40-dev.11

package/core/lib/components/page-container/page-container.js

@@ -1,55 +1,55 @@
-
-import React, { useEffect, useState } from 'react';
-
-import { Skeleton, Title } from './../../elements/'
-
-import { Space, Typography, Button } from 'antd';
-
-// import { CustomActions } from '../../..';
-
-import './page-container.scss';
-
-// const { Title } = Typography;
-
-/**
- * 
- * Page Container
- * 
- * @param {*} param0 
- * @returns 
- */
-export default function PageContainer({ title, loading, onRefresh, children, context, menu = {} }) {
-
-    return (<div className='page-container'>
-
-        <div className="page-header">
-
-            <Title level={4}>
-                {title}
-            </Title>
-
-
-            <div className="page-actions">
-
-                <Button
-                    size={'small'}
-                    onClick={onRefresh}
-                    type="secondary">
-                    Refresh
-                </Button>
-
-                {/* <CustomActions menu={menu} record={context} /> */}
-
-            </div>
-
-        </div>
-
-        {/* For loading we have to show skeleton */}
-        {loading ? <Skeleton /> : children}
-
-        {/* Entire Children */}
-        {/* {children} */}
-        {/* Entire Children Ends */}
-
-    </div>)
-}
+
+import React, { useEffect, useState } from 'react';
+
+import { Skeleton, Title } from './../../elements/'
+
+import { Space, Typography, Button } from 'antd';
+
+// import { CustomActions } from '../../..';
+
+import './page-container.scss';
+
+// const { Title } = Typography;
+
+/**
+ * 
+ * Page Container
+ * 
+ * @param {*} param0 
+ * @returns 
+ */
+export default function PageContainer({ title, loading, onRefresh, children, context, menu = {} }) {
+
+    return (<div className='page-container'>
+
+        <div className="page-header">
+
+            <Title level={4}>
+                {title}
+            </Title>
+
+
+            <div className="page-actions">
+
+                <Button
+                    size={'small'}
+                    onClick={onRefresh}
+                    type="secondary">
+                    Refresh
+                </Button>
+
+                {/* <CustomActions menu={menu} record={context} /> */}
+
+            </div>
+
+        </div>
+
+        {/* For loading we have to show skeleton */}
+        {loading ? <Skeleton /> : children}
+
+        {/* Entire Children */}
+        {/* {children} */}
+        {/* Entire Children Ends */}
+
+    </div>)
+}

package/core/lib/components/page-container/page-container.scss

@@ -1,8 +1,8 @@
-.page-container {
-    
-    .page-header {
-    }
-    .page-actions {
-        display: flex;
-    }
-}
+.page-container {
+    
+    .page-header {
+    }
+    .page-actions {
+        display: flex;
+    }
+}

package/core/lib/components/page-header/page-header.js

@@ -1,23 +1,23 @@
-import React, { useState } from "react";
-
-import './page-header.scss';
-
-
-import {
-    LeftOutlined
-} from '@ant-design/icons';
-
-import { BrowserRouter as Router, Route, Link, NavLink } from "react-router-dom";
-
-export default function Header(props) {
-
-    const { onBack } = props;
-
-    return (
-        <span className="header">
-            <span className="back-icon">
-                <LeftOutlined />
-            </span>
-        </span>
-    );
-}
+import React, { useState } from "react";
+
+import './page-header.scss';
+
+
+import {
+    LeftOutlined
+} from '@ant-design/icons';
+
+import { BrowserRouter as Router, Route, Link, NavLink } from "react-router-dom";
+
+export default function Header(props) {
+
+    const { onBack } = props;
+
+    return (
+        <span className="header">
+            <span className="back-icon">
+                <LeftOutlined />
+            </span>
+        </span>
+    );
+}

package/core/lib/components/page-header/page-header.scss

@@ -1,18 +1,18 @@
-.header {
-    cursor: pointer;
-    // padding: 10px;
-    // border-radius: 4px;
-    // border: 1px solid #dcdcdc;
-    margin-right: 10px;
-    &:hover {
-      border-color: #c1c1c1;
-    }
-
-    .back-icon{
-      .fas {
-        font-size: 18px;
-        color: #000000;
-      }
-    }
-  }
+.header {
+    cursor: pointer;
+    // padding: 10px;
+    // border-radius: 4px;
+    // border: 1px solid #dcdcdc;
+    margin-right: 10px;
+    &:hover {
+      border-color: #c1c1c1;
+    }
+
+    .back-icon{
+      .fas {
+        font-size: 18px;
+        color: #000000;
+      }
+    }
+  }
   

package/core/lib/components/pdf-viewer/pdf-viewer.js

@@ -1,56 +1,56 @@
-/**
- *
- * PDF Viewer
- *
- * @author Ashique Mohammed
- */
-
-import React, { useEffect, useState } from 'react';
-
-import { Viewer, Worker } from '@react-pdf-viewer/core';
-
-import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
-
-import '@react-pdf-viewer/default-layout/lib/styles/index.css';
-
-// Import the styles
-import '@react-pdf-viewer/core/lib/styles/index.css';
-
-import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
-
-/**
- * @param {Object}root0
- * @param root0.url
- * @param root0.defaultScale
- * @param root0.props
- * @returns {JSX.Element}  JSX content
- */
-export default function PdfViewer({ url, defaultScale, ...props }) {
-  // Default layout
-  const defaultLayoutPluginInstance = defaultLayoutPlugin();
-
-  const [defaultValue, setDefaultValue] = useState(1.0);
-
-  useEffect(() => {
-    if (defaultScale) {
-      setDefaultValue(defaultScale);
-    }
-  }, [defaultScale]);
-
-  //
-  return (
-    <>
-      <Worker workerUrl={pdfjsWorker}>
-        <div className="pdf-viewer-container">
-          <Viewer
-            fileUrl={url}
-            plugins={[defaultLayoutPluginInstance]}
-            {...props}
-            /**setting default actual size ie, 100% for zoom property */
-            defaultScale={defaultValue}
-          />
-        </div>
-      </Worker>
-    </>
-  );
-}
+/**
+ *
+ * PDF Viewer
+ *
+ * @author Ashique Mohammed
+ */
+
+import React, { useEffect, useState } from 'react';
+
+import { Viewer, Worker } from '@react-pdf-viewer/core';
+
+import { defaultLayoutPlugin } from '@react-pdf-viewer/default-layout';
+
+import '@react-pdf-viewer/default-layout/lib/styles/index.css';
+
+// Import the styles
+import '@react-pdf-viewer/core/lib/styles/index.css';
+
+import pdfjsWorker from 'pdfjs-dist/build/pdf.worker.entry';
+
+/**
+ * @param {Object}root0
+ * @param root0.url
+ * @param root0.defaultScale
+ * @param root0.props
+ * @returns {JSX.Element}  JSX content
+ */
+export default function PdfViewer({ url, defaultScale, ...props }) {
+  // Default layout
+  const defaultLayoutPluginInstance = defaultLayoutPlugin();
+
+  const [defaultValue, setDefaultValue] = useState(1.0);
+
+  useEffect(() => {
+    if (defaultScale) {
+      setDefaultValue(defaultScale);
+    }
+  }, [defaultScale]);
+
+  //
+  return (
+    <>
+      <Worker workerUrl={pdfjsWorker}>
+        <div className="pdf-viewer-container">
+          <Viewer
+            fileUrl={url}
+            plugins={[defaultLayoutPluginInstance]}
+            {...props}
+            /**setting default actual size ie, 100% for zoom property */
+            defaultScale={defaultValue}
+          />
+        </div>
+      </Worker>
+    </>
+  );
+}

package/core/lib/components/portlet-table/components/table-actions/table-actions.js

@@ -1,58 +1,58 @@
-/**
- * Component used for Table Actions
- * 
- * @author Ashique
- * 
- * Ensure to follow a minimal standard
- */
-
-import React, { useState, useEffect } from 'react';
-
-import { CustomActions } from '../../..';
-
-import { TableField } from '../table-data/table-data';
-
-import './table-actions.scss';
-
-
-export default function TableActions({ columns = [], records = [], actions }) {
-
-    return (<>
-
-        {/* Actions Table */}
-        <div className="actions-table">
-            <table striped className="sortable">
-                <thead>
-                    <tr>
-                        <th className="action-header">
-                            <span className="fa fa-cog fa-lg">
-                                #
-                            </span>
-                        </th>
-                    </tr>
-                </thead>
-                <tbody>
-                    {
-                        records.map((record, rowKey) => (
-                            <tr className="table-row" key={rowKey}>
-
-                                {
-                                    actions.map((action) => {
-
-                                        return <TableField row={record} column={action} />
-
-                                    })
-                                }
-
-                                {/* <CustomActions record={record} /> */}
-                            </tr>
-                        ))
-                    }
-                </tbody>
-            </table>
-        </div>
-        {/* Actions Table Ends */}
-
-    </>)
-}
-
+/**
+ * Component used for Table Actions
+ * 
+ * @author Ashique
+ * 
+ * Ensure to follow a minimal standard
+ */
+
+import React, { useState, useEffect } from 'react';
+
+import { CustomActions } from '../../..';
+
+import { TableField } from '../table-data/table-data';
+
+import './table-actions.scss';
+
+
+export default function TableActions({ columns = [], records = [], actions }) {
+
+    return (<>
+
+        {/* Actions Table */}
+        <div className="actions-table">
+            <table striped className="sortable">
+                <thead>
+                    <tr>
+                        <th className="action-header">
+                            <span className="fa fa-cog fa-lg">
+                                #
+                            </span>
+                        </th>
+                    </tr>
+                </thead>
+                <tbody>
+                    {
+                        records.map((record, rowKey) => (
+                            <tr className="table-row" key={rowKey}>
+
+                                {
+                                    actions.map((action) => {
+
+                                        return <TableField row={record} column={action} />
+
+                                    })
+                                }
+
+                                {/* <CustomActions record={record} /> */}
+                            </tr>
+                        ))
+                    }
+                </tbody>
+            </table>
+        </div>
+        {/* Actions Table Ends */}
+
+    </>)
+}
+

package/core/lib/components/portlet-table/components/table-actions/table-actions.scss

@@ -1 +1 @@
-
+

package/core/lib/components/portlet-table/components/table-data/table-data.js

@@ -1,107 +1,107 @@
-/**
- * Component used for Table 
- * 
- * @author Ashique
- * 
- * Ensure to follow a minimal standard
- */
-
-import React, { useState, useEffect } from 'react';
-
-import './table-data.scss';
-
-
-export default function TableData({ columns = [], records = [] }) {
-
-    return (<div className='table-data'><table className="table-body">
-
-        <TableHeader columns={columns} />
-
-        <tbody>
-
-            {
-
-                records.map((row, index) => {
-
-                    return (<TableRow index={index} row={row} columns={columns} />)
-
-                })}
-
-        </tbody>
-    </table></div>)
-
-}
-
-/**
- * The Table Header Element
- * 
- * @param {*} param0 
- * @returns 
- */
-function TableHeader({ columns }) {
-
-    return (
-        <thead>
-            <tr>
-                {columns.map((column) => {
-
-                    return (<TableHeaderColumn column={column} />)
-                })}
-
-            </tr>
-        </thead>
-    )
-}
-
-
-function TableHeaderColumn({ column }) {
-
-
-    return (<th>
-        {column.title}
-    </th>
-    )
-}
-
-
-
-
-/**
- * Table Row Element
- * 
- * @param {*} param0 
- * @returns 
- */
-function TableRow({ row, columns, index }) {
-
-    return (<tr>
-
-        {
-            columns.map((column, columnIndex) => {
-
-                return (<TableField index={index} key={index} row={row} column={column} />)
-
-            })
-        }
-
-    </tr>)
-}
-
-
-/**
- * 
- * 
- * @param {*} param0 
- * @returns 
- */
-export function TableField({ row, column, index }) {
-
-    // console.log(row, column);
-
-    return (<td>
-
-        {column.render ? column.render(row, column, index) : row[column.dataIndex]}
-
-    </td>)
-
+/**
+ * Component used for Table 
+ * 
+ * @author Ashique
+ * 
+ * Ensure to follow a minimal standard
+ */
+
+import React, { useState, useEffect } from 'react';
+
+import './table-data.scss';
+
+
+export default function TableData({ columns = [], records = [] }) {
+
+    return (<div className='table-data'><table className="table-body">
+
+        <TableHeader columns={columns} />
+
+        <tbody>
+
+            {
+
+                records.map((row, index) => {
+
+                    return (<TableRow index={index} row={row} columns={columns} />)
+
+                })}
+
+        </tbody>
+    </table></div>)
+
+}
+
+/**
+ * The Table Header Element
+ * 
+ * @param {*} param0 
+ * @returns 
+ */
+function TableHeader({ columns }) {
+
+    return (
+        <thead>
+            <tr>
+                {columns.map((column) => {
+
+                    return (<TableHeaderColumn column={column} />)
+                })}
+
+            </tr>
+        </thead>
+    )
+}
+
+
+function TableHeaderColumn({ column }) {
+
+
+    return (<th>
+        {column.title}
+    </th>
+    )
+}
+
+
+
+
+/**
+ * Table Row Element
+ * 
+ * @param {*} param0 
+ * @returns 
+ */
+function TableRow({ row, columns, index }) {
+
+    return (<tr>
+
+        {
+            columns.map((column, columnIndex) => {
+
+                return (<TableField index={index} key={index} row={row} column={column} />)
+
+            })
+        }
+
+    </tr>)
+}
+
+
+/**
+ * 
+ * 
+ * @param {*} param0 
+ * @returns 
+ */
+export function TableField({ row, column, index }) {
+
+    // console.log(row, column);
+
+    return (<td>
+
+        {column.render ? column.render(row, column, index) : row[column.dataIndex]}
+
+    </td>)
+
 }