tsv2-library 0.0.16 → 0.0.18

package/dist/build-entry.d.ts

@@ -1,8 +1,8 @@
 import type { App } from 'vue';
 import LibConfig from '../node_modules/primevue/config';
-import { TSBadge, TSBreadcrumb, TSButton, TSButtonLogHistory, TSButtonViewLog, TSCheckbox, TSDropdown, TSFilterContainer, TSForm, TSInputEmail, TSInputNumber, TSInputText, TSMultiSelect, TSTabMenu, TSValidatorMessage } from './components/v2';
+import { TSBadge, TSBreadcrumb, TSButton, TSButtonBulkAction, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonViewLog, TSButtonSearch, TSButtonToggle, TSCalendar, TSCard, TSCheckbox, TSDataTable, TSDialog, TSDialogConfirm, TSDropdown, TSFilterContainer, TSForm, TSInputEmail, TSInputNumber, TSInputText, TSMultiSelect, TSTabMenu, TSValidatorMessage } from './components/v2';
 declare const _default: {
     install: (app: App) => void;
 };
 export default _default;
-export { LibConfig, TSBadge, TSBreadcrumb, TSButton, TSButtonLogHistory, TSButtonViewLog, TSCheckbox, TSDropdown, TSFilterContainer, TSForm, TSInputEmail, TSInputNumber, TSInputText, TSMultiSelect, TSTabMenu, TSValidatorMessage, };
+export { LibConfig, TSBadge, TSBreadcrumb, TSButton, TSButtonBulkAction, TSButtonDownload, TSButtonFilter, TSButtonLogHistory, TSButtonViewLog, TSButtonSearch, TSButtonToggle, TSCalendar, TSCard, TSCheckbox, TSDataTable, TSDialog, TSDialogConfirm, TSDropdown, TSFilterContainer, TSForm, TSInputEmail, TSInputNumber, TSInputText, TSMultiSelect, TSTabMenu, TSValidatorMessage, };

package/dist/components/v2/Button/Button.vue.d.ts

@@ -4,6 +4,10 @@ import type { TSVueIcons } from '../../../components/v2/Icon/Icon.vue.d';
 
 export interface TSButtonProps
   extends /* @vue-ignore */ Omit<ButtonProps, 'icon'> {
+  /**
+   * Tooltip/information to show on button hover.
+   */
+  tooltip?: string;
   icon?: TSVueIcons;
 }
 

package/dist/components/v2/ButtonDownload/ButtonDownload.vue.d.ts

@@ -0,0 +1,9 @@
+import { DefineComponent } from 'vue';
+
+export interface ButtonDownloadProps {
+  fileName: string;
+}
+
+declare const ButtonDownload: DefineComponent<ButtonDownloadProps>;
+
+export default ButtonDownload;

package/dist/components/v2/ButtonFilter/ButtonFilter.vue.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent } from 'vue';
+
+export interface ButtonFilterProps {
+  showFilter?: boolean;
+}
+
+export type ButtonFilterEmits = {
+  'update:showFilter': [state: boolean];
+};
+
+declare const ButtonFilter: DefineComponent<
+  ButtonFilterProps,
+  ButtonFilterEmits
+>;
+
+export default ButtonFilter;

package/dist/components/v2/ButtonToggle/ButtonToggle.vue.d.ts

@@ -0,0 +1,16 @@
+import { DefineComponent } from 'vue';
+
+export interface ButtonToggleProps {
+  modelValue: boolean;
+}
+
+export type ButtonToggleEmits = {
+  'update:modelValue': [state: boolean];
+};
+
+declare const ButtonToggle: DefineComponent<
+  ButtonToggleProps,
+  ButtonToggleEmits
+>;
+
+export default ButtonToggle;

package/dist/components/v2/Calendar/Calendar.vue.d.ts

