@fewangsit/wangsvue-gsts 1.0.0-alpha.9 → 2.0.0-alpha.10

package/animation/index.d.ts

@@ -0,0 +1,44 @@
+import type { Config } from '@lottiefiles/dotlottie-web';
+
+import { ClassComponent } from '../ts-helpers.d';
+
+export interface AnimationDefaultConfig {
+  libPath: 'supplyasset' | 'workspace' | 'admin';
+}
+
+export interface AnimationProps {
+  animation:
+    | 'no-data'
+    | 'loading-plane'
+    | 'loading-page'
+    | 'loading-table'
+    | 'scan-qr';
+  /**
+   * @default true
+   */
+  autoplay?: boolean;
+  /**
+   * @default true
+   */
+  loop?: boolean;
+  /**
+   * Custom configurations for the animation
+   * Reference: https://developers.lottiefiles.com/docs/dotlottie-player/dotlottie-web/api/config/
+   */
+  customConfig?: Partial<Config>;
+}
+
+/**
+ * **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 → approverinfo/index.d.ts}

@@ -20,6 +20,10 @@ export interface ApproverInfoProps {
    * @default true
    */
   showShortInfo?: boolean;
+  /**
+   * To customize the level 0 label, for example 'Senior'
+   */
+  customLevelZeroLabel?: string;
   /**
    * To set label text when showShortInfo is false
    */

