ui-soxo-bootstrap-core 2.4.25-dev.41 → 2.4.25-dev.44

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>
+  );
+}
+```

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

@@ -1,109 +1,109 @@
-// import React, { Component } from 'react';
-
-// import $ from 'jquery';
-
-
-// import 'viewerjs/dist/viewer';
-// import 'viewerjs/dist/viewer.css';
-
-// import './image-viewer.scss';
-
-// export default class ImageViewer extends Component {
-
-//     constructor(props) {
-//         super(props);
-//         this.state = {
-//             images: props.images
-//             // toolbar:props.toolbar
-//         }
-       
-//     }
-
-
-//     componentDidMount = () => {
-//         const { idVal = 'images' } = this.props;
-//         let $image = $(`#${idVal}`);
-
-//         $image.viewer({
-//             inline: true,
-
-//             // customToolbar: (toolbars) => {
-//             //     const customToolbar = [{
-//             //         key: 'test',
-//             //         render: <span className="custom-action" onClick={() => { this.acceptL() }}>Accept License</span>,
-//             //         onClick: (activeImage) => {
-//             //             console.log(activeImage);
-//             //         },
-//             //     }]
-
-//             //     const tools = customToolbar.concat(toolbars);
-//             //     return tools.concat([
-//             //         {
-//             //             key: 'test1',
-//             //             render: <span onClick={(e) => this.rejectL()} className="custom-action">Reject License</span>,
-
-//             //             onClick: (activeImage) => {
-//             //                 console.log(activeImage);
-//             //             },
-//             //         },
-//             //         {
-//             //             key: 'test2',
-//             //             render: <span onClick={(e) => this.deleteL()} className="custom-action">Delete License</span>,
-
-//             //             onClick: (activeImage) => {
-//             //                 console.log(activeImage);
-//             //             },
-//             //         }
-//             //     ]);
-//             // },
-
-//             // toolbar: [{
-//             //     key: 'test',
-//             //     render: <span className="custom-action" onClick={() => { this.acceptL() }}>Accept License</span>,
-//             //     onClick: (activeImage) => {
-//             //         console.log(activeImage);
-//             //     },
-//             // }, {
-//             //     key: 'test1',
-//             //     render: <span onClick={(e) => this.rejectL()} className="custom-action">Reject License</span>,
-
-//             //     onClick: (activeImage) => {
-//             //         console.log(activeImage);
-//             //     },
-//             // }],
-
-
-//             viewed: function () {
-//                 $image.viewer('zoomTo', 0.2);
-//             }
-//         });
-
-//         // Get the Viewer.js instance after initialized
-//         var viewer = $image.data('viewer');
-//         // console.log(viewer);
-
-//         // View a list of images
-//         // $('#images').viewer();
-//     }
-
-
-//     render() {
-//         const { images } = this.state;
-//         let { idVal = 'images' } = this.props;
-//         return (
-//             <div className="image-viewer ">
-//                 <ul id={idVal} style={{ display: 'none' }}>
-//                     {
-//                         images.map((image, key) => (
-//                             <li className="image-content" key={key}>
-//                                 <img src={image.image} alt="Picture 1" />
-//                             </li>
-//                         ))
-//                     }
-//                 </ul>
-
-//             </div >
-
-//         )
-//     }
+// import React, { Component } from 'react';
+
+// import $ from 'jquery';
+
+
+// import 'viewerjs/dist/viewer';
+// import 'viewerjs/dist/viewer.css';
+
+// import './image-viewer.scss';
+
+// export default class ImageViewer extends Component {
+
+//     constructor(props) {
+//         super(props);
+//         this.state = {
+//             images: props.images
+//             // toolbar:props.toolbar
+//         }
+       
+//     }
+
+
+//     componentDidMount = () => {
+//         const { idVal = 'images' } = this.props;
+//         let $image = $(`#${idVal}`);
+
+//         $image.viewer({
+//             inline: true,
+
+//             // customToolbar: (toolbars) => {
+//             //     const customToolbar = [{
+//             //         key: 'test',
+//             //         render: <span className="custom-action" onClick={() => { this.acceptL() }}>Accept License</span>,
+//             //         onClick: (activeImage) => {
+//             //             console.log(activeImage);
+//             //         },
+//             //     }]
+
+//             //     const tools = customToolbar.concat(toolbars);
+//             //     return tools.concat([
+//             //         {
+//             //             key: 'test1',
+//             //             render: <span onClick={(e) => this.rejectL()} className="custom-action">Reject License</span>,
+
+//             //             onClick: (activeImage) => {
+//             //                 console.log(activeImage);
+//             //             },
+//             //         },
+//             //         {
+//             //             key: 'test2',
+//             //             render: <span onClick={(e) => this.deleteL()} className="custom-action">Delete License</span>,
+
+//             //             onClick: (activeImage) => {
+//             //                 console.log(activeImage);
+//             //             },
+//             //         }
+//             //     ]);
+//             // },
+
+//             // toolbar: [{
+//             //     key: 'test',
+//             //     render: <span className="custom-action" onClick={() => { this.acceptL() }}>Accept License</span>,
+//             //     onClick: (activeImage) => {
+//             //         console.log(activeImage);
+//             //     },
+//             // }, {
+//             //     key: 'test1',
+//             //     render: <span onClick={(e) => this.rejectL()} className="custom-action">Reject License</span>,
+
+//             //     onClick: (activeImage) => {
+//             //         console.log(activeImage);
+//             //     },
+//             // }],
+
+
+//             viewed: function () {
+//                 $image.viewer('zoomTo', 0.2);
+//             }
+//         });
+
+//         // Get the Viewer.js instance after initialized
+//         var viewer = $image.data('viewer');
+//         // console.log(viewer);
+
+//         // View a list of images
+//         // $('#images').viewer();
+//     }
+
+
+//     render() {
+//         const { images } = this.state;
+//         let { idVal = 'images' } = this.props;
+//         return (
+//             <div className="image-viewer ">
+//                 <ul id={idVal} style={{ display: 'none' }}>
+//                     {
+//                         images.map((image, key) => (
+//                             <li className="image-content" key={key}>
+//                                 <img src={image.image} alt="Picture 1" />
+//                             </li>
+//                         ))
+//                     }
+//                 </ul>
+
+//             </div >
+
+//         )
+//     }
 // }

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

@@ -1,8 +1,8 @@
-.image-viewer{
-    
-    height: 240px;
-
-    #images{
-        display: none;
-    }
+.image-viewer{
+    
+    height: 240px;
+
+    #images{
+        display: none;
+    }
 }