@fewangsit/wangsvue-fats 1.0.0-alpha.21 → 1.0.0-alpha.23

package/components/inlinemessage/InlineMessage.vue.d.ts

@@ -1,167 +0,0 @@
-/**
- *
- * InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message.
- *
- * @module inlinemessage
- *
- */
-import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-export declare type InlineMessagePassThroughOptionType =
-  | InlineMessagePassThroughAttributes
-  | ((
-      options: InlineMessagePassThroughMethodOptions,
-    ) => InlineMessagePassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
-
-/**
- * Custom passthrough(pt) option method.
- */
-export interface InlineMessagePassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid properties.
-   */
-  props: InlineMessageProps;
-  /**
-   * Defines current inline state.
-   */
-  state: InlineMessageState;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
-}
-
-/**
- * Custom passthrough(pt) options.
- * @see {@link InlineMessageProps.pt}
- */
-export interface InlineMessagePassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: InlineMessagePassThroughOptionType;
-  /**
-   * Used to pass attributes to the icon's DOM element.
-   */
-  icon?: InlineMessagePassThroughOptionType;
-  /**
-   * Used to pass attributes to the text's DOM element.
-   */
-  text?: InlineMessagePassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-}
-
-/**
- * Custom passthrough attributes for each DOM elements
- */
-export interface InlineMessagePassThroughAttributes {
-  [key: string]: any;
-}
-
-/**
- * Defines current inline state in InlineMessage component.
- */
-export interface InlineMessageState {
-  /**
-   * Current visible state as a boolean.
-   * @defaultValue false
-   */
-  visible: boolean;
-}
-
-/**
- * Defines valid emits in InlineMessage component.
- */
-export type InlineMessageEmits = {
-  /**
-   * Emits when close button is clicked.
-   */
-  close: [];
-};
-
-/**
- * Defines valid properties in InlineMessage component.
- */
-export interface InlineMessageProps {
-  /**
-   * Severity level of the message.
-   * @default 'secondary'
-   */
-  severity?: 'success' | 'danger' | 'secondary' | undefined;
-  /**
-   * The title.
-   */
-  title?: string | undefined;
-  /**
-   * The message.
-   */
-  message?: string | undefined;
-  /**
-   * The list of item to be displayed after message.
-   */
-  lists?: string[] | undefined;
-  /**
-   * Wether show the Message Icon.
-   *
-   * @default true
-   */
-  showIcon?: boolean;
-  /**
-   * Wether the message is removable by close button.
-   *
-   * @default true
-   */
-  removable?: boolean;
-  /**
-   * The message section additional class.
-   */
-  messageWrapperClass?: string | string[];
-  /**
-   * Whether to show the loading state of the component.
-   *
-   * @default false
-   */
-  loading?: boolean;
-}
-
-/**
- * **Wangsvue - InlineMessage**
- *
- * _InlineMessage component is useful in cases where a single message needs to be displayed related to an element such as forms. It has one property, severity of the message._
- *
- * @group Component
- *
- */
-declare class InlineMessage extends ClassComponent<
-  InlineMessageProps,
-  unknown,
-  InlineMessageEmits
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InlineMessage: GlobalComponentConstructor<InlineMessage>;
-  }
-}
-
-export default InlineMessage;

package/components/inputgroup/InputGroup.vue.d.ts