package/assets/scanner.worker-Bk2e5hSA.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"scanner.worker-Bk2e5hSA.js","sources":["../../../library/components/buttonscan/workers/scanner.worker.ts"],"sourcesContent":["interface ConnectionOption {\n  onopen: (ws: WebSocket, connectionState: ConnectionState) => void;\n  onmessage: (event: MessageEvent) => void;\n  onerror: (error: Event) => void;\n  timeout?: number;\n}\n\ninterface WorkerMessage {\n  command: string;\n  sessionId: string;\n  scanCommand?: string;\n  userId?: string;\n  companyCode?: string;\n  serialNumber?: string;\n  jenisDevice?: string;\n}\n\ntype ConnectionState = 'established' | 'reused';\n\nlet socket: WebSocket | null = null;\nlet timeoutId: NodeJS.Timeout | null = null; // Stores timeout ID for idle socket connection\nlet currentUserId: string | undefined;\nlet currentCompanyCode: string | undefined;\nlet sessionId: string = ''; // The unique session ID for the current connection\n\nself.onmessage = (event): void => {\n  const message: WorkerMessage = event.data;\n  currentCompanyCode = message.companyCode;\n\n  switch (message.command) {\n    case 'sync':\n      sync(message);\n      break;\n    case 'connect':\n      connect(message);\n      break;\n    case 'scan':\n      scan(message);\n      break;\n    case 'stopscan':\n      stopScan(message);\n      break;\n    default:\n      break;\n  }\n};\n\n/**\n * Opens a WebSocket connection if not already open.\n * If the connection is open, the `onopen` callback is immediately called.\n * @returns {WebSocket} The WebSocket instance.\n */\nconst openConnection = (opt: ConnectionOption): void => {\n  let connectionState: ConnectionState = 'established';\n  if (socket && socket.readyState === WebSocket.OPEN) {\n    // If the socket is already open, immediately call the onopen callback\n    connectionState = 'reused';\n    opt.onopen(socket, connectionState);\n    resetTimeOut(opt.timeout);\n  } else {\n    // If the socket is not open or undefined, create a new connection\n    socket = new WebSocket(`${import.meta.env.VITE_APP_READER_API}`);\n  }\n\n  // Handle successful connection\n  socket.onopen = (): void => {\n    sessionId =\n      Math.random().toString(36).substring(2, 15) +\n      Math.random().toString(36).substring(2, 15); // Generate a random session ID\n\n    connectionState = 'established';\n\n    if (socket) opt.onopen(socket, connectionState); // Execute the onopen callback once the connection is established\n    resetTimeOut(opt.timeout);\n  };\n\n  socket.onmessage = (event): void => {\n    opt.onmessage(event);\n    resetTimeOut(opt.timeout);\n  };\n\n  socket.onerror = (error): void => {\n    console.error('🚀 ~ Scanner Worker: openConnection ~ error:', error);\n    opt.onerror(error);\n    socket?.close();\n    socket = null;\n    if (timeoutId) clearTimeout(timeoutId);\n  };\n};\n\nconst handleSocketTimeout = (): void => {\n  stopScan({ userId: currentUserId });\n  currentUserId = undefined;\n  if (socket) socket.close();\n  socket = null;\n  if (timeoutId) clearTimeout(timeoutId);\n  console.info('Socket connection has been closed!');\n};\n\nconst resetTimeOut = (timeout = 0): void => {\n  if (timeout) {\n    // Adding this conditional to disable timout, may be sometimes it need to be enable, simpli remove the condition\n    if (timeoutId) clearTimeout(timeoutId);\n    timeoutId = setTimeout(handleSocketTimeout, timeout); // Timed out after 3 Minutes\n  }\n};\n\nconst sync = ({ userId }: WorkerMessage): void => {\n  currentUserId = userId;\n\n  openConnection({\n    onopen: (ws: WebSocket): void => {\n      ws.send(\n        JSON.stringify({\n          data: {\n            command: 'connect',\n            userId,\n            sessionId,\n            companyCode: currentCompanyCode,\n            source: 'app',\n          },\n          event: 'reader',\n        }),\n      );\n    },\n\n    onmessage: (event): void => {\n      postMessage({ status: 'synced', ...JSON.parse(event.data) });\n    },\n\n    onerror: (error): void => {\n      postMessage({ status: 'sync_error', error });\n    },\n  });\n};\n\nconst connect = ({ userId }: WorkerMessage): void => {\n  currentUserId = userId;\n\n  openConnection({\n    onopen: (ws: WebSocket, state): void => {\n      if (state === 'established') {\n        ws.send(\n          JSON.stringify({\n            data: {\n              command: 'connect',\n              userId,\n              source: 'app',\n              sessionId,\n              companyCode: currentCompanyCode,\n            },\n            event: 'reader',\n          }),\n        );\n      } else {\n        postMessage({\n          status: 'connection_reused',\n        });\n      }\n    },\n\n    onmessage: (event): void => {\n      postMessage({\n        status: 'connection_established',\n        ...JSON.parse(event.data),\n      });\n    },\n\n    onerror: (error): void => {\n      postMessage({ status: 'error_connecting', error });\n    },\n  });\n};\n\nconst scan = ({\n  scanCommand,\n  userId,\n  serialNumber,\n  jenisDevice,\n}: WorkerMessage): void => {\n  currentUserId = userId;\n\n  openConnection({\n    onopen: (ws: WebSocket): void => {\n      ws.send(\n        JSON.stringify({\n          data: {\n            command: scanCommand,\n            userId,\n            sessionId,\n            companyCode: currentCompanyCode,\n            source: 'app',\n            serialNumber,\n            jenisDevice,\n          },\n          event: 'reader',\n        }),\n      );\n\n      postMessage({ status: 'scan_started' });\n    },\n\n    onmessage: (event): void => {\n      postMessage({ status: 'scanned', ...JSON.parse(event.data) });\n    },\n\n    onerror: (error): void => {\n      postMessage({ status: 'scan_error', error });\n    },\n  });\n};\n\n/**\n * Single Scan:\n * - Stop Scan will be invoked on socket timeout\n *\n * Bulk Scan:\n * - Stop Scan will also be invoked on stopScan by user interaction\n */\nconst stopScan = ({ userId }: Partial<WorkerMessage>): void => {\n  if (socket && socket.readyState === WebSocket.OPEN) {\n    socket.send(\n      JSON.stringify({\n        data: {\n          command: 'stopscan',\n          userId,\n          source: 'app',\n          sessionId,\n          companyCode: currentCompanyCode,\n        },\n        event: 'reader',\n      }),\n    );\n\n    postMessage({ status: 'scan_stopped' });\n    console.info('Scan Process Stopped!');\n  }\n};\n"],"names":["socket","timeoutId","currentUserId","currentCompanyCode","sessionId","event","message","sync","connect","scan","stopScan","openConnection","opt","connectionState","resetTimeOut","error","handleSocketTimeout","timeout","userId","ws","state","scanCommand","serialNumber","jenisDevice"],"mappings":"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"}

package/{components/badge/Badge.vue.d.ts → badge/index.d.ts}

