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

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

@@ -0,0 +1,24 @@
+import { ClassComponent } from '../../components/ts-helpers.d';
+
+export interface AnimationDefaultConfig {
+  libPath: 'supplyasset' | 'workspace' | 'admin';
+}
+
+export interface AnimationProps {
+  animation: 'no-data' | 'loading-plane' | 'loading-page' | '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,51 @@
+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/assetinfo/AssetInfo.vue.d.ts

@@ -0,0 +1,34 @@
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+} from '../../components/ts-helpers.d';
+
+type Field = 'brand' | 'model' | 'group' | 'status';
+
+export interface AssetInfoProps {
+  id: string;
+  /**
+   * Specifys the field/information to be fisplayed
+   */
+  fields?: Field[];
+  /**
+   * The Transaction Detail contains the asset infomation.
+   *
+   * It will prevent dynamic fetch of asset information.
+   */
+  transactionDetail?: Record<string, unknown>;
+}
+
+declare class AssetInfo extends ClassComponent<
+  AssetInfoProps,
+  unknown,
+  unknown
+> {}
+
+declare module 'vue' {
+  export interface GlobalComponents {
+    AssetInfo: GlobalComponentConstructor<AssetInfo>;
+  }
+}
+
+export default AssetInfo;

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

@@ -0,0 +1,73 @@
+import { ClassComponent } from '../ts-helpers';
+
+export interface BadgeComponentConfigs {
+  /**
+   * The component configurasion to set the severity based on given label. If provided, props.severity might be omitted.
+   *
+   * @param label The badge label
+   * @returns The matched severity of given label
+   */
+  getSeverity?: (label?: string) => BadgeProps['severity'];
+}
+
+/**
+ * Props for Badge component
+ */
+export interface BadgeProps extends BadgeComponentConfigs {
+  /**
+   * The text to be displayed.
+   */
+  label: string;
+  /**
+   * Whether the badge text is editable.
+   */
+  editable?: boolean;
+  /**
+   * Sets the severity level for styling purposes. This prop might be omitted if getSeverity is provided.
+   */
+  severity?: 'success' | 'info' | '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;
+
+  /**
+   * Set custom tooltip for badge.
+   *
+   * @default - the full label if the badge text is truncated
+   */
+  tooltip?: string;
+}
+
+/**
+ * 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,52 @@
+import { Slot } from 'vue';
+import { BadgeProps } from '../../components/badge/Badge.vue.d';
+import { ClassComponent, HintedString } from '../ts-helpers.d';
+
+export type ObjectBadge = {
+  text: string;
+  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  tooltip?: string;
+};
+
+export interface BadgeGroupProps
+  extends Omit<BadgeProps, 'label' | 'disabled' | 'removable'> {
+  /**
+   * Support data type object to determine severity for specific text
+   */
+  labels: string[] | ObjectBadge[];
+  /**
+   * Determine whether severity of text "more" is customizable
+   *
+   * @default undefined
+   */
+  textMoreSeverity?: HintedString<
+    'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+  >;
+  /**
+   * 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;
+}
+
+export interface BadgeGroupSlots {
+  /**
+   * Slot for custom more dialog content
+   */
+  dialogcontent: Slot<{ labels: string[] }>;
+}
+
+export default class Badge extends ClassComponent<
+  BadgeGroupProps,
+  BadgeGroupSlots,
+  unknown
+> {}

package/components/basecomponent/index.d.ts

@@ -0,0 +1,28 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+export interface ComponentHooks {
+  onBeforeCreate?(): void;
+  onCreated?(): void;
+  onBeforeMount?(): void;
+  onMounted?(): void;
+  onBeforeUpdate?(): void;
+  onUpdated?(): void;
+  onBeforeUnmount?(): void;
+  onUnmounted?(): void;
+}
+
+export interface BaseComponentPassThroughOptions {
+  hooks?: ComponentHooks;
+}
+
+/**
+ * @todo Update all d.ts with it.
+ */
+export interface BaseComponentPassThroughMethodOptions<
+  I = any,
+  P = any,
+  S = any,
+> {
+  instance?: I | undefined | null;
+  props?: P | undefined | null;
+  state?: S | undefined | null;
+}