glib-web 4.11.1 → 4.11.3

package/action.js

@@ -1,4 +1,4 @@
-import TypeUtils from "./utils/type";
+import * as TypeUtils from "./utils/type";
 
 import ActionsRunMultiple from "./actions/runMultiple";
 
@@ -200,10 +200,10 @@ const customActions = {};
 export default class Action {
   static passthroughFieldValue(spec, component) {
     if (spec.debug) {
-      console.debug("[Debug] passthroughFieldValue")
-      console.debug("formData:", spec.formData)
-      console.debug("current action's input field:", spec.fieldName, spec)
-      console.debug("triggering field's name:", component.fieldName)
+      console.debug("[Debug] passthroughFieldValue");
+      console.debug("formData:", spec.formData);
+      console.debug("current action's input field:", spec.fieldName, spec);
+      console.debug("triggering field's name:", component.fieldName);
     }
     let fieldValue = null;
     // Pass along the field value from the previous component
@@ -213,7 +213,7 @@ export default class Action {
       fieldValue = formData[fieldName];
     }
     if (spec.debug) {
-      console.debug("fieldValue:", fieldValue)
+      console.debug("fieldValue:", fieldValue);
     }
     return fieldValue;
   }
@@ -227,10 +227,10 @@ export default class Action {
       let data = action;
 
       if (spec.debug) {
-        console.debug("[Debug] executeWithFormData")
-        console.debug("formData:", spec.formData)
-        console.debug("fieldName:", fieldName)
-        console.debug("fieldValue:", fieldValue)
+        console.debug("[Debug] executeWithFormData");
+        console.debug("formData:", spec.formData);
+        console.debug("fieldName:", fieldName);
+        console.debug("fieldValue:", fieldValue);
       }
 
       if (Utils.type.isNotNull(fieldName)) {
@@ -245,10 +245,10 @@ export default class Action {
       }
 
       if (spec.debug) {
-        console.debug("Action spec:", data)
+        console.debug("Action spec:", data);
       }
       Action.execute(data, component);
-    })
+    });
   }
 
   static execute(spec, component, params = {}) {

package/actions/logics/set.js

@@ -2,7 +2,7 @@ import jsonLogic from 'json-logic-js';
 import merge from 'lodash.merge';
 import { nextTick } from "vue";
 import { sanitize } from "../../components/composable/date";
-import { isPresent } from "../../components/helper";
+import { isPresent } from "../../utils/type";
 
 const sumDate = function (a, b) {
   const date = new Date(a);
@@ -39,7 +39,7 @@ const sum = function (...args) {
 jsonLogic.add_operation("sum", sum);
 
 const count = function (args) {
-  return args.length
+  return args.length;
 };
 jsonLogic.add_operation("count", count);
 
@@ -65,11 +65,11 @@ const printf = function (template, ...args) {
 jsonLogic.add_operation("printf", printf);
 
 const log = function (value) {
-  console.log("JsonLogic value", value)
+  console.log("JsonLogic value", value);
 };
 jsonLogic.add_operation("log", log);
 
-const isPresentOperator = function(value) {
+const isPresentOperator = function (value) {
   return isPresent(value);
 };
 jsonLogic.add_operation("isPresent", isPresentOperator);
@@ -111,7 +111,7 @@ export default class {
       if (!targetComponent) {
         console.warn("Component ID not found", id);
       }
-      return targetComponent
+      return targetComponent;
     });
 
     // if (targetIds.length > 0) {
@@ -139,7 +139,7 @@ export default class {
         if (dynamicGroupEntry) {
           condition = dynamicGroupEntry.$populateIndexes(condition);
         }
-        const variables = Object.assign({}, getFormData(), spec.variables)
+        const variables = Object.assign({}, getFormData(), spec.variables);
         if (spec.debug) {
           console.log("Input", condition, key, variables);
         }

package/actions/runMultiple.js

@@ -1,5 +1,3 @@
-import merge from 'lodash.merge';
-
 export default class {
   logDisabled(spec) {
     if (spec.debug) {
@@ -9,6 +7,8 @@ export default class {
   }
 
   execute(spec, component) {
+    if (!spec.childActions || spec.childActions.length <= 0) return;
+
     const fieldValue = GLib.action.passthroughFieldValue(spec, component);
 
     // if (spec.debug) {

package/actions/windows/closeAll.js

@@ -1,11 +1,11 @@
-import Type from "../../utils/type";
+import { ifObject } from "../../utils/type";
 
 export default class {
   execute(properties, component) {
 
     Utils.history.destroy();
 
-    Type.ifObject(properties["onClose"], it => {
+    ifObject(properties["onClose"], it => {
       // Allow time for history.back() to complete, which is important for actions that need
       // to use window.location.href such as windows/reload
       setTimeout(function () {

package/components/composable/file.js

@@ -1,5 +1,5 @@
 import { computed } from "vue";
-import Type from "../../utils/type";
+import { isObject } from "../../utils/type";
 import mimeType from "../../utils/mime_type";
 import { showError } from "./alert";
 
@@ -93,7 +93,7 @@ function useFilesState(files) {
 
 function validateFile(accepts, file) {
   const MB_SIZE = 1000;
-  if (Type.isObject(accepts)) {
+  if (isObject(accepts)) {
     let validFileType = false;
     [accepts.fileType].flat().forEach(key => {
       const acceptsRegex = new RegExp(mimeType[key]);

package/components/composable/form.js

@@ -14,6 +14,10 @@ const triggerOnChange = (htmlElement) => {
 const triggerOnInput = (htmlElement) => nextTick(() => htmlElement.dispatchEvent(new Event('input', { bubbles: true })));
 
 const getFormData = (el, ignoredFields = new Set()) => {
+  if (!(el instanceof HTMLFormElement) && el instanceof HTMLElement) {
+    el = el.querySelector('form');
+  }
+
   const formData = new FormData(el);
   const obj = {};
   formData.forEach((value, key) => {

package/components/fields/_select.vue

@@ -137,7 +137,7 @@ export default {
 
 <style scoped>
 /*This is to ensure that the text does not get clipped by the clear icon.*/
-::v-deep .v-autocomplete__selection {
+:deep(.v-autocomplete__selection) {
   display: block;
 }
 </style>

package/components/fields/check/_featured.vue

@@ -37,22 +37,34 @@ export default {
 </script>
 
 <style scoped>
+.thumbnail-content-wrapper {
+  width: 100%;
+  position: absolute;
+  z-index: -999;
+}
+
 .thumbnail-check-img img {
   margin: auto;
+  display: flex;
+  justify-content: center;
 }
 
 .thumbnail-check-label {
   font-size: 22px;
   color: black;
+  display: flex;
+  justify-content: center;
 }
 
 .thumbnail-check-label-checked {
   font-size: 22px;
   font-weight: 700;
   color: #0A2A9E;
+  display: flex;
+  justify-content: center;
 }
 
-.thumbnail-check ::v-deep .v-selection-control__wrapper {
+.thumbnail-check :deep(.v-selection-control__wrapper) {
   width: 240px;
   height: 254px;
   position: relative;
@@ -71,7 +83,47 @@ export default {
   }
 }
 
-.thumbnail-checked ::v-deep .v-selection-control__wrapper {
+.thumbnail-check :deep(.v-selection-control__input) {
+  width: 100%;
+  height: 100%;
+  border-radius: 24px;
+}
+
+.thumbnail-check :deep(.v-selection-control__input::before) {
+  width: 100%;
+  height: 100%;
+  border-radius: 24px;
+}
+
+.thumbnail-checked :deep(.v-selection-control__input) {
+  width: 100%;
+  height: 100%;
+  border-radius: 24px;
+}
+
+.thumbnail-checked :deep(.v-selection-control__input::before) {
+  width: 100%;
+  height: 100%;
+  border-radius: 24px;
+}
+
+.thumbnail-check :deep(.v-selection-control__input>.v-icon) {
+  opacity: 0;
+}
+
+.thumbnail-checked :deep(.v-selection-control__input>.v-icon) {
+  opacity: 0;
+}
+
+.thumbnail-check :deep(.v-selection-control--density-default) {
+  --v-selection-control-size: 100%;
+}
+
+.thumbnail-checked :deep(.v-selection-control--density-default) {
+  --v-selection-control-size: 100%;
+}
+
+.thumbnail-checked :deep(.v-selection-control__wrapper) {
   width: 240px;
   height: 254px;
   position: relative;
@@ -85,12 +137,10 @@ export default {
     height: 254px;
   }
 
-  .v-selection-control__input i {
-    display: none;
-  }
+
 }
 
-.thumbnail-check ::v-deep .v-selection-control__input::before {
-  background-color: transparent
+.thumbnail-check :deep(.v-selection-control__input>.v-icon::before) {
+  background-color: transparent;
 }
 </style>

package/components/fields/check/_thumbnail.vue

@@ -27,7 +27,7 @@ export default {
   gap: 8px;
 }
 
-.checkbox-container ::v-deep .v-selection-control__wrapper {
+.checkbox-container :deep(.v-selection-control__wrapper) {
   width: 0;
   height: 0;
 }

package/components/fields/check.vue

@@ -2,7 +2,7 @@
   <div :class="$classes()" :style="$styles()" v-if="loadIf">
     <!-- This hidden field should always be there to make sure the submitted param is not empty,
          which could cause "Not accessible" error on the server. -->
-    <input v-model="uncheckValue" type="hidden" :name="fieldName" />
+    <input v-if="showUncheck" v-model="uncheckValue" type="hidden" :name="fieldName" />
     <v-checkbox :color="gcolor" v-model="fieldModel" :name="fieldName" :readonly="latestSpec.readOnly"
       :disabled="inputDisabled" :label="fieldModel ? latestSpec.onLabel || latestSpec.label : latestSpec.label"
       :true-icon="latestSpec.onIcon" :false-icon="spec.offIcon" :value="latestSpec.value"
@@ -25,6 +25,13 @@ export default {
     "thumbnail-check": ThumbnailCheck,
     "featured-check": FeaturedCheck,
   },
+  computed: {
+    showUncheck() {
+      if (this.fieldModel == false) return true;
+
+      return this.spec.checkValue !== this.fieldModel;
+    }
+  },
   props: {
     spec: { type: Object, required: true }
   },

package/components/fields/radio/_featured.vue

@@ -57,12 +57,18 @@ export default {
 
 }
 
+.custom-radio :deep(.v-label) {
+  width: 100%;
+}
+
 .custom-radio .custom-radio-content {
   display: flex;
   flex-direction: column;
   align-items: center;
   justify-content: center;
   min-height: 226px;
+  width: 100%;
+  border-radius: 24px;
 }
 
 .custom-radio .custom-radio-label {
@@ -72,7 +78,7 @@ export default {
   word-break: break-word;
 }
 
-.custom-radio ::v-deep .v-selection-control__input {
+.custom-radio :deep(.v-selection-control__input) {
   width: inherit;
   height: inherit;
 
@@ -83,15 +89,15 @@ export default {
   background-color: transparent;
 }
 
-.custom-radio ::v-deep .v-selection-control__input::before {
+.custom-radio :deep(.v-selection-control__input::before) {
   background-color: transparent
 }
 
-.custom-radio ::v-deep .v-ripple__container {
+.custom-radio :deep(.v-ripple__container) {
   display: none;
 }
 
-.custom-radio ::v-deep .v-selection-control__wrapper {
+.custom-radio :deep(.v-selection-control__wrapper) {
   display: none;
 }
 

package/components/fields/radio/_thumbnail.vue

@@ -26,7 +26,7 @@ export default {
   gap: 8px;
 }
 
-.featured-radio ::v-deep .v-selection-control {
+.featured-radio :deep(.v-selection-control) {
   flex-grow: unset;
 }
 </style>

package/components/helper.js

@@ -16,14 +16,4 @@ function htmlElement(component) {
   return component.$el.nextElementSibling;
 }
 
-function isPresent(value) {
-  if (value == undefined) return false;
-  if (value == null) return false;
-  if (Array.isArray(value) && value.length <= 0) return false;
-  if (typeof value == 'string' && value.length <= 0) return false;
-  if (typeof value == 'object' && Object.keys(value).length <= 0) return false;
-
-  return true;
-}
-
-export { realComponent, htmlElement, isPresent };
+export { realComponent, htmlElement };

package/components/icon.vue

@@ -1,8 +1,8 @@
 <template>
   <a v-if="$href()" :href="$href()" :rel="$rel()" @click="$onClick()">
-    <common-icon :spec="iconSpec" />
+    <common-icon ref="delegate" :spec="iconSpec" />
   </a>
-  <common-icon v-else :spec="iconSpec" />
+  <common-icon ref="delegate" v-else :spec="iconSpec" />
 </template>
 
 <script>

package/components/mixins/events.js

@@ -1,8 +1,7 @@
 import Action from "../../action";
 import UrlUtils from "../../utils/url";
-import TypeUtils from "../../utils/type";
+import * as TypeUtils from "../../utils/type";
 import { vueApp } from "../../store";
-import merge from 'lodash.merge';
 
 export default {
   data() {
@@ -194,7 +193,7 @@ export default {
     $executeOnChange(newValue) {
       this.$nextTick(() => {
         const value = newValue || this.fieldModel;
-        console.log("NEW VALUE1", value)
+        console.log("NEW VALUE1", value);
         GLib.action.executeWithFormData(this.spec.onChange || this.spec.onChangeAndLoad, this, value);
       });
 

package/components/mixins/styles.js

@@ -4,11 +4,29 @@ import { determineColor } from "../../utils/constant";
 import Action from "../../action";
 import { ignoredDirtyCheckFields, triggerOnChange } from "../composable/form";
 import { realComponent } from "../helper";
+import set from "lodash.set";
 const NUMBER_PRECISION = 2;
 const isNeedToBeFixed = (val, component) => {
   return component.type == 'number' && !Number.isInteger(val) && Number.isFinite(val);
 };
 
+
+// check if there is object with key.subkey and change to normal obj
+const jsonLogicData = (data) => {
+  return Object.entries(data).reduce((prev, curr) => {
+    const path = curr[0];
+    const value = curr[1];
+
+    if (path.includes('.')) {
+      const obj = {};
+      set(obj, path, value);
+      return Object.assign({}, prev, obj);
+    } else {
+      return Object.assign({}, prev, { [path]: value });
+    }
+  }, {});
+};
+
 export default {
   data: function () {
     return {
@@ -171,7 +189,7 @@ export default {
     },
     // NOTE: Styles are dynamic, do not save it in $ready().
     $styles(spec) {
-      const properties = spec || this.spec;
+      const properties = spec || this.latestSpec;
       const styles = {
         // color: properties.color,
         // "background-color": properties.backgroundColor,
@@ -275,18 +293,25 @@ export default {
       comp.fieldModel = this.spec.value;
     },
     action_merge(newSpec) {
+      const data = jsonLogicData(newSpec);
       const vm = realComponent(this);
-      const val = Utils.type.isNotNull(newSpec.value) ? newSpec.value : this.fieldModel;
-      newSpec.value = isNeedToBeFixed(val, vm) ? val.toFixed(vm.spec.precision || NUMBER_PRECISION) : val;
 
-      if (newSpec.value !== vm.fieldModel) {
-        vm.fieldModel = newSpec.value;
+      const val = Utils.type.isNotNull(data.value) ? data.value : this.fieldModel;
+      data.value = isNeedToBeFixed(val, vm) ? val.toFixed(vm.spec.precision || NUMBER_PRECISION) : val;
+
+      if (data.value !== vm.fieldModel) {
+        vm.fieldModel = data.value;
         vm.$executeOnChange();
       }
 
-      if (Utils.type.isNotNull(newSpec.displayed)) vm._show = newSpec.displayed;
-      vm._submitWhenNotDisplayed = newSpec.submitWhenNotDisplayed;
-      Object.assign(vm.spec, newSpec);
+      if (Utils.type.isNotNull(data.displayed)) vm._show = data.displayed;
+      vm._submitWhenNotDisplayed = data.submitWhenNotDisplayed;
+
+      if (!vm.spec.tooltip && data.tooltip) {
+        this.initTooltip();
+      }
+
+      Object.assign(vm.spec, data);
     },
     $classes(spec, defaultViewName) {
       const properties = Object.assign(

package/components/mixins/tooltip.js

@@ -18,6 +18,9 @@ export default defineComponent({
 
       if (!tooltip) return;
 
+      this.initTooltip();
+    },
+    initTooltip() {
       const key = Math.random().toString(36).slice(2, 7);
 
       const handleMouseEnter = () => {

package/components/panels/bulkEdit2.vue

@@ -7,7 +7,7 @@
       <table :class="rowLoaded ? 'loaded' : 'nonLoaded'" width="100%">
         <thead v-if="props.spec.viewHeaders">
           <tr>
-            <th class="cell-selection" v-if="rowLoaded"><v-checkbox v-model="checkbox" color="primary"
+            <th class="cell-selection" v-if="rowLoaded"><v-checkbox v-model="checkbox" density="compact" color="primary"
                 @change="checkAll"></v-checkbox></th>
             <th :class="`cell-column${cellIndex}`" v-for="(cell, cellIndex) in props.spec.viewHeaders" :key="cell.id"
               :style="{ minWidth: `${cell.minWidth || 100}px` }">
@@ -19,8 +19,8 @@
         <tbody>
           <template v-if="rowLoaded">
             <tr v-for="(row, rowIndex) in currentPageRows" :key="`row_${rowIndex}_${row.status}`">
-              <td class="cell-selection">
-                <v-checkbox v-model="row.selected" color="primary"></v-checkbox>
+              <td  class="cell-selection">
+                <v-checkbox v-model="row.selected" density="compact" color="primary"></v-checkbox>
                 <glib-component :spec="row.icon"></glib-component>
               </td>
               <!-- <td class="cell-status"><v-icon :icon="row.icon.name" :color="row.icon.color"></v-icon></td> -->
@@ -110,7 +110,8 @@ class Row {
     } else {
       return {
         view: 'label',
-        text: this.index + 1
+        styleClasses: ['status'],
+        text: `#${this.index + 1}`
       }
     }
   }

package/components/panels/flow.vue

@@ -43,7 +43,6 @@ export default {
     },
     cssStyles: function () {
       // const styles = this.$styles();
-      console.log(this.sm)
       const styles = Object.assign({}, this.$styles());
       switch (this.$vuetify.display.name) {
         case "xxl":
@@ -139,18 +138,25 @@ export default {
       }
 
       if (spec.padding) {
-        styles['padding-top'] = `${spec.padding.top}px`
-        styles['padding-right'] = `${spec.padding.right}px`
-        styles['padding-bottom'] = `${spec.padding.bottom}px`
-        styles['padding-left'] = `${spec.padding.left}px`
-
-        if (spec.padding.x || spec.padding.y) {
-          styles['padding'] = `${spec.padding.x}px ${spec.padding.y}px`
-        } else if (spec.padding.all) {
-          styles['padding'] = `${spec.padding.all}px`
-        }
-
 
+        Utils.type.ifObject(spec.padding, padding => {
+          Utils.type.ifNumber(
+            padding.top || padding.y || padding.all,
+            top => (styles["padding-top"] = `${top}px`)
+          );
+          Utils.type.ifNumber(
+            padding.bottom || padding.y || padding.all,
+            bottom => (styles["padding-bottom"] = `${bottom}px`)
+          );
+          Utils.type.ifNumber(
+            padding.left || padding.x || padding.all,
+            left => (styles["padding-left"] = `${left}px`)
+          );
+          Utils.type.ifNumber(
+            padding.right || padding.x || padding.all,
+            right => (styles["padding-right"] = `${right}px`)
+          );
+        });
       }
     },
   }

package/components/validation.js

@@ -1,4 +1,4 @@
-import { isPresent } from "./helper";
+import { isPresent } from "../utils/type";
 
 class AbstractValidator {
   constructor(validationOptions) {

package/index.js

@@ -95,7 +95,7 @@ window.longClickInstance = longClickDirective({ delay: 500, interval: 0 });
 Vue.directive("longclick", window.longClickInstance);
 
 // TODO: Deprecate
-import TypeUtils from "./utils/type";
+import * as TypeUtils from "./utils/type";
 Vue.use({
   install: function (Vue, options) {
     Vue.config.globalProperties.$type = {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "glib-web",
-  "version": "4.11.1",
+  "version": "4.11.3",
   "description": "",
   "main": "index.js",
   "scripts": {
@@ -22,6 +22,7 @@
     "flag-icons": "^7.2.3",
     "json-logic-js": "^2.0.0",
     "lodash.merge": "^4.6.2",
+    "lodash.set": "^4.3.2",
     "marked": "^4.0.0",
     "moment": "^2.29.4",
     "moment-timezone": "^0.5.45",
@@ -46,4 +47,4 @@
     "prettier": "^1.18.2",
     "typescript": "^4.9.5"
   }
-}
+}

package/utils/glibDirectUpload.js

@@ -2,8 +2,6 @@ import { DirectUpload } from "@rails/activestorage/src/direct_upload";
 import { BlobRecord } from "@rails/activestorage/src/blob_record";
 import { FileChecksum } from "@rails/activestorage/src/file_checksum";
 import { BlobUpload } from "@rails/activestorage/src/blob_upload";
-import Type from "./type";
-import mimeType from "./mime_type";
 import { showError } from "../components/composable/alert";
 
 function notify(object, methodName, ...messages) {

package/utils/helper.js

@@ -2,7 +2,7 @@ import History from "./history";
 import Settings from "./settings";
 import Url from "./url";
 import Http from "./http";
-import Type from "./type";
+import * as Type from "./type";
 import App from "./app";
 import Dom from "./dom";
 import Launch from "./launch";

package/utils/http.js

@@ -1,4 +1,4 @@
-import Type from "./type";
+import * as Type from "./type";
 import Action from "../action";
 import { nextTick } from 'vue';
 import { ctx, dialogs, jsonView, vueApp } from "../store";

package/utils/public.js

@@ -1,7 +1,7 @@
 import Action from "../action";
 import Url from "./url";
 import Http from "./http";
-import Type from "./type";
+import * as Type from "./type";
 import Form from "./form";
 import Component from "./component";
 import Hash from "./hash";

package/utils/type.js

@@ -1,81 +1,89 @@
 import Hash from "./hash";
 
-export default class {
-  static isObject(obj) {
-    return typeof obj === "object" && obj !== null;
-  }
-  static isString(obj) {
-    return typeof obj === "string";
-  }
-  static isNumber(obj) {
-    return typeof obj === "number" && !isNaN(obj);
-  }
-  static isBoolean(obj) {
-    return typeof obj === "boolean";
-  }
-  static isArray(obj) {
-    return this.isObject(obj) && Array.isArray(obj);
-  }
-  static isFunction(obj) {
-    return typeof obj === "function";
-  }
-  static isNotNull(obj) {
-    return typeof obj !== "undefined" && obj !== null;
-  }
+export function isObject(obj) {
+  return typeof obj === "object" && obj !== null;
+}
+export function isString(obj) {
+  return typeof obj === "string";
+}
+export function isNumber(obj) {
+  return typeof obj === "number" && !isNaN(obj);
+}
+export function isBoolean(obj) {
+  return typeof obj === "boolean";
+}
+export function isArray(obj) {
+  return this.isObject(obj) && Array.isArray(obj);
+}
+export function isFunction(obj) {
+  return typeof obj === "function";
+}
+export function isNotNull(obj) {
+  return typeof obj !== "undefined" && obj !== null;
+}
 
-  static ifObject(obj, ifCommand, elseCommand) {
-    if (this.isObject(obj)) {
-      ifCommand(obj);
-    } else if (elseCommand) {
-      elseCommand();
-    }
+export function ifObject(obj, ifCommand, elseCommand) {
+  if (this.isObject(obj)) {
+    ifCommand(obj);
+  } else if (elseCommand) {
+    elseCommand();
   }
-  static ifHash(obj, ifCommand, elseCommand) {
-    if (this.isObject(obj)) {
-      ifCommand(new Hash(obj));
-    } else if (elseCommand) {
-      elseCommand();
-    }
+}
+export function ifHash(obj, ifCommand, elseCommand) {
+  if (this.isObject(obj)) {
+    ifCommand(new Hash(obj));
+  } else if (elseCommand) {
+    elseCommand();
   }
-  static ifString(obj, command) {
-    if (this.isString(obj)) {
-      command(obj);
-    }
+}
+export function ifString(obj, command) {
+  if (this.isString(obj)) {
+    command(obj);
   }
-  static ifNumber(obj, command) {
-    if (this.isNumber(obj)) {
-      command(obj);
-    }
+}
+export function ifNumber(obj, command) {
+  if (this.isNumber(obj)) {
+    command(obj);
   }
-  static ifBoolean(obj, command) {
-    if (this.isBoolean(obj)) {
-      command(obj);
-    }
+}
+export function ifBoolean(obj, command) {
+  if (this.isBoolean(obj)) {
+    command(obj);
   }
-  static ifArray(obj, command) {
-    if (this.isArray(obj)) {
-      command(obj);
-    }
+}
+export function ifArray(obj, command) {
+  if (this.isArray(obj)) {
+    command(obj);
   }
-  static ifFunction(obj, command) {
-    if (this.isFunction(obj)) {
-      command(obj);
-    }
+}
+export function ifFunction(obj, command) {
+  if (this.isFunction(obj)) {
+    command(obj);
   }
-  static ifNotNull(obj, command) {
-    if (this.isNotNull(obj)) {
-      command(obj);
-    }
+}
+export function ifNotNull(obj, command) {
+  if (this.isNotNull(obj)) {
+    command(obj);
   }
+}
 
-  static floatValue(obj) {
-    return this.float(obj) || 0;
-  }
-  static float(obj) {
-    const val = parseFloat(obj);
-    return isNaN(val) ? null : val;
-  }
-  static string(obj) {
-    return this.isString(obj) ? obj : null
-  }
+export function floatValue(obj) {
+  return this.float(obj) || 0;
+}
+export function float(obj) {
+  const val = parseFloat(obj);
+  return isNaN(val) ? null : val;
+}
+export function string(obj) {
+  return this.isString(obj) ? obj : null;
+}
+
+export function isPresent(value) {
+  if (value == undefined) return false;
+  if (value == null) return false;
+  if (Array.isArray(value) && value.length <= 0) return false;
+  if (typeof value == 'string' && value.length <= 0) return false;
+  if (typeof value == 'object' && Object.keys(value).length <= 0) return false;
+
+  return true;
 }

package/utils/url.js

@@ -1,8 +1,8 @@
-import TypeUtils from "./type";
+import { isString } from "./type";
 
 export default class {
   static htmlUrl(originalUrl) {
-    if (TypeUtils.isString(originalUrl)) {
+    if (isString(originalUrl)) {
       let url;
       if (originalUrl.indexOf("?") > -1) {
         url = originalUrl.replace(/.json\?/, "?");