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

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

@@ -1,11 +1,11 @@
-import { ClassComponent } from 'lib/components/ts-helpers.d';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface AnimationDefaultConfig {
-  libPath: 'supplyasset' | 'workspace' | 'admin';
+    libPath: 'supplyasset' | 'workspace' | 'admin';
 }
 
 export interface AnimationProps {
-  animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
+    animation: 'no-data' | 'loading-plane' | 'loading-page' | 'loading-table';
 }
 
 /**
@@ -16,9 +16,9 @@ export interface AnimationProps {
  * @group Component
  */
 declare class Animation extends ClassComponent<
-  AnimationProps,
-  unknown,
-  unknown
+    AnimationProps,
+    unknown,
+    unknown
 > {}
 
 export default Animation;

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

@@ -1,51 +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;
-  }[];
+    _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;
+    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
+    ApproverInfoProps,
+    unknown,
+    unknown
 > {}
 
 declare module '@vue/runtime-core' {
-  interface GlobalComponents {
-    ApproverInfo: GlobalComponentConstructor<ApproverInfo>;
-  }
+    interface GlobalComponents {
+        ApproverInfo: GlobalComponentConstructor<ApproverInfo>;
+    }
 }
 
 export default ApproverInfo;

package/components/assetinfo/AssetInfo.vue.d.ts

@@ -0,0 +1,31 @@
+import { ClassComponent, GlobalComponentConstructor } from '../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

@@ -1,62 +1,62 @@
 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'];
+    /**
+     * 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;
+    /**
+     * 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;
+    /**
+     * 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];
+    'remove': [];
+    /**
+     * Emits when the text is edited.
+     * Only available when props.editable=true
+     */
+    'update:label': [label: string | null];
 };
 
 /**
@@ -67,7 +67,7 @@ export type BadgeEmits = {
  * @group components
  */
 export default class Badge extends ClassComponent<
-  BadgeProps,
-  unknown,
-  BadgeEmits
+    BadgeProps,
+    unknown,
+    BadgeEmits
 > {}

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

@@ -1,52 +1,52 @@
 import { Slot } from 'vue';
-import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
+import { BadgeProps } from '../badge/Badge.vue.d';
 import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export type ObjectBadge = {
-  text: string;
-  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
-  tooltip?: string;
+    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;
+    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[] }>;
+    /**
+     * Slot for custom more dialog content
+     */
+    dialogcontent: Slot<{ labels: string[] }>;
 }
 
 export default class Badge extends ClassComponent<
-  BadgeGroupProps,
-  BadgeGroupSlots,
-  unknown
+    BadgeGroupProps,
+    BadgeGroupSlots,
+    unknown
 > {}

package/components/basecomponent/index.d.ts

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