@@ -1,141 +0,0 @@
-/**
- *
- * InputGroup displays text, icon, buttons and other content can be grouped next to an input.
- *
- * @module inputgroup
- *
- */
-import { VNode } from 'vue';
-import { ComponentHooks } from '../basecomponent';
-import { PassThroughOptions } from '../passthrough';
-import {
-  ClassComponent,
-  GlobalComponentConstructor,
-  PassThrough,
-} from '../ts-helpers';
-
-export declare type InputGroupPassThroughOptionType =
-  | InputGroupPassThroughAttributes
-  | ((
-      options: InputGroupPassThroughMethodOptions,
-    ) => InputGroupPassThroughAttributes | string)
-  | string
-  | null
-  | undefined;
-
-/**
- * Custom passthrough(pt) option method.
- */
-export interface InputGroupPassThroughMethodOptions {
-  /**
-   * Defines instance.
-   */
-  instance: any;
-  /**
-   * Defines valid attributes.
-   */
-  attrs: any;
-  /**
-   * Defines parent options.
-   */
-  parent: any;
-  /**
-   * Defines passthrough(pt) options in global config.
-   */
-  global: object | undefined;
-}
-
-/**
- * Custom passthrough(pt) options.
- * @see {@link InputGroupProps.pt}
- */
-export interface InputGroupPassThroughOptions {
-  /**
-   * Used to pass attributes to the root's DOM element.
-   */
-  root?: InputGroupPassThroughOptionType;
-  /**
-   * Used to manage all lifecycle hooks.
-   * @see {@link BaseComponent.ComponentHooks}
-   */
-  hooks?: ComponentHooks;
-}
-
-/**
- * Custom passthrough attributes for each DOM elements
- */
-export interface InputGroupPassThroughAttributes {
-  [key: string]: any;
-}
-
-/**
- * Defines valid properties in InputGroup component.
- */
-export interface InputGroupProps {
-  /**
-   * Used to pass attributes to DOM elements inside the component.
-   * @type {InputGroupPassThroughOptions}
-   */
-  pt?: PassThrough<InputGroupPassThroughOptions>;
-  /**
-   * Used to configure passthrough(pt) options of the component.
-   * @type {PassThroughOptions}
-   */
-  ptOptions?: PassThroughOptions;
-  /**
-   * @default default
-   */
-  ring?: 'none' | 'default';
-  /**
-   * When enabled, it removes component related styles in the core.
-   * @defaultValue false
-   */
-  unstyled?: boolean;
-  /**
-   * @defaultValue false
-   */
-  invalid?: boolean;
-  /**
-   * @defaultValue false
-   */
-  disabled?: boolean;
-}
-
-/**
- * Defines valid slots in InputGroup component.
- */
-export interface InputGroupSlots {
-  /**
-   * Custom default template.
-   */
-  default(): VNode[];
-  /**
-   * Dynamic content template.
-   * @todo
-   */
-  [key: string]: (node: any) => VNode[];
-}
-
-/**
- * **WangsVue - InputGroup**
- *
- * _InputGroup displays text, icon, buttons and other content can be grouped next to an input._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class InputGroup extends ClassComponent<
-  InputGroupProps,
-  InputGroupSlots,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InputGroup: GlobalComponentConstructor<InputGroup>;
-  }
-}
-
-export default InputGroup;

package/components/languagedropdown/LanguageDropdown.vue.d.ts

@@ -1,47 +0,0 @@
-import { DropdownEmits, DropdownProps } from '../dropdown/Dropdown.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-export interface LanguageOption {
-  /**
-   * ISO 639-1 language code (e.g., "en" for English, "fr" for French).
-   */
-  isoCode?: string;
-
-  /**
-   * The name of the language in English (e.g., "English", "Français").
-   */
-  name: string;
-
-  /**
-   * The URL of the country's flag image.
-   * Flags are sourced from https://flagcdn.com and are typically in SVG format for high-quality resolution.
-   */
-  flag?: string;
-}
-
-export type LanguageDropdownProps = DropdownProps & {};
-export type LanguageDropdownEmits = DropdownEmits & {};
-
-/**
- * **WangsVue - Dropdown**
- *
- * _Dropdown also known as Select, is used to choose an item from a collection of options._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class LanguageDropdown extends ClassComponent<
-  LanguageDropdownProps,
-  unknown,
-  LanguageDropdownEmits
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    LanguageDropdown: GlobalComponentConstructor<LanguageDropdown>;
-  }
-}
-
-export default LanguageDropdown;

package/components/languagedropdown/LanguageDropdownOption.vue.d.ts

@@ -1,18 +0,0 @@
-import { LanguageOption } from './LanguageDropdown.vue.d';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    option: LanguageOption;
-    iconOnly?: boolean;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    option: LanguageOption;
-    iconOnly?: boolean;
-}>>>, {}, {}>;
-export default _default;
-type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
-type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
-};

package/components/languageswitcher/LanguageSwitcher.vue.d.ts

@@ -1,15 +0,0 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-declare class LanguageSwitcher extends ClassComponent<
-  unknown,
-  unknown,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    LanguageSwitcher: GlobalComponentConstructor<LanguageSwitcher>;
-  }
-}
-
-export default LanguageSwitcher;

package/components/progressbar/ProgressBar.vue.d.ts

@@ -1,72 +0,0 @@
-import { Slot } from 'vue';
-import { ClassComponent } from '../ts-helpers';
-import { GlobalComponentConstructor } from '../ts-helpers.d';
-
-/**
- * Defines valid properties in ProgressBar component.
- */
-export interface ProgressBarProps {
-  /**
-   * Current value of the progress.
-   */
-  value?: number | undefined;
-  /**
-   * Set the position of progress value label position
-   * Only available on mode Determinate
-   *
-   * @default 'right-side'
-   */
-  valuePosition?: 'inside' | 'left-side' | 'right-side';
-  /**
-   * The progress bar severity color
-   *
-   * @defaultValue 'primary'
-   */
-  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
-  /**
-   * Defines the mode of the progress
-   * @defaultValue determinate
-   */
-  mode?: 'determinate' | 'indeterminate' | undefined;
-  /**
-   * Whether to display the progress bar value.
-   * @defaultValue true
-   */
-  showValue?: boolean | undefined;
-}
-
-/**
- * Defines valid slots in ProgressBar component.
- */
-export interface ProgressBarSlots {
-  /**
-   * Slot for customizing the value label.
-   */
-  label: Slot<{ value: number | undefined }>;
-}
-
-/**
- * **WangsVue - ProgressBar**
- *
- * ProgressBar is a process status indicator._
- *
- * [Live Demo](https://fewangsit.github.io/wangsvue/progressbar)
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class ProgressBar extends ClassComponent<
-  ProgressBarProps,
-  ProgressBarSlots,
-  null
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    ProgressBar: GlobalComponentConstructor<ProgressBar>;
-  }
-}
-
-export default ProgressBar;

package/components/quickfilter/QuickFilter.vue.d.ts

@@ -1,25 +0,0 @@
-import { DefineComponent } from 'vue';
-import { FilterField } from '../filtercontainer/FilterContainer.vue.d';
-import { QueryParams } from '../datatable/DataTable.vue.d';
-
-export interface QuickFilterProps {
-  fields: FilterField[];
-  tableName?: string;
-}
-
-export type QuickFilterEmits = {
-  apply: [filter: QueryParams];
-};
-
-/**
- * **WangsVue - QuickFilter**
- *
- * @group components
- */
-declare const QuickFilter: DefineComponent<
-  QuickFilterProps,
-  QuickFilterEmits,
-  unknown
->;
-
-export default QuickFilter;

