@fewangsit/wangsvue 1.5.178

package/build-entry.d.ts

@@ -0,0 +1,12 @@
+export { getImageURL } from 'wangsit-api-services';
+export { default as eventBus } from './event-bus';
+export { default as WangsVue } from 'primevue/config';
+export { default as ToastService } from 'primevue/toastservice';
+export * from './utils';
+export { formatCurrency } from './components/inputcurrency/helpers/currency.helper';
+export { default as useLoadingStore } from './components/loading/store/loading.store';
+export { default as Tooltip } from 'primevue/tooltip';
+export { Focus } from './directives';
+export { useForm, useField } from './plugins/formValidation';
+export type { FormContext } from './plugins/formValidation';
+export * from './components';

package/components/animation/Animation.vue.d.ts

@@ -0,0 +1,21 @@
+import { ClassComponent } from '../ts-helpers.d';
+
+
+export interface AnimationProps {
+  animation: 'no-data' | 'loading-plane' | 'loading-table';
+}
+
+/**
+ * **WangsVue - Animation**
+ *
+ * _Animation is a lottie animation wrapper._
+ *
+ * @group Component
+ */
+declare class Animation extends ClassComponent<
+  AnimationProps,
+  unknown,
+  unknown
+> {}
+
+export default Animation;

package/components/approverinfo/ApproverInfo.vue.d.ts

@@ -0,0 +1,52 @@
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
+
+export interface ApproverDetail {
+  _id?: string;
+  level: number;
+  type: 'and' | 'or';
+  status: 'disetujui' | 'ditolak' | 'menunggu approval';
+  approvers: {
+    _id: string;
+    fullName: string;
+    actionAt?: string;
+    action?: 'menyetujui' | 'menolak' | null;
+  }[];
+}
+
+export interface ApproverInfoProps {
+  approvals?: ApproverDetail[];
+  /**
+   * To determine whether this component show short information about approval or not
+   * @default true
+   */
+  showShortInfo?: boolean;
+  /**
+   * To set label text when showShortInfo is false
+   */
+  label?: string;
+  /**
+   * To set the button label that opens the approval dialog
+   * @default 'more'
+   */
+  btnLabel?: string;
+  /**
+   * To format date in list approver
+   * @default true
+   */
+  useFormatDate?: boolean;
+}
+
+declare class ApproverInfo extends ClassComponent<
+  ApproverInfoProps,
+  unknown,
+  unknown
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    ApproverInfo: GlobalComponentConstructor<ApproverInfo>;
+  }
+}
+
+export default ApproverInfo;

package/components/badge/Badge.vue.d.ts

@@ -0,0 +1,57 @@
+import { ClassComponent } from '../.././components/ts-helpers';
+
+
+/**
+ * Props for Badge component
+ */
+export interface BadgeProps {
+  /**
+   * The text to be displayed.
+   */
+  label: string;
+  /**
+   * Whether the badge text is editable.
+   */
+  editable?: boolean;
+  /**
+   * Sets the severity level for styling purposes.
+   */
+  severity?: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  /**
+   * Specifies the format for text truncation rules based on the usage context.
+   */
+  format?: 'username' | 'nowrap';
+  /**
+   * Whether to show the remove icon or not. Clicking the remove icon will emit 'remove' event.
+   */
+  removable?: boolean;
+  /**
+   * Whether to set badge become disabled.
+   */
+  disabled?: boolean;
+}
+
+/**
+ * Emits for Badge component
+ */
+export type BadgeEmits = {
+  'remove': [];
+  /**
+   * Emits when the text is edited.
+   * Only available when props.editable=true
+   */
+  'update:label': [label: string | null];
+};
+
+/**
+ * **WangsVue - Badge**
+ *
+ * _Badge is a component for displaying a text with optional remove functionality._
+ *
+ * @group components
+ */
+export default class Badge extends ClassComponent<
+  BadgeProps,
+  unknown,
+  BadgeEmits
+> {}

package/components/badgegroup/BadgeGroup.vue.d.ts

@@ -0,0 +1,33 @@
+import { BadgeProps } from '../badge/Badge.vue.d';
+import { ClassComponent } from '../ts-helpers.d';
+
+
+export interface BadgeGroupProps
+  extends Omit<BadgeProps, 'label' | 'disabled' | 'removable'> {
+  labels: string[];
+  /**
+   * The text shown on the more button
+   *
+   * @default 'more'
+   */
+  textMore?: string;
+  /**
+   * Maximum number of label to be shown.
+   */
+  limit?: number;
+  /**
+   * The dialog header shown on more button clicked
+   */
+  headerLabel?: string;
+  /**
+   * Specify if the badge should be emptyable
+   * @default false
+   */
+  emptyable?: boolean;
+}
+
+export default class Badge extends ClassComponent<
+  BadgeGroupProps,
+  unknown,
+  unknown
+> {}