@@ -0,0 +1,66 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * TSCalendar component props
+ */
+export interface TSCalendarProps {
+  /**
+   * TSCalendar modelValue is date timestamp: 1706423635731
+   */
+  modelValue?: number | number[];
+  /**
+   * To display the initial date value, used in edit form, taht sometime need to display the already inputed date.
+   */
+  dateValue?: number | number[];
+  /**
+   * Display label on top of Date Input.
+   */
+  label?: string;
+  /**
+   * Whether single date or date range model value.
+   */
+  mode?: 'range' | 'single';
+  /**
+   * 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.
+   */
+  validatorMessage?: string;
+}
+
+/**
+ * TSCalendar component emits
+ */
+export type TSCalendarEmits = {
+  'update:modelValue': [date: number | number[]];
+};
+
+/**
+ * **TSVue - TSCalendar**
+ *
+ * _Handle input date with form validation._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const TSCalendar: DefineComponent<TSCalendarProps, TSCalendarEmits>;
+
+export default TSCalendar;

package/dist/components/v2/Card/Card.vue.d.ts

@@ -0,0 +1,139 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+/**
+ *
+ * Card is a flexible container component.
+ *
+ * @module card
+ *
+ */
+import { VNode } from 'vue';
+import { ComponentHooks } from '../BaseComponent/BaseComponent.d';
+import { PassThroughOptions } from '../PassThrough';
+import {
+  ClassComponent,
+  GlobalComponentConstructor,
+  PassThrough,
+} from '../ts-helpers';
+
+export declare type CardPassThroughOptionType =
+  | CardPassThroughAttributes
+  | null
+  | undefined;
+
+/**
+ * Custom passthrough(pt) options.
+ * @see {@link CardProps.pt}
+ */
+export interface CardPassThroughOptions {
+  /**
+   * Used to pass attributes to the root's DOM element.
+   */
+  root?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the header's DOM element.
+   */
+  header?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the body's DOM element.
+   */
+  body?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the caption's DOM element.
+   */
+  caption?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the title's DOM element.
+   */
+  title?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the subtitle's DOM element.
+   */
+  subtitle?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the content's DOM element.
+   */
+  content?: CardPassThroughOptionType;
+  /**
+   * Used to pass attributes to the footer's DOM element.
+   */
+  footer?: CardPassThroughOptionType;
+  /**
+   * Used to manage all lifecycle hooks.
+   * @see {@link BaseComponent.ComponentHooks}
+   */
+  hooks?: ComponentHooks;
+}
+
+/**
+ * Custom passthrough attributes for each DOM elements
+ */
+export interface CardPassThroughAttributes {
+  [key: string]: any;
+}
+
+/**
+ * Defines valid properties in Card component.
+ */
+export interface CardProps {
+  /**
+   * Used to pass attributes to DOM elements inside the component.
+   * @type {CardPassThroughOptions}
+   */
+  pt?: PassThrough<CardPassThroughOptions>;
+  /**
+   * Used to configure passthrough(pt) options of the component.
+   * @type {PassThroughOptions}
+   */
+  ptOptions?: PassThroughOptions;
+  /**
+   * When enabled, it removes component related styles in the core.
+   * @defaultValue false
+   */
+  unstyled?: boolean;
+}
+
+/**
+ * Defines valid slots in Card component.
+ */
+export interface CardSlots {
+  /**
+   * Custom header template.
+   */
+  header(): VNode[];
+  /**
+   * Custom title template.
+   */
+  title(): VNode[];
+  /**
+   * Custom subtitle template.
+   */
+  subtitle(): VNode[];
+  /**
+   * Custom content template.
+   */
+  content(): VNode[];
+  /**
+   * Custom footer template.
+   */
+  footer(): VNode[];
+}
+
+/**
+ * **TSVue - Card**
+ *
+ * _Card is a flexible container component._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group Component
+ */
+declare class Card extends ClassComponent<CardProps, CardSlots, CardEmits> {}
+
+declare module '@vue/runtime-core' {
+  interface GlobalComponents {
+    Card: GlobalComponentConstructor<Card>;
+  }
+}
+
+export default Card;

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

@@ -0,0 +1,53 @@
+import { Component } from 'vue';
+
+type Data = Record<string, unknown>;
+
+export type FetchResponse = {
+  data: Data[];
+  totalRecords: number;
+};
+
+export type TableCellComponent = {
+  component: string | Component;
+  props?: object;
+  model?: unknown;
+  events?: unknown;
+  onChange?: (itemData: unknown) => void;
+  disabled?: boolean;
+};
+
+export type TableColumn = {
+  header: string;
+  field: string;
+  style?: string;
+  sortable?: boolean;
+  fixed?: boolean;
+  /**
+   * Exclude column from download/export excel.
+   */
+  excluded?: boolean;
+  bodyStyle?: (props: unknown) => string;
+  bodyTemplate?: (data: unknown) => string | undefined;
+  bodyComponent?: (data: unknown) => TaCellbleComponent;
+  headerTemplate?: () => string;
+  headerComponent?: () => {
+    component: string | Component;
+    props?: object;
+    model?: unknown;
+    events?: unknown;
+    onChange?: (data: unknown) => void;
+    disabled?: boolean;
+  };
+};
+
+export type TableOption = {
+  label?: string;
+  command?: (data?: unknown) => unknown;
+  icon?: string;
+  items?: unknown[];
+  class?: string;
+  disabled?: boolean;
+  separator?: boolean;
+  danger?: boolean;
+  visible?: boolean;
+};