@wikicasa-dev/components 0.1.0 → 0.1.2

package/dist/UIKit/BaseSelect.vue.d.ts

@@ -0,0 +1,150 @@
+import { PropType } from "vue";
+import { FeedbackLabels, SelectOptions, Nullable } from "@wikicasa-dev/types";
+import { decodeTextWithEntities } from "@wikicasa-dev/utilities";
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: () => "select" | "autocomplete";
+        default: string;
+    };
+    modelValue: PropType<string | SelectOptions>;
+    feedback: {
+        type: () => FeedbackLabels;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    options: {
+        type: () => SelectOptions[];
+    };
+    withCustomLi: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manualOpenDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manualCloseDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdownBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leftIcon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    labelText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    dropdownPosition: {
+        type: () => "down" | "up";
+        default: string;
+    };
+    writable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, {
+    openDropdown: boolean;
+    handleCloseDropdownOnBodyClick: Nullable<() => void>;
+    keepFloatingLabel: boolean;
+    firstUpdate: boolean;
+    selectedValue: Nullable<SelectOptions>;
+}, {
+    selectEl(): HTMLElement | null;
+    curValue(): Nullable<string>;
+}, {
+    decodeTextWithEntities: typeof decodeTextWithEntities;
+    handleFocusIn(): void;
+    handleOptionSelect(opt: SelectOptions): void;
+    handleOnSelectClick(e: Event): void;
+    showOpenDropdownArrow(): void;
+    showCloseDropdownArrow(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "input" | "focusin" | "update:modelValue" | "mouseleave" | "changed-value" | "dropdown-closed" | "close-dropdown")[], "click" | "input" | "focusin" | "update:modelValue" | "mouseleave" | "changed-value" | "dropdown-closed" | "close-dropdown", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: () => "select" | "autocomplete";
+        default: string;
+    };
+    modelValue: PropType<string | SelectOptions>;
+    feedback: {
+        type: () => FeedbackLabels;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    options: {
+        type: () => SelectOptions[];
+    };
+    withCustomLi: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manualOpenDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    manualCloseDropdown: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    dropdownBorder: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    border: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    leftIcon: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    labelText: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    dropdownPosition: {
+        type: () => "down" | "up";
+        default: string;
+    };
+    writable: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onFocusin?: ((...args: any[]) => any) | undefined;
+    onInput?: ((...args: any[]) => any) | undefined;
+    onMouseleave?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onChanged-value"?: ((...args: any[]) => any) | undefined;
+    "onDropdown-closed"?: ((...args: any[]) => any) | undefined;
+    "onClose-dropdown"?: ((...args: any[]) => any) | undefined;
+}, {
+    isValid: Nullable<boolean>;
+    labelText: string;
+    type: "select" | "autocomplete";
+    border: boolean;
+    leftIcon: string;
+    manualCloseDropdown: boolean;
+    withCustomLi: boolean;
+    manualOpenDropdown: boolean;
+    dropdownBorder: boolean;
+    dropdownPosition: "down" | "up";
+    writable: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/BaseSlider.vue.d.ts

@@ -0,0 +1,42 @@
+import { Nullable } from "@wikicasa-dev/types";
+type Inputs = "min-input" | "max-input";
+declare const _default: import("vue").DefineComponent<{
+    type: {
+        type: () => "linear" | "logarithmic";
+        default: string;
+    };
+}, unknown, {
+    leftSliderLimit: number;
+    rightSliderLimit: number;
+    minValue: number;
+    maxValue: number;
+    sliderMinValue: number;
+    sliderMaxValue: number;
+    minlval: number;
+    maxlval: number;
+    scale: number;
+}, {
+    fromSlider(): Nullable<HTMLInputElement>;
+    toSlider(): Nullable<HTMLInputElement>;
+    fromInput(): Nullable<HTMLInputElement>;
+    toInput(): Nullable<HTMLInputElement>;
+}, {
+    handleInputChange(from: Inputs, value: string): void;
+    getCurrentPosition(value: number): number;
+    getCurrentValue(position: number): number;
+    controlFromInput(_: HTMLInputElement, controlSlider: HTMLInputElement): void;
+    controlToInput(toSlider: HTMLInputElement, controlSlider: HTMLInputElement): void;
+    controlFromSlider(fromSlider: Nullable<HTMLInputElement>, toSlider: Nullable<HTMLInputElement>): void;
+    controlToSlider(fromSlider: Nullable<HTMLInputElement>, toSlider: Nullable<HTMLInputElement>): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("minChanged" | "maxChanged")[], "minChanged" | "maxChanged", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    type: {
+        type: () => "linear" | "logarithmic";
+        default: string;
+    };
+}>> & {
+    onMinChanged?: ((...args: any[]) => any) | undefined;
+    onMaxChanged?: ((...args: any[]) => any) | undefined;
+}, {
+    type: "linear" | "logarithmic";
+}, {}>;
+export default _default;

package/dist/UIKit/BaseTab.vue.d.ts

@@ -0,0 +1,60 @@
+import { PropType } from "vue";
+interface ITab {
+    id: string;
+    label: string;
+    iconName?: string;
+}
+declare const _default: import("vue").DefineComponent<{
+    navTabsCustomClass: {
+        type: StringConstructor;
+    };
+    firstLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstIconName: {
+        type: StringConstructor;
+    };
+    secondLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    secondIconName: {
+        type: StringConstructor;
+    };
+    tabs: {
+        type: PropType<ITab[]>;
+    };
+}, unknown, {
+    selectedId: string;
+}, {}, {
+    handleClick(id: string): void;
+    clickTab(id: string): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "clickedTab"[], "clickedTab", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    navTabsCustomClass: {
+        type: StringConstructor;
+    };
+    firstLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    firstIconName: {
+        type: StringConstructor;
+    };
+    secondLabel: {
+        type: StringConstructor;
+        default: string;
+    };
+    secondIconName: {
+        type: StringConstructor;
+    };
+    tabs: {
+        type: PropType<ITab[]>;
+    };
+}>> & {
+    onClickedTab?: ((...args: any[]) => any) | undefined;
+}, {
+    firstLabel: string;
+    secondLabel: string;
+}, {}>;
+export default _default;

package/dist/UIKit/BaseToggle.vue.d.ts

@@ -0,0 +1,36 @@
+declare const _default: import("vue").DefineComponent<{
+    withRightLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {}, {
+    handleToggle({ target }: Event): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "update:modelValue"[], "update:modelValue", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    withRightLabel: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    label: string;
+    modelValue: boolean;
+    withRightLabel: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/BaseTooltip.vue.d.ts

@@ -0,0 +1,56 @@
+declare const _default: import("vue").DefineComponent<{
+    theme: {
+        type: () => {
+            color: "blue" | "white";
+            size: "sm" | "md" | "lg";
+        };
+        default(): {
+            color: string;
+            size: string;
+        };
+    };
+    direction: {
+        type: () => "top" | "bottom" | "left" | "right" | "top-center" | "bottom-center";
+        default: string;
+    };
+    customTooltipClass: {
+        type: () => "mail-alert";
+        default: string;
+    };
+    showTooltipContentManually: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    theme: {
+        type: () => {
+            color: "blue" | "white";
+            size: "sm" | "md" | "lg";
+        };
+        default(): {
+            color: string;
+            size: string;
+        };
+    };
+    direction: {
+        type: () => "top" | "bottom" | "left" | "right" | "top-center" | "bottom-center";
+        default: string;
+    };
+    customTooltipClass: {
+        type: () => "mail-alert";
+        default: string;
+    };
+    showTooltipContentManually: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>>, {
+    theme: {
+        color: "blue" | "white";
+        size: "sm" | "md" | "lg";
+    };
+    direction: "left" | "top" | "bottom" | "right" | "top-center" | "bottom-center";
+    customTooltipClass: "mail-alert";
+    showTooltipContentManually: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/BaseUploadFile.vue.d.ts

@@ -0,0 +1,37 @@
+declare const _default: import("vue").DefineComponent<{
+    withMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, any, {}, {
+    handleInput({ target }: InputEvent): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("cleared" | "uploaded")[], "cleared" | "uploaded", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    withMargin: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    labelText: {
+        type: StringConstructor;
+        default: string;
+    };
+    clear: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onCleared?: ((...args: any[]) => any) | undefined;
+    onUploaded?: ((...args: any[]) => any) | undefined;
+}, {
+    labelText: string;
+    clear: boolean;
+    withMargin: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/Checkbox/CheckboxBtn.vue.d.ts

@@ -0,0 +1,101 @@
+import { Nullable } from "@wikicasa-dev/types";
+declare const _default: import("vue").DefineComponent<{
+    id: {
+        type: StringConstructor[];
+        required: true;
+    };
+    inputClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    labelClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerId: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    handleLabelClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, unknown, {
+    checkboxEl(): HTMLInputElement;
+}, {
+    handleChange(_: Event): void;
+    handleClick(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("click" | "update:modelValue" | "change")[], "click" | "update:modelValue" | "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    id: {
+        type: StringConstructor[];
+        required: true;
+    };
+    inputClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    inline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    label: {
+        type: (StringConstructor | NumberConstructor)[];
+        required: false;
+        default: string;
+    };
+    labelClass: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    isValid: {
+        type: () => Nullable<boolean>;
+        default: null;
+    };
+    modelValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    containerId: {
+        type: StringConstructor;
+        required: false;
+        default: string;
+    };
+    handleLabelClick: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    onClick?: ((...args: any[]) => any) | undefined;
+    onChange?: ((...args: any[]) => any) | undefined;
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+}, {
+    isValid: Nullable<boolean>;
+    label: string | number;
+    modelValue: boolean;
+    inputClass: string;
+    inline: boolean;
+    labelClass: string;
+    containerId: string;
+    handleLabelClick: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/Checkbox/CheckboxGroup.vue.d.ts

@@ -0,0 +1,55 @@
+import { CheckboxButtonType } from "@wikicasa-dev/types";
+declare const _default: import("vue").DefineComponent<{
+    checkboxValues: {
+        type: () => CheckboxButtonType[];
+    };
+    valuesObj: {
+        type: () => Record<string | number, unknown>;
+    };
+    formCheckInline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    reset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, {
+    checkedValues: CheckboxButtonType[];
+    checkedValuesObj: Record<string | number, unknown>;
+}, {}, {
+    isActive(elem: CheckboxButtonType): boolean;
+    handleChange(checkboxValue: CheckboxButtonType): void;
+    handleCheckboxChange(checkboxValue: CheckboxButtonType): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "resetted")[], "update:modelValue" | "resetted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    checkboxValues: {
+        type: () => CheckboxButtonType[];
+    };
+    valuesObj: {
+        type: () => Record<string | number, unknown>;
+    };
+    formCheckInline: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    customClass: {
+        type: StringConstructor;
+        default: string;
+    };
+    reset: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onResetted?: ((...args: any[]) => any) | undefined;
+}, {
+    reset: boolean;
+    customClass: string;
+    formCheckInline: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/Radio/RadioButton.vue.d.ts

@@ -0,0 +1,26 @@
+declare const _default: import("vue").DefineComponent<{
+    label: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: true;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+}, unknown, unknown, {}, {
+    emitChange(): void;
+    handleClick(): void;
+    handleOnInput(): void;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "change"[], "change", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    label: {
+        type: (StringConstructor | BooleanConstructor)[];
+        required: true;
+    };
+    isChecked: {
+        type: BooleanConstructor;
+    };
+}>> & {
+    onChange?: ((...args: any[]) => any) | undefined;
+}, {
+    isChecked: boolean;
+}, {}>;
+export default _default;

package/dist/UIKit/Radio/RadioGroup.vue.d.ts

@@ -0,0 +1,36 @@
+import { RadioButtonType, Nullable } from "@wikicasa-dev/types";
+declare const _default: import("vue").DefineComponent<{
+    initialValue: {
+        type: () => RadioButtonType;
+    };
+    radioValues: {
+        type: () => RadioButtonType[];
+    };
+    resetRadio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}, unknown, {
+    selectedValue: Nullable<RadioButtonType>;
+}, {}, {
+    handleChange(elem: RadioButtonType): void;
+    reset(): void;
+    isActive(elem: RadioButtonType): boolean;
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "resetted")[], "update:modelValue" | "resetted", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    initialValue: {
+        type: () => RadioButtonType;
+    };
+    radioValues: {
+        type: () => RadioButtonType[];
+    };
+    resetRadio: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    onResetted?: ((...args: any[]) => any) | undefined;
+}, {
+    resetRadio: boolean;
+}, {}>;
+export default _default;

package/dist/components/base/StaticSpinner.vue.d.ts

@@ -0,0 +1,23 @@
+declare const _default: import("vue").DefineComponent<{
+    thickness: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: () => "tw-stroke-black" | "tw-stroke-white";
+        default: string;
+    };
+}, unknown, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+    thickness: {
+        type: NumberConstructor;
+        default: number;
+    };
+    color: {
+        type: () => "tw-stroke-black" | "tw-stroke-white";
+        default: string;
+    };
+}>>, {
+    color: "tw-stroke-black" | "tw-stroke-white";
+    thickness: number;
+}, {}>;
+export default _default;