@fewangsit/wangsvue-fats 1.0.0-alpha.3 → 1.0.0-alpha.30

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

@@ -1,99 +1,105 @@
 import { JSONContent } from '../editor/Editor.vue.d';
+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';
 }
 
 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;
+    | 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;
-    nickName: string;
-  };
-  detail?: KeyValue | DetailType;
+    action: string;
+    createdAt: string;
+    user?: {
+        _id: string;
+        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;
 };
 
 /**
@@ -107,9 +113,9 @@ export type TimelineProps = {
  * @group Component
  */
 declare class Timeline extends ClassComponent<
-  TimelineProps,
-  unknown,
-  unknown
+    TimelineProps,
+    unknown,
+    unknown
 > {}
 
 export default Timeline;

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

@@ -1,16 +1,64 @@
-import { AttachmentFile, AttachmentLink, DetailBullet, DetailJSONContent, DetailText, DetailUserText, LinkTaskIframeEmbed, LinkTaskURL } from './Timeline.vue.d';
-declare const _default: import('vue').DefineComponent<__VLS_TypePropsToOption<{
-    detail: AttachmentFile | LinkTaskIframeEmbed | LinkTaskURL | AttachmentLink | DetailText | DetailUserText | DetailBullet | DetailJSONContent;
-}>, {}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<__VLS_TypePropsToOption<{
-    detail: AttachmentFile | LinkTaskIframeEmbed | LinkTaskURL | AttachmentLink | DetailText | DetailUserText | DetailBullet | DetailJSONContent;
-}>>>, {}, {}>;
+import {
+    AttachmentFile,
+    AttachmentLink,
+    DetailBullet,
+    DetailJSONContent,
+    DetailText,
+    DetailUserText,
+    LinkTaskIframeEmbed,
+    LinkTaskURL,
+    DetailBadge,
+} from './Timeline.vue.d';
+declare const _default: import('vue').DefineComponent<
+    __VLS_TypePropsToOption<{
+        detail:
+            | AttachmentFile
+            | LinkTaskIframeEmbed
+            | LinkTaskURL
+            | AttachmentLink
+            | DetailText
+            | DetailUserText
+            | DetailBullet
+            | DetailJSONContent
+            | DetailBadge;
+    }>,
+    {},
+    unknown,
+    {},
+    {},
+    import('vue').ComponentOptionsMixin,
+    import('vue').ComponentOptionsMixin,
+    {},
+    string,
+    import('vue').PublicProps,
+    Readonly<
+        import('vue').ExtractPropTypes<
+            __VLS_TypePropsToOption<{
+                detail:
+                    | AttachmentFile
+                    | LinkTaskIframeEmbed
+                    | LinkTaskURL
+                    | AttachmentLink
+                    | DetailText
+                    | DetailUserText
+                    | DetailBullet
+                    | DetailJSONContent
+                    | DetailBadge;
+            }>
+        >
+    >,
+    {},
+    {}
+>;
 export default _default;
 type __VLS_NonUndefinedable<T> = T extends undefined ? never : T;
 type __VLS_TypePropsToOption<T> = {
-    [K in keyof T]-?: {} extends Pick<T, K> ? {
-        type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
-    } : {
-        type: import('vue').PropType<T[K]>;
-        required: true;
-    };
+    [K in keyof T]-?: {} extends Pick<T, K>
+        ? {
+              type: import('vue').PropType<__VLS_NonUndefinedable<T[K]>>;
+          }
+        : {
+              type: import('vue').PropType<T[K]>;
+              required: true;
+          };
 };