@fewangsit/wangsvue-gsts 1.0.0-alpha.1

package/assets/json/languages.json.d.ts

@@ -0,0 +1,180 @@
+declare const _default: [
+  {
+    "lang": "Arabic",
+    "flag": "https://flagcdn.com/sa.svg",
+    "locale": "ar_SA",
+    "country": "Saudi Arabia",
+    "countryCode": "SA"
+  },
+  {
+    "lang": "Chinese",
+    "flag": "https://flagcdn.com/cn.svg",
+    "locale": "zh_CN",
+    "country": "China",
+    "countryCode": "CN"
+  },
+  {
+    "lang": "English",
+    "flag": "https://flagcdn.com/us.svg",
+    "locale": "en_US",
+    "country": "United States",
+    "countryCode": "US"
+  },
+  {
+    "lang": "English",
+    "flag": "https://flagcdn.com/sg.svg",
+    "locale": "en_SG",
+    "country": "Singapore",
+    "countryCode": "SG"
+  },
+  {
+    "lang": "English",
+    "flag": "https://flagcdn.com/gb.svg",
+    "locale": "en_UK",
+    "country": "United Kingdom",
+    "countryCode": "UK"
+  },
+  {
+    "lang": "English",
+    "flag": "https://flagcdn.com/in.svg",
+    "locale": "en_IN",
+    "country": "India",
+    "countryCode": "IN"
+  },
+  {
+    "lang": "English",
+    "flag": "https://flagcdn.com/ca.svg",
+    "locale": "en_CA",
+    "country": "Canada",
+    "countryCode": "CA"
+  },
+  {
+    "lang": "English",
+    "flag": "https://flagcdn.com/au.svg",
+    "locale": "en_AU",
+    "country": "Australia",
+    "countryCode": "AU"
+  },
+  {
+    "lang": "Filipino",
+    "flag": "https://flagcdn.com/ph.svg",
+    "locale": "fil_PH",
+    "country": "Philippines",
+    "countryCode": "PH"
+  },
+  {
+    "lang": "French",
+    "flag": "https://flagcdn.com/fr.svg",
+    "locale": "fr_FR",
+    "country": "France",
+    "countryCode": "FR"
+  },
+  {
+    "lang": "German",
+    "flag": "https://flagcdn.com/de.svg",
+    "locale": "de_DE",
+    "country": "Germany",
+    "countryCode": "DE"
+  },
+  {
+    "lang": "Indonesian",
+    "flag": "https://flagcdn.com/id.svg",
+    "locale": "id_ID",
+    "country": "Indonesia",
+    "countryCode": "ID"
+  },
+  {
+    "lang": "Italian",
+    "flag": "https://flagcdn.com/it.svg",
+    "locale": "it_IT",
+    "country": "Italy",
+    "countryCode": "IT"
+  },
+  {
+    "lang": "Japanese",
+    "flag": "https://flagcdn.com/jp.svg",
+    "locale": "ja_JP",
+    "country": "Japan",
+    "countryCode": "JP"
+  },
+  {
+    "lang": "Khmer",
+    "flag": "https://flagcdn.com/kh.svg",
+    "locale": "km_KH",
+    "country": "Cambodia",
+    "countryCode": "KH"
+  },
+  {
+    "lang": "Korean",
+    "flag": "https://flagcdn.com/kr.svg",
+    "locale": "ko_KR",
+    "country": "South Korea",
+    "countryCode": "KR"
+  },
+  {
+    "lang": "Lao",
+    "flag": "https://flagcdn.com/la.svg",
+    "locale": "lo_LA",
+    "country": "Laos",
+    "countryCode": "LA"
+  },
+  {
+    "lang": "Malay",
+    "flag": "https://flagcdn.com/my.svg",
+    "locale": "ms_MY",
+    "country": "Malaysia",
+    "countryCode": "MY"
+  },
+  {
+    "lang": "Burmese",
+    "flag": "https://flagcdn.com/mm.svg",
+    "locale": "my_MM",
+    "country": "Myanmar",
+    "countryCode": "MM"
+  },
+  {
+    "lang": "Portuguese",
+    "flag": "https://flagcdn.com/br.svg",
+    "locale": "pt_BR",
+    "country": "Brazil",
+    "countryCode": "BR"
+  },
+  {
+    "lang": "Russian",
+    "flag": "https://flagcdn.com/ru.svg",
+    "locale": "ru_RU",
+    "country": "Russia",
+    "countryCode": "RU"
+  },
+  {
+    "lang": "Spanish",
+    "flag": "https://flagcdn.com/mx.svg",
+    "locale": "es_MX",
+    "country": "Mexico",
+    "countryCode": "MX"
+  },
+  {
+    "lang": "Spanish",
+    "flag": "https://flagcdn.com/es.svg",
+    "locale": "es_ES",
+    "country": "Spain",
+    "countryCode": "ES"
+  },
+  {
+    "lang": "Thai",
+    "flag": "https://flagcdn.com/th.svg",
+    "locale": "th_TH",
+    "country": "Thailand",
+    "countryCode": "TH"
+  },
+  {
+    "lang": "Vietnamese",
+    "flag": "https://flagcdn.com/vn.svg",
+    "locale": "vi_VN",
+    "country": "Vietnam",
+    "countryCode": "VN"
+  }
+]
+;
+
+export default _default;

package/build-entry.d.ts

@@ -0,0 +1,14 @@
+export { default as mitt } from './event-bus/mitt';
+export { default as eventBus, extendEventBus } from './event-bus';
+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 './plugins/translation';
+export { default as i18n } from './plugins/translation';
+export * from './components';
+export { default as WangsVue } from './config';

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

@@ -0,0 +1,24 @@
+import { ClassComponent } from 'lib/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/badge/Badge.vue.d.ts

@@ -0,0 +1,66 @@
+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;
+}
+
+/**
+ * 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,40 @@
+import { Slot } from 'vue';
+import { BadgeProps } from 'lib/components/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 interface BadgeGroupSlots {
+  /**
+   * Slot for custom more dialog content
+   */
+  dialogcontent: Slot<{ labels: string[] }>;
+}
+
+export default class Badge extends ClassComponent<
+  BadgeGroupProps,
+  BadgeGroupSlots,
+  unknown
+> {}

package/components/badgegrouptree/BadgeGroupTree.vue.d.ts

@@ -0,0 +1,34 @@
+import { BadgeGroupProps } from '../.././components/badgegroup/BadgeGroup.vue.d';
+import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
+
+
+export interface BadgeGroupTreeItem {
+  _id: string;
+  name: string;
+  key: number;
+}
+
+export interface BadgeGroupTreeProps extends Omit<BadgeGroupProps, 'labels'> {
+  type: 'group' | 'category';
+
+  /**
+   * List of groups/category to display
+   *
+   * Undefined value will show '-'
+   */
+  nodes?: BadgeGroupTreeItem[];
+}
+
+declare class BadgeGroupTree extends ClassComponent<
+  BadgeGroupTreeProps,
+  unknown,
+  unknown
+> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    BadgeGroupTree: GlobalComponentConstructor<BadgeGroupTree>;
+  }
+}
+
+export default BadgeGroupTree;

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;
+}