@iankibetsh/shframework 1.7.3 → 1.7.4

package/dist/dist/library.mjs.css

@@ -110,27 +110,6 @@
   margin-right: 0.255em;
 }
 
-:root {
-  --ck-z-default: 10555 !important;
-  --ck-z-modal: calc(var(--ck-z-default) + 999) !important;
-}
-.mceToolbar td {
-  display:table-row;
-  float: left;
-}
-.mceToolbar td:nth-of-type(11){
-  clear: left;
-}
-
-@media screen and (max-width:600px) {
-  .sh-editor{
-    width: 100% !important;
-  }
-  table.mceLayout, textarea.tinyMCE {
-    width: 100% !important;
-  }
-}
-
 .sh-forgot-link, .sh-register-link{
   cursor: pointer;
 }

package/dist/library.js

@@ -7,7 +7,6 @@ var moment = require('moment');
 var Swal = require('sweetalert2');
 var NProgress = require('nprogress');
 var vue = require('vue');
-var Editor = require('@tinymce/tinymce-vue');
 var _ = require('lodash');
 var vueRouter = require('vue-router');
 var pinia = require('pinia');
@@ -19,7 +18,6 @@ var Axios__default = /*#__PURE__*/_interopDefaultLegacy(Axios);
 var moment__default = /*#__PURE__*/_interopDefaultLegacy(moment);
 var Swal__default = /*#__PURE__*/_interopDefaultLegacy(Swal);
 var NProgress__default = /*#__PURE__*/_interopDefaultLegacy(NProgress);
-var Editor__default = /*#__PURE__*/_interopDefaultLegacy(Editor);
 var ___default = /*#__PURE__*/_interopDefaultLegacy(_);
 
 function setItem (key, value) {
@@ -1875,7 +1873,7 @@ const countries = [
   }
 ];
 
-var script$t = {
+var script$s = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1937,7 +1935,7 @@ var script$t = {
   }
 };
 
-const _hoisted_1$o = { class: "sh-phone mb-3" };
+const _hoisted_1$n = { class: "sh-phone mb-3" };
 const _hoisted_2$e = {
   key: 0,
   style: {"display":"contents"}
@@ -1945,8 +1943,8 @@ const _hoisted_2$e = {
 const _hoisted_3$d = ["src"];
 const _hoisted_4$d = ["value"];
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$o, [
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return (vue.openBlock(), vue.createElementBlock("div", _hoisted_1$n, [
     ($data.selectedCountry)
       ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_2$e, [
           vue.createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$d),
@@ -1980,85 +1978,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$t.render = render$4;
-script$t.__file = "src/lib/components/form-components/PhoneInput.vue";
-
-var script$s = {
-  name: 'ShEditor',
-  props: ['modelValue'],
-  components: {
-    editor: Editor__default["default"]
-  },
-  data () {
-    return {
-      editorData: this.modelValue
-    }
-  },
-  computed: {
-    value: {
-      get () {
-        return this.modelValue
-      },
-      set (value) {
-        this.$emit('update:modelValue', value);
-      }
-    }
-  },
-  created () {
-    document.addEventListener('focusin', function (e) {
-      const closest = e.target.closest('.tox-tinymce-aux, .tox-dialog, .moxman-window, .tam-assetmanager-root');
-      if (closest !== null && closest !== undefined) {
-        e.stopImmediatePropagation();
-      }
-    });
-  },
-  mounted () {
-    this.editorData = this.modelValue;
-  },
-  methods: {
-    updateValue: function () {
-      // alert('paste')
-    }
-  }
-};
-
-const _hoisted_1$n = /*#__PURE__*/vue.createElementVNode("textarea", {
-  id: "tiny",
-  style: {"display":"none"},
-  "data-cy": "tinymce_editor"
-}, null, -1 /* HOISTED */);
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_editor = vue.resolveComponent("editor");
-
-  return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
-    _hoisted_1$n,
-    vue.createElementVNode("div", {
-      onFocusin: _cache[1] || (_cache[1] = vue.withModifiers(() => {}, ["stop"])),
-      class: "sh-editor w-100"
-    }, [
-      vue.createVNode(_component_editor, {
-        class: "tinyEditor",
-        "api-key": "v5otxmculqf59xfg2bqr2ucw56cbqgbqo4x9gym2kwbv1rvi",
-        onInput: $options.updateValue,
-        onKeyup: $options.updateValue,
-        modelValue: $options.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.value) = $event)),
-        init: {
-      selector: 'textarea#tiny',
-      valid_children : '+body[style],+body[script]',
-      extended_valid_elements : '*[*]',
-      contextmenu: false,
-      plugins: 'lists link image emoticons code autolink',
-      toolbar: 'styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image emoticons code'
-    }
-      }, null, 8 /* PROPS */, ["onInput", "onKeyup", "modelValue"])
-    ], 32 /* HYDRATE_EVENTS */)
-  ], 64 /* STABLE_FRAGMENT */))
-}
-
 script$s.render = render$3;
