@fewangsit/wangsvue-fats 1.0.0-alpha.3 → 1.0.0-alpha.31

package/components/index.d.ts

@@ -1,63 +0,0 @@
-export * from '.././components';
-export { default as Animation } from './animation/Animation.vue';
-export { default as ApproverInfo } from './approverinfo/ApproverInfo.vue';
-export { default as Badge } from './badge/Badge.vue';
-export { default as BadgeGroup } from './badgegroup/BadgeGroup.vue';
-export { default as BaseTree } from '.././components/basetree/BaseTree.vue';
-export { default as Breadcrumb } from './breadcrumb/Breadcrumb.vue';
-export { default as Button } from './button/Button.vue';
-export { default as ButtonBulkAction } from './buttonbulkaction/ButtonBulkAction.vue';
-export { default as ButtonCopy } from './buttoncopy/ButtonCopy.vue';
-export { default as ButtonDownload } from './buttondownload/ButtonDownload.vue';
-export { default as ButtonFilter } from './buttonfilter/ButtonFilter.vue';
-export { default as ButtonImportExcel } from './buttonImportExcel/ButtonImportExcel.vue';
-export { default as ButtonRadio } from './buttonradio/ButtonRadio.vue';
-export { default as ButtonSearch } from './buttonsearch/ButtonSearch.vue';
-export { default as ButtonSelectTree } from '.././components/buttonselecttree/ButtonSelectTree.vue';
-export { default as ButtonSplit } from './buttonsplit/ButtonSplit.vue';
-export { default as ButtonToggle } from './buttontoggle/ButtonToggle.vue';
-export { default as Calendar } from '.././components/calendar/Calendar.vue';
-export { default as Card } from './card/Card.vue';
-export { default as Checkbox } from './checkbox/Checkbox.vue';
-export { default as CodeSnippet } from './codesnippet/CodeSnippet.vue';
-export { default as DataTable } from './datatable/DataTable.vue';
-export { default as Dialog } from './dialog/Dialog.vue';
-export { default as DialogConfirm } from './dialogconfirm/DialogConfirm.vue';
-export { default as DialogForm } from './dialogform/DialogForm.vue';
-export { default as DialogSelectTree } from '.././components/dialogselecttree/DialogSelectTree.vue';
-export { default as Dropdown } from './dropdown/Dropdown.vue';
-export { default as Editor } from './editor/Editor.vue';
-export { default as FileUpload } from './fileupload/FileUpload.vue';
-export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';
-export { default as Form } from './form/Form.vue';
-export { default as Icon } from './icon/Icon.vue';
-export { default as Image } from './image/Image.vue';
-export { default as ImageCompressor } from './imagecompressor/ImageCompressor.vue';
-export { default as InlineMessage } from '.././components/inlinemessage/InlineMessage.vue';
-export { default as InputBadge } from './inputbadge/InputBadge.vue';
-export { default as InputCurrency } from './inputcurrency/InputCurrency.vue';
-export { default as InputEmail } from './inputemail/InputEmail.vue';
-export { default as InputNumber } from './inputnumber/InputNumber.vue';
-export { default as InputPassword } from './inputpassword/InputPassword.vue';
-export { default as InputPhoneNumber } from './inputphonenumber/InputPhoneNumber.vue';
-export { default as InputRangeNumber } from './inputrangenumber/InputRangeNumber.vue';
-export { default as InputText } from './inputtext/InputText.vue';
-export { default as InputURL } from './inputurl/InputURL.vue';
-export { default as InvisibleField } from './invisiblefield/InvisibleField.vue';
-export { default as LanguageDropdown } from './languagedropdown/LanguageDropdown.vue';
-export { default as LiteDropdown } from './litedropdown/LiteDropdown.vue';
-export { default as Loading } from './loading/Loading.vue';
-export { default as Menu } from './menu/Menu.vue';
-export { default as MultiSelect } from './multiselect/MultiSelect.vue';
-export { default as OverlayPanel } from './overlaypanel/OverlayPanel.vue';
-export { default as ProgressBar } from './progressbar/ProgressBar.vue';
-export { default as QuickFilter } from './quickfilter/QuickFilter.vue';
-export { default as TabMenu } from './tabmenu/TabMenu.vue';
-export { default as Textarea } from './textarea/Textarea.vue';
-export { default as Timeline } from './timeline/Timeline.vue';
-export { default as Toast } from './toast/Toast.vue';
-export { default as ToggleSwitch } from './toggleswitch/ToggleSwitch.vue';
-export { default as TooltipSpan } from './tooltipspan/TooltipSpan.vue';
-export { default as Tree } from '.././components/tree/Tree.vue';
-export { default as UserGroup } from './usergroup/UserGroup.vue';
-export { default as UserName } from './username/UserName.vue';

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/inputbadge/InputBadge.vue.d.ts

