@fewangsit/wangsvue-fats 1.0.0-alpha.34 → 1.0.0-alpha.36

package/components/textarea/Textarea.vue.d.ts

@@ -1,27 +1,27 @@
 import { TextareaHTMLAttributes } from 'vue';
 import {
-    ClassComponent,
-    GlobalComponentConstructor,
-    Nullable,
-    Numberish,
+  ClassComponent,
+  GlobalComponentConstructor,
+  Nullable,
+  Numberish,
 } from '../ts-helpers.d';
 import { CustomValidation } from '../form/Form.vue.d';
 
 export interface TextareaLocaleConfig {
-    /**
-     * @example '{label} must not be empty' - label will be replaced with props.label
-     */
-    emptyInvalidText?: string;
-
-    /**
-     * @example 'Max. {maxLength} characters' - maxLength will be replaced with props.maxLength
-     */
-    exceedMaxLengthInvalidText?: string;
-
-    /**
-     * @example 'Enter {label}' - label can be ommited, and if exist will be replaced with props.label
-     */
-    defaultPlaceholder?: string;
+  /**
+   * @example '{label} must not be empty' - label will be replaced with props.label
+   */
+  emptyInvalidText?: string;
+
+  /**
+   * @example 'Max. {maxLength} characters' - maxLength will be replaced with props.maxLength
+   */
+  exceedMaxLengthInvalidText?: string;
+
+  /**
+   * @example 'Enter {label}' - label can be ommited, and if exist will be replaced with props.label
+   */
+  defaultPlaceholder?: string;
 }
 
 /**
@@ -29,119 +29,119 @@ export interface TextareaLocaleConfig {
  * @extends TextareaHTMLAttributes
  */
 export interface TextareaProps
