@fewangsit/wangsvue 1.5.178

package/components/inputtext/InputText.vue.d.ts

@@ -0,0 +1,226 @@
+import { InputHTMLAttributes, Slot } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { ClassComponent, Nullable } from '../ts-helpers';
+import { CustomValidation } from '../form/Form.vue.d';
+
+export declare type InputTextPassThroughOptionType<T = any> =
+  | InputTextPassThroughAttributes
+  | ((
+      options: InputTextPassThroughMethodOptions<T>,
+    ) => InputTextPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface InputTextPassThroughMethodOptions<T = any> {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: InputTextProps;
+  /**
+   * Defines current options.
+   */
+  context: InputTextContext;
+  /**
+   * Defines parent instance.
+   */
+  parent: T;
+  /**
+   * Defines passthrough(pt) options in global config.
+   */
+  global: object | undefined;
+}
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link InputTextProps.pt}
+ */
+export interface InputTextPassThroughOptions<T = any> {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: InputTextPassThroughOptionType<T>;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface InputTextPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current options in InputText component.
+ */
+export interface InputTextContext {
+  /**
+   * Current filled state of the component as a boolean.
+   * @defaultValue false
+   */
+  filled: boolean;
+  /**
+   * Current disabled state of the component as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
+}
+
+/**
+ * Defines valid properties in InputText component.
+ */
+export interface InputTextProps extends /* @vue-ignore */ InputHTMLAttributes {
+  /**
+   * String modelValue of the input.
+   */
+  modelValue?: Nullable<string>;
+  /**
+   * 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?: string;
+  /**
+   * 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[];
+  /**
+   * The maximun character length allowed.
+   *
+   * @default 30 - for inputText;
+   * @default unlimited - for textarea;
+   */
+  maxLength?: number;
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+  /**
+   * 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 'textInput'
+   */
+  fieldName?: string;
+  /**
+   * Wether this input field is required or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Invalid input state.
+   */
+  invalid?: boolean;
+  /**
+   * Set manual invalid input container state.
+   */
+  manualInvalidContainer?: boolean;
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true"
+   */
+  validatorMessage?: string | CustomValidation;
+  /**
+   * Classes for validator message in input field.
+   */
+  validatorMessageClass?: string;
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter {type}'
+   */
+  placeholder?: string;
+  /**
+   * Specify the validation type. Wether 'email' or 'text' validation.
+   */
+  type?: 'email' | 'text' | 'url' | 'initialname' | 'repositoryname';
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+  /**
+   * Specify classes for input.
+   */
+  inputClass?: string;
+  /**
+   * Specify classes for input container.
+   */
+  inputContainerClass?: string;
+  /**
+   * Specify classes for label.
+   */
+  labelClass?: string;
+  /**
+   * Auto blur while input value has reached the max length.
+   */
+  blurOnReachMaxLength?: boolean;
+  /**
+   * Validate the input on blur event.
+   *
+   * @default false - on input event
+   */
+  validateOnBlur?: boolean;
+  /**
+   * For Input URL, whether validate the protocol http/https
+   *
+   * @default true
+   */
+  useProtocol?: boolean;
+}
+
+/**
+ * Defines valid emits in InputText component.
+ */
+export type InputTextEmits = {
+  /**
+   * Emitted when the value changes.
+   * @param {string} value - New value.
+   */
+  'update:modelValue': [value: string | undefined];
+  'blur': [payload?: Nullable<string>];
+  'input': [payload?: Nullable<string>];
+};
+
+export type InputTextSlots = {
+  'addon-left': Slot;
+  'addon-right': Slot;
+};
+
+/**
+ * **WangsVue - InputText**
+ *
+ * _InputText renders a text field to enter data._
+ *
+ * --- ---
+ *
+ * @group Component
+ */
+declare class InputText extends ClassComponent<
+  InputTextProps,
+  InputTextSlots,
+  InputTextEmits
+> {}
+
+export default InputText;

package/components/inputurl/InputURL.vue.d.ts

@@ -0,0 +1,99 @@
+import { Slot } from 'vue';
+import { ClassComponent, Nullable } from '../ts-helpers';
+import { CustomValidation } from '../form/Form.vue.d';
+
+
+/**
+ * InputURL component props
+ */
+export interface InputURLProps {
+  /**
+   * Model value for the input field
+   */
+  modelValue?: string;
+
+  /**
+   * Label for the input field
+   */
+  label?: string;
+
+  /**
+   * Field name for the input field
+   */
+  fieldName?: string;
+
+  /**
+   * Determines if the field is mandatory
+   */
+  mandatory?: boolean;
+
+  /**
+   * Determines if the field uses a validator
+   */
+  useValidator?: boolean;
+
+  /**
+   * Validator message for the input field
+   */
+  validatorMessage?: string | CustomValidation;
+
+  /**
+   * Custom invalid state.
+   */
+  invalid?: boolean;
+
+  /**
+   * Placeholder for the input field
+   */
+  placeholder?: string;
+
+  /**
+   * Determines if the input field is disabled
+   */
+  disabled?: boolean;
+
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+
+  /**
+   * Whether validate the protocol http/https
+   *
+   * @default true
+   */
+  useProtocol?: boolean;
+}
+
+/**
+ * InputURL component emits
+ */
+export type InputURLEmits = {
+  /**
+   * Event emitted when the model value is updated
+   */
+  'update:modelValue': [payload?: Nullable<string>];
+};
+
+export type InputURLSlots = {
+  'addon-left': Slot;
+  'addon-right': Slot;
+};
+
+/**
+ * **WangsVue - InputURL**
+ *
+ * _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 class InputURL extends ClassComponent<
+  InputURLProps,
+  InputURLSlots,
+  InputURLEmits
+> {}
+
+export default InputURL;

package/components/invisiblefield/InvisibleField.vue.d.ts

@@ -0,0 +1,36 @@
+import { Nullable } from '../ts-helpers';
+type FieldValue = Nullable<string> | Nullable<number> | string | string[] | number | number[] | boolean | undefined | null | object;
+declare const _default: import('vue').DefineComponent<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    value?: FieldValue;
+    fieldName?: string;
+}>, {
+    value: any;
+    fieldName: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<{
+    value?: FieldValue;
+    fieldName?: string;
+}>, {
+    value: any;
+    fieldName: string;
+}>>>, {
+    value: FieldValue;
+    fieldName: string;
+}, {}>;
+export default _default;
+type __VLS_WithDefaults<P, D> = {
+    [K in keyof Pick<P, keyof P>]: K extends keyof D ? __VLS_Prettify<P[K] & {
+        default: D[K];
+    }> : P[K];
+};
+type __VLS_Prettify<T> = {
+    [K in keyof T]: T[K];
+} & {};
+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/litedropdown/LiteDropdown.vue.d.ts

@@ -0,0 +1,97 @@
+import { DropdownOption, OptionValue } from '../../types/options.type';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { DropdownChangeEvent } from 'primevue/dropdown';
+
+
+/**
+ * Lite dropdown component props
+ */
+export interface LiteDropdownProps {
+  modelValue: OptionValue | undefined;
+  options: DropdownOption[] | undefined;
+  /**
+   * Specify the property name of option to be used as label.
+   *
+   * @default undefined - the label will be sets to the option itself.
+   */
+  optionLabel: string;
+  /**
+   * Specify the property name of option to be used as value.
+   *
+   * @default undefined - the value will be sets to the option itself.
+   */
+  optionValue: string;
+  /**
+   * Determines if the field is mandatory
+   */
+  mandatory?: boolean;
+  /**
+   * Default text to display when no option is selected.
+   *
+   * @default `Pilih data`
+   */
+  placeholder?: string;
+  /**
+   * Whether the dropdown is in loading state.
+   * @defaultValue false
+   */
+  loading?: boolean;
+  /**
+   * Set disabled state for input dropdown.
+   */
+  disabled?: boolean;
+  /**
+   * Wether show the Dropdown option search or not.
+   *
+   * @default true,
+   */
+  filter?: boolean;
+  /**
+   * The filter input Placeholder
+   *
+   * @default 'Cari'
+   */
+  filterPlaceholder?: string;
+}
+
+/**
+ * Lite dropdown component emits
+ */
+export type LiteDropdownEmits = {
+  /**
+   * Emits when an option selected.
+   */
+  'update:modelValue': [value: OptionValue | undefined];
+  /**
+   * Emits when overlay shown.
+   */
+  'show': [];
+  /**
+   * Emits when there is a change on the dropdown value.
+   */
+  'change': [value: DropdownChangeEvent];
+};
+
+/**
+ * **WangsVue - LiteDropwdown**
+ *
+ * _LiteDropdown, a lite version of the Dropdown component._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class LiteDropdown extends ClassComponent<
+  LiteDropdownProps,
+  unknown,
+  LiteDropdownEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Dropdown: GlobalComponentConstructor<LiteDropdown>;
+  }
+}
+
+export default LiteDropdown;

package/components/loading/Loading.vue.d.ts

@@ -0,0 +1,34 @@
+import { DefineComponent } from 'vue';
+
+
+/**
+ * **TSVue - Loading**
+ *
+ * _Tag Samurai Loading Overlay Animation._
+ *
+ * #### Example
+ *
+ * Script:
+ * ```ts
+ * import { Loading, useLoadingStore } from 'wangsvue';
+ *
+ * const { setLoading } = useLoadingStore();
+ *
+ * onMounted(() => {
+ *    setLoading(true);
+ * });
+ * ```
+ * ---
+ * Template:
+ * ```html
+ * <Loading />
+ * ```
+ *
+ * --- ---
+ * ![TSVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare const Loading: DefineComponent;
+
+export default Loading;

package/components/loading/store/loading.store.d.ts

@@ -0,0 +1,8 @@
+import { Ref } from 'vue';
+export interface LoadingStore {
+    loading: Ref<boolean>;
+    message: Ref<string | undefined>;
+    setLoading: (state: boolean, message?: string) => void;
+}
+declare const useLoadingStore: () => LoadingStore;
+export default useLoadingStore;