adminforth 1.4.3-next.3 → 1.4.3-next.30

package/dist/spa/src/components/Dropdown.vue

@@ -1,167 +0,0 @@
-<template>
-  <div class="relative inline-block w-full" id="dropd">
-    <div class="relative">
-      <input
-        type="text"
-        v-model="search"
-        @focus="showDropdown = true"
-        class="block w-full pl-3 pr-10 py-2 border border-gray-300 rounded-md leading-5 bg-white placeholder-gray-500 focus:outline-none focus:shadow-outline-blue focus:border-blue-300 sm:text-sm transition duration-150 ease-in-out dark:bg-gray-700 dark:border-gray-600 dark:placeholder-gray-400 dark:text-white dark:focus:ring-blue-500 dark:focus:border-blue-500"
-        :placeholder="selectedItems.length ? '' : placeholder || 'Select...'"
-      />
-      <div class="absolute inset-y-0 left-2 flex items-center pr-2 flex-wrap">
-        <div v-for="item in selectedItems" :key="item?.name" class="bg-lightPrimaryOpacity text-lightPrimary text-xs font-medium me-2 px-2.5 py-0.5 rounded dark:bg-darkPrimaryOpacity dark:text-darkPrimary">
-          <span>{{ item.label }}</span>
-          <button
-            type="button"
-            @click="toogleItem(item)"
-            class="z-index-100  flex-shrink-0 ml-1 h-4 w-4 -mr-1 rounded-full inline-flex items-center justify-center text-gray-400 hover:text-gray-500 focus:outline-none focus:text-gray-500 focus:bg-gray-100"
-          >
-            <span class="sr-only">Remove item</span>
-            <svg class="h-2 w-2" stroke="currentColor" fill="none" viewBox="0 0 8 8">
-              <path
-                stroke-linecap="round"
-                stroke-linejoin="round"
-                stroke-width="1.5"
-                d="M1 1l6 6m0-6L1 7"
-              />
-            </svg>
-          </button>
-        </div>  
-      </div>
-      <div class="absolute inset-y-0 right-2 flex items-center pointer-events-none">
-        <!-- triangle icon -->
-        <IconCaretDownSolid v-if="!showDropdown" class="h-5 w-5 text-gray-400" />
-        <IconCaretUpSolid v-else class="h-5 w-5 text-gray-400" />
-      </div>
-    </div>
-    <div v-if="showDropdown" class="absolute z-10 mt-1 w-full bg-white shadow-lg dark:shadow-black dark:bg-gray-700 dark:border-gray-600 rounded-md py-1 text-base ring-1 ring-black ring-opacity-5 overflow-auto focus:outline-none sm:text-sm">
-      <div
-        v-for="item in filteredItems"
-        :key="item.value"
-        class="px-4 py-2 cursor-pointer hover:bg-gray-100 dark:hover:bg-gray-600"
-        :class="{ 'bg-lightPrimaryOpacity': selectedItems.includes(item) }"
-        @click="toogleItem(item)"
-      >
-        <label :for="item.value">{{ item.label }}</label>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script setup>
-import { ref, computed, onMounted, onUnmounted, watch } from 'vue';
-import { IconCaretDownSolid, IconCaretUpSolid } from '@iconify-prerendered/vue-flowbite';
-
-
-const props = defineProps({
-  options: Array,
-  modelValue: {
-    default: undefined,
-  },
-  allowCustom: {
-    type: Boolean,
-    default: false,
-  },
-  single: {
-    type: Boolean,
-    default: false,
-  },
-  placeholder: {
-    type: String,
-    default: '',
-
-  },
-});
-
-const emit = defineEmits(['update:modelValue']);
-
-const search = ref('');
-const showDropdown = ref(false);
-
-const selectedItems = ref([]);
-
-function updateFromProps() {
-  if (props.modelValue !== undefined) {
-    if (props.single) {
-      const el = props.options.find(item => item.value === props.modelValue);
-      if (el) {
-        selectedItems.value = [el];
-      } else {
-        selectedItems.value = [];
-      }
-    } else {
-      selectedItems.value = props.options.filter(item => props.modelValue.includes(item.value));
-    }
-  }
-}
-
-onMounted(() => {
-  updateFromProps();
-
-  watch(() => props.modelValue, (value) => {
-    updateFromProps();
-  });
-
-  watch(() => props.options, () => {
-    updateFromProps();
-  });
-
-  addClickListener();
-
-});
-
-const filteredItems = computed(() => {
-  return props.options.filter(item =>
-    item.label.toLowerCase().includes(search.value.toLowerCase())
-  );
-});
-
-const handleClickOutside = (event) => {
-  if (!event.target.closest('#dropd')) {
-    showDropdown.value = false;
-  }
-};
-
-const addClickListener = () => {
-  document.addEventListener('click', handleClickOutside);
-};
-
-const removeClickListener = () => {
-  document.removeEventListener('click', handleClickOutside);
-};
-
-const toogleItem = (item) => {
-  if (selectedItems.value.includes(item)) {
-    selectedItems.value = selectedItems.value.filter(i => i !== item);
-  } else {
-    if (props.single) {
-      selectedItems.value = [item];
-    } else {
-      selectedItems.value = [...selectedItems.value, item];
-    }
-  }
-  if (props.single) {
-    showDropdown.value = false;
-  }
-
-  
-  const list = selectedItems.value.map(item => item.value);
-  const updValue = list.length ? list : null;
-  let emitValue;
-  if (props.single) {
-    emitValue = updValue ? updValue[0] : null;
-  } else {
-    emitValue = updValue;
-  }
-  console.log('⚡ emit', emitValue)
-  emit('update:modelValue', emitValue);
-
-};
-
-
-onUnmounted(() => {
-  removeClickListener();
-});
-
-
-</script>