package/components/tagtype/TagType.vue.d.ts

@@ -1,21 +0,0 @@
-import { ClassComponent } from 'primevue/ts-helpers';
-
-export type AssetTagType =
-  | 'QR'
-  | 'RFID'
-  | 'NFC'
-  | 'RFID & NFC'
-  | 'RFID & QR'
-  | 'NFC & QR'
-  | 'RFID & NFC & QR'
-  | 'Non TAG';
-
-export interface TagTypeProps {
-  type: AssetTagType;
-}
-
-export default class TagType extends ClassComponent<
-  TagTypeProps,
-  unknown,
-  unknown
-> {}

package/components/tooltipspan/TooltipSpan.vue.d.ts

@@ -1,20 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export type TooltipSpanProps = {
-  /**
-   * The full text to be displayed on the tooltip.
-   * The tooltip will only be shown if the text is truncated.
-   * @default ''
-   */
-  fullText?: string;
-  /**
-   * The maximum length of the text displayed on the span. If the text is longer
-   * than this value, it will be truncated and an ellipsis (...) will be added.
-   * @default 36
-   */
-  length?: number;
-};
-
-declare const TooltipSpan: DefineComponent<TooltipSpanProps>;
-
-export default TooltipSpan;

package/components/treesearchinput/TreeSearchInput.vue.d.ts

@@ -1,16 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export type TreeSearchInputProps = {
-  modelValue?: string;
-};
-
-export type TreeSearchInputEmits = {
-  'update:modelValue': [payload: string];
-};
-
-declare const TreeSearchInput: DefineComponent<
-  TreeSearchInputProps,
-  TreeSearchInputEmits
->;
-
-export default TreeSearchInput;

package/components/usergroup/UserGroup.vue.d.ts

@@ -1,57 +0,0 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-/**
- * Defines valid properties in UserGroup component.
- */
-export interface UserGroupProps {
-  /**
-   * The user objects array
-   */
-  users: Record<string, any>[];
-  /**
-   * The limit of how many users to display
-   */
-  limit?: number;
-  /**
-   * Specify the field of user to be used as display name
-   *
-   * @example 'name.fullName'
-   *
-   * @default 'nickName'
-   */
-  userNameField?: string;
-  /**
-   * Specify the field of user to be used as display picture
-   *
-   * @example 'image.profile'
-   *
-   * @default 'profilePicture'
-   */
-  profilePictureField?: string;
-  withDialogDetail?: boolean;
-  dialogHeaderLabel?: string;
-}
-
-/**
- * **WangsVue - UserGroup**
- *
- * _Displays an user and profile image._
- *
- * --- ---
- *
- * @group Component
- *
- */
-declare class UserGroup extends ClassComponent<
-  UserGroupProps,
-  unknown,
-  unknown
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    UserGroup: GlobalComponentConstructor<UserGroup>;
-  }
-}
-
-export default UserGroup;

package/components/validatormessage/ValidatorMessage.vue.d.ts

@@ -1,12 +0,0 @@
-import { DefineComponent } from 'vue';
-
-export interface ValidatorMessageProps {
-  /**
-   * Shows validator message if message exist.
-   */
-  message?: string;
-}
-
-declare const ValidatorMessage: DefineComponent<ValidatorMessageProps>;
-
-export default ValidatorMessage;

package/types/options.type.d.ts

@@ -1,16 +0,0 @@
-import { WangsIcons } from '../components/icon/Icon.vue.d';
-export type OptionValue = string | number | boolean | Record<string, any>;
-export type DropdownOption = {
-    label?: string;
-    value?: OptionValue;
-    visible?: boolean;
-    icon?: WangsIcons;
-    [key: string]: any;
-};
-export type MultiSelectOption = {
-    label?: string;
-    value?: OptionValue;
-    visible?: boolean;
-    icon?: WangsIcons;
-    [key: string]: any;
-};