@intellias/menu 1.0.2 → 1.0.5

package/components/give-kudos-form/mixins/UserSelectMixin.ts

@@ -1,57 +0,0 @@
-import PublicInfoModel from "../../../models/user/PublicInfoModel";
-
-export default {
-  methods: {
-    filteredOptions(options: Array<PublicInfoModel>): Array<PublicInfoModel> {
-      return options.filter((option) => {
-        return this.userSelect.filterBy.some((filterKey) => {
-          return option[filterKey]
-            .toLowerCase()
-            .includes(this.userSelect.search.toLowerCase());
-        });
-      });
-    },
-    userSelectOptions(options: Array<PublicInfoModel>): Array<PublicInfoModel> {
-      return this.filteredOptions(options).slice(0, this.userSelect.limit);
-    },
-    userSelectHasNextPage(): boolean {
-      return this.userSelectOptions().length < this.filteredOptions().length;
-    },
-    async userSelectOnOpen(): Promise<void> {
-      if (this.userSelectHasNextPage) {
-        this.userSelect.observer = new IntersectionObserver(
-          this.infiniteScroll
-        );
-        await this.$nextTick();
-        this.userSelect.observer.observe(this.$refs.loadUsers);
-      }
-    },
-    userSelectOnClose(): void {
-      this.userSelect.search = "";
-      this.userSelect.observer.disconnect();
-    },
-    userSelectOnSearch(optionName: string): void {
-      this.userSelect.search = optionName;
-    },
-    async infiniteScroll([{ isIntersecting, target }]): Promise<void> {
-      if (isIntersecting) {
-        const ul = target.offsetParent;
-        const { scrollTop } = target.offsetParent;
-        this.userSelect.limit += 10;
-        await this.$nextTick();
-        ul.scrollTop = scrollTop;
-      }
-    },
-  },
-  data(): Record<string, unknown> {
-    return {
-      userSelect: {
-        label: "full_name",
-        filterBy: ["full_name", "full_name_reversed", "username"],
-        observer: null,
-        limit: 10 as number,
-        search: "" as string,
-      },
-    };
-  },
-};

package/components/give-kudos-form/models/KudosShareModel.ts

@@ -1,6 +0,0 @@
-export default class KudosShareModel {
-  employee_id = undefined as string;
-  points_amount = undefined as number;
-  share_reason = undefined as number;
-  comment = undefined as string;
-}

package/components/give-kudos-form/models/UserListModel.ts

@@ -1,5 +0,0 @@
-import UserPublicInfoModel from "../../../models/user/PublicInfoModel";
-
-export default class UserListModel extends UserPublicInfoModel {
-  disabled_option = undefined as boolean;
-}

package/components/give-kudos-form/validators/InEnglishValidatorRegex.ts

@@ -1,17 +0,0 @@
-const InEnglishValidatorRegex = (value: string) => {
-  if (!value) {
-    return true;
-  }
-
-  return !/[^\x00-\x7F]+/.test(value);
-};
-
-const InEnglishWithoutSymbolsRegex = (value: string) => {
-  if (!value) {
-    return true;
-  }
-
-  return /^[a-zA-Z0-9\s.,\n]*$/.test(value);
-};
-
-export { InEnglishValidatorRegex, InEnglishWithoutSymbolsRegex };

package/components/give-kudos-form/validators/KudosBalance.ts

@@ -1,10 +0,0 @@
-import UserExtendedInfoModel from "../../../models/user/ExtendedInfoModel";
-import { myOptions } from "../../../wrapper";
-
-const KudosBalance = (value: number) =>
-  value > 0 &&
-  value <=
-    (myOptions.storeAdapter.User.state.data as UserExtendedInfoModel)
-      .kudos_balance;
-
-export { KudosBalance };

package/components/modal/Modal.scss