-    extends /* @vue-ignore */ TextareaHTMLAttributes {
-    /**
-     * The model value of text area.
-     */
-    modelValue?: Nullable<string>;
-
-    /**
-     * Sets the initial value of the field. This will only available with option 'useValidator'.
-     *
-     * In use case like edit form, you need to display the previous inputted value.
-     */
-    value?: Nullable<string>;
-
-    /**
-     * Set invalid input state. And show validatorMessage if available.
-     */
-    invalid?: boolean;
-
-    /**
-     * Disabled input state.
-     */
-    disabled?: boolean;
-
-    /**
-     * When present, height of textarea changes as being typed.
-     * @defaultValue true
-     */
-    autoResize?: boolean | undefined;
-
-    /**
-     * Specifies the input variant of the component.
-     * @defaultValue outlined
-     */
-    variant?: 'outlined' | 'filled' | undefined;
-
-    /**
-     * Whether 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;
-
-    /**
-     * Set custom validator message.
-     * Will be show if invalid="true" or in some conditions. {@link Condition}
-     *
-     * @example: 'This field is required'
-     * @example: { empty: 'This field is required' }
-     */
-    validatorMessage?: string | CustomValidation<'empty' | 'exceed'>;
-
-    /**
-     * 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 'textareaInput'
-     */
-    fieldName?: string;
-
-    /**
-     * Show information to user about the field with a tooltip.
-     */
-    fieldInfo?: string;
-
-    /**
-     * Make the field mandatory.
-     */
-    mandatory?: boolean;
-
-    /**
-     * The maximum character length allowed by validator.
-     *
-     * @default unlimited
-     */
-    maxInput?: number;
-
-    /**
-     * The maximum character length allowed on input.
-     *
-     * @default unlimited
-     */
-    maxlength?: number;
-
-    /**
-     * Prevent input once the max length is reached, allowing only backspace.
-     *
-     * @default true
-     */
-    preventInputOnMaxLength?: boolean;
-
-    inputClass?: string;
-    rows?: Numberish;
-
-    /**
-     * Specify the input placeholder.
-     *
-     * @default 'Enter {label}' or 'Enter {type}'
-     */
-    placeholder?: string;
-
-    /**
-     * The input label. Tell the user what input is this.
-     */
-    label?: string;
+  extends /* @vue-ignore */ TextareaHTMLAttributes {
+  /**
+   * The model value of text area.
+   */
+  modelValue?: Nullable<string>;
+
+  /**
+   * Sets the initial value of the field. This will only available with option 'useValidator'.
+   *
+   * In use case like edit form, you need to display the previous inputted value.
+   */
+  value?: Nullable<string>;
+
+  /**
+   * Set invalid input state. And show validatorMessage if available.
+   */
+  invalid?: boolean;
+
+  /**
+   * Disabled input state.
+   */
+  disabled?: boolean;
+
+  /**
+   * When present, height of textarea changes as being typed.
+   * @defaultValue true
+   */
+  autoResize?: boolean | undefined;
+
+  /**
+   * Specifies the input variant of the component.
+   * @defaultValue outlined
+   */
+  variant?: 'outlined' | 'filled' | undefined;
+
+  /**
+   * Whether 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;
+
+  /**
+   * Set custom validator message.
+   * Will be show if invalid="true" or in some conditions. {@link Condition}
+   *
+   * @example: 'This field is required'
+   * @example: { empty: 'This field is required' }
+   */
+  validatorMessage?: string | CustomValidation<'empty' | 'exceed'>;
+
+  /**
+   * 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 'textareaInput'
+   */
+  fieldName?: string;
+
+  /**
+   * Show information to user about the field with a tooltip.
+   */
+  fieldInfo?: string;
+
+  /**
+   * Make the field mandatory.
+   */
+  mandatory?: boolean;
+
+  /**
+   * The maximum character length allowed by validator.
+   *
+   * @default unlimited
+   */
+  maxInput?: number;
+
+  /**
+   * The maximum character length allowed on input.
+   *
+   * @default unlimited
+   */
+  maxlength?: number;
+
+  /**
+   * Prevent input once the max length is reached, allowing only backspace.
+   *
+   * @default true
+   */
+  preventInputOnMaxLength?: boolean;
+
+  inputClass?: string;
+  rows?: Numberish;
+
+  /**
+   * Specify the input placeholder.
+   *
+   * @default 'Enter {label}' or 'Enter {type}'
+   */
+  placeholder?: string;
+
+  /**
+   * The input label. Tell the user what input is this.
+   */
+  label?: string;
 }
 
 /**
  * Defines valid emits in Textarea component.
  */
 export type TextareaEmits = {
-    /**
-     * Emitted when the value changes.
-     */
-    'update:modelValue': [value: Nullable<string>];
+  /**
+   * Emitted when the value changes.
+   */
+  'update:modelValue': [value: Nullable<string>];
 };
 
 /**
@@ -156,15 +156,15 @@ export type TextareaEmits = {
  *
  */
 declare class Textarea extends ClassComponent<
-    TextareaProps,
-    Record<string, unknown>,
-    TextareaEmits
+  TextareaProps,
+  Record<string, unknown>,
+  TextareaEmits
 > {}
 
 declare module '@vue/runtime-core' {
-    interface GlobalComponents {
-        Textarea: GlobalComponentConstructor<Textarea>;
-    }
+  interface GlobalComponents {
+    Textarea: GlobalComponentConstructor<Textarea>;
+  }
 }
 
 export default Textarea;

package/components/timeline/Timeline.vue.d.ts

@@ -3,103 +3,103 @@ import { BadgeProps } from '../badge/Badge.vue.d';
 import { ClassComponent } from '../ts-helpers';
 
 export interface AttachmentFile {
-    type: 'image' | 'xls' | 'doc' | 'pdf' | 'csv' | 'video' | 'data';
-    filePath?: string;
+  type: 'image' | 'xls' | 'doc' | 'pdf' | 'csv' | 'video' | 'data';
+  filePath?: string;
 }
 
 export interface AttachmentLink {
-    type: 'link';
-    url?: string;
+  type: 'link';
+  url?: string;
 }
 
 export interface LinkTaskURL {
-    type: 'taskUrl';
-    url: string;
+  type: 'taskUrl';
+  url: string;
 }
 
 export interface LinkTaskIframeEmbed {
-    type: 'embed';
-    code: string;
+  type: 'embed';
+  code: string;
 }
 
 export interface DetailText {
-    type: 'text';
-    value: string;
+  type: 'text';
+  value: string;
 }
 
 export interface DetailBadge extends BadgeProps {
-    type: 'badge';
+  type: 'badge';
 }
 
 export interface DetailUserText {
-    type: 'userText';
-    user: {
-        _id: string;
-        nickName: string;
-    };
-    text: string;
+  type: 'userText';
+  user: {
+    _id: string;
+    nickName: string;
+  };
+  text: string;
 }
 
 export interface DetailBullet {
-    type: 'bullet';
-    value: (string | DetailUserText)[];
+  type: 'bullet';
+  value: (string | DetailUserText)[];
 }
 
 export interface DetailJSONContent {
-    type: 'json';
-    value: JSONContent;
+  type: 'json';
+  value: JSONContent;
 }
 
 export type Attachment =
-    | AttachmentLink
-    | AttachmentFile
-    | LinkTaskIframeEmbed
-    | LinkTaskURL;
+  | AttachmentLink
+  | AttachmentFile
+  | LinkTaskIframeEmbed
+  | LinkTaskURL;
 
 export type LinkTaskEditAction = Record<
-    'Sebelum' | 'Sesudah',
-    LinkTaskURL | LinkTaskIframeEmbed
+  'Sebelum' | 'Sesudah',
+  LinkTaskURL | LinkTaskIframeEmbed
 >;
 
 export type DetailType =
-    | Attachment
-    | LinkTaskEditAction
-    | DetailText
-    | DetailUserText
-    | DetailBullet
-    | DetailJSONContent
-    | DetailBadge;
+  | Attachment
+  | LinkTaskEditAction
+  | DetailText
+  | DetailUserText
+  | DetailBullet
+  | DetailJSONContent
+  | DetailBadge;
 
 export type KeyValue = Record<string, string | DetailType>;
 
 export type TimelineItem = {
+  _id: string;
+  action: string;
+  createdAt: string;
+  user?: {
     _id: string;
-    action: string;
-    createdAt: string;
-    user?: {
-        _id: string;
-        nickName: string;
-    };
-    detail?: KeyValue | DetailType;
+    nickName: string;
+  };
+  detail?: KeyValue | DetailType;
 };
 
 export type TimelineProps = {
-    value: TimelineItem[];
-    /**
-     * Whether the detail values should be aligned with each other or not.
-     * @defaultValue false
-     */
-    alignDetail?: boolean;
-    /**
-     * Whether the timeline should be scrollable or not.
-     * @defaultValue false
-     */
-    noScroll?: boolean;
-    /**
-     * Whether the createdAt field should be displayed in raw format or not.
-     * @defaultValue false
-     */
-    noFormatDate?: boolean;
+  value: TimelineItem[];
+  /**
+   * Whether the detail values should be aligned with each other or not.
+   * @defaultValue false
+   */
+  alignDetail?: boolean;
+  /**
+   * Whether the timeline should be scrollable or not.
+   * @defaultValue false
+   */
+  noScroll?: boolean;
+  /**
+   * Whether the createdAt field should be displayed in raw format or not.
+   * @defaultValue false
+   */
+  noFormatDate?: boolean;
 };
 
 /**
@@ -113,9 +113,9 @@ export type TimelineProps = {
  * @group Component
  */
 declare class Timeline extends ClassComponent<
-    TimelineProps,
-    unknown,
-    unknown
+  TimelineProps,
+  unknown,
+  unknown
 > {}
 
 export default Timeline;