package/components/breadcrumb/Breadcrumb.vue.d.ts

@@ -0,0 +1,27 @@
+import { DefineComponent } from 'vue';
+
+
+export type BreadcrumbMenu = {
+  name: string;
+  route?: string;
+  title?: string;
+};
+
+export interface BreadcrumbProps {
+  /**
+   * The list of breadcrumb menu to display.
+   */
+  menus: BreadcrumbMenu[];
+}
+
+/**
+ * **WangsVue - Breadcrumb**
+ *
+ * _Breadcrumb is a component for displaying a breadcrumb trail to help users navigate a website or application.
+ * It takes an array of menu items as a prop and displays each item as a link or label, with a separator between them._
+ *
+ * @group components
+ */
+declare const Breadcrumb: DefineComponent<BreadcrumbProps>;
+
+export default Breadcrumb;

package/components/button/Button.vue.d.ts

@@ -0,0 +1,186 @@
+import { ButtonHTMLAttributes, VNode } from 'vue';
+import { WangsIcons } from '../icon/Icon.vue.d';
+import { TooltipOptions } from 'primevue/tooltip';
+import { GlobalComponentConstructor } from '../ts-helpers.d';
+import { ClassComponent, HintedString } from '../ts-helpers';
+
+
+/**
+ * Defines valid properties in Button component.
+ */
+export interface ButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {
+  /**
+   * Inline style of the button.
+   */
+  style?: any;
+  /**
+   * Style class of the button.
+   */
+  class?: any;
+  /**
+   * Text of the button.
+   */
+  label?: string | undefined;
+  /**
+   * Name of the icon.
+   */
+  icon?: WangsIcons | undefined;
+  /**
+   * Position of the icon.
+   * @defaultValue left
+   */
+  iconPos?: 'left' | 'right' | 'top' | 'bottom' | undefined;
+  /**
+   * Style class of the icon.
+   */
+  iconClass?: string | undefined;
+  /**
+   * Tooltip/information to show on button hover.
+   */
+  tooltip?: string | TooltipOptions;
+  /**
+   * Set the position of tooltip.
+   * @default bottom
+   */
+  tooltipPos?: 'top' | 'right' | 'bottom' | 'left';
+  /**
+   * Value of the badge.
+   */
+  badge?: string | undefined;
+  /**
+   * Style class of the badge.
+   */
+  badgeClass?: string | undefined;
+  /**
+   * Severity type of the badge.
+   */
+  badgeSeverity?:
+    | HintedString<
+        'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+      >
+    | null
+    | undefined;
+  /**
+   * Whether the button is in loading state.
+   * @defaultValue false
+   */
+  loading?: boolean | undefined;
+  /**
+   * Icon to display in loading state.
+   */
+  loadingIcon?: string | undefined;
+  /**
+   *  Add a link style to the button.
+   * @defaultValue false
+   */
+  link?: boolean | undefined;
+  /**
+   * Defines the style of the button.
+   */
+  severity?:
+    | HintedString<
+        | 'secondary'
+        | 'success'
+        | 'info'
+        | 'warning'
+        | 'help'
+        | 'danger'
+        | 'contrast'
+      >
+    | undefined;
+  /**
+   * Add a shadow to indicate elevation.
+   * @defaultValue false
+   */
+  raised?: boolean | undefined;
+  /**
+   * Add a circular border radius to the button.
+   * @defaultValue false
+   */
+  rounded?: boolean | undefined;
+  /**
+   * Add a textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  text?: boolean | undefined;
+  /**
+   * Add a border class without a background initially.
+   * @defaultValue false
+   */
+  outlined?: boolean | undefined;
+  /**
+   * Defines the size of the button.
+   */
+  size?: 'small' | 'large' | undefined;
+  /**
+   * Add a plain textual class to the button without a background initially.
+   * @defaultValue false
+   */
+  plain?: boolean | undefined;
+}
+
+/**
+ * Defines current options in Button component.
+ */
+export interface ButtonContext {
+  /**
+   * Current disabled state of the element as a boolean.
+   * @defaultValue false
+   */
+  disabled: boolean;
+}
+
+/**
+ * Defines valid slots in Button component.
+ */
+export interface ButtonSlots {
+  /**
+   * Custom content such as icons, images and text can be placed inside the button via the default slot. Note that when slot is used, label, icon and badge properties are not included.
+   */
+  default(): VNode[];
+  /**
+   * Custom icon template.
+   * @param {Object} scope - icon slot's params.
+   */
+  icon(scope: {
+    /**
+     * Style class of the icon.
+     */
+    class: string;
+  }): VNode[];
+  /**
+   * Custom loading icon template.
+   * @param {Object} scope - loading icon slot's params.
+   */
+  loadingicon(scope: {
+    /**
+     * Style class of the loading icon.
+     */
+    class: string;
+  }): VNode[];
+}
+
+/**
+ * **WangsVue - Button**
+ *
+ * _Button is an extension to standard button element with icons and theming._
+ *
+ * [Live Demo](https://fewangsit.github.io/wangsvue/table)
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class Button extends ClassComponent<
+  ButtonProps,
+  ButtonSlots,
+  Record<string, unknown>
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Button: GlobalComponentConstructor<Button>;
+  }
+}
+
+export default Button;

package/components/buttonbulkaction/ButtonBulkAction.vue.d.ts

@@ -0,0 +1,70 @@
+import { DefineComponent } from 'vue';
+import { MenuItem } from '../menuitem';
+
+
+export interface ButtonBulkActionProps {
+  /**
+   * Disable the button.
+   */
+  disabled?: boolean;
+  /**
+   * An array of data objects to be included in an action.
+   * Use as 'v-model:selectedData' to automatically reset on Cancel or Apply.
+   */
+  selectedData: Record<string, any>[];
+  /**
+   * The total selectable data. This is optional when working with dynamic data table,
+   * just define tableName, the component will handle the rest for you
+   *
+   */
+  totalRecords?: number;
+  options: MenuItem[];
+  /**
+   * Multiple bulk action mounted at the same time will cause unexpected behavior.
+   *
+   * You need to set the appropriate id the same with the table-name where the bulkaction used for.
+   */
+  tableName?: string;
+}
+
+export interface ButtonBulkActionSlots {
+  /**
+   * Use additional slot like input field.
+   * The button Apply will be shown if the selected option use additional slot.
+   *
+   * @slotprops selectedOption the current selected option/action. you can do conditional based on this slotprops.
+   */
+  addition(selectedOption: MenuItem): () => any;
+}
+
+export type ButtonBulkActionEmits = {
+  /**
+   * Emits when Apply button is clicked.
+   *
+   * By default, 'command' on MenuItem will be executed.
+   * With this event, You can do additional actions.
+   */
+  'apply': [];
+  /**
+   * Emits when Cancel or Apply button is clicked.
+   */
+  'update:selectedData': [datas: Record<string, unknown>[]];
+};
+
+/**
+ * **WangsVue - ButtonBulkAction**
+ *
+ * _ButtonBulkAction is a component for handling bulk action for multiple data at once._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group buttons
+ */
+declare const ButtonBulkAction: DefineComponent<
+  ButtonBulkActionProps,
+  ButtonBulkActionSlots,
+  ButtonBulkActionEmits
+>;
+
+export default ButtonBulkAction;

