@fewangsit/wangsvue-fats 1.0.0-alpha.91 → 1.0.0-alpha.92

package/components/dialoglinkedasset/DialogLinkedAsset.vue.d.ts

@@ -0,0 +1,103 @@
+import { DefineComponent } from 'vue';
+import { AssetName } from '@tagsamurai/fats-api-services/src/types/oldAssetService.type';
+
+import { DialogConfirmProps } from '../../../../library/components/dialogconfirm/DialogConfirm.vue.d';
+import { WangsIcons } from '../../../../library/components/icon/Icon.vue.d';
+
+/**
+ * Type of the asset data, it refers to data response from Asset API, but since this component only using asset's name and _id then only those field are required for type.
+ */
+export type LinkedAsset = {
+  _id: string;
+  name: AssetName;
+};
+
+/**
+ * Type of linked asset, it contains parent and its child(s).
+ */
+export type LinkedAssetFamily = {
+  parent: LinkedAsset;
+  children: LinkedAsset[];
+};
+
+export type ChildAsset = {
+  parent: LinkedAsset;
+  children: LinkedAsset[]; // Empty children
+  family: LinkedAsset[];
+};
+
+export type ParentAsset = {
+  parent: undefined; // If the asset is parent, the parent will undefined
+  children: LinkedAsset[];
+  family: LinkedAsset[]; // Family is combination of parent, children and asset itself.
+  // If it only contains one asset in family, it means the asset has not linked yet.
+};
+
+export type FamilyData = (ParentAsset | ChildAsset) & {
+  _id: string;
+};
+
+/**
+ * Props for DialogSelectAsset component
+ */
+export interface DialogLinkedAssetProps extends DialogConfirmProps {
+  /**
+   * The header of the dialog.
+   */
+  header: string;
+  /**
+   * The list of selected asset to be transacted.
+   */
+  lists?: LinkedAsset[];
+  /**
+   * The label of the dialog button.
+   */
+  label?: string;
+  /**
+   * The body text of the dialog.
+   */
+  confirmBody?: string;
+  /**
+   * Specify the custom header icon.
+   * If not, the default rules by it severity.
+   *
+   * @default 'success' > hidden;
+   * @default 'danger' > 'error';
+   */
+  headerIcon?: WangsIcons;
+  /**
+   * @default - 'confirmation'
+   */
+  type?: 'detail' | 'confirmation';
+}
+
+/**
+ * Emits for DialogSelectAsset component
+ */
+export type DialogLinkedAssetEmit = {
+  /**
+   * Emits when button confirm clicked.
+   */
+  'confirm': [families: LinkedAssetFamily[]];
+  /**
+   * Emits when the dialog is closed. Wether from cancel button, close button, or ESC button pressed.
+   */
+  'update:visible': [state: boolean];
+};
+
+/**
+ * TSVue - DialogLinkedAsset
+ *
+ * DialogLinkedAsset is a component for creating dialog confirmation of linked assets.
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare const DialogLinkedAsset: DefineComponent<
+  DialogLinkedAssetProps,
+  DialogLinkedAssetEmit
+>;
+
+export default DialogLinkedAsset;

package/components/index.d.ts

@@ -60,6 +60,7 @@ export { default as AssetInfo } from './assetinfo/AssetInfo.vue';
 export { default as ButtonAddByScan } from './buttonaddbyscan/ButtonAddByScan.vue';
 export { default as ButtonSelectUser } from './buttonselectuser/ButtonSelectUser.vue';
 export { default as ButtonViewLog } from './buttonviewlog/ButtonViewLog.vue';
+export { default as DialogLinkedAsset } from './dialoglinkedasset/DialogLinkedAsset.vue';
 export { default as DialogSelectUser } from './dialogselectuser/DialogSelectUser.vue';
 export { default as UserWithIcon } from './userwithicon/UserWithIcon.vue';
 export { default as FilterContainer } from './filtercontainer/FilterContainer.vue';

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@fewangsit/wangsvue-fats",
-  "version": "1.0.0-alpha.91",
+  "version": "1.0.0-alpha.92",
   "author": "Wangsit FE Developer",
   "description": "Fixed Asset Tagsamurai VueJS Component Library",
   "type": "module",