empower-container 0.1.2 → 0.1.5

package/README.md

@@ -5,132 +5,134 @@
 
 
 ## 1) Menubar
-#### Implementation
-```
+###  Implementation
+```js
 import { MenuBar } from 'empoower-container';
 ```
-#### Options
-    config: {
-        title: 'Test Title',
-        icon: SVG_REQUEST,
-        showInfo: true,
-        iconType: ['check', "back", 'standard']
-    },
-            
-___
-    button {
-        show: true
-        actions: [{
+### Options
+
+```js 
+config: {
+    title: 'Test Title',
+    icon: SVG_REQUEST,
+    showInfo: true,
+    iconType: ['check', "back", 'standard']
+}
+```
+```js
+button {
+    show: true
+    actions: [{
+        class: 'button',
+        label: "Submit",
+        action: "readytosubmit",       // string optional
+        icon: SVG_SUBMIT
+    }]
+}
+```
+```js
+buttonFooter: { 
+    show: true,
+    actions: [{
             class: 'button',
             label: "Submit",
-            action: "readytosubmit",       // string optional
-            icon: SVG_SUBMIT
-        }]
-    }
- 
-___
-
-    buttonFooter: { 
-        show: true,
-        actions: [{
-                class: 'button',
-                label: "Submit",
-                action: "footer-submit",       // string optional
-                icon: SVG_SUBMIT,
-                show: true
-        }]
+            action: "footer-submit",       // string optional
+            icon: SVG_SUBMIT,
+            show: true
+    }]
+}
+```
+```js
+pagination: {
+    show: true,
+    hideSummary: false,
+    counter: 10,
+    perPage: 10,
+    page: 1,
+    total: 35,
+}
+```
+```js 
+pivot: {
+    show: true,
+    selected: 'all',
+    actions: [
+        {
+            label: "All",
+            value: "all",       // string optional
+        },
+        {
+            label: "Pending",
+            value: "pending",       // string optional
+        },
+        {
+            label: "Approved",
+            value: "approved",       // string optional
+        },
+        {
+            label: "Rejected",
+            value: "rejected",       // string optional
+        },
+        {
+            label: "Cancelled",
+            value: "cancelled",    // string optional
+        },
+    ]
+}
+```
+```js
+dropdown: {
+    show: true,
+    title: 'File Test',
+    type: 'date-picker-monthly',
+    selection: {
+        startDate: "Feb 2021",
+        endDate: "Feb 2021",
     },
-
-___
-
-    pagination: {
-        show: true,
-        hideSummary: false,
-        counter: 10,
-        perPage: 10,
-        page: 1,
-        total: 35,
-    }
-___
-
-    pivot: {
-        show: true,
-        selected: 'all',
-        actions: [
-            {
-                label: "All",
-                value: "all",       // string optional
-            },
-            {
-                label: "Pending",
-                value: "pending",       // string optional
-            },
-            {
-                label: "Approved",
-                value: "approved",       // string optional
-            },
-            {
-                label: "Rejected",
-                value: "rejected",       // string optional
-            },
-            {
-                label: "Cancelled",
-                value: "cancelled",    // string optional
-            },
-        ]
-    }
-___
-
-    dropdown: {
-        show: true,
-        title: 'File Test',
-        type: 'date-picker-monthly',
-        selection: {
-            startDate: "Feb 2021",
-            endDate: "Feb 2021",
+}
+```
+```js
+search: {
+    show: true,
+    value: ''
+}
+```
+```js 
+undoButton: {
+    show: false,
+    isFooter: true,
+    actions: [
+        {
+            class: 'button disabled',
+            show: true,
+            label: "Submit",
+            action: "submit",        
+            icon: SVG_SUBMIT,
+            timer: 3,
+            disabled: true
         },
-    }
-___
-
-    search: {
-        show: true,
-        value: ''
-    }
-    
-___
-    undoButton: {
-        show: false,
-        isFooter: true,
-        actions: [
-            {
-                class: 'button disabled',
-                show: true,
-                label: "Submit",
-                action: "submit",       // string optional
-                icon: SVG_SUBMIT,
-                timer: 3,
-                disabled: true
-            },
-            {
-                show: true,
-                label: "Undo Request",
-                action: "undo-request",       // string optional
-                icon: SVG_UNDO
-            },
-        ]
-    }
-            
-___
-    check: {
-        disabled: false,
-        selected: 0,
-        total: 1
-    }
-___
-    info: 'Sample Information'
+        {
+            show: true,
+            label: "Undo Request",
+            action: "undo-request",        
+            icon: SVG_UNDO
+        },
+    ]
+}
+```
+```js 
+check: {
+    disabled: false,
+    selected: 0,
+    total: 1
+}
+```
+```js 
+info: 'Sample Information'
+```
 ### Usage
 
-```
+```html
  <MenuBar
     config={menubar.config}
     button={menubar.button}
@@ -152,135 +154,137 @@ ___
 
 
 ## 2) Modal
-#### Implementation
-```
+### Implementation
+```js
 import { Modal } from 'empoower-container';
 ```
 ### Options
+
     show: false,
     hideMenuBar: false, //optional
     
-     config: {
-            title: 'Test Title',
-            icon: SVG_REQUEST,
-            showInfo: true,
-            iconType: ['standard', 'close'],
-            modalSize: 'lg'
-        },
-    
-    button {
-        show: true
-        actions: [{
+```js
+config: {
+    title: 'Test Title',
+    icon: SVG_REQUEST,
+    showInfo: true,
+    iconType: ['standard', 'close'],
+    modalSize: 'lg'
+}
+```
+```js    
+button {
+    show: true
+    actions: [{
+        class: 'button',
+        label: "Submit",
+        action: "readytosubmit",       // string optional
+        icon: SVG_SUBMIT
+    }]
+}
+```
+```js
+buttonFooter: { 
+    show: true,
+    actions: [{
             class: 'button',
             label: "Submit",
-            action: "readytosubmit",       // string optional
-            icon: SVG_SUBMIT
-        }]
-    }
- 
-___
-
-    buttonFooter: { 
-        show: true,
-        actions: [{
-                class: 'button',
-                label: "Submit",
-                action: "footer-submit",       // string optional
-                icon: SVG_SUBMIT,
-                show: true
-        }]
+            action: "footer-submit",       // string optional
+            icon: SVG_SUBMIT,
+            show: true
+    }]
+},
+```
+```js
+pagination: {
+    show: true,
+    hideSummary: false,
+    counter: 10,
+    perPage: 10,
+    page: 1,
+    total: 35,
+}
+```
+```js
+pivot: {
+    show: true,
+    selected: 'all',
+    actions: [
+        {
+            label: "All",
+            value: "all",       // string optional
+        },
+        {
+            label: "Pending",
+            value: "pending",       // string optional
+        },
+        {
+            label: "Approved",
+            value: "approved",       // string optional
+        },
+        {
+            label: "Rejected",
+            value: "rejected",       // string optional
+        },
+        {
+            label: "Cancelled",
+            value: "cancelled",    // string optional
+        },
+    ]
+}
+```
+```js
+dropdown: {
+    show: true,
+    title: 'File Test',
+    type: 'date-picker-monthly',
+    selection: {
+        startDate: "Feb 2021",
+        endDate: "Feb 2021",
     },
-
-___
-
-    pagination: {
-        show: true,
-        hideSummary: false,
-        counter: 10,
-        perPage: 10,
-        page: 1,
-        total: 35,
-    }
-___
-
-    pivot: {
-        show: true,
-        selected: 'all',
-        actions: [
-            {
-                label: "All",
-                value: "all",       // string optional
-            },
-            {
-                label: "Pending",
-                value: "pending",       // string optional
-            },
-            {
-                label: "Approved",
-                value: "approved",       // string optional
-            },
-            {
-                label: "Rejected",
-                value: "rejected",       // string optional
-            },
-            {
-                label: "Cancelled",
-                value: "cancelled",    // string optional
-            },
-        ]
-    }
-___
-
-    dropdown: {
-        show: true,
-        title: 'File Test',
-        type: 'date-picker-monthly',
-        selection: {
-            startDate: "Feb 2021",
-            endDate: "Feb 2021",
+}
+```
+```js
+search: {
+    show: true,
+    value: ''
+}
+```
+```js
+undoButton: {
+    show: false,
+    isFooter: true,
+    actions: [
+        {
+            class: 'button disabled',
+            show: true,
+            label: "Submit",
+            action: "submit",       // string optional
+            icon: SVG_SUBMIT,
+            timer: 3,
+            disabled: true
         },
-    }
-___
-
-    search: {
-        show: true,
-        value: ''
-    }
-    
-___
-    undoButton: {
-        show: false,
-        isFooter: true,
-        actions: [
-            {
-                class: 'button disabled',
-                show: true,
-                label: "Submit",
-                action: "submit",       // string optional
-                icon: SVG_SUBMIT,
-                timer: 3,
-                disabled: true
-            },
-            {
-                show: true,
-                label: "Undo Request",
-                action: "undo-request",       // string optional
-                icon: SVG_UNDO
-            },
-        ]
-    }
-            
-___
-    check: {
-        disabled: false,
-        selected: 0,
-        total: 1
-    }
-___
-    info: 'Sample Information'
-    
-### Usage
+        {
+            show: true,
+            label: "Undo Request",
+            action: "undo-request",       // string optional
+            icon: SVG_UNDO
+        },
+    ]
+}
 ```
+```js
+check: {
+    disabled: false,
+    selected: 0,
+    total: 1
+}
+```
+```js
+info: 'Sample Information'
+```
+### Usage
+```html
 <Modal
     config={menubar.config}
     button={menubar.button}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "empower-container",
-  "version": "0.1.2",
+  "version": "0.1.5",
   "private": false,
   "main": "./dist/cjs/index.js",
   "module": "./dist/esm/index.js",
@@ -11,11 +11,14 @@
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.1",
     "@types/node": "^16.11.26",
-    "@types/react": "^17.0.40",
+    "@types/react": "^17.0.43",
     "@types/react-dom": "^17.0.13",
+    "html-to-text": "^8.1.0",
     "react": "^17.0.2",
     "react-date-range": "^1.4.0",
     "react-dom": "^17.0.2",
+    "react-native": "^0.68.0",
+    "react-native-render-html": "^6.3.4",
     "react-render-html": "^0.6.0",
     "react-scripts": "5.0.0",
     "sass": "^1.49.9",

package/src/main/DatetimeFormatter.js

@@ -135,6 +135,8 @@ var datetimeFormatter = function (timestamp, format, todayServer, type, getServe
                         newFormat = dayName + ", " + dayDate + " " + monthName + " " + year;
                         break;
                     case "momentsAgo":
+                        var diff = 0;
+                        var diffMinute = 0;
                         if (todayTS >= dateTS) {
                             //check if 24hours has been passed
                             if (todayTS >= (dateTS + 86400)) {
@@ -143,28 +145,28 @@ var datetimeFormatter = function (timestamp, format, todayServer, type, getServe
                             else {
                                 //check if hour has been passed
                                 if (todayTS >= dateTS + 3600) {
-                                    var diff = todayTS - dateTS;
+                                    diff = todayTS - dateTS;
                                     if (diff === 0) {
                                         newFormat = "An hour ago";
                                     }
-                                    var diffHour = diff / 3600;
-                                    diffHour = ~~diffHour;
-                                    newFormat = diffHour === 1 ? "An hour ago" : diffHour + " hours ago";
+                                    var diffHour_1 = diff / 3600;
+                                    diffHour_1 = ~~diffHour_1;
+                                    newFormat = diffHour_1 === 1 ? "An hour ago" : diffHour_1 + " hours ago";
                                 }
                                 else {
                                     //check if a minute has been passed
                                     if (todayTS >= dateTS + 60) {
-                                        var diff = todayTS - dateTS;
+                                        diff = todayTS - dateTS;
                                         if (diff === 0) {
                                             newFormat = "A minute ago";
                                         }
-                                        var diffMinute = diff / 60;
+                                        diffMinute = diff / 60;
                                         diffMinute = ~~diffMinute;
                                         newFormat = diffMinute === 1 ? "A minute ago" : diffMinute + " minutes ago";
                                     }
                                     else {
-                                        var diff = todayTS - dateTS;
-                                        if (diff === 0 || diff <= 10) {
+                                        var diff_1 = todayTS - dateTS;
+                                        if (diff_1 === 0 || diff_1 <= 10) {
                                             newFormat = "Few seconds ago";
                                         }
                                         else {
@@ -179,6 +181,7 @@ var datetimeFormatter = function (timestamp, format, todayServer, type, getServe
                         }
                         break;
                     case "momentsAgoConvo":
+                        var diffHour = 0;
                         if (todayTS >= dateTS) {
                             //check if 24hours has been passed
                             if (todayTS >= (dateTS + 86400)) {
@@ -187,28 +190,28 @@ var datetimeFormatter = function (timestamp, format, todayServer, type, getServe
                             else {
                                 //check if hour has been passed
                                 if (todayTS >= dateTS + 3600) {
-                                    var diff = todayTS - dateTS;
-                                    if (diff === 0) {
+                                    var diff_2 = todayTS - dateTS;
+                                    if (diff_2 === 0) {
                                         newFormat = "An hour ago";
                                     }
-                                    var diffHour = diff / 3600;
+                                    diffHour = diff_2 / 3600;
                                     diffHour = ~~diffHour;
                                     newFormat = diffHour === 1 ? "An hour ago" : diffHour + " hours ago";
                                 }
                                 else {
                                     //check if a minute has been passed
                                     if (todayTS >= dateTS + 60) {
-                                        var diff = todayTS - dateTS;
-                                        if (diff === 0) {
+                                        var diff_3 = todayTS - dateTS;
+                                        if (diff_3 === 0) {
                                             newFormat = "A minute ago";
                                         }
-                                        var diffMinute = diff / 60;
-                                        diffMinute = ~~diffMinute;
-                                        newFormat = diffMinute === 1 ? "A minute ago" : diffMinute + " minutes ago";
+                                        var diffMinute_1 = diff_3 / 60;
+                                        diffMinute_1 = ~~diffMinute_1;
+                                        newFormat = diffMinute_1 === 1 ? "A minute ago" : diffMinute_1 + " minutes ago";
                                     }
                                     else {
-                                        var diff = todayTS - dateTS;
-                                        if (diff === 0 || diff <= 10) {
+                                        var diff_4 = todayTS - dateTS;
+                                        if (diff_4 === 0 || diff_4 <= 10) {
                                             newFormat = "Few moments ago";
                                         }
                                         else {
@@ -227,11 +230,11 @@ var datetimeFormatter = function (timestamp, format, todayServer, type, getServe
                         if (todayTS >= dateTS) {
                             //check if 24hours has been passed
                             if (todayTS >= (dateTS + 86400)) {
-                                var diff = todayTS - dateTS;
-                                if (diff === 0) {
+                                var diff_5 = todayTS - dateTS;
+                                if (diff_5 === 0) {
                                     newFormat = "1 day";
                                 }
-                                var diffDay = diff / 86400;
+                                var diffDay = diff_5 / 86400;
                                 diffDay = ~~diffDay;
                                 newFormat = diffDay === 1 ? "1 day" : diffDay + " days";
                             }