tsv2-library 0.2.44 → 0.2.45

package/dist/src/build-entry.d.ts

@@ -18,7 +18,7 @@ import useLoadingStore from './components/v2/Loading/store/loading.store';
 import Tooltip from '../node_modules/primevue/tooltip';
 import Focus from './directives/v-focus';
 import VueHtmlToPaper from './plugins/VueHtmlToPaper';
-import { TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearchByScan, TSButtonSearch, TSButtonSync, TSButtonSelectTree, TSButtonSelectUser, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFilterContainer, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage } from './components/v2';
+import { TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearchByScan, TSButtonSearch, TSButtonSync, TSButtonSelectTree, TSButtonSelectUser, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDatePicker, TSDayPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFilterContainer, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage } from './components/v2';
 declare const TSi18n: import("vue-i18n").I18n<{
     en: {
         ".pdf_.xls_.docx._max_file_1_MB": string;
@@ -2849,4 +2849,4 @@ declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { LibConfig, TSToastService, TSi18n, VueHtmlToPaper, Tooltip, Focus, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFilterContainer, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputText, TSInputSearch, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, handleTokenExpiration, exportToExcel, formatDate, formatDateReadable, formatUserName, formatVowelSoundLabel, getImageURL, isObjectEmpty, useToast, listenSidebarChanges, unListenSidebarChanges, getCurrency, getTransactionRole, getSystemRole, formatCurrency, getHostName, getBaseURL, useI18n, useForm, flattenTreeNodeChildren, parseNodeKeys, filterNodeKeys, TreeAPI, RoutineAPI, DisposalAPI, RoutineServices, AssetsServices, DisposalServices, FilterMatchMode, useLoadingStore, };
+export { LibConfig, TSToastService, TSi18n, VueHtmlToPaper, Tooltip, Focus, TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDatePicker, TSDataTable, TSDayPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFilterContainer, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputText, TSInputSearch, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, handleTokenExpiration, exportToExcel, formatDate, formatDateReadable, formatUserName, formatVowelSoundLabel, getImageURL, isObjectEmpty, useToast, listenSidebarChanges, unListenSidebarChanges, getCurrency, getTransactionRole, getSystemRole, formatCurrency, getHostName, getBaseURL, useI18n, useForm, flattenTreeNodeChildren, parseNodeKeys, filterNodeKeys, TreeAPI, RoutineAPI, DisposalAPI, RoutineServices, AssetsServices, DisposalServices, FilterMatchMode, useLoadingStore, };

package/dist/src/components/v2/DataTable/DataTable.vue.d.ts

@@ -307,6 +307,10 @@ export interface TSDataTableProps {
    * Set the scrollHeight in px
    */
   scrollHeight?: string;
+  /**
+   * An array of fields as string to use in global filtering.
+   */
+  globalFilterFields?: string[];
 }
 
 export type TSDataTableEmits = {

package/dist/src/components/v2/DatePicker/DatePicker.vue.d.ts

@@ -0,0 +1,61 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * TSDatePicker component props
+ */
+export interface TSDatePickerProps {
+  /**
+   * TSDatePicker modelValue is day index from 0
+   */
+  modelValue?: number[];
+  /**
+   * Display label on top of Date Input.
+   */
+  label?: string;
+  /**
+   * Enable Validator using vee-validate. Combine with TSForm that handle form validation.
+   */
+  useValidator?: boolean;
+  /**
+   * When used as field in From Validation using TSForm,
+   * specify the unique field name, match with your needs for API request.
+   */
+  fieldName?: string;
+  /**
+   * Whether this field should be filled or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Sets the invalid state.
+   */
+  invalid?: boolean;
+  /**
+   * Set the custom validator message.
+   * By default each field has preserved with its validator message, you don't need to worrying about the message.
+   */
+  errorMessage?: { empty: string };
+}
+
+/**
+ * TSDatePicker component emits
+ */
+export type TSDatePickerEmits = {
+  'update:modelValue': [days?: number[]];
+};
+
+/**
+ * **TSVue - TSDatePicker**
+ *
+ * _Handle input day with form validation._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const TSDatePicker: DefineComponent<
+  TSDatePickerProps,
+  TSDatePickerEmits
+>;
+
+export default TSDatePicker;

package/dist/src/components/v2/DayPicker/DayPicker.vue.d.ts

@@ -0,0 +1,58 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * TSDayPicker component props
+ */
+export interface TSDayPickerProps {
+  /**
+   * TSDayPicker modelValue is day index from 0
+   */
+  modelValue?: number[];
+  /**
+   * Display label on top of Date Input.
+   */
+  label?: string;
+  /**
+   * Enable Validator using vee-validate. Combine with TSForm that handle form validation.
+   */
+  useValidator?: boolean;
+  /**
+   * When used as field in From Validation using TSForm,
+   * specify the unique field name, match with your needs for API request.
+   */
+  fieldName?: string;
+  /**
+   * Whether this field should be filled or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Sets the invalid state.
+   */
+  invalid?: boolean;
+  /**
+   * Set the custom validator message.
+   * By default each field has preserved with its validator message, you don't need to worrying about the message.
+   */
+  errorMessage?: { empty: string };
+}
+
+/**
+ * TSDayPicker component emits
+ */
+export type TSDayPickerEmits = {
+  'update:modelValue': [days?: number[]];
+};
+
+/**
+ * **TSVue - TSDayPicker**
+ *
+ * _Handle input day with form validation._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const TSDayPicker: DefineComponent<TSDayPickerProps, TSDayPickerEmits>;
+
+export default TSDayPicker;

package/dist/src/components/v2/DisposalReport/DisposalReportTable.vue.d.ts

@@ -111,6 +111,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    globalFilterFields: {
+        type: ArrayConstructor;
+        required: false;
+    };
     router: {
         type: ObjectConstructor;
         required: true;
@@ -232,6 +236,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    globalFilterFields: {
+        type: ArrayConstructor;
+        required: false;
+    };
     router: {
         type: ObjectConstructor;
         required: true;

package/dist/src/components/v2/InputCurrency/InputCurrency.vue.d.ts

@@ -1,4 +1,3 @@
-import { CurrencyFormat } from '../../../utils/currency.util';
 import { DefineComponent } from 'vue';
 
 export interface CurrencyValue {
@@ -90,6 +89,7 @@ export interface InputCurrencyProps {
    * Show information about the field.
    */
   fieldInfo?: string;
+  inputnNumberId?: string;
 }
 
 /**

package/dist/src/components/v2/InputNumber/InputNumber.vue.d.ts

@@ -114,6 +114,25 @@ export interface InputNumberProps {
    * Class to be bind on addon left component
    */
   addonLeftClass?: any;
+  /**
+   * Class to be bind on input group component
+   */
+  inputGroupClass?: any;
+  /**
+   * Class to be bind on input number component
+   */
+  inputNumberClass?: any;
+  /**
+   * Unique id for input number element
+   */
+  inputId?: string;
+  /**
+   * Set auto Resize Input
+   * The input width is counted by the value length
+   *
+   * @default false
+   */
+  autoResize?: boolean;
 }
 
 /**

package/dist/src/components/v2/index.d.ts

@@ -27,6 +27,8 @@ import TSCheckbox from './Checkbox/Checkbox.vue';
 import TSCustomColumn from './CustomColumn/CustomColumn.vue';
 import TSDataTable from './DataTable/DataTable.vue';
 import TSDropdown from './Dropdown/Dropdown.vue';
+import TSDatePicker from './DatePicker/DatePicker.vue';
+import TSDayPicker from './DayPicker/DayPicker.vue';
 import TSDialog from './Dialog/Dialog.vue';
 import TSDialogApprovalList from './DialogApprovalList/DialogApprovalList.vue';
 import TSDialogAssetNameDetail from './DialogAssetNameDetail/DialogAssetNameDetail.vue';
@@ -76,4 +78,4 @@ import TSTree from './Tree/Tree.vue';
 import TSTreeSearchInput from './TreeSearchInput/TreeSearchInput.vue';
 import TSUserWithIcon from './UserWithIcon/UserWithIcon.vue';
 import TSValidatorMessage from './ValidatorMessage/ValidatorMessage.vue';
-export { TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFilterContainer, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputTextArea, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, };
+export { TSAssetInfo, TSApproverInfo, TSBadge, TSBadgeGroup, TSBreadcrumb, TSButton, TSButtonAddByScan, TSButtonBulkAction, TSButtonCopy, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonRadio, TSButtonViewLog, TSButtonScan, TSButtonSearch, TSButtonSearchByScan, TSButtonSelectTree, TSButtonSelectUser, TSButtonSync, TSButtonToggle, TSCalendar, TSCard, TSCarousel, TSCheckbox, TSCustomColumn, TSDataTable, TSDatePicker, TSDayPicker, TSDialog, TSDialogApprovalList, TSDialogAssetNameDetail, TSDialogConfirm, TSDialogForm, TSDialogLinkedAsset, TSDialogPrintQR, TSDialogReportDamage, TSDialogReportMissing, TSDialogReportTag, TSDialogSelectTree, TSDialogSelectAsset, TSDialogSelectUser, TSDisposalReport, TSDropdown, TSFilterContainer, TSFileUpload, TSForm, TSIcon, TSImage, TSImageCompressor, TSInlineMessage, TSInputBadge, TSInputCurrency, TSInputEmail, TSInputNumber, TSInputOTP, TSInputPassword, TSInputPhoneNumber, TSInputRangeNumber, TSInputSearch, TSInputText, TSInputTextArea, TSInputURL, TSLoading, TSMenu, TSMultiSelect, TSOverlayPanel, TSPaginator, TSProgressBar, TSSteps, TSTabMenu, TSTagType, TSTextarea, TSTimeline, TSToast, TSTransactionRoles, TSTree, TSTreeSearchInput, TSUserWithIcon, TSValidatorMessage, };

package/dist/src/types/fieldValidation.type.d.ts

@@ -4,8 +4,8 @@ import { Ref } from 'vue';
 export type Condition = 'empty' | 'exceed';
 export type CustomValidation = Partial<Record<Condition, string>>;
 type FieldValue = Nullable<string> | Nullable<number> | string | string[] | number | number[] | boolean | undefined | null | object;
-export type FieldValidation<T = FieldValue> = {
-    value?: T;
+export type FieldValidation<T = FieldValue | undefined> = {
+    value: T;
     errorMessage?: Ref<string | undefined>;
     setErrors?: (errors?: string | string[]) => void;
     handleReset?: () => void;