@fewangsit/wangsvue 1.5.178

package/components/buttonradio/ButtonRadio.vue.d.ts

@@ -0,0 +1,219 @@
+import { ComponentHooks } from '../basecomponent';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+
+
+export declare type ButtonRadioPassThroughOptionType =
+  | ButtonRadioPassThroughAttributes
+  | ((
+      options: ButtonRadioPassThroughMethodOptions,
+    ) => ButtonRadioPassThroughAttributes | string)
+  | string
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) option method.
+ */
+export interface ButtonRadioPassThroughMethodOptions {
+  /**
+   * Defines instance.
+   */
+  instance: any;
+  /**
+   * Defines valid properties.
+   */
+  props: ButtonRadioProps;
+  /**
+   * Defines current inline state.
+   */
+  state: ButtonRadioState;
+  /**
+   * Defines current options.
+   */
+  context: ButtonRadioContext;
+  /**
+   * 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 ButtonRadioProps.pt}
+ */
+export interface ButtonRadioPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: ButtonRadioPassThroughOptionType;
+  /**
+   * Used to pass attributes to the input's DOM element.
+   */
+  input?: ButtonRadioPassThroughOptionType;
+  /**
+   * Used to pass attributes to the box's DOM element.
+   */
+  box?: ButtonRadioPassThroughOptionType;
+  /**
+   * Used to pass attributes to the icon's DOM element.
+   */
+  icon?: ButtonRadioPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface ButtonRadioPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines current inline state in ButtonRadio component.
+ */
+export interface ButtonRadioState {
+  [key: string]: any;
+}
+
+/**
+ * Defines valid properties in ButtonRadio component.
+ */
+export interface ButtonRadioProps {
+  /**
+   * The label for the input element
+   */
+  label?: string;
+  /**
+   * Value of the input.
+   */
+  value?: any;
+  /**
+   * Value binding of the input.
+   */
+  modelValue?: any;
+  /**
+   * Name of the input element.
+   */
+  name?: string | undefined;
+  /**
+   * Allows to select a boolean value.
+   * @default false
+   */
+  binary?: boolean;
+  /**
+   * When present, it specifies that the component should have invalid state style.
+   * @defaultValue false
+   */
+  invalid?: boolean | undefined;
+  /**
+   * When present, it specifies that the component should be disabled.
+   * @defaultValue false
+   */
+  disabled?: boolean | undefined;
+  /**
+   * Specifies the input variant of the component.
+   * @defaultValue outlined
+   */
+  variant?: 'outlined' | 'filled' | undefined;
+  /**
+   * When present, it specifies that an input field is read-only.
+   * @default false
+   */
+  readonly?: boolean | undefined;
+  /**
+   * Index of the element in tabbing order.
+   */
+  tabindex?: number | undefined;
+  /**
+   * Identifier of the underlying input element.
+   */
+  inputId?: string | undefined;
+  /**
+   * Inline style of the input field.
+   */
+  inputStyle?: object | undefined;
+  /**
+   * Style class of the input field.
+   */
+  inputClass?: string | object | undefined;
+}
+
+/**
+ * Defines current options in ButtonRadio component.
+ */
+export interface ButtonRadioContext {
+  /**
+   * Current checked state of the item as a boolean.
+   * @defaultValue false
+   */
+  checked: boolean;
+  /**
+   * Current disabled state of the item as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
+}
+
+/**
+ * Defines valid emits in ButtonRadio component.
+ */
+export type ButtonRadioEmits = {
+  /**
+   * Emitted when the value changes.
+   * @param {*} value - New value.
+   */
+  'update:modelValue'(value: any): void;
+  /**
+   * Callback to invoke on radio button value change.
+   * @param {Event} event - Browser event.
+   */
+  change(event: Event): void;
+  /**
+   * Callback to invoke when the component receives focus.
+   * @param {Event} event - Browser event.
+   */
+  focus(event: Event): void;
+  /**
+   * Callback to invoke when the component loses focus.
+   * @param {Event} event - Browser event.
+   */
+  blur(event: Event): void;
+};
+
+/**
+ * **WangsVue - ButtonRadio**
+ *
+ * _ButtonRadio is an extension to standard radio button element with theming._
+ *
+ * [Live Demo](https://fewangsit.github.io/wangsvue/buttonradio)
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ *
+ */
+declare class ButtonRadio extends ClassComponent<
+  ButtonRadioProps,
+  unknown,
+  ButtonRadioEmits
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    ButtonRadio: GlobalComponentConstructor<ButtonRadio>;
+  }
+}
+
+export default ButtonRadio;

