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

package/core/lib/elements/basic/fingerprint-protrected/fingerprint-protected.js

@@ -1,118 +1,118 @@
-/**
- * This is one different level of component moulding that has added 
- * for his 
- */
-
-import React, { useEffect, useState } from 'react';
-
-import { Route, Redirect } from 'react-router-dom';
-
-import { Typography } from 'antd';
-
-import FingerPrintReader from './../../../components/finger-print-reader/finger-print-reader';
-
-import './fingerprint-protected.scss';
-
-import { Button } from './../../../elements/'
-
-const { Title } = Typography;
-
-export default function FingerprintProtected({ children, template, menu, onVerification, authorized, completed, ...rest }) {
-
-  const [loading, setLoading] = useState(false);
-
-  const [access, setAccess] = useState(null);
-
-  useEffect(() => {
-
-  }, [])
-
-  /**
-   * On Update of result from reader
-   */
-  const onUpdate = async (json) => {
-
-    setLoading(true);
-
-    await onVerification(json);
-
-    setAccess(json);
-
-    setLoading(false);
-
-    // onVerification(json)
-  }
-
-  let enableReader = false;
-
-  if (menu.finger_print_protected && !access) {
-
-    enableReader = true;
-
-  }
-
-  if (completed) {
-    enableReader = false;
-  }
-
-  if (authorized) {
-    enableReader = false;
-  }
-
-  /**
-   * Override the 
-   */
-  const override = async () => {
-
-    setLoading(true);
-
-    await onVerification({})
-
-    setAccess({});
-
-    setLoading(false);
-
-  }
-
-  return (
-    <Route
-      {...rest}
-      render={(props) => {
-
-        return !enableReader
-          ?
-
-          React.cloneElement(children,
-            {
-              access,
-              ...props
-            })
-          :
-          <>
-
-            <Title level={3}>
-              {menu.name}
-            </Title>
-
-            <p>
-              You are trying to access a fingerprint protected page .
-            </p>
-
-
-            <div className='fingerprint-protected card'>
-
-              <FingerPrintReader template={template} onChange={onUpdate} scanMode={true} />
-
-              {/* Override the FingerPrint */}
-              <Button loading={loading} className={'override-button'} onClick={override}>
-                Override
-              </Button>
-              {/* Override the FingerPrint */}
-
-            </div>
-          </>
-
-      }}
-    />
-  )
-}
+/**
+ * This is one different level of component moulding that has added 
+ * for his 
+ */
+
+import React, { useEffect, useState } from 'react';
+
+import { Route, Redirect } from 'react-router-dom';
+
+import { Typography } from 'antd';
+
+import FingerPrintReader from './../../../components/finger-print-reader/finger-print-reader';
+
+import './fingerprint-protected.scss';
+
+import { Button } from './../../../elements/'
+
+const { Title } = Typography;
+
+export default function FingerprintProtected({ children, template, menu, onVerification, authorized, completed, ...rest }) {
+
+  const [loading, setLoading] = useState(false);
+
+  const [access, setAccess] = useState(null);
+
+  useEffect(() => {
+
+  }, [])
+
+  /**
+   * On Update of result from reader
+   */
+  const onUpdate = async (json) => {
+
+    setLoading(true);
+
+    await onVerification(json);
+
+    setAccess(json);
+
+    setLoading(false);
+
+    // onVerification(json)
+  }
+
+  let enableReader = false;
+
+  if (menu.finger_print_protected && !access) {
+
+    enableReader = true;
+
+  }
+
+  if (completed) {
+    enableReader = false;
+  }
+
+  if (authorized) {
+    enableReader = false;
+  }
+
+  /**
+   * Override the 
+   */
+  const override = async () => {
+
+    setLoading(true);
+
+    await onVerification({})
+
+    setAccess({});
+
+    setLoading(false);
+
+  }
+
+  return (
+    <Route
+      {...rest}
+      render={(props) => {
+
+        return !enableReader
+          ?
+
+          React.cloneElement(children,
+            {
+              access,
+              ...props
+            })
+          :
+          <>
+
+            <Title level={3}>
+              {menu.name}
+            </Title>
+
+            <p>
+              You are trying to access a fingerprint protected page .
+            </p>
+
+
+            <div className='fingerprint-protected card'>
+
+              <FingerPrintReader template={template} onChange={onUpdate} scanMode={true} />
+
+              {/* Override the FingerPrint */}
+              <Button loading={loading} className={'override-button'} onClick={override}>
+                Override
+              </Button>
+              {/* Override the FingerPrint */}
+
+            </div>
+          </>
+
+      }}
+    />
+  )
+}