package/dist/spa/src/types/AdminForthConfig.js

@@ -1,150 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AdminForthSortDirections = exports.AdminForthFilterOperators = exports.AdminForthDataTypes = exports.ActionCheckSource = exports.AllowedActionsEnum = exports.Sorts = exports.Filters = exports.AdminForthResourcePages = exports.AdminForthMenuTypes = void 0;
-;
-var AdminForthMenuTypes;
-(function (AdminForthMenuTypes) {
-    /**
-     * HEADING is just a label in the menu.
-     * Respect `label` and `icon` property in {@link AdminForthConfigMenuItem}
-     */
-    AdminForthMenuTypes["heading"] = "heading";
-    /**
-     * GROUP is a group of menu items.
-     * Respects `label`, `icon` and `children` properties in {@link AdminForthConfigMenuItem}
-     * use @AdminForthMenuTypes.open to set if group is open by default
-     */
-    AdminForthMenuTypes["group"] = "group";
-    /**
-     * RESOURCE is a link to a resource.
-     * Respects `label`, `icon`,  `resourceId`, `homepage`, `isStaticRoute` properties in {@link AdminForthConfigMenuItem}
-     */
-    AdminForthMenuTypes["resource"] = "resource";
-    /**
-     * PAGE is a link to a custom page.
-     * Respects `label`, `icon`, `path`, `component`, `homepage`, `isStaticRoute`, properties in {@link AdminForthConfigMenuItem}
-     *
-     * Example:
-     *
-     * ```ts
-     * \{
-     *  type: AdminForthMenuTypes.PAGE,
-     *  label: 'Custom Page',
-     *  icon: 'home',
-     *  path: '/dash',
-     *  component: '@@/Dashboard.vue',
-     *  homepage: true,
-     * \}
-     * ```
-     *
-     */
-    AdminForthMenuTypes["page"] = "page";
-    /**
-     * GAP ads some space between menu items.
-     */
-    AdminForthMenuTypes["gap"] = "gap";
-    /**
-     * DIVIDER is a divider between menu items.
-     */
-    AdminForthMenuTypes["divider"] = "divider";
-})(AdminForthMenuTypes || (exports.AdminForthMenuTypes = AdminForthMenuTypes = {}));
-var AdminForthResourcePages;
-(function (AdminForthResourcePages) {
-    AdminForthResourcePages["list"] = "list";
-    AdminForthResourcePages["show"] = "show";
-    AdminForthResourcePages["edit"] = "edit";
-    AdminForthResourcePages["create"] = "create";
-    AdminForthResourcePages["filter"] = "filter";
-})(AdminForthResourcePages || (exports.AdminForthResourcePages = AdminForthResourcePages = {}));
-class Filters {
-    static EQ(field, value) {
-        return { field, operator: AdminForthFilterOperators.EQ, value };
-    }
-    static NEQ(field, value) {
-        return { field, operator: AdminForthFilterOperators.NE, value };
-    }
-    static GT(field, value) {
-        return { field, operator: AdminForthFilterOperators.GT, value };
-    }
-    static GTE(field, value) {
-        return { field, operator: AdminForthFilterOperators.GTE, value };
-    }
-    static LT(field, value) {
-        return { field, operator: AdminForthFilterOperators.LT, value };
-    }
-    static LTE(field, value) {
-        return { field, operator: AdminForthFilterOperators.LTE, value };
-    }
-    static IN(field, value) {
-        return { field, operator: AdminForthFilterOperators.IN, value };
-    }
-    static NOT_IN(field, value) {
-        return { field, operator: AdminForthFilterOperators.NIN, value };
-    }
-    static LIKE(field, value) {
-        return { field, operator: AdminForthFilterOperators.LIKE, value };
-    }
-}
-exports.Filters = Filters;
-class Sorts {
-    static ASC(field) {
-        return { field, direction: AdminForthSortDirections.asc };
-    }
-    static DESC(field) {
-        return { field, direction: AdminForthSortDirections.desc };
-    }
-}
-exports.Sorts = Sorts;
-var AllowedActionsEnum;
-(function (AllowedActionsEnum) {
-    AllowedActionsEnum["show"] = "show";
-    AllowedActionsEnum["list"] = "list";
-    AllowedActionsEnum["edit"] = "edit";
-    AllowedActionsEnum["create"] = "create";
-    AllowedActionsEnum["delete"] = "delete";
-    AllowedActionsEnum["filter"] = "filter";
-})(AllowedActionsEnum || (exports.AllowedActionsEnum = AllowedActionsEnum = {}));
-var ActionCheckSource;
-(function (ActionCheckSource) {
-    ActionCheckSource["DisplayButtons"] = "displayButtons";
-    ActionCheckSource["ListRequest"] = "listRequest";
-    ActionCheckSource["ShowRequest"] = "showRequest";
-    ActionCheckSource["EditRequest"] = "editRequest";
-    ActionCheckSource["CreateRequest"] = "createRequest";
-    ActionCheckSource["DeleteRequest"] = "deleteRequest";
-    ActionCheckSource["BulkActionRequest"] = "bulkActionRequest";
-})(ActionCheckSource || (exports.ActionCheckSource = ActionCheckSource = {}));
-var AdminForthDataTypes;
-(function (AdminForthDataTypes) {
-    AdminForthDataTypes["STRING"] = "string";
-    AdminForthDataTypes["INTEGER"] = "integer";
-    AdminForthDataTypes["FLOAT"] = "float";
-    AdminForthDataTypes["DECIMAL"] = "decimal";
-    AdminForthDataTypes["BOOLEAN"] = "boolean";
-    AdminForthDataTypes["DATE"] = "date";
-    AdminForthDataTypes["DATETIME"] = "datetime";
-    AdminForthDataTypes["TIME"] = "time";
-    AdminForthDataTypes["TEXT"] = "text";
-    AdminForthDataTypes["JSON"] = "json";
-    AdminForthDataTypes["RICHTEXT"] = "richtext";
-})(AdminForthDataTypes || (exports.AdminForthDataTypes = AdminForthDataTypes = {}));
-var AdminForthFilterOperators;
-(function (AdminForthFilterOperators) {
-    AdminForthFilterOperators["EQ"] = "eq";
-    AdminForthFilterOperators["NE"] = "ne";
-    AdminForthFilterOperators["GT"] = "gt";
-    AdminForthFilterOperators["LT"] = "lt";
-    AdminForthFilterOperators["GTE"] = "gte";
-    AdminForthFilterOperators["LTE"] = "lte";
-    AdminForthFilterOperators["LIKE"] = "like";
-    AdminForthFilterOperators["ILIKE"] = "ilike";
-    AdminForthFilterOperators["IN"] = "in";
-    AdminForthFilterOperators["NIN"] = "nin";
-})(AdminForthFilterOperators || (exports.AdminForthFilterOperators = AdminForthFilterOperators = {}));
-;
-var AdminForthSortDirections;
-(function (AdminForthSortDirections) {
-    AdminForthSortDirections["asc"] = "asc";
-    AdminForthSortDirections["desc"] = "desc";
-})(AdminForthSortDirections || (exports.AdminForthSortDirections = AdminForthSortDirections = {}));
-;