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

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

@@ -1,11 +1,11 @@
-import { ClassComponent } from '../ts-helpers.d';
+import { ClassComponent } from '../../components/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

@@ -1,31 +1,34 @@
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
+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>;
+  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
+  AssetInfoProps,
+  unknown,
+  unknown
 > {}
 
 declare module 'vue' {
-    export interface GlobalComponents {
-        AssetInfo: GlobalComponentConstructor<AssetInfo>;
-    }
+  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 '../badge/Badge.vue.d';
+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;
+  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;
 }