@@ -1,122 +0,0 @@
-import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-/**
- * InputBadge component props
- */
-export interface InputBadgeProps {
-  /**
-   * The type of input, whether input text or input email
-   *
-   * @default text
-   */
-  type?: 'text' | 'email';
-  /**
-   * The model value. Used for input without validation.
-   */
-  modelValue?: string[];
-  /**
-   * Sets the initial value of the field.
-   * This will only available with option 'useValidator'.
-   *
-   * In use case like edit form, you need to display the previous inputted value.
-   */
-  initialValue?: string[];
-  /**
-   * Determines if the field uses a validator
-   */
-  useValidator?: boolean;
-  /**
-   * Exisitng values to be checkeed with validation 'exist' - check the validatorMessage props
-   *
-   * - Need to specify the custom validation : { empty: 'Error message when empty' } within props validatorMessage
-   */
-  existingValues?: string[];
-  /**
-   * Determines if the field is mandatory
-   */
-  mandatory?: boolean;
-  /**
-   * Set custom validator message.
-   */
-  validatorMessage?: string | CustomValidation;
-  /**
-   * Whether shows the invalid message or not.
-   * The validator message will be shown if useValidator true and the field label is specified.
-   *
-   * Sets this props to 'false' to force the validator message always hidden.
-   *
-   * @default true
-   */
-  showValidatorMessage?: boolean;
-  /**
-   * Set the invalid state.
-   *
-   * @default - If field is mandatory, the field will be considered invalid if the input is empty.
-   */
-  invalid?: boolean;
-  /**
-   * This prop is required if you use this component in a form input.
-   * Specify the unique field name, match with your needs for API request.
-   *
-   * @default 'inputBadge'
-   */
-  fieldName?: string;
-  /**
-   * The text input placholder.
-   *
-   * @default 'Enter value'
-   */
-  placeholder?: string;
-  /**
-   * Disabled state.
-   */
-  disabled?: boolean;
-  /**
-   * The field input label. Tell the user what input is this.
-   */
-  label?: string;
-  /**
-   * Show information to user about the field.
-   */
-  fieldInfo?: string;
-  /**
-   * If true, deleted badges will be replaced with `null` to preserve their index position.
-   * Otherwise, the badge will be fully removed, shifting subsequent items.
-   */
-  preserveDeletedIndex?: boolean;
-}
-
-/**
- * InputBadge component emits
- */
-export type InputBadgeEmits = {
-  /**
-   * Emits when a new label added.
-   */
-  'update:modelValue': [value: string[] | undefined];
-};
-
-/**
- * **WangsVue - InputBadge**
- *
- * _InputBadge is input text that changes it value into Badge component on Enter key pressed._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group Component
- */
-declare class InputBadge extends ClassComponent<
-  InputBadgeProps,
-  Record<string, unknown>,
-  InputBadgeEmits
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InputBadge: GlobalComponentConstructor<InputBadge>;
-  }
-}
-
-export default InputBadge;

package/components/inputcurrency/InputCurrency.vue.d.ts