package/core/lib/elements/basic/fingerprint-protrected/fingerprint-protected.scss

@@ -1,10 +1,10 @@
-.fingerprint-protected {
-    margin: 10px 0px;
-    
-    position: relative;
-    .override-button {
-        position: absolute;
-        right: 0px;
-        bottom: 30px;
-    }
-}
+.fingerprint-protected {
+    margin: 10px 0px;
+    
+    position: relative;
+    .override-button {
+        position: absolute;
+        right: 0px;
+        bottom: 30px;
+    }
+}

package/core/lib/elements/basic/form/form.js

@@ -1,70 +1,70 @@
-// <<<<<<< HEAD
-// import React from 'react'
-
-// import { Form as AntdForm } from 'antd'
-
-// // import './button.scss'
-
-// export default class Form extends React.Component {
-
-//     render() {
-
-//         const { children, ...props } = this.props;
-
-//         return (<>
-
-//             <AntdForm {...props}>
-
-//                 {children}
-
-//             </AntdForm >
-
-//         </>)
-
-//     }
-
-// }
-
-// export const Item = AntdForm.Item;
-// =======
-/**
- *
- * @author Sameena Ammed
- * This component exports antd form.
- * Here the components needed for antd form are all imported and form along with all those components are exported
- * This gives a custom form to be used in development
- *
- */
-
-import React from "react";
-
-
-// Import all the needed components from antd library
-import InternalForm, { useForm } from "antd/lib/form/Form";
-
-import Item from "antd/lib/form/FormItem";
-
-import ErrorList from "antd/lib/form/ErrorList";
-
-import List from "antd/lib/form/FormList";
-
-import { FormProvider } from "antd/lib/form/context";
-
-import "./form.scss";
-
-// import 'antd/dist/antd.css';
-
-// Assign all the imported components and form so that it can be exported
-const Form = Object.assign(InternalForm, {
-  useForm,
-  Item,
-  List,
-  ErrorList,
-  Provider: FormProvider,
-  create: () => {
-    console.warn("This method is deprecated and should not be used.");
-  },
-});
-
-export default Form;
-// >>>>>>> 64a2e254065eded31111b89ea538c10bb23a4cd3
+// <<<<<<< HEAD
+// import React from 'react'
+
+// import { Form as AntdForm } from 'antd'
+
+// // import './button.scss'
+
+// export default class Form extends React.Component {
+
+//     render() {
+
+//         const { children, ...props } = this.props;
+
+//         return (<>
+
+//             <AntdForm {...props}>
+
+//                 {children}
+
+//             </AntdForm >
+
+//         </>)
+
+//     }
+
+// }
+
+// export const Item = AntdForm.Item;
+// =======
+/**
+ *
+ * @author Sameena Ammed
+ * This component exports antd form.
+ * Here the components needed for antd form are all imported and form along with all those components are exported
+ * This gives a custom form to be used in development
+ *
+ */
+
+import React from "react";
+
+
+// Import all the needed components from antd library
+import InternalForm, { useForm } from "antd/lib/form/Form";
+
+import Item from "antd/lib/form/FormItem";
+
+import ErrorList from "antd/lib/form/ErrorList";
+
+import List from "antd/lib/form/FormList";
+
+import { FormProvider } from "antd/lib/form/context";
+
+import "./form.scss";
+
+// import 'antd/dist/antd.css';
+
+// Assign all the imported components and form so that it can be exported
+const Form = Object.assign(InternalForm, {
+  useForm,
+  Item,
+  List,
+  ErrorList,
+  Provider: FormProvider,
+  create: () => {
+    console.warn("This method is deprecated and should not be used.");
+  },
+});
+
+export default Form;
+// >>>>>>> 64a2e254065eded31111b89ea538c10bb23a4cd3

package/core/lib/elements/basic/form/form.scss