package/components/buttonsearch/ButtonSearch.vue.d.ts

@@ -0,0 +1,35 @@
+import { DefineComponent } from 'vue';
+
+
+export type ButtonSearchEmits = {
+  /**
+   * Emits when the Enter key is pressed.
+   */
+  search: [payload?: string];
+  /**
+   * Emits when the search box is hidden by clicking the left arrow button.
+   * The 'search' query parameter should be reset to undefined when this event is emitted.
+   */
+  collapsed: [];
+};
+
+export interface ButtonSearchProps {
+  tableName?: string;
+}
+
+/**
+ * **WangsVue - ButtonSearch**
+ *
+ * _Search button with searchbox for table._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare const ButtonSearch: DefineComponent<
+  ButtonSearchProps,
+  ButtonSearchEmits
+>;
+
+export default ButtonSearch;

package/components/buttontoggle/ButtonToggle.vue.d.ts

@@ -0,0 +1,22 @@
+import { DefineComponent } from 'vue';
+
+
+export interface ButtonToggleProps {
+  modelValue?: boolean;
+  /**
+   * Whether this button toggle is a tristate toggle.
+   * @defaultValue false
+   */
+  triState?: boolean;
+}
+
+export type ButtonToggleEmits = {
+  'update:modelValue': [state: boolean];
+};
+
+declare const ButtonToggle: DefineComponent<
+  ButtonToggleProps,
+  ButtonToggleEmits
+>;
+
+export default ButtonToggle;

package/components/calendar/Calendar.vue.d.ts

@@ -0,0 +1,134 @@
+import { CustomValidation } from '../form/Form.vue.d';
+import { ClassComponent } from '../ts-helpers';
+
+
+/**
+ * Calendar component props
+ */
+export interface CalendarProps {
+  /**
+   * Calendar modelValue is date timestamp: 1706423635731
+   */
+  modelValue?: number | number[];
+  /**
+   * To display the initial date value, used in edit form, taht sometime need to display the already inputed date.
+   */
+  dateValue?: number | number[];
+  /**
+   * Display label on top of Date Input.
+   */
+  label?: string;
+  placeholder?: string;
+  disabled?: boolean;
+  /**
+   * Whether single date or date range model value.
+   *
+   * @default 'single'
+   */
+  mode?: 'range' | 'single';
+  /**
+   * Type of view to display.
+   * @defaultValue date
+   */
+  view?: 'date' | 'month' | 'year' | undefined;
+  /**
+   * Wheter show year picker or not
+   *
+   * @default true
+   */
+  showYear?: boolean;
+  /**
+   * Show button Apply and cancel on footer.
+   *
+   * If shown, the modelValue will be updated on button Apply clicked.
+   *
+   * @default false;
+   */
+  showButtons?: boolean;
+  /**
+   * Enable Validator using vee-validate. Combine with TSForm that handle form validation.
+   */
+  useValidator?: boolean;
+  /**
+   * When used as field in From Validation using TSForm,
+   * specify the unique field name, match with your needs for API request.
+   */
+  fieldName?: string;
+  /**
+   * Whether this field should be filled or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Show the text (opsional)
+   *
+   * @default true if mandatory true
+   */
+  showOptionalText?: boolean;
+  /**
+   * Sets the invalid state.
+   */
+  invalid?: boolean;
+  /**
+   * Set the custom validator message.
+   * By default each field has preserved with its validator message, you don't need to worrying about the message.
+   */
+  validatorMessage?: string;
+  /**
+   * Set custom validation message for certain condition
+   */
+  customValidation?: CustomValidation;
+  /**
+   * Defines the calendar to use hour picker.
+   */
+  showTime?: boolean;
+  /**
+   * Formats the hour picker to 12 hour format.
+   * @default true
+   */
+  useTimeFormat?: boolean;
+  /**
+   * The minimum selectable date.
+   */
+  minDate?: Date | undefined;
+  /**
+   * The maximum selectable date.
+   */
+  maxDate?: Date | undefined;
+  /**
+   * The maximum selectable year.
+   *
+   * The full year: 2020
+   */
+  maxYear?: 'current' | number | undefined;
+  /**
+   * The maximum selectable months.
+   *
+   * Number 0-11
+   */
+  maxMonth?: 'current' | number | undefined;
+}
+
+/**
+ * Calendar component emits
+ */
+export type CalendarEmits = {
+  'update:modelValue': [date?: number | number[]];
+};
+
+/**
+ * **WangsVue - Calendar**
+ *
+ * _Handle input date with form validation._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group form
+ */
+declare class Calendar extends ClassComponent<
+  CalendarProps,
+  unknown,
+  CalendarEmits
+> {}
+
+export default Calendar;