package/components/buttondownload/ButtonDownload.vue.d.ts

@@ -0,0 +1,46 @@
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+
+
+export interface ButtonDownloadProps {
+  fileName: string;
+  /**
+   * Specify which table to be exported.
+   * When it is not specified, the default name of data table will be used.
+   *
+   * @default 'datatable'
+   */
+  tableName?: string;
+  /**
+   * If you want to download multiple table in 1 excel
+   */
+  multiTableNames?: string[];
+  /**
+   * Texts below table in downloaded excel
+   */
+  additionalTextBelowTable?: (string | string[])[];
+}
+
+/**
+ * **WangsVue - ButtonDownload**
+ *
+ * _Trigger DataTable Export Excel_
+ *
+ * [Live Demo](https://fewangsit.github.io/wangsvue/button)
+ * --- ---
+ * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group Component
+ */
+declare class ButtonDownload extends ClassComponent<
+  ButtonDownloadProps,
+  Record<string, unknown>,
+  Record<string, unknown>
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    ButtonDownload: GlobalComponentConstructor<ButtonDownload>;
+  }
+}
+
+export default ButtonDownload;

package/components/buttonfilter/ButtonFilter.vue.d.ts

@@ -0,0 +1,13 @@
+import { DefineComponent } from 'vue';
+
+
+export interface ButtonFilterProps {
+  /**
+   * Integrate with datatable with table name
+   */
+  tableName?: string;
+}
+
+declare const ButtonFilter: DefineComponent<ButtonFilterProps>;
+
+export default ButtonFilter;