tsv2-library 0.0.8 → 0.0.9

package/dist/build-entry.d.ts

@@ -0,0 +1,8 @@
+import type { App } from 'vue';
+import LibConfig from '../node_modules/primevue/config';
+import { TSButton, TSCheckbox } from './components/v2';
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;
+export { LibConfig, TSButton, TSCheckbox };

package/dist/components/{Button → v2/Button}/Button.vue.d.ts

@@ -1,5 +1,8 @@
 import type { PropType as __PropType } from 'vue';
-import { TSVueIcons } from '../../components/icon/Icon.vue.d';
+import { TSVueIcons } from '../Icon/Icon.vue.d';
+/**
+ * FIXME: Button does not fire click event using @click;
+ */
 declare const _sfc_main: import("vue").DefineComponent<{
     icon: {
         type: __PropType<TSVueIcons | undefined>;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/v2/Button/Button.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,+IAA+I,CAAC;AACtK,cAAc,+IAA+I,CAAC;AAC9J,eAAe,SAAS,CAAC"}

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

@@ -1,6 +1,6 @@
 import { DefineComponent } from 'vue';
 import { MenuItem } from '../../../../node_modules/primevue/menuitem';
-import { TSVueIcons } from '../../../components/v2/icon/Icon.vue.d';
+import { TSVueIcons } from '../Icon/Icon.vue.d';
 
 export type MenuOption = Omit<MenuItem, 'label', 'command', 'icon'> & {
   label?: string;

package/dist/components/v2/Checkbox/Checkbox.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/v2/Checkbox/Checkbox.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,mJAAmJ,CAAC;AAC1K,cAAc,mJAAmJ,CAAC;AAClK,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,36 @@
+import { DefineComponent, Slot } from 'vue';
+
+/**
+ * Emits for TSFilterContainer component
+ */
+export type TSFilterContainerEmits = {
+  apply: [];
+  clear: [];
+};
+
+/**
+ * Slots for TSFilterContainer component
+ */
+export type TSFilterContainerSlots = {
+  default: Slot;
+};
+
+/**
+ * **TSVue - FilterContainer**
+ *
+ * _TSFilterContainer is a component for generating a dynamic grid-based layout for any count of filter fields.
+ * It calculates the number of children in the container and sets their grid area style dynamically.
+ *
+ * The grid layout is determined by the row and column position, which are incremented based on the child count.
+ * If the child count is odd and the child is the last one (which is Buttons Action),
+ * it is placed in the 4th column._
+ *
+ * @group components
+ */
+declare const TSFilterContainer: DefineComponent<
+  object,
+  TSFilterContainerEmits,
+  TSFilterContainerSlots
+>;
+
+export default TSFilterContainer;

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

@@ -0,0 +1,80 @@
+import { DefineComponent, Slot } from 'vue';
+
+export type FormValue =
+  | string
+  | string[]
+  | number
+  | number[]
+  | boolean
+  | boolean[]
+  | Record<string, unknown>
+  | Record<string, unknown>[];
+
+export type FormPayload = {
+  stayAfterSubmit: boolean;
+  formValues: Record<string, FormValue>;
+};
+
+/**
+ * Props for Form component
+ */
+export interface FormProps {
+  /**
+   * The number of columns per row.
+   * @default 1;
+   */
+  columnPerRow?: number;
+  /**
+   * The template for form buttons.
+   */
+  buttonsTemplate?: (
+    | 'clear'
+    | 'submit'
+    | 'save'
+    | 'save-outlined'
+    | 'cancel'
+  )[];
+  /**
+   * Determines if the stay checkbox should be hidden.
+   */
+  hideStayCheckbox?: boolean;
+  /**
+   * Determines if the buttons should be sticky.
+   */
+  stickyButtons?: boolean;
+}
+
+/**
+ * Slots for Form component
+ */
+export interface FormSlots {
+  /**
+   * The fields slot for the form. Here is where you can put your form fields.
+   */
+  fields: Slot;
+}
+
+/**
+ * Emits for Form component
+ */
+export type FormEmits = {
+  submit: [values: FormPayload];
+  save: [values: FormPayload];
+  clear: [];
+  cancel: [];
+};
+
+/**
+ * **TSVue - Form**
+ *
+ * _Form is a component for creating forms with validation on submit using vee-validate.
+ * You need to install vee-validate while using this component._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare const Form: DefineComponent<FormProps, FormSlots, FormEmits>;
+
+export default Form;

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

@@ -0,0 +1,10 @@
+/**
+ * List of all available icons.
+ */
+export type TSVueIcons =
+  | 'close'
+  | 'arrow-down'
+  | 'check'
+  | 'info'
+  | 'filter-fill'
+  | 'filter-line';

package/dist/components/v2/Icon/Icon.vue.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../../src/components/v2/Icon/Icon.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,2IAA2I,CAAC;AAClK,cAAc,2IAA2I,CAAC;AAC1J,eAAe,SAAS,CAAC"}

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

@@ -0,0 +1,73 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * InputEmail component props
+ */
+export interface InputEmailProps {
+  /**
+   * Model value for the input field
+   */
+  modelValue?: string;
+
+  /**
+   * Label for the input field
+   */
+  label?: string;
+
+  /**
+   * Field name for the input field
+   */
+  fieldName?: string;
+
+  /**
+   * Determines if the field is mandatory
+   */
+  mandatory?: boolean;
+
+  /**
+   * Determines if the field uses a validator
+   */
+  useValidator?: boolean;
+
+  /**
+   * Validator message for the input field
+   */
+  validatorMessage?: string;
+
+  /**
+   * Placeholder for the input field
+   */
+  placeholder?: string;
+
+  /**
+   * Determines if the input field is disabled
+   */
+  disabled?: boolean;
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
+}
+
+/**
+ * InputEmail component emits
+ */
+export type InputEmailEmits = {
+  /**
+   * Event emitted when the model value is updated
+   */
+  'update:modelValue': [payload?: string];
+};
+/**
+ * **TSVue - InputEmail**
+ *
+ * _Handle input email with form validation._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const InputEmail: DefineComponent<InputEmailProps, InputEmailEmits>;
+
+export default InputEmail;

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

@@ -0,0 +1,95 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * InputNumber component props
+ */
+export interface InputNumberProps {
+  /**
+   * Number modelValue of the input.
+   */
+  modelValue?: number;
+  initialValue?: number;
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+  addonLabel?: string;
+  /**
+   * Max input number value.
+   */
+  max?: number;
+  /**
+   * Wether the input should be validated with vee-validator or not.
+   * If you use this component within form input, you need to set this props as true.
+   */
+  useValidator?: boolean;
+  /**
+   * This prop is required if you use this component in a form input.
+   * Specify the unique field name, match with your needs for API request.
+   *
+   * @default 'numberInput'
+   */
+  fieldName?: string;
+  /**
+   * Wether this input field is required or not.
+   */
+  mandatory?: boolean;
+  /**
+   * Set custom validator message.
+   * It is rarely use, this component has handled the validator message.
+   */
+  validatorMessage?: string;
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter number'
+   */
+  placeholder?: string;
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+  /**
+   * Displays increment/decrement buttons.
+   */
+  showButtons?: boolean;
+  /**
+   * The width of input.
+   */
+  size?: 'small' | 'normal' | 'full';
+  /**
+   * Defines the behavior of the component.
+   * @defaultValue decimal
+   */
+  mode?: 'decimal' | 'currency';
+  /**
+   * Whether to use grouping separators, such as thousands separators or thousand/lakh/crore separators.
+   * @defaultValue true
+   */
+  useGrouping?: boolean;
+  /**
+   * Show information about the field.
+   */
+  fieldInfo?: string;
+}
+
+/**
+ * InputNumber component emits
+ */
+export type InputNumberEmits = {
+  'update:modelValue': [payload?: string];
+};
+
+/**
+ * **TSVue - InputNumber**
+ *
+ * _Handle input number with form validation._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const InputNumber: DefineComponent<InputNumberProps, InputNumberEmits>;
+
+export default InputNumber;

package/dist/components/v2/{inputtext → InputText}/InputText.vue.d.ts

@@ -47,6 +47,10 @@ export interface InputTextProps {
    * Disabled the input.
    */
   disabled?: boolean;
+  /**
+   * Show information to user about the field.
+   */
+  fieldInfo?: string;
 }
 
 /**

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

@@ -0,0 +1,3 @@
+import TSButton from './Button/Button.vue';
+import TSCheckbox from './Checkbox/Checkbox.vue';
+export { TSButton, TSCheckbox };

package/dist/main.d.ts

@@ -1,3 +1,3 @@
-export * from './components/main'
-import tsv2Library from './components/main'
+export * from './build-entry'
+import tsv2Library from './build-entry'
 export default tsv2Library