package/components/card/Card.vue.d.ts

@@ -0,0 +1,128 @@
+import { VNode } from 'vue';
+import { ComponentHooks } from '../basecomponent';
+import { PassThroughOptions } from '../passthrough';
+import { ClassComponent, GlobalComponentConstructor, PassThrough } from '../ts-helpers';
+
+
+export declare type CardPassThroughOptionType =
+  | CardPassThroughAttributes
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link CardProps.pt}
+ */
+export interface CardPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the header's DOM element.
+   */
+  header?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the body's DOM element.
+   */
+  body?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the caption's DOM element.
+   */
+  caption?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the title's DOM element.
+   */
+  title?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the subtitle's DOM element.
+   */
+  subtitle?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the content's DOM element.
+   */
+  content?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the footer's DOM element.
+   */
+  footer?: CardPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface CardPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines valid properties in Card component.
+ */
+export interface CardProps {
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {CardPassThroughOptions}
+   */
+  pt?: PassThrough<CardPassThroughOptions>;
+  /**
+   * Used to configure passthrough(pt) options of the component.
+   * @type {PassThroughOptions}
+   */
+  ptOptions?: PassThroughOptions;
+  /**
+   * When enabled, it removes component related styles in the core.
+   * @defaultValue false
+   */
+  unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in Card component.
+ */
+export interface CardSlots {
+  /**
+   * Custom header template.
+   */
+  header(): VNode[];
+  /**
+   * Custom title template.
+   */
+  title(): VNode[];
+  /**
+   * Custom subtitle template.
+   */
+  subtitle(): VNode[];
+  /**
+   * Custom content template.
+   */
+  content(): VNode[];
+  /**
+   * Custom footer template.
+   */
+  footer(): VNode[];
+}
+
+/**
+ * **WangsVue - Card**
+ *
+ * _Card is a flexible container component._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class Card extends ClassComponent<CardProps, CardSlots, unknown> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Card: GlobalComponentConstructor<Card>;
+  }
+}
+
+export default Card;

package/components/changelog/Changelog.vue.d.ts

@@ -0,0 +1,165 @@
+import { MultiSelectOption } from '../.././types/options.type';
+import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
+import { TableColumn } from '../.././components/datatable/DataTable.vue.d';
+import { FilterField } from '../.././components/filtercontainer/FilterContainer.vue.d';
+
+
+export type ChangelogTemplateColumn = { index: number; column: TableColumn };
+export type ChangelogTemplateFilter = { index: number; filter: FilterField };
+
+export type ChangelogDefaultField =
+  | 'createdAt'
+  | 'action'
+  | 'object'
+  | 'objectName'
+  | 'field'
+  | 'oldValue'
+  | 'newValue'
+  | 'modifiedBy';
+
+export type ChangelogType = {
+  _id: string;
+  action: string;
+  field: string;
+  oldValue?: string;
+  newValue?: string;
+  modifiedBy?: string;
+  object: string;
+  objectName: string;
+  createdAt: string;
+  oldValueNum?: number;
+  newValueNum?: number;
+};
+
+export type ChangelogFilter = {
+  objects?: string[];
+  field?: string[];
+  action?: string[];
+  modifiedBy?: number[];
+  createdAt?: number[];
+};
+
+export type ChangelogFilterQuery = {
+  [key: string]: string | undefined;
+};
+
+export type ChangelogOptionQuery = {
+  actionOptions?: boolean;
+  modifiedByOptions?: boolean;
+  objectOptions?: boolean;
+  fieldOptions?: boolean;
+  nameOptions?: boolean;
+  objectNameOptions?: boolean;
+  object?: string;
+  objects?: string;
+};
+
+export type ChangelogOptionFilter = {
+  actionOptions?: MultiSelectOption[];
+  modifiedByOptions?: MultiSelectOption[];
+  objectOptions?: MultiSelectOption[];
+  fieldOptions?: MultiSelectOption[];
+  nameOptions?: MultiSelectOption[];
+  objectNameOptions?: MultiSelectOption[];
+};
+
+/**
+ * Props for Changelog component
+ */
+export interface ChangelogProps {
+  /**
+   * Props to determine whether this component should using button or not
+   * For ChangelogPage
+   * @ignore
+   */
+  useButton?: boolean;
+  /**
+   * To set custom name for specific column in changelog table
+   */
+  objectNameColumn?: string;
+  /**
+   * Title content of the dialog.
+   * @example 'Changelog: Roles > Transfer'
+   */
+  header?: string | undefined;
+  /**
+   * To give additional columns in changelog table
+   */
+  additionalTemplateColumns?: ChangelogTemplateColumn[];
+  /**
+   * To give additional filters in changelog filter
+   */
+  additionalTemplateFilters?: ChangelogTemplateFilter[];
+  /**
+   * Array to determine that these columns will be hidden
+   */
+  removedColumns?: ChangelogDefaultField[];
+  /**
+   * Array to determine that these filter fields will be hidden
+   */
+  removedFilters?: Omit<ChangelogDefaultField, 'oldValue' | 'newValue'>[];
+  /**
+   * Changelog object.
+   * Note: Even if this props is mandatory, if you fill props `objects` then props `object` will not be processed in component.
+   */
+  object: string;
+  /**
+   * Changelog objects.
+   * Note: This props will override props Object
+   */
+  objects?: string[];
+  /**
+   * Changelog object ID.
+   */
+  objectId?: string;
+  /**
+   * Changelog custom params, contains stringified filter query needed.
+   */
+  customParams?: ChangelogFilterQuery;
+  /**
+   * Use this props if changelog need button download
+   * @default false
+   */
+  useButtonDownload?: boolean;
+  /**
+   * File name is a must if there's button download
+   * @default 'Changelog' only
+   */
+  fileName?: string;
+  /**
+   * Now changelog support custom table name from outside
+   */
+  tableName?: string;
+}
+
+/**
+ * Emits for Changelog component
+ */
+export type ChangelogEmits = {
+  hide: [];
+};
+
+/**
+ * **WangsVue - Changelog**
+ *
+ * _Changelog is a component for to show changelog dialog.
+ * You need to install vee-validate while using this component._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group components
+ */
+declare class Changelog extends ClassComponent<
+  ChangelogProps,
+  unknown,
+  ChangelogEmits
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Changelog: GlobalComponentConstructor<Changelog>;
+  }
+}
+
+export default Changelog;

package/components/changelogpage/ChangelogFilter.vue.d.ts

@@ -0,0 +1,16 @@
+import { BaseChangelogPageProps } from './ChangelogPage.vue.d';
+declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<BaseChangelogPageProps & {
+    tableName: string;
+}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<BaseChangelogPageProps & {
+    tableName: string;
+}>>>, {}, {}>;
+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;
+    };
+};