@vc-shell/framework 1.0.54 → 1.0.56

package/ui/components/molecules/vc-input-currency/vc-input-currency-model.ts

@@ -1,132 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isString, isNumber } from "./../../../utils";
-
-export type OptionProp = ((option: string | Record<string, unknown>) => string) | string | undefined;
-
-export const inputCurrencyProps = {
-  /**
-   * Model of the currency component; Use with a listener for 'update:price' event OR use v-model:price directive
-   */
-  modelValue: [String, Number, Date],
-  /**
-   * Input label text
-   */
-  label: String,
-  /**
-   * Input placeholder text
-   */
-  placeholder: String,
-  /**
-   * Input description (hint) text below input component
-   */
-  hint: String,
-  /**
-   * Appends clearable icon when a value is set;
-   * When clicked, model becomes null
-   */
-  clearable: Boolean,
-  /**
-   * Prefix
-   */
-  prefix: String,
-  /**
-   * Suffix
-   */
-  suffix: String,
-  /**
-   * Used to specify the name of the control; If not specified, it takes the value 'Field'
-   */
-  name: String,
-  /**
-   * Signals the user a process is in progress by displaying a spinner
-   */
-  loading: Boolean,
-  /**
-   * Debounce amount (in milliseconds) for search input
-   * Default: 0
-   */
-  debounce: {
-    type: [String, Number],
-    default: 0,
-  },
-  /**
-   * Put component in disabled mode
-   */
-  disabled: Boolean,
-  /**
-   * Focus field on initial component render
-   */
-  autofocus: Boolean,
-  /**
-   * Does field have validation errors?
-   */
-  error: Boolean,
-  /**
-   * Validation error message (gets displayed only if 'error' is set to 'true')
-   */
-  errorMessage: String,
-  /**
-   * Specify a max length of model
-   * Default value: 1024
-   */
-  maxlength: [String, Number],
-  /**
-   * Input tooltip information
-   */
-  tooltip: String,
-  /**
-   * Input required state
-   */
-  required: Boolean,
-  /**
-   * Option label
-   */
-  option: String,
-  /**
-   * Available options that the user can select from.
-   * Default value: []
-   */
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  options: Array as PropType<any[]>,
-  /**
-   * Property of option which holds the 'value'
-   * Default value: id
-   * @param option The current option being processed
-   * @returns Value of the current option
-   */
-  optionValue: [Function, String] as PropType<OptionProp>,
-  /**
-   * Property of option which holds the 'label'
-   * Default value: title
-   * @param option The current option being processed
-   * @returns Label of the current option
-   */
-  optionLabel: [Function, String] as PropType<OptionProp>,
-};
-
-export const inputCurrencyEmits = {
-  /**
-   * Emitted when the component needs to change the model; Is also used by v-model
-   */
-  "update:modelValue": (value: string | number | null) => isString(value) || isNumber(value) || value === null,
-  /**
-   * Emitted when the component needs to change the options model; Is also used by v-model:option
-   */
-  "update:option": (value: string | number | null) => isString(value) || isNumber(value) || value === null,
-};
-
-export type VcInputCurrencyProps = ExtractTypes<typeof inputCurrencyProps>;
-export type VcInputCurrencyEmits = typeof inputCurrencyEmits;
-
-export interface VcInputCurrencySlots {
-  /**
-   * Slot for custom dropdown open handler
-   */
-  button: (scope: {
-    /**
-     * Dropdown open/close handler
-     */
-    toggleHandler: () => void;
-  }) => VNode[];
-}

package/ui/components/molecules/vc-notification/vc-notification-model.ts

@@ -1,21 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const notificationProps = {
-  timeout: {
-    type: Number,
-    default: 0,
-  },
-};
-
-export const notificationEmits = {
-  dismiss: () => true,
-  expired: () => true,
-};
-
-export type VcNotificationProps = ExtractTypes<typeof notificationProps>;
-export type VcNotificationEmits = typeof notificationEmits;
-
-export interface VcNotificationSlots {
-  default: () => VNode[];
-}

package/ui/components/molecules/vc-pagination/vc-pagination-model.ts

@@ -1,29 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isNumber } from "./../../../utils";
-
-export const paginationProps = {
-  expanded: {
-    type: Boolean,
-    default: false,
-  },
-  pages: {
-    type: Number,
-    default: 1,
-  },
-  currentPage: {
-    type: Number,
-    default: 1,
-  },
-};
-
-export const paginationEmits = {
-  itemClick: (pages: number) => isNumber(pages),
-};
-
-export type VcPaginationProps = ExtractTypes<typeof paginationProps>;
-export type VcPaginationEmits = typeof paginationEmits;
-
-export interface VcPaginationSlots {
-  default: () => VNode[];
-}

package/ui/components/molecules/vc-rating/vc-rating-model.ts

@@ -1,23 +0,0 @@
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const ratingProps = {
-  label: String,
-  placeholder: String,
-  tooltip: String,
-  rating: Number,
-  max: {
-    type: Number,
-    default: 5,
-  },
-  variant: {
-    type: String as PropType<"stars" | "star-and-text" | "text">,
-    default: "stars",
-  },
-};
-
-export type VcRatingProps = ExtractTypes<typeof ratingProps>;
-
-export interface VcRatingSlots {
-  details: () => VNode[];
-}

package/ui/components/molecules/vc-select/vc-select-model.ts

@@ -1,240 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { VNode, PropType } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isString } from "./../../../utils";
-
-export type OptionProp = ((option: string | Record<string, unknown>) => string) | string | undefined;
-
-export const selectProps = {
-  /**
-   * Name of select
-   */
-  name: {
-    type: String,
-    default: "Field",
-  },
-  /**
-   * Model of the component; Must be Array if using 'multiple' prop; Use this property with a listener for 'update:modelValue' event OR use v-model directive
-   */
-  modelValue: null,
-  /**
-   * Try to map labels of model from 'options' Array; If you are using emit-value you will probably need to use map-options to display the label text in the select field rather than the value;
-   * Default value: true
-   */
-  mapOptions: {
-    type: Boolean,
-    default: true,
-  },
-  /**
-   * Does field have validation errors?
-   */
-  error: Boolean,
-  /**
-   * Validation error message (gets displayed only if 'error' is set to 'true')
-   */
-  errorMessage: String,
-  /**
-   * Select label
-   */
-  label: String,
-  /**
-   * Select description (hint) text below input component
-   */
-  hint: String,
-  /**
-   * Prefix
-   */
-  prefix: String,
-  /**
-   * Suffix
-   */
-  suffix: String,
-  /**
-   * Signals the user a process is in progress by displaying a spinner
-   */
-  loading: Boolean,
-  /**
-   * Appends clearable icon when a value is set;
-   * When clicked, model becomes null
-   */
-  clearable: {
-    type: Boolean,
-    default: true,
-  },
-  /**
-   * Put component in disabled mode
-   */
-  disabled: Boolean,
-  /**
-   * Allow multiple selection; Model must be Array
-   */
-  multiple: Boolean,
-  /**
-   * Available options that the user can select from.
-   * Default value: []
-   */
-  options: {
-    type: [Function, Array] as PropType<
-      | ((
-          keyword?: string,
-          skip?: number,
-          ids?: string[]
-        ) => Promise<{
-          results?: object[];
-          totalCount?: number;
-        }>)
-      | any[]
-    >,
-    default: () => [],
-  },
-  /**
-   * Property of option which holds the 'value'
-   * Default value: id
-   * @param option The current option being processed
-   * @returns Value of the current option
-   */
-  optionValue: { type: [Function, String] as PropType<OptionProp>, default: "id" },
-  /**
-   * Property of option which holds the 'label'
-   * Default value: title
-   * @param option The current option being processed
-   * @returns Label of the current option
-   */
-  optionLabel: { type: [Function, String] as PropType<OptionProp>, default: "title" },
-  /**
-   * Update model with the value of the selected option instead of the whole option
-   */
-  emitValue: {
-    type: Boolean,
-    default: true,
-  },
-  /**
-   * Debounce the search input update with an amount of milliseconds
-   * Default value: 500
-   */
-  debounce: {
-    type: [Number, String],
-    default: 500,
-  },
-  /**
-   * Input placeholder text
-   */
-  placeholder: String,
-  /**
-   * Input tooltip information
-   */
-  tooltip: String,
-  /**
-   * Input required state
-   */
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  /**
-   * Input search activation
-   */
-  searchable: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export const selectEmits = {
-  /**
-   * Emitted when the component needs to change the model; Is also used by v-model
-   */
-  "update:modelValue": (inputValue: any) => !!inputValue,
-  /**
-   * Emitted when user wants to filter a value
-   */
-  search: (inputValue: string) => isString(inputValue),
-  /**
-   * Emitted when the select options list is hidden
-   */
-  close: () => true,
-};
-
-export type VcSelectProps = ExtractTypes<typeof selectProps>;
-export type VcSelectEmits = typeof selectEmits;
-
-export interface VcSelectSlots {
-  /**
-   * Custom select control
-   */
-  control: (scope: { toggleHandler: () => void }) => VNode[];
-  /**
-   * Prepend inner field
-   */
-  "prepend-inner": () => VNode[];
-  /**
-   * Append to inner field
-   */
-  "append-inner": () => VNode[];
-  /**
-   * Prepend outer field
-   */
-  prepend: () => VNode[];
-  /**
-   * Append outer field
-   */
-  append: () => VNode[];
-  /**
-   * What should the menu display after filtering options and none are left to be displayed
-   * @param scope
-   */
-  "no-option": () => VNode[];
-  /**
-   * Slot for errors
-   */
-  error: () => VNode[];
-  /**
-   * Slot for hint text
-   */
-  hint: () => VNode[];
-  /**
-   * Override default selection slot
-   * @param scope
-   */
-  "selected-item": (scope: {
-    /**
-     * Selection index
-     */
-    index: number;
-    /**
-     * Selected option -- its value is taken from model
-     */
-    opt: any;
-    /**
-     * Always true -- passed as prop
-     */
-    selected: boolean;
-    /**
-     * Remove selected option located at specific index
-     * @param index Index at which to remove selection
-     */
-    removeAtIndex: (index: number) => void;
-  }) => VNode[];
-  /**
-   * Override default selection slot;
-   */
-  option: (scope: {
-    /**
-     * Option index
-     */
-    index: number;
-    /**
-     * Option -- its value is taken from 'options' prop
-     */
-    opt: any;
-    /**
-     * Is option selected?
-     */
-    selected: boolean;
-    /**
-     * Add/remove option from model
-     * @param opt Option to add to model
-     */
-    toggleOption: (opt: any) => void;
-  }) => VNode[];
-}

package/ui/components/molecules/vc-slider/vc-slider-model.ts

@@ -1,34 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const sliderProps = {
-  slides: {
-    type: Array as PropType<Record<string, unknown>[] | any[]>,
-    default: () => [],
-  },
-  navigation: {
-    type: Boolean,
-    default: false,
-  },
-  overflow: {
-    type: Boolean,
-    default: false,
-  },
-  slidesPerView: {
-    type: String as PropType<string | "auto">,
-    default: "auto",
-  },
-  spaceBetweenSlides: {
-    type: Number,
-    default: 10,
-  },
-};
-
-export type VcSliderProps = ExtractTypes<typeof sliderProps>;
-
-export interface VcSliderSlots {
-  default: (args: { slide: Record<string, unknown> | any }) => VNode[];
-  prevBtn: () => VNode[];
-  nextBtn: () => VNode[];
-}

package/ui/components/molecules/vc-textarea/vc-textarea-model.ts

@@ -1,41 +0,0 @@
-import { VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isString } from "./../../../utils";
-
-export const textareaProps = {
-  placeholder: {
-    type: String,
-    default: "",
-  },
-  modelValue: String,
-  required: {
-    type: Boolean,
-    default: false,
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-  label: String,
-  tooltip: String,
-  name: {
-    type: String,
-    default: "Field",
-  },
-  maxchars: {
-    type: String,
-    default: "1024",
-  },
-  errorMessage: String,
-};
-
-export const textareaEmits = {
-  "update:modelValue": (value: string) => isString(value),
-};
-
-export type VcTextareaProps = ExtractTypes<typeof textareaProps>;
-export type VcTextareaEmits = typeof textareaEmits;
-
-export interface VcTextareaSlots {
-  error: () => VNode[];
-}

package/ui/components/organisms/vc-app/vc-app-model.ts

@@ -1,65 +0,0 @@
-import { ExtendedComponent, IBladeElement, IOpenBlade } from "./../../../../shared";
-import { IBladeToolbar, IMenuItems } from "./../../../../core/types";
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { isObject, isNumber } from "./../../../utils";
-
-export const appProps = {
-  pages: {
-    type: Array as PropType<ExtendedComponent[]>,
-    default: () => [],
-  },
-  menuItems: {
-    type: Array as PropType<IMenuItems[]>,
-    default: () => [],
-  },
-  mobileMenuItems: {
-    type: Array as PropType<IMenuItems[]>,
-    default: () => [],
-  },
-  toolbarItems: {
-    type: Array as PropType<IBladeToolbar[]>,
-    default: () => [],
-  },
-  isReady: {
-    type: Boolean,
-    default: false,
-  },
-  isAuthorized: {
-    type: Boolean,
-    default: false,
-  },
-  logo: {
-    type: String,
-    default: undefined,
-  },
-  version: {
-    type: String,
-    default: undefined,
-  },
-  theme: {
-    type: String as PropType<"light" | "dark">,
-    default: "light",
-  },
-  bladesRefs: {
-    type: Array as PropType<IBladeElement[]>,
-    default: () => [],
-  },
-  title: String,
-};
-
-export const appEmits = {
-  open: (args: IOpenBlade) => isObject(args),
-  close: (index: number) => isNumber(index),
-  "backlink:click": (index: number) => isNumber(index),
-};
-
-export type VcAppProps = ExtractTypes<typeof appProps>;
-export type VcAppEmits = typeof appEmits;
-
-export interface VcAppSlots {
-  appSwitcher: () => VNode[];
-  bladeNavigation: () => VNode[];
-  notifications: () => VNode[];
-  passwordChange: () => VNode[];
-}

package/ui/components/organisms/vc-blade/vc-blade-model.ts

@@ -1,37 +0,0 @@
-import { IBladeToolbar } from "./../../../../core/types";
-import { PropType, VNode } from "vue";
-import { ExtractTypes } from "./../../../types/ts-helpers";
-
-export const bladeProps = {
-  icon: String,
-  title: String,
-  subtitle: String,
-  width: {
-    type: [Number, String],
-    default: "30%",
-  },
-  expanded: {
-    type: Boolean,
-    default: false,
-  },
-  closable: {
-    type: Boolean,
-    default: true,
-  },
-  toolbarItems: {
-    type: Array as PropType<IBladeToolbar[]>,
-    default: () => [],
-  },
-};
-
-export const bladeEmits = {
-  close: () => true,
-};
-
-export type VcBladeProps = ExtractTypes<typeof bladeProps>;
-export type VcBladeEmits = typeof bladeEmits;
-
-export interface VcBladeSlots {
-  actions: () => VNode[];
-  default: () => VNode[];
-}

package/ui/components/organisms/vc-dynamic-property/vc-dynamic-property-model.ts

@@ -1,58 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { ExtractTypes } from "./../../../types/ts-helpers";
-import { VNode, PropType } from "vue";
-
-export const dynamicPropertyProps = {
-  property: Object as PropType<{
-    [x: string]: any;
-    displayNames?: { languageCode: string; name: string }[];
-    name?: string | undefined;
-    dictionary?: string | undefined;
-    isDictionary?: string | undefined;
-    multivalue?: string | undefined;
-    displayName?: string | undefined;
-    defaultValue?: string | undefined;
-    valueType?: "ShortText" | "Number" | "Integer" | "DateTime" | "LongText" | "Boolean" | "Html" | undefined;
-    values?: any | undefined;
-    required?: boolean | undefined;
-    isRequired?: boolean | undefined;
-    validationRule?:
-      | {
-          charCountMin?: string;
-          charCountMax?: string;
-          regExp?: string;
-        }
-      | undefined;
-  }>,
-  dictionaries: Object as PropType<Record<string, any>>,
-  getter: Function as PropType<
-    (
-      property: Record<string, any>,
-      isDictionary?: boolean
-    ) => Record<string, any> | string | number | boolean | Date | undefined
-  >,
-  optionsGetter: Function as PropType<
-    (property: Record<string, any>, keyword?: string) => Promise<any[] | undefined> | any[]
-  >,
-  setter: Function as PropType<
-    (
-      property: Record<string, any>,
-      value: Record<string, any> | string | number | boolean,
-      dictionary?: any[]
-    ) => void | undefined
-  >,
-  culture: {
-    type: String,
-    default: "en-US",
-  },
-  disabled: {
-    type: Boolean,
-    default: false,
-  },
-};
-
-export type VcDynamicPropertyProps = ExtractTypes<typeof dynamicPropertyProps>;
-
-export interface VcDynamicPropertySlots {
-  default: () => VNode[];
-}