@@ -1,53 +0,0 @@
-@use "sass:map";
-@import "../../scss/components/utils";
-@import "../../scss/components/variables";
-
-.modal {
-    &-wrapper {
-        padding-bottom: 1rem;
-        border-radius: 6px !important;
-        background-color: map.get($intems-colors, "surface-primary") !important;
-        box-shadow: 0 15px 30px rgba(37, 55, 70, 0.202715);
-        color: map.get($intems-colors, "text-primary");
-    }
-
-    &-header {
-        display: flex;
-        justify-content: space-between;
-        padding: 2rem 2rem 1rem 2rem;
-        font-size: 1.25rem;
-        font-weight: bold;
-
-        i.icon:before {
-            background-color: map.get($intems-colors, "text-primary") !important;
-        }
-    }
-
-    &-content {
-        padding: 1rem 2rem;
-    }
-
-    &-close {
-        width: 15px !important;
-        min-width: 15px;
-        height: 15px !important;
-        cursor: pointer;
-    }
-
-    &-footer {
-        display: flex;
-        justify-content: flex-end;
-        padding: 1rem 2rem;
-
-        .btn {
-            &:not(:first-child) {
-                margin-left: 1rem;
-            }
-        }
-    }
-}
-
-.vm--overlay {
-    background-color: rgba(37, 55, 70, 0.55) !important;
-    transition: 0.3s !important;
-}

package/components/modal/Modal.ts

@@ -1,70 +0,0 @@
-import { isMobile } from "mobile-device-detect";
-
-enum ModalSize {
-  mobile = "85%",
-  sm = "500px",
-  md = "780px",
-  lg = "968px",
-}
-
-enum ModalSizeName {
-  sm = "sm",
-  md = "md",
-  lg = "lg",
-}
-
-const modalSizeToName = new Map([
-  [ModalSizeName.sm, ModalSize.sm],
-  [ModalSizeName.md, ModalSize.md],
-  [ModalSizeName.lg, ModalSize.lg],
-]);
-
-export default {
-  props: {
-    name: {
-      type: String,
-      required: true,
-    },
-    size: {
-      type: String,
-      default: ModalSizeName.sm,
-    },
-  },
-  methods: {
-    open(): void {
-      this.$modal.show(this.name);
-    },
-    close(): void {
-      this.$modal.hide(this.name);
-    },
-  },
-  computed: {
-    modalWidth(): string {
-      switch (this.size) {
-        case ModalSizeName.sm:
-          return !isMobile
-            ? modalSizeToName.get(ModalSizeName.sm)
-            : ModalSize.mobile;
-        case ModalSizeName.md:
-          return !isMobile
-            ? modalSizeToName.get(ModalSizeName.md)
-            : ModalSize.mobile;
-        case ModalSizeName.lg:
-          return !isMobile
-            ? modalSizeToName.get(ModalSizeName.lg)
-            : ModalSize.mobile;
-        default:
-          return ModalSize.mobile;
-      }
-    },
-    modalOptions(): Record<string, unknown> {
-      return {
-        classes: ["modal-wrapper"],
-        width: this.modalWidth,
-        height: "auto",
-        clickToClose: false,
-        scrollable: true,
-      };
-    },
-  },
-};

package/components/modal/Modal.vue

@@ -1,28 +0,0 @@
-<template>
-  <modal :name="name" v-bind="modalOptions">
-    <div class="modal-header">
-      <slot name="header">
-        <span>
-          <slot name="header"></slot>
-        </span>
-      </slot>
-      <i class="modal-close icon close" @click="close"></i>
-    </div>
-    <div v-if="!!$slots.content" class="modal-content">
-      <slot name="content"></slot>
-    </div>
-    <div v-if="!!$slots.footer" class="modal-footer">
-      <slot name="footer"></slot>
-    </div>
-  </modal>
-</template>
-
-<script>
-import Modal from "./Modal";
-
-export default Modal;
-</script>
-
-<style lang="scss">
-@import "Modal";
-</style>