tsv2-library 0.0.1 → 0.0.2

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

@@ -0,0 +1,14 @@
+import type { PropType as __PropType } from 'vue';
+import { TSVueIcons } from '../../components/icon/Icon.vue.d';
+declare const _sfc_main: import("vue").DefineComponent<{
+    icon: {
+        type: __PropType<TSVueIcons | undefined>;
+        required: false;
+    };
+}, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+    icon: {
+        type: __PropType<TSVueIcons | undefined>;
+        required: false;
+    };
+}>>, {}, {}>;
+export default _sfc_main;

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

@@ -0,0 +1 @@
+{"version":3,"file":"Button.vue.d.ts","sourceRoot":"","sources":["../../../src/components/Button/Button.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,4IAA4I,CAAC;AACnK,cAAc,4IAA4I,CAAC;AAC3J,eAAe,SAAS,CAAC"}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.vue.d.ts","sourceRoot":"","sources":["../../../src/components/icon/Icon.vue"],"names":[],"mappings":"AAAA,OAAO,SAAS,MAAM,wIAAwI,CAAC;AAC/J,cAAc,wIAAwI,CAAC;AACvJ,eAAe,SAAS,CAAC"}

package/dist/components/index.d.ts

@@ -0,0 +1,2 @@
+import Button from './Button/Button.vue';
+export { Button };

package/dist/components/main.d.ts

@@ -0,0 +1,7 @@
+import type { App } from 'vue';
+import { Button } from '../components';
+declare const _default: {
+    install: (app: App) => void;
+};
+export default _default;
+export { Button };

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

@@ -0,0 +1,48 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * Props for Badge component
+ */
+export interface BadgeProps {
+  /**
+   * The text to be displayed.
+   */
+  label: string;
+  /**
+   * Sets the severity level for styling purposes.
+   */
+  severity?: 'success' | 'danger' | 'warning' | 'dark' | 'primary';
+  /**
+   * Determines if the name should be truncated when it exceeds a certain length.
+   */
+  truncate?: boolean;
+  /**
+   * Specifies the type for text truncation rules based on the usage context.
+   */
+  type?: 'user' | 'status';
+  /**
+   * Whether to show the remove icon or not. Clicking the remove icon will emit 'remove' event.
+   */
+  removable?: boolean;
+}
+
+/**
+ * Emits for Badge component
+ */
+export type BadgeEmits = {
+  remove: [];
+};
+
+/**
+ * **TSVue V2 - Badge**
+ *
+ * _Badge is a component for displaying a text with optional remove functionality._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group components
+ */
+declare const Badge: DefineComponent<BadgeProps, BadgeEmits>;
+
+export default Badge;

package/dist/components/v2/buttonbulkaction/ButtonBulkAction.vue.d.ts

@@ -0,0 +1,69 @@
+import { DefineComponent } from 'vue';
+import { MenuItem } from '../../../../node_modules/primevue/menuitem';
+import { TSVueIcons } from '../../../components/v2/icon/Icon.vue.d';
+
+export type MenuOption = Omit<MenuItem, 'label', 'command', 'icon'> & {
+  label?: string;
+  /**
+   * Specify the severity of action to danger (red).
+   */
+  danger?: boolean;
+  /**
+   * Define the command to be executed when Apply button is clicked.
+   * __ __
+   * **NOTE**: _Add the command to do the real action, not sets the bulk action label_
+   *
+   * Changing bulk action label is already handled by the component it self.
+   * @returns void
+   */
+  command?: () => void;
+  /**
+   * The action icon.
+   */
+  icon?: TSVueIcons;
+};
+
+export interface ButtonBulkActionProps {
+  /**
+   * An array of data objects to be included in an action.
+   * Use as 'v-model:selectedDatas' to automatically reset on Cancel or Apply.
+   */
+  selectedDatas: Record<string, unknown>[];
+  options: MenuOption[];
+  /**
+   * Specify the name/label for selected data.
+   * @example 'Asset(s)' will be displayed as '3 Asset(s) Selected'
+   */
+  naming?: string;
+}
+
+export type ButtonBulkActionEmits = {
+  /**
+   * Emits when Apply button is clicked.
+   *
+   * By default 'command' on MenuOption will be executed.
+   * With this event, You can do additional actions.
+   */
+  'apply': [];
+  /**
+   * Emits when Cancel or Apply button is clicked.
+   */
+  'update:selectedDatas': [datas: Record<string, unknown>[]];
+};
+
+/**
+ * **TSVue V2 - ButtonBulkAction**
+ *
+ * _ButtonBulkAction is a component for handling bulk action for multiple data at once._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group buttons
+ */
+declare const ButtonBulkAction: DefineComponent<
+  ButtonBulkActionProps,
+  ButtonBulkActionEmits
+>;
+
+export default ButtonBulkAction;

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

@@ -1,4 +1,4 @@
-import _sfc_main from "C:/Users/HP/Documents/Programming/Works/TS-CONSOLE-MFE-V2/tsv2-library/src/components/v2/icon/Icon.vue?vue&type=script&setup=true&lang.ts";
-export * from "C:/Users/HP/Documents/Programming/Works/TS-CONSOLE-MFE-V2/tsv2-library/src/components/v2/icon/Icon.vue?vue&type=script&setup=true&lang.ts";
-export default _sfc_main;
-//# sourceMappingURL=Icon.vue.d.ts.map
+/**
+ * List of all available icons.
+ */
+export type TSVueIcons = 'close' | 'arrow-down' | 'check';

package/dist/components/v2/inputtext/InputText.vue.d.ts

@@ -0,0 +1,71 @@
+import { DefineComponent } from 'vue';
+
+/**
+ * InputText component props
+ */
+export interface InputTextProps {
+  /**
+   * String modelValue of the input.
+   */
+  modelValue?: string;
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
+  /**
+   * 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 'textInput'
+   */
+  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 {type}'
+   */
+  placeholder?: string;
+  /**
+   * Specify the validation type. Wether 'email' or 'text' validation.
+   */
+  type?: 'email' | 'text';
+  /**
+   * Disabled the input.
+   */
+  disabled?: boolean;
+}
+
+/**
+ * InputText component emits
+ */
+export type InputTextEmits = {
+  'update:modelValue': [payload?: string];
+};
+
+/**
+ * **TSVue - InputText**
+ *
+ * _Handle input text with form validation._
+ *
+ * --- ---
+ * ![TSVue](https://ik.imagekit.io/kurniadev/TS-HEAD-BLACK.png)
+ *
+ * @group form
+ */
+declare const InputText: DefineComponent<InputTextProps, InputTextEmits>;
+
+export default InputText;

package/dist/main.d.ts

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