@@ -1,4 +1,4 @@
-.ant-form-item-label {
-          color: #2c0606;
-          // font-weight: bold;
+.ant-form-item-label {
+          color: #2c0606;
+          // font-weight: bold;
 }

package/core/lib/elements/basic/image/image.js

@@ -1,45 +1,45 @@
-/**
- * Image Component
- */
-
-import React from "react";
-
-import "./image.scss";
-
-import { Image } from "antd";
-
-import PropTypes from "prop-types";
-
-// import 'antd/dist/antd.css';
-// import { src } from './../../rc-image-lib/image';
-
-/**
- * Use `Image` for Image you need to keep.
- */
-export default function ImageWrapper({ src, className, width = 150 }) {
-  return (
-    <div className={`image-box ${className}`}>
-      <Image width={width} src={src} />
-    </div>
-  );
-}
-
-ImageWrapper.propTypes = {
-  /** The source URL of the image. */
-  src: PropTypes.string.isRequired,
-  
-  /** A custom class name for the image wrapper component. */
-  className: PropTypes.string,
-
-  /** The width of the image, in pixels. */
-  width: PropTypes.number,
-
-  /**  An optional click handler function that will be called when the image wrapper is clicked. */
-  onClick: PropTypes.func,
-};
-
-ImageWrapper.defaultProps = {
-  className: "",
-  width: 150,
-  onClick: null,
-};
+/**
+ * Image Component
+ */
+
+import React from "react";
+
+import "./image.scss";
+
+import { Image } from "antd";
+
+import PropTypes from "prop-types";
+
+// import 'antd/dist/antd.css';
+// import { src } from './../../rc-image-lib/image';
+
+/**
+ * Use `Image` for Image you need to keep.
+ */
+export default function ImageWrapper({ src, className, width = 150 }) {
+  return (
+    <div className={`image-box ${className}`}>
+      <Image width={width} src={src} />
+    </div>
+  );
+}
+
+ImageWrapper.propTypes = {
+  /** The source URL of the image. */
+  src: PropTypes.string.isRequired,
+  
+  /** A custom class name for the image wrapper component. */
+  className: PropTypes.string,
+
+  /** The width of the image, in pixels. */
+  width: PropTypes.number,
+
+  /**  An optional click handler function that will be called when the image wrapper is clicked. */
+  onClick: PropTypes.func,
+};
+
+ImageWrapper.defaultProps = {
+  className: "",
+  width: 150,
+  onClick: null,
+};

package/core/lib/elements/basic/image/image.scss

@@ -1,17 +1,17 @@
-.image-box {
-    // padding: 10px;
-
-    .ant-image {
-        min-height: 115px;
-    }
-
-    img {
-        min-height: 115px;
-
-        // margin: 0px 10px;
-        width: 150px;
-        border: 1px solid #c5c5c5;
-        padding: 4px;
-        border-radius: 4px;
-    }
-}
+.image-box {
+    // padding: 10px;
+
+    .ant-image {
+        min-height: 115px;
+    }
+
+    img {
+        min-height: 115px;
+
+        // margin: 0px 10px;
+        width: 150px;
+        border: 1px solid #c5c5c5;
+        padding: 4px;
+        border-radius: 4px;
+    }
+}

package/core/lib/elements/basic/image/readme.md

@@ -1,26 +1,26 @@
-## Usage
-
-You can use the HTML <img> tag to display images in your React application. Simply add the <img> tag to your JSX code, and specify the source (src) of the image as the value of the "src" attribute. For example:
-
-```jsx
-import ImageWrapper from "./image";
-
-<ImageWrapper />;
-```
-
-```sh
-import React from "react";
-import "./image.scss";
-import { Image } from "antd";
-
-/**
- * Use `Image` for Image you need to keep.
- */
-export default function ImageWrapper({  src, className, width = 150 }) {
-  return (
-    <div className={`image-box ${className}`}>
-      <Image width={width} src={src} />
-    </div>
-  );
-}
-```
+## Usage
+
+You can use the HTML <img> tag to display images in your React application. Simply add the <img> tag to your JSX code, and specify the source (src) of the image as the value of the "src" attribute. For example:
+
+```jsx
+import ImageWrapper from "./image";
+
+<ImageWrapper />;
+```
+
+```sh
+import React from "react";
+import "./image.scss";
+import { Image } from "antd";
+
+/**
+ * Use `Image` for Image you need to keep.
+ */
+export default function ImageWrapper({  src, className, width = 150 }) {
+  return (
+    <div className={`image-box ${className}`}>
+      <Image width={width} src={src} />
+    </div>
+  );
+}
+```