-script$s.__file = "src/lib/components/form-components/ShEditor.vue";
+script$s.__file = "src/lib/components/form-components/PhoneInput.vue";
 
 const _hoisted_1$m = {
   key: 0,
@@ -2228,10 +2149,9 @@ script$r.__file = "src/lib/components/form-components/ShSuggest.vue";
 var script$q = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$t,
+    PhoneInput: script$s,
     ShSuggest: script$r,
-    ShEditor: script$s,
-    ShPhone: script$t
+    ShPhone: script$s
   },
   props: [
       'action',
@@ -2579,7 +2499,7 @@ const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_18$3 = ["value"];
 const _hoisted_19$2 = {
-  key: 12,
+  key: 11,
   class: "invalid-feedback"
 };
 const _hoisted_20$2 = {
@@ -2612,7 +2532,6 @@ const _hoisted_24$1 = /*#__PURE__*/vue.createElementVNode("span", {
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_phone_input = vue.resolveComponent("phone-input");
   const _component_ShSuggest = vue.resolveComponent("ShSuggest");
-  const _component_ShEditor = vue.resolveComponent("ShEditor");
 
   return (vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
     _hoisted_1$l,
@@ -2747,20 +2666,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
                   }, null, 8 /* PROPS */, ["select-data", "fill-selects", "class", "modelValue", "onUpdate:modelValue"]))
                 : vue.createCommentVNode("v-if", true),
-              ($options.getFieldType(field) === 'editor')
-                ? (vue.openBlock(), vue.createBlock(_component_ShEditor, {
-                    key: 8,
-                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                    name: field,
-                    onFocus: $event => ($options.removeErrors(field)),
-                    class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                    modelValue: _ctx.form_elements[field],
-                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 8 /* PROPS */, ["placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-                : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'text')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("input", {
-                    key: 9,
+                    key: 8,
                     disabled: $options.isDisabled(field),
                     placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
                     name: field,
@@ -2774,7 +2682,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'textarea')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("textarea", {
-                    key: 10,
+                    key: 9,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -2785,7 +2693,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : vue.createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'select')
                 ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("select", {
-                    key: 11,
+                    key: 10,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: vue.normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -3146,7 +3054,7 @@ const getFieldComponent = (fieldObj)=>{
   const TextComponent = formComponents.text ?? script$n;
   const TextAreaComponent = formComponents.textArea ?? script$m;
   const EmailComponent = formComponents.email ?? script$p;
-  const PhoneComponent = formComponents.phone ?? script$t;
+  const PhoneComponent = formComponents.phone ?? script$s;
   const NumberComponent = formComponents.number ?? script$o;
   const SelectComponent = formComponents.select ?? script$l;
   const PasswordComponent = formComponents.password ?? script$k;
@@ -3167,7 +3075,7 @@ const getFieldComponent = (fieldObj)=>{
     return formComponents.email ?? script$p
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$t
+    return formComponents.phone ?? script$s
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
     return formComponents.number ?? script$o
@@ -6327,7 +6235,7 @@ exports.ShModal = script$h;
 exports.ShModalBtn = script$7;
 exports.ShModalForm = script$g;
 exports.ShModalFormAuto = script$f;
-exports.ShPhone = script$t;
+exports.ShPhone = script$s;
 exports.ShPopups = script$4;
 exports.ShRange = script$3;
 exports.ShSilentAction = script$b;

package/dist/library.mjs

@@ -2,8 +2,7 @@ import Axios from 'axios';
 import moment from 'moment';
 import Swal from 'sweetalert2';
 import NProgress from 'nprogress';
-import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, resolveComponent, withModifiers, createVNode, ref, onMounted, unref, normalizeClass, createBlock, resolveDynamicComponent, inject, watch, mergeProps, normalizeStyle, renderSlot, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, vModelCheckbox, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
-import Editor from '@tinymce/tinymce-vue';
+import { openBlock, createElementBlock, createElementVNode, createTextVNode, toDisplayString, createCommentVNode, withDirectives, Fragment, renderList, vModelSelect, vModelText, ref, onMounted, unref, normalizeClass, resolveComponent, createBlock, resolveDynamicComponent, inject, watch, mergeProps, normalizeStyle, renderSlot, createVNode, normalizeProps, guardReactiveProps, withCtx, createStaticVNode, shallowRef, vModelCheckbox, pushScopeId, popScopeId, markRaw, computed, isRef } from 'vue';
 import _ from 'lodash';
 import { useRoute, useRouter } from 'vue-router';
 import { defineStore, storeToRefs } from 'pinia';
@@ -1862,7 +1861,7 @@ const countries = [
   }
 ];
 
-var script$t = {
+var script$s = {
   name: 'PhoneInput',
   props: ['modelValue', 'country_code'],
   data () {
@@ -1924,7 +1923,7 @@ var script$t = {
   }
 };
 
-const _hoisted_1$o = { class: "sh-phone mb-3" };
+const _hoisted_1$n = { class: "sh-phone mb-3" };
 const _hoisted_2$e = {
   key: 0,
   style: {"display":"contents"}
@@ -1932,8 +1931,8 @@ const _hoisted_2$e = {
 const _hoisted_3$d = ["src"];
 const _hoisted_4$d = ["value"];
 
-function render$4(_ctx, _cache, $props, $setup, $data, $options) {
-  return (openBlock(), createElementBlock("div", _hoisted_1$o, [
+function render$3(_ctx, _cache, $props, $setup, $data, $options) {
+  return (openBlock(), createElementBlock("div", _hoisted_1$n, [
     ($data.selectedCountry)
       ? (openBlock(), createElementBlock("div", _hoisted_2$e, [
           createElementVNode("img", { src: $data.flag }, null, 8 /* PROPS */, _hoisted_3$d),
@@ -1967,85 +1966,8 @@ function render$4(_ctx, _cache, $props, $setup, $data, $options) {
   ]))
 }
 
-script$t.render = render$4;
-script$t.__file = "src/lib/components/form-components/PhoneInput.vue";
-
-var script$s = {
-  name: 'ShEditor',
-  props: ['modelValue'],
-  components: {
-    editor: Editor
-  },
-  data () {
-    return {
-      editorData: this.modelValue
-    }
-  },
-  computed: {
-    value: {
-      get () {
-        return this.modelValue
-      },
-      set (value) {
-        this.$emit('update:modelValue', value);
-      }
-    }
-  },
-  created () {
-    document.addEventListener('focusin', function (e) {
-      const closest = e.target.closest('.tox-tinymce-aux, .tox-dialog, .moxman-window, .tam-assetmanager-root');
-      if (closest !== null && closest !== undefined) {
-        e.stopImmediatePropagation();
-      }
-    });
-  },
-  mounted () {
-    this.editorData = this.modelValue;
-  },
-  methods: {
-    updateValue: function () {
-      // alert('paste')
-    }
-  }
-};
-
-const _hoisted_1$n = /*#__PURE__*/createElementVNode("textarea", {
-  id: "tiny",
-  style: {"display":"none"},
-  "data-cy": "tinymce_editor"
-}, null, -1 /* HOISTED */);
-
-function render$3(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_editor = resolveComponent("editor");
-
-  return (openBlock(), createElementBlock(Fragment, null, [
-    _hoisted_1$n,
-    createElementVNode("div", {
-      onFocusin: _cache[1] || (_cache[1] = withModifiers(() => {}, ["stop"])),
-      class: "sh-editor w-100"
-    }, [
-      createVNode(_component_editor, {
-        class: "tinyEditor",
-        "api-key": "v5otxmculqf59xfg2bqr2ucw56cbqgbqo4x9gym2kwbv1rvi",
-        onInput: $options.updateValue,
-        onKeyup: $options.updateValue,
-        modelValue: $options.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = $event => (($options.value) = $event)),
-        init: {
-      selector: 'textarea#tiny',
-      valid_children : '+body[style],+body[script]',
-      extended_valid_elements : '*[*]',
-      contextmenu: false,
-      plugins: 'lists link image emoticons code autolink',
-      toolbar: 'styleselect | bold italic | alignleft aligncenter alignright alignjustify | bullist numlist | link image emoticons code'
-    }
-      }, null, 8 /* PROPS */, ["onInput", "onKeyup", "modelValue"])
-    ], 32 /* HYDRATE_EVENTS */)
-  ], 64 /* STABLE_FRAGMENT */))
-}
-
 script$s.render = render$3;
-script$s.__file = "src/lib/components/form-components/ShEditor.vue";
+script$s.__file = "src/lib/components/form-components/PhoneInput.vue";
 
 const _hoisted_1$m = {
   key: 0,
@@ -2215,10 +2137,9 @@ script$r.__file = "src/lib/components/form-components/ShSuggest.vue";
 var script$q = {
   name: 'ShForm',
   components: {
-    PhoneInput: script$t,
+    PhoneInput: script$s,
     ShSuggest: script$r,
-    ShEditor: script$s,
-    ShPhone: script$t
+    ShPhone: script$s
   },
   props: [
       'action',
@@ -2566,7 +2487,7 @@ const _hoisted_16$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_17$3 = ["name", "onFocus", "onUpdate:modelValue"];
 const _hoisted_18$3 = ["value"];
 const _hoisted_19$2 = {
-  key: 12,
+  key: 11,
   class: "invalid-feedback"
 };
 const _hoisted_20$2 = {
@@ -2599,7 +2520,6 @@ const _hoisted_24$1 = /*#__PURE__*/createElementVNode("span", {
 function render$2(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_phone_input = resolveComponent("phone-input");
   const _component_ShSuggest = resolveComponent("ShSuggest");
-  const _component_ShEditor = resolveComponent("ShEditor");
 
   return (openBlock(), createElementBlock(Fragment, null, [
     _hoisted_1$l,
@@ -2734,20 +2654,9 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                     "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
                   }, null, 8 /* PROPS */, ["select-data", "fill-selects", "class", "modelValue", "onUpdate:modelValue"]))
                 : createCommentVNode("v-if", true),
-              ($options.getFieldType(field) === 'editor')
-                ? (openBlock(), createBlock(_component_ShEditor, {
-                    key: 8,
-                    placeholder: _ctx.allPlaceHolders[field] ? _ctx.allPlaceHolders[field] : '',
-                    name: field,
-                    onFocus: $event => ($options.removeErrors(field)),
-                    class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
-                    modelValue: _ctx.form_elements[field],
-                    "onUpdate:modelValue": $event => ((_ctx.form_elements[field]) = $event)
-                  }, null, 8 /* PROPS */, ["placeholder", "name", "onFocus", "class", "modelValue", "onUpdate:modelValue"]))
-                : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'text')
                 ? withDirectives((openBlock(), createElementBlock("input", {
-                    key: 9,
+                    key: 8,
                     disabled: $options.isDisabled(field),
                     placeholder: field === 'phone_number' ? 'e.g 0712 345 678':'',
                     name: field,
@@ -2761,7 +2670,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'textarea')
                 ? withDirectives((openBlock(), createElementBlock("textarea", {
-                    key: 10,
+                    key: 9,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -2772,7 +2681,7 @@ function render$2(_ctx, _cache, $props, $setup, $data, $options) {
                 : createCommentVNode("v-if", true),
               ($options.getFieldType(field) === 'select')
                 ? withDirectives((openBlock(), createElementBlock("select", {
-                    key: 11,
+                    key: 10,
                     name: field,
                     onFocus: $event => ($options.removeErrors(field)),
                     class: normalizeClass([_ctx.form_errors[field] == null ? ' field_' + field:'is-invalid ' + field, "form-control"]),
@@ -3133,7 +3042,7 @@ const getFieldComponent = (fieldObj)=>{
   const TextComponent = formComponents.text ?? script$n;
   const TextAreaComponent = formComponents.textArea ?? script$m;
   const EmailComponent = formComponents.email ?? script$p;
-  const PhoneComponent = formComponents.phone ?? script$t;
+  const PhoneComponent = formComponents.phone ?? script$s;
   const NumberComponent = formComponents.number ?? script$o;
   const SelectComponent = formComponents.select ?? script$l;
   const PasswordComponent = formComponents.password ?? script$k;
@@ -3154,7 +3063,7 @@ const getFieldComponent = (fieldObj)=>{
     return formComponents.email ?? script$p
   } else
   if((props.phones && props.phones.includes(field)) || defaultPhones.includes(field)){
-    return formComponents.phone ?? script$t
+    return formComponents.phone ?? script$s
   } else
   if((props.numbers && props.numbers.includes(field)) || defaultNumbers.includes(field)){
     return formComponents.number ?? script$o
@@ -6300,4 +6209,4 @@ const ShFrontend = {
   }
 };
 
-export { countries as Countries, script$5 as ManagePermissions, script$j as ShAutoForm, script$e as ShCanvas, script$6 as ShCanvasBtn, script$c as ShConfirmAction, script$i as ShDropDownForm, script$8 as ShDynamicTabs, script$q as ShForm, ShFrontend, script$h as ShModal, script$7 as ShModalBtn, script$g as ShModalForm, script$f as ShModalFormAuto, script$t as ShPhone, script$4 as ShPopups, script$3 as ShRange, script$b as ShSilentAction, script$a as ShTable, script$9 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };
+export { countries as Countries, script$5 as ManagePermissions, script$j as ShAutoForm, script$e as ShCanvas, script$6 as ShCanvasBtn, script$c as ShConfirmAction, script$i as ShDropDownForm, script$8 as ShDynamicTabs, script$q as ShForm, ShFrontend, script$h as ShModal, script$7 as ShModalBtn, script$g as ShModalForm, script$f as ShModalFormAuto, script$s as ShPhone, script$4 as ShPopups, script$3 as ShRange, script$b as ShSilentAction, script$a as ShTable, script$9 as ShTabs, shApis, shRepo, ShStorage as shStorage, useUserStore };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@iankibetsh/shframework",
-  "version": "1.7.3",
+  "version": "1.7.4",
   "description": "Vue library for handling laravel backend",
   "main": "dist/library.js",
   "module": "dist/library.mjs",
@@ -22,7 +22,6 @@
   "author": "",
   "license": "ISC",
   "peerDependencies": {
-    "@tinymce/tinymce-vue": "^4.0.7",
     "axios": "^0.27.2",
     "bootstrap": "^5.2.0",
     "bootstrap-icons": "^1.9.1",