@@ -1,4 +1,4 @@
-import { ClassComponent } from '../ts-helpers';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface BadgeComponentConfigs {
   /**
@@ -25,7 +25,15 @@ export interface BadgeProps extends BadgeComponentConfigs {
   /**
    * Sets the severity level for styling purposes. This prop might be omitted if getSeverity is provided.
    */
-  severity?: 'success' | 'info' | 'danger' | 'warning' | 'dark' | 'primary';
+  severity?:
+    | 'success'
+    | 'info'
+    | 'danger'
+    | 'warning'
+    | 'dark'
+    | 'primary'
+    | 'fixed-primary'
+    | 'supply-primary';
   /**
    * Specifies the format for text truncation rules based on the usage context.
    */

package/{components/badgegroup/BadgeGroup.vue.d.ts → badgegroup/index.d.ts}

@@ -1,10 +1,18 @@
 import { Slot } from 'vue';
-import { BadgeProps } from 'lib/components/badge/Badge.vue.d';
+
+import { BadgeProps } from '../badge';
 import { ClassComponent, HintedString } from '../ts-helpers.d';
 
 export type ObjectBadge = {
   text: string;
-  severity: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  severity:
+    | 'success'
+    | 'danger'
+    | 'warning'
+    | 'dark'
+    | 'primary'
+    | 'fixed-primary'
+    | 'supply-primary';
 };
 
 export interface BadgeGroupProps
@@ -19,7 +27,14 @@ export interface BadgeGroupProps
    * @default undefined
    */
   textMoreSeverity?: HintedString<
-    'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+    | 'secondary'
+    | 'info'
+    | 'success'
+    | 'warning'
+    | 'danger'
+    | 'contrast'
+    | 'fixed-primary'
+    | 'supply-primary'
   >;
   /**
    * The text shown on the more button
@@ -35,11 +50,6 @@ export interface BadgeGroupProps
    * The dialog header shown on more button clicked
    */
   headerLabel?: string;
-  /**
-   * Specify if the badge should be emptyable
-   * @default false
-   */
-  emptyable?: boolean;
 }
 
 export interface BadgeGroupSlots {
@@ -49,7 +59,7 @@ export interface BadgeGroupSlots {
   dialogcontent: Slot<{ labels: string[] }>;
 }
 
-export default class Badge extends ClassComponent<
+export default class BadgeGroup extends ClassComponent<
   BadgeGroupProps,
   BadgeGroupSlots,
   unknown

package/{components/badgegrouptree/BadgeGroupTree.vue.d.ts → badgegrouptree/index.d.ts}

@@ -1,6 +1,5 @@
-import { BadgeGroupProps } from '../.././components/badgegroup/BadgeGroup.vue.d';
-import { ClassComponent, GlobalComponentConstructor } from '../.././components/ts-helpers';
-
+import { BadgeGroupProps } from '../badgegroup';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export interface BadgeGroupTreeItem {
   _id: string;

package/{components/basecomponent → basecomponent}/index.d.ts

@@ -1,4 +1,3 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
 export interface ComponentHooks {
   onBeforeCreate?(): void;
   onCreated?(): void;

package/{components/basetree/BaseTree.vue.d.ts → basetree/index.d.ts}

@@ -8,15 +8,16 @@
  *
  */
 import { VNode } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
+import { MenuItem } from '../menuitem';
 import { PassThroughOptions } from '../passthrough';
 import {
   ClassComponent,
   GlobalComponentConstructor,
   HintedString,
   PassThrough,
-} from '../ts-helpers';
-import { MenuItem } from '../menuitem';
+} from '../ts-helpers.d';
 
 export declare type TreePassThroughOptionType<T = any> =
   | TreePassThroughAttributes
@@ -35,6 +36,10 @@ export interface TreeNode {
    * Mandatory unique key of the node.
    */
   key: string | number;
+  /**
+   * The API response might give id instead of key, in which case it needs to be assigned to the key
+   */
+  _id?: string | number;
   /**
    * Label of the node.
    */
@@ -299,9 +304,9 @@ export interface TreeContext {
  * Defines valid properties in Tree component.
  */
 export interface BaseTreeProps {
-  disableKeys?: number[];
+  disableKeys?: (string | number)[];
   disableNodeAll?: boolean;
-  exactDisableKeys?: number[];
+  exactDisableKeys?: (string | number)[];
   level?: number;
   /**
    * List of labels that has no menu option
@@ -350,6 +355,10 @@ export interface BaseTreeProps {
    * @defaultValue false
    */
   loading?: boolean | undefined;
+  /**
+   * Defines the group tree to showing disposable groups.
+   */
+  showDisposableGroups?: boolean;
   /**
    * Icon to display when tree is loading.
    * @deprecated since v3.27.0. Use 'loadingicon' slot.
@@ -420,6 +429,30 @@ export interface BaseTreeProps {
    * @default false
    */
   useOption?: boolean;
+
+  /**
+   * A function to determine when the node should be disabled,
+   * When true, it will disabled selection on current node and all level childrend
+   *
+   * @return true to disabled
+   */
+  disableNodeWhen?: (node: TreeNode) => boolean;
+
+  /**
+   * A function to determine when the node should be disabled
+   * It will only disable current node
+   *
+   * @return true to disabled
+   */
+  exactDisableNodeWhen?: (node: TreeNode) => boolean;
+
+  /**
+   * A function to determine when the node should selected
+   * It will only disable current node when propagateSelection false
+   *
+   * @return true to disabled
+   */
+  nodeSelectedWhen?: (node: TreeNode) => boolean;
 }
 
 /**

package/breadcrumb/index.d.ts

@@ -0,0 +1,42 @@
+import { ClassComponent } from '../ts-helpers.d';
+
+export type BreadcrumbMenu = {
+  /**
+   * This is the text that will be displayed for the menu item.
+   */
+  name: string;
+  /**
+   * This is the URL that the menu item will link to.
+   * If not provided, the menu item will be displayed as a label instead of a link.
+   */
+  route?: string;
+  /**
+   * This is the title attribute for the link.
+   * It is only used if the menu item has a route.
+   */
+  title?: string;
+};
+
+export interface BreadcrumbProps {
+  /**
+   * The list of breadcrumb menu to display.
+   * If not provided, the breadcrumb will use the breadcrumb store.
+   */
+  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 class Breadcrumb extends ClassComponent<
+  BreadcrumbProps,
+  unknown,
+  unknown
+> {}
+
+export default Breadcrumb;

package/breadcrumb/store/index.d.ts

@@ -0,0 +1,8 @@
+import { ShallowRef } from 'vue';
+import type { BreadcrumbMenu } from '..';
+export interface BreadcrumbStore {
+  breadcrumbs: ShallowRef<BreadcrumbMenu[]>;
+  setBreadcrumbs: (breadrumb: BreadcrumbMenu[]) => void;
+}
+declare const useBreadcrumbStore: () => BreadcrumbStore;
+export default useBreadcrumbStore;

package/{components/button/Button.vue.d.ts → button/index.d.ts}

@@ -1,8 +1,12 @@
-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';
+import { ButtonHTMLAttributes, VNode } from 'vue';
+
+import { WangsIcons } from '../icon';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  HintedString,
+} from '../ts-helpers.d';
 
 /**
  * Defines valid properties in Button component.
@@ -55,7 +59,14 @@ export interface ButtonProps extends /* @vue-ignore */ ButtonHTMLAttributes {
    */
   badgeSeverity?:
     | HintedString<
-        'secondary' | 'info' | 'success' | 'warning' | 'danger' | 'contrast'
+        | 'secondary'
+        | 'info'
+        | 'success'
+        | 'warning'
+        | 'danger'
+        | 'contrast'
+        | 'fixed-primary'
+        | 'supply-primary'
       >
     | null
     | undefined;
@@ -166,14 +177,14 @@ export interface ButtonSlots {
  *
  * [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)
+ * ![WangsVue](https://www.wangsit.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>
+  unknown
 > {}
 
 declare module '@vue/runtime-core' {

package/{components/buttonbulkaction/ButtonBulkAction.vue.d.ts → buttonbulkaction/index.d.ts}

@@ -1,5 +1,5 @@
-import { DefineComponent } from 'vue';
 import { MenuItem } from '../menuitem';
+import { ClassComponent } from '../ts-helpers.d';
 
 export interface ButtonBulkActionLocaleConfig {
   /**
@@ -52,6 +52,13 @@ export interface ButtonBulkActionProps {
    * @options dropdown overlay-panel
    */
   selectMenuType?: 'dropdown' | 'overlay-panel';
+  /**
+   * Specify the name/label for selected data.
+   *
+   * @example 'Asset(s)' will be displayed as '3 Asset(s) Selected'
+   * @default 'Data' for all packages
+   */
+  naming?: string;
 }
 
 export interface ButtonBulkActionSlots {
@@ -84,14 +91,14 @@ export type ButtonBulkActionEmits = {
  * _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)
+ * ![WangsVue](https://www.wangsit.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
  *
  * @group buttons
  */
-declare const ButtonBulkAction: DefineComponent<
+declare class ButtonBulkAction extends ClassComponent<
   ButtonBulkActionProps,
   ButtonBulkActionSlots,
   ButtonBulkActionEmits
->;
+> {}
 
 export default ButtonBulkAction;

package/buttoncopy/index.d.ts

@@ -0,0 +1,26 @@
+import { ClassComponent } from '../ts-helpers.d';
+
+export interface ButtonCopyProps {
+  /**
+   * Text to be copied.
+   */
+  text: string;
+}
+
+/**
+ * **WangsVue - ButtonCopy**
+ *
+ * _ButtonCopy is a component for copying text to the clipboard._
+ *
+ * --- ---
+ * ![WangsVue](https://www.wangsit.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ *
+ * @group buttons
+ */
+declare class ButtonCopy extends ClassComponent<
+  ButtonCopyProps,
+  unknown,
+  unknown
+> {}
+
+export default ButtonCopy;

package/{components/buttondownload/ButtonDownload.vue.d.ts → buttondownload/index.d.ts}

@@ -1,6 +1,27 @@
+import { DataTableProps } from '../datatable';
 import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
+export interface ButtonDownloadLocaleConfig {
+  /**
+   * Message to display on loading ovevrlay while downloading
+   */
+  downloadingMessage: string;
+
+  /**
+   * Text when booleanValue is true
+   */
+  trueText: string;
+
+  /**
+   * Text when booleanValue is false
+   */
+  falseText: string;
+}
+
 export interface ButtonDownloadProps {
+  /**
+   * The file name of excel without the extension.
+   */
   fileName: string;
   /**
    * Text of the button.
@@ -21,6 +42,19 @@ export interface ButtonDownloadProps {
    * Texts below table in downloaded excel
    */
   additionalTextBelowTable?: (string | string[])[];
+  /**
+   * If this props exist, download data from provided configs instead syncing with data tables
+   */
+  dataConfigs?: Pick<
+    DataTableProps<any>,
+    'columns' | 'fetchFunction' | 'data' | 'tableTitle'
+  >[];
+  /**
+   * Specify the error message download excel when tableConfigs is in use
+   *
+   * @example 'Error, failed to download {fileName}' - fileName will be replaced
+   */
+  excelToastErrorMessage?: string;
 }
 
 /**
@@ -30,14 +64,14 @@ export interface ButtonDownloadProps {
  *
  * [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)
+ * ![WangsVue](https://www.wangsit.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>
+  unknown,
+  unknown
 > {}
 
 declare module '@vue/runtime-core' {

package/buttonfilter/index.d.ts

@@ -0,0 +1,23 @@
+import { ClassComponent } from '../ts-helpers.d';
+
+export interface ButtonFilterProps {
+  /**
+   * Integrate with datatable and FilterContainer component with table name
+   */
+  tableName?: string;
+}
+
+/**
+ * **WangsVue - ButtonFilter**
+ *
+ * _A toggle button that opens or hides the FilterContainer. It pairs with FilterContainer via the `tableName` prop._
+ *
+ * @group components
+ */
+declare class ButtonFilter extends ClassComponent<
+  ButtonFilterProps,
+  unknown,
+  unknown
+> {}
+
+export default ButtonFilter;

package/{components/buttonradio/ButtonRadio.vue.d.ts → buttonradio/index.d.ts}

@@ -1,6 +1,7 @@
 import { StyleValue } from 'vue';
+
 import { ComponentHooks } from '../basecomponent';
-import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers';
+import { ClassComponent, GlobalComponentConstructor } from '../ts-helpers.d';
 
 export declare type ButtonRadioPassThroughOptionType =
   | ButtonRadioPassThroughAttributes
@@ -237,7 +238,7 @@ export type ButtonRadioEmits = {
  *
  * [Live Demo](https://fewangsit.github.io/wangsvue/buttonradio)
  * --- ---
- * ![WangsVue](https://www.wangs.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
+ * ![WangsVue](https://www.wangsit.id/wp-content/uploads/2023/12/cropped-Logo_Wangsid-removebg-preview-192x192.png)
  *
  * @group Component
  *