@@ -1,170 +0,0 @@
-import { CustomValidation } from '../form/Form.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
-
-export type CurrencyFormat = {
-  name?: string;
-  label: string;
-  currency: string;
-  symbol: string;
-  locale: string;
-};
-
-export interface CurrencyValue {
-  currency: string; // Currency ISO Code
-  value?: number;
-}
-
-/**
- * Configuration interface for locale-specific settings of the InputCurrency component.
- */
-export interface InputCurrencyLocaleConfig {
-  /**
-   * Error message to display when the input is empty.
-   *
-   * @example '{label} must not be empty' - 'Amount must not be empty'
-   */
-  emptyInputErrorMessage?: string;
-}
-
-/**
- * InputCurrency component props
- */
-export interface InputCurrencyProps {
-  /**
-   * Number modelValue of the input.
-   */
-  modelValue?: CurrencyValue;
-
-  /**
-   * Sets the initial value of the field.
-   * This will only available with option 'useValidator'.
-   *
-   * In usecase like edit form, you need to display the previous inputted value.
-   */
-  value?: number;
-
-  /**
-   * The input label. Tell the user what input is this.
-   */
-  label?: string;
-
-  /**
-   * Max input number value.
-   */
-  max?: number;
-
-  /**
-   * Wether the input should be validated with vee-validator or not.
-   * If you use this component within form input, you need to set this props as true.
-   */
-  useValidator?: boolean;
-
-  /**
-   * This prop is required if you use this component in a form input.
-   * Specify the unique field name, match with your needs for API request.
-   *
-   * @default 'numberInput'
-   */
-  fieldName?: string;
-
-  /**
-   * Wether this input field is required or not.
-   */
-  mandatory?: boolean;
-
-  /**
-   * Set custom validator message.
-   * It is rarely use, this component has handled the validator message.
-   *
-   * @example: '{label} is required'
-   * @example: { empty: '{label} field is required' }
-   */
-  validatorMessage?: string | CustomValidation<'empty'>;
-
-  /**
-   * Custom invalid state.
-   */
-  invalid?: boolean;
-
-  /**
-   * Specify the input placeholder.
-   *
-   * @default 'Enter {label}' or 'Enter number'
-   */
-  placeholder?: string;
-
-  /**
-   * Disabled the input.
-   */
-  disabled?: boolean;
-
-  /**
-   * Displays increment/decrement buttons.
-   */
-  showButtons?: boolean;
-
-  /**
-   * The width of input.
-   */
-  size?: 'small' | 'normal' | 'full';
-
-  /**
-   * Defines the behavior of the component.
-   * @defaultValue currency
-   */
-  mode?: 'decimal' | 'currency';
-
-  /**
-   * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
-   * @defaultValue true
-   */
-  useGrouping?: boolean;
-
-  /**
-   * Show information about the field.
-   */
-  fieldInfo?: string;
-  inputnNumberId?: string;
-}
-
-/**
- * InputCurrency component emits
- */
-export type InputCurrencyEmits = {
-  /**
-   * Emits when the input has loosen focus.
-   * The model value is the valid value from given min and max number.
-   *
-   * If the inputted number is above max, return the max. And vice versa.
-   */
-  'update:modelValue': [payload?: CurrencyValue];
-
-  /**
-   * If you need to check validation, you can use this events.
-   */
-  'input': [payload?: number];
-};
-
-/**
- * **WangsVue - InputCurrency**
- *
- * _Handle input Currency with form validation._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group form
- */
-declare class InputCurrency extends ClassComponent<
-  InputCurrencyProps,
-  unknown,
-  InputCurrencyEmits
-> {}
-
-declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    InputCurrency: GlobalComponentConstructor<InputCurrency>;
-  }
-}
-
-export default InputCurrency;

package/components/inputcurrency/helpers/currency.helper.d.ts

@@ -1,4 +0,0 @@
-import { CurrencyFormat } from '../InputCurrency.vue.d';
-declare const getCurrency: (code?: string) => CurrencyFormat;
-declare const formatCurrency: (value?: number | string | null, currency?: string, prefix?: boolean) => string;
-export { getCurrency, formatCurrency };

package/components/inputemail/InputEmail.vue.d.ts

@@ -1,25 +0,0 @@
-import { DefineComponent } from 'vue';
-import { InputTextEmits, InputTextProps } from '../inputtext/InputText.vue.d';
-
-/**
- * InputEmail component props
- */
-export type InputEmailProps = Omit<InputTextProps, 'type'>;
-
-/**
- * InputEmail component emits
- */
-export type InputEmailEmits = InputTextEmits;
-/**
- * **WangsVue - InputEmail**
- *
- * _Handle input email with form validation._
- *
- * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
- *
- * @group form
- */
-declare const InputEmail: DefineComponent<InputEmailProps, InputEmailEmits>;
-
-export default InputEmail;

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;