@vc-shell/framework 1.0.53 → 1.0.56

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

@@ -1,210 +0,0 @@
-import { VNode } from "vue";
-
-export type OptionProp =
-  | ((option: string | Record<string, unknown>) => string)
-  | string
-  | undefined;
-
-export interface VcSelectProps {
-  /**
-   * Name of select
-   */
-  name?: string | undefined;
-  /**
-   * 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: any;
-  /**
-   * 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?: boolean | undefined;
-  /**
-   * Does field have validation errors?
-   */
-  error?: boolean | undefined;
-  /**
-   * Validation error message (gets displayed only if 'error' is set to 'true')
-   */
-  errorMessage?: string | undefined;
-  /**
-   * Select label
-   */
-  label?: string | undefined;
-  /**
-   * Select description (hint) text below input component
-   */
-  hint?: string | undefined;
-  /**
-   * Prefix
-   */
-  prefix?: string | undefined;
-  /**
-   * Suffix
-   */
-  suffix?: string | undefined;
-  /**
-   * Signals the user a process is in progress by displaying a spinner
-   */
-  loading?: boolean | undefined;
-  /**
-   * Appends clearable icon when a value is set;
-   * When clicked, model becomes null
-   */
-  clearable?: boolean | undefined;
-  /**
-   * Put component in disabled mode
-   */
-  disabled?: boolean | undefined;
-  /**
-   * Allow multiple selection; Model must be Array
-   */
-  multiple?: boolean | undefined;
-  /**
-   * Available options that the user can select from.
-   * Default value: []
-   */
-  options?:
-  | ((
-    keyword?: string,
-    skip?: number,
-    ids?: string[]
-  ) => Promise<{
-    results?: object[];
-    totalCount?: number;
-  }>)
-  | any[]
-  | undefined;
-  /**
-   * Property of option which holds the 'value'
-   * Default value: id
-   * @param option The current option being processed
-   * @returns Value of the current option
-   */
-  optionValue?: 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?: OptionProp;
-  /**
-   * Update model with the value of the selected option instead of the whole option
-   */
-  emitValue?: boolean | undefined;
-  /**
-   * Debounce the search input update with an amount of milliseconds
-   * Default value: 500
-   */
-  debounce?: number | string | undefined;
-  /**
-   * Input placeholder text
-   */
-  placeholder?: string | undefined;
-  /**
-   * Input tooltip information
-   */
-  tooltip?: string | undefined;
-  /**
-   * Input required state
-   */
-  required?: boolean | undefined;
-  /**
-   * Input search activation
-   */
-  searchable?: boolean | undefined;
-  /**
-  * Emitted when the component needs to change the model; Is also used by v-model
-  */
-  "onUpdate:modelValue"?: (inputValue: any) => void;
-  /**
-   * Emitted when user wants to filter a value
-   */
-  onSearch?: (inputValue: string) => void;
-  /**
-   * Emitted when the select options list is hidden
-   */
-  onClose?: () => void;
-}
-
-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,15 +0,0 @@
-import {VNode} from "vue";
-
-export interface VcSliderProps {
-    slides?: Record<string, unknown>[] | any[]
-    navigation?: boolean | undefined
-    overflow?: boolean | undefined
-    slidesPerView?: string | 'auto' | undefined
-    spaceBetweenSlides?: number | undefined
-}
-
-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,18 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcTextareaProps {
-  placeholder?: string | undefined;
-  modelValue: string | undefined;
-  required?: boolean | undefined;
-  disabled?: boolean | undefined;
-  label?: string | undefined;
-  tooltip?: string | undefined;
-  name?: string | undefined;
-  maxchars?: string | undefined;
-  errorMessage?: string | undefined;
-  "onUpdate:modelValue"?: (value: string) => void;
-}
-
-export interface VcTextareaSlots {
-  error: () => VNode[];
-}

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

@@ -1,27 +0,0 @@
-import { ExtendedComponent, IBladeElement, IOpenBlade } from "./../../../../shared";
-import { IBladeToolbar, IMenuItems } from "./../../../../core/types";
-import { VNode } from "vue";
-
-export interface VcAppProps {
-  pages?: ExtendedComponent[] | undefined;
-  menuItems?: IMenuItems[] | undefined;
-  mobileMenuItems?: IMenuItems[] | undefined;
-  toolbarItems?: IBladeToolbar[] | undefined;
-  isReady?: boolean | undefined;
-  isAuthorized?: boolean | undefined;
-  logo?: string | undefined;
-  version?: string | undefined;
-  theme?: "light" | "dark" | undefined;
-  bladesRefs?: IBladeElement[] | undefined;
-  title?: string | undefined;
-  onOpen?: (args: IOpenBlade) => void;
-  onClose?: (index: number) => void;
-  "onBacklink:click"?: (index: number) => void;
-}
-
-export interface VcAppSlots {
-  appSwitcher: () => VNode[];
-  bladeNavigation: () => VNode[];
-  notifications: () => VNode[];
-  passwordChange: () => VNode[];
-}

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

@@ -1,18 +0,0 @@
-import { IBladeToolbar } from "./../../../../core/types";
-import { VNode } from "vue";
-
-export interface VcBladeProps {
-  icon?: string | undefined;
-  title?: string | undefined;
-  subtitle?: string | undefined;
-  width?: number | string | undefined;
-  expanded?: boolean | undefined;
-  closable?: boolean | undefined;
-  toolbarItems?: IBladeToolbar[] | undefined;
-  onClose?: () => void;
-}
-
-export interface VcBladeSlots {
-  actions: () => VNode[];
-  default: () => VNode[];
-}

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

@@ -1,25 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcDynamicPropertyProps {
-  property?: Record<string, any> | undefined;
-  dictionaries?: Record<string, any> | undefined;
-  getter?: (
-    property: Record<string, any>,
-    isDictionary?: boolean
-  ) => Record<string, any> | string | number | boolean | Date | undefined;
-  optionsGetter?: (
-    property: Record<string, any>,
-    keyword?: string
-  ) => Promise<any[] | undefined> | any[];
-  setter?: (
-    property: Record<string, any>,
-    value: Record<string, any> | string | number | boolean,
-    dictionary?: any[]
-  ) => void | undefined;
-  culture?: string | undefined;
-  disabled?: boolean | undefined;
-}
-
-export interface VcDynamicPropertySlots {
-  default: () => VNode[];
-}

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

@@ -1,33 +0,0 @@
-import { IImage } from "./../../../../core/types";
-import { VNode } from "vue";
-
-export interface VcGalleryProps {
-  images?: IImage[] | undefined;
-  disabled?: boolean | undefined;
-  required?: boolean | undefined;
-  label?: string | undefined;
-  tooltip?: string | undefined;
-  tooltipIcon?: string | undefined;
-  uploadIcon?: string | undefined;
-  multiple?: boolean | undefined;
-  variant?: "gallery" | "file-upload" | undefined;
-  itemActions?: {
-    name?: string | undefined;
-    preview: boolean | undefined;
-    edit: boolean | undefined;
-    remove: boolean | undefined;
-  };
-  disableDrag?: boolean | undefined;
-  hideAfterUpload?: boolean | undefined;
-  rules?: string | Record<string, unknown> | undefined;
-  name?: string | undefined;
-  onUpload?: (files: FileList) => void;
-  onSort?: (sorted: IImage[]) => void;
-  "onItem:edit"?: (image: IImage) => void;
-  "onItem:remove"?: (image: IImage) => void;
-  "onItem:move"?: (image: IImage) => void;
-}
-
-export interface VcGallerySlots {
-  default: () => VNode[];
-}

package/ui/components/organisms/vc-login-form/vc-login-form-model.ts

@@ -1,11 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcLoginFormProps {
-  logo?: string | undefined;
-  background?: string | undefined;
-  title?: string | undefined;
-}
-
-export interface VcLoginFormSlots {
-  default: () => VNode[];
-}

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

@@ -1,12 +0,0 @@
-import { VNode } from "vue";
-
-export interface VcPopupProps {
-  title?: string | undefined;
-  closable?: boolean | undefined;
-  variant?: "small" | "medium" | "fullscreen" | undefined;
-  onClose?: () => void;
-}
-
-export interface VcPopupSlots {
-  default: () => VNode[];
-}

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

@@ -1,56 +0,0 @@
-import { IActionBuilderResult, ITableColumns } from "./../../../../core/types";
-import { VNode } from "vue";
-
-export interface StatusImage {
-  image?: string;
-  text: string;
-  action?: string;
-  clickHandler?: () => void;
-}
-
-export interface VcTableProps {
-  columns?: ITableColumns[];
-  items?: { id?: string }[] | any[];
-  itemActionBuilder?: (item: {
-    id?: string;
-  }) => IActionBuilderResult[] | undefined;
-  sort?: string | undefined;
-  multiselect?: boolean | undefined;
-  expanded?: boolean | undefined;
-  totalLabel?: string | undefined;
-  totalCount?: number | undefined;
-  pages?: number | undefined;
-  currentPage?: number | undefined;
-  searchPlaceholder?: string | undefined;
-  searchValue?: string | undefined;
-  loading?: boolean | undefined;
-  empty?: StatusImage | undefined;
-  notfound?: StatusImage | undefined;
-  header?: boolean | undefined;
-  footer?: boolean | undefined;
-  activeFilterCount?: number | undefined;
-  selectedItemId?: string | undefined;
-  scrolling?: boolean | undefined;
-  onPaginationClick?: (page: number) => void;
-  onSelectionChanged?: (values: Record<string, boolean>) => void;
-  "onSearch:change"?: (value: string) => void;
-  onHeaderClick?: (value: Record<string, unknown>) => void;
-  onItemClick?: (item: { id?: string }) => void;
-  "onScroll:ptr"?: () => void;
-}
-
-export interface VcTableSlots {
-  header: () => VNode[];
-  filters: (args: { closePanel: () => void }) => VNode[];
-  "mobile-item": (args: {
-    item: { [x: string]: any; id: string };
-  }) => VNode[];
-  [key: `header_${string}`]: () => VNode[];
-  [key: `item_${string}`]: (args: {
-    item?: { [x: string]: any; id: string };
-    cell?: ITableColumns;
-  }) => VNode[];
-  notfound: () => VNode[];
-  empty: () => VNode[];
-  footer: () => VNode[];
-}

package/ui/types/index.ts

@@ -1,213 +0,0 @@
-import { GlobalComponentConstructor } from "./ts-helpers";
-import {
-  VcInputProps,
-  VcInputSlots,
-} from "../components/molecules/vc-input/vc-input-model";
-import {
-  VcSelectProps,
-  VcSelectSlots,
-} from "../components/molecules/vc-select/vc-select-model";
-import {
-  VcInputCurrencyProps,
-  VcInputCurrencySlots,
-} from "../components/molecules/vc-input-currency/vc-input-currency-model";
-import {
-  VcBadgeProps,
-  VcBadgeSlots,
-} from "../components/atoms/vc-badge/vc-badge-model";
-import {
-  VcButtonProps,
-  VcButtonSlots,
-} from "../components/atoms/vc-button/vc-button-model";
-import {
-  VcCardProps,
-  VcCardSlots,
-} from "../components/atoms/vc-card/vc-card-model";
-import {
-  VcCheckboxProps,
-  VcCheckboxSlots,
-} from "../components/atoms/vc-checkbox/vc-checkbox-model";
-import {
-  VcColProps,
-  VcColSlots,
-} from "../components/atoms/vc-col/vc-col-model";
-import {
-  VcContainerProps,
-  VcContainerSlots,
-} from "../components/atoms/vc-container/vc-container-model";
-import {
-  VcIconProps,
-  VcIconSlots,
-} from "../components/atoms/vc-icon/vc-icon-model";
-import {
-  VcImageProps,
-  VcImageSlots,
-} from "../components/atoms/vc-image/vc-image-model";
-import {
-  VcInfoRowProps,
-  VcInfoRowSlots,
-} from "../components/atoms/vc-info-row/vc-info-row-model";
-import {
-  VcLabelProps,
-  VcLabelSlots,
-} from "../components/atoms/vc-label/vc-label-model";
-import {
-  VcLinkProps,
-  VcLinkSlots,
-} from "../components/atoms/vc-link/vc-link-model";
-import {
-  VcLoadingProps,
-  VcLoadingSlots,
-} from "../components/atoms/vc-loading/vc-loading-model";
-import {
-  VcProgressProps,
-  VcProgressSlots,
-} from "../components/atoms/vc-progress/vc-progress-model";
-import { VcRowSlots } from "../components/atoms/vc-row/vc-row-model";
-import {
-  VcStatusProps,
-  VcStatusSlots,
-} from "../components/atoms/vc-status/vc-status-model";
-import {
-  VcStatusIconProps,
-  VcStatusIconSlots,
-} from "../components/atoms/vc-status-icon/vc-status-icon-model";
-import {
-  VcSwitchProps,
-  VcSwitchSlots,
-} from "../components/atoms/vc-switch/vc-switch-model";
-import {
-  VcWidgetProps,
-  VcWidgetSlots,
-} from "../components/atoms/vc-widget/vc-widget-model";
-import {
-  VcBreadcrumbsProps,
-  VcBreadcrumbsSlots,
-} from "../components/molecules/vc-breadcrumbs/vc-breadcrumbs-model";
-import {
-  VcEditorProps,
-  VcEditorSlots,
-} from "../components/molecules/vc-editor/vc-editor-model";
-import {
-  VcFileUploadProps,
-  VcFileUploadSlots,
-} from "../components/molecules/vc-file-upload/vc-file-upload-model";
-import {
-  VcNotificationProps,
-  VcNotificationSlots,
-} from "../components/molecules/vc-notification/vc-notification-model";
-import {
-  VcPaginationProps,
-  VcPaginationSlots,
-} from "../components/molecules/vc-pagination/vc-pagination-model";
-import {
-  VcRatingProps,
-  VcRatingSlots,
-} from "../components/molecules/vc-rating/vc-rating-model";
-import {
-  VcSliderProps,
-  VcSliderSlots,
-} from "../components/molecules/vc-slider/vc-slider-model";
-import {
-  VcTextareaProps,
-  VcTextareaSlots,
-} from "../components/molecules/vc-textarea/vc-textarea-model";
-import {
-  VcAppProps,
-  VcAppSlots,
-} from "../components/organisms/vc-app/vc-app-model";
-import {
-  VcBladeProps,
-  VcBladeSlots,
-} from "../components/organisms/vc-blade/vc-blade-model";
-import {
-  VcDynamicPropertyProps,
-  VcDynamicPropertySlots,
-} from "../components/organisms/vc-dynamic-property/vc-dynamic-property-model";
-import {
-  VcGalleryProps,
-  VcGallerySlots,
-} from "../components/organisms/vc-gallery/vc-gallery-model";
-import {
-  VcLoginFormProps,
-  VcLoginFormSlots,
-} from "../components/organisms/vc-login-form/vc-login-form-model";
-import {
-  VcPopupProps,
-  VcPopupSlots,
-} from "../components/organisms/vc-popup/vc-popup-model";
-import {
-  VcTableProps,
-  VcTableSlots,
-} from "../components/organisms/vc-table/vc-table-model";
-
-declare module "@vue/runtime-core" {
-  interface GlobalComponents {
-    // atoms
-    VcBadge: GlobalComponentConstructor<VcBadgeProps, VcBadgeSlots>;
-    VcButton: GlobalComponentConstructor<VcButtonProps, VcButtonSlots>;
-    VcCard: GlobalComponentConstructor<VcCardProps, VcCardSlots>;
-    VcCheckbox: GlobalComponentConstructor<VcCheckboxProps, VcCheckboxSlots>;
-    VcCol: GlobalComponentConstructor<VcColProps, VcColSlots>;
-    VcContainer: GlobalComponentConstructor<VcContainerProps, VcContainerSlots>;
-    VcHint: GlobalComponentConstructor;
-    VcIcon: GlobalComponentConstructor<VcIconProps, VcIconSlots>;
-    VcImage: GlobalComponentConstructor<VcImageProps, VcImageSlots>;
-    VcInfoRow: GlobalComponentConstructor<VcInfoRowProps, VcInfoRowSlots>;
-    VcLabel: GlobalComponentConstructor<VcLabelProps, VcLabelSlots>;
-    VcLink: GlobalComponentConstructor<VcLinkProps, VcLinkSlots>;
-    VcLoading: GlobalComponentConstructor<VcLoadingProps, VcLoadingSlots>;
-    VcProgress: GlobalComponentConstructor<VcProgressProps, VcProgressSlots>;
-    VcRow: GlobalComponentConstructor<any, VcRowSlots>;
-    VcStatus: GlobalComponentConstructor<VcStatusProps, VcStatusSlots>;
-    VcStatusIcon: GlobalComponentConstructor<
-      VcStatusIconProps,
-      VcStatusIconSlots
-    >;
-    VcSwitch: GlobalComponentConstructor<VcSwitchProps, VcSwitchSlots>;
-    VcWidget: GlobalComponentConstructor<VcWidgetProps, VcWidgetSlots>;
-
-    // molecules
-    VcBreadcrumbs: GlobalComponentConstructor<
-      VcBreadcrumbsProps,
-      VcBreadcrumbsSlots
-    >;
-    VcEditor: GlobalComponentConstructor<VcEditorProps, VcEditorSlots>;
-    VcFileUpload: GlobalComponentConstructor<
-      VcFileUploadProps,
-      VcFileUploadSlots
-    >;
-    VcForm: GlobalComponentConstructor;
-    VcInput: GlobalComponentConstructor<VcInputProps, VcInputSlots>;
-    VcInputCurrency: GlobalComponentConstructor<
-      VcInputCurrencyProps,
-      VcInputCurrencySlots
-    >;
-    VcNotification: GlobalComponentConstructor<
-      VcNotificationProps,
-      VcNotificationSlots
-    >;
-    VcPagination: GlobalComponentConstructor<
-      VcPaginationProps,
-      VcPaginationSlots
-    >;
-    VcRating: GlobalComponentConstructor<VcRatingProps, VcRatingSlots>;
-    VcSelect: GlobalComponentConstructor<VcSelectProps, VcSelectSlots>;
-    VcSlider: GlobalComponentConstructor<VcSliderProps, VcSliderSlots>;
-    VcTextarea: GlobalComponentConstructor<VcTextareaProps, VcTextareaSlots>;
-
-    // organisms
-    VcApp: GlobalComponentConstructor<VcAppProps, VcAppSlots>;
-    VcBlade: GlobalComponentConstructor<VcBladeProps, VcBladeSlots>;
-    VcDynamicProperty: GlobalComponentConstructor<
-      VcDynamicPropertyProps,
-      VcDynamicPropertySlots
-    >;
-    VcGallery: GlobalComponentConstructor<VcGalleryProps, VcGallerySlots>;
-    VcLoginForm: GlobalComponentConstructor<VcLoginFormProps, VcLoginFormSlots>;
-    VcPopup: GlobalComponentConstructor<VcPopupProps, VcPopupSlots>;
-    VcTable: GlobalComponentConstructor<VcTableProps, VcTableSlots>;
-  }
-}
-
-export {};

package/ui/types/ts-helpers.ts

@@ -1,32 +0,0 @@
-/* eslint-disable */
-import {
-  ComponentOptions,
-  ComponentPublicInstance,
-  ComputedOptions,
-  MethodOptions,
-  VNodeProps,
-} from "vue";
-
-export type PublicProps = VNodeProps;
-
-export type ComponentConstructor<
-  Component extends ComponentPublicInstance<
-    Props,
-    RawBindings,
-    D,
-    C,
-    M
-  > = ComponentPublicInstance<any>,
-  Props = any,
-  RawBindings = any,
-  D = any,
-  C extends ComputedOptions = ComputedOptions,
-  M extends MethodOptions = MethodOptions,
-> = { new (): Component } & ComponentOptions<Props, RawBindings, D, C, M>;
-
-export type GlobalComponentConstructor<Props = {}, Slots = {}> = {
-    new (): {
-      $props: PublicProps & Props;
-      $slots: Slots;
-    }
-};