@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/Search/utils.d.ts

@@ -0,0 +1,4 @@
+import { DropdownListItem } from '../Dropdown/Dropdown.types';
+
+declare function filterAutoCompleteList(autoCompleteList: DropdownListItem[] | undefined, value: string): DropdownListItem[] | undefined;
+export { filterAutoCompleteList };

package/dist/Select/Item/Item.d.ts

@@ -0,0 +1,116 @@
+export interface CheckboxProps extends MouseEvent {
+    value: boolean;
+    isChecked: boolean;
+    item: {
+        text: string;
+        value: string;
+    };
+}
+export interface SelectItemProps {
+    text: string;
+    value: string;
+    onClick?: (payload: MouseEvent) => void;
+    onCheckboxChange?: (payload: CheckboxProps) => void;
+    checkboxValue?: boolean;
+    isSelected?: boolean;
+    type?: "text" | "multiple" | "with-icon";
+    icon?: string;
+    btnClass?: string;
+}
+declare const _default: import('vue').DefineComponent<{
+    text: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    onClick: {
+        default: () => void;
+        type: () => (payload: MouseEvent) => void;
+        required: false;
+        validator: (value: (payload: MouseEvent) => void) => boolean;
+    };
+    onCheckboxChange: {
+        default: () => void;
+        type: () => (payload: CheckboxProps) => void;
+        required: false;
+        validator: (value: (payload: MouseEvent) => void) => boolean;
+    };
+    checkboxValue: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    type: {
+        type: () => SelectItemProps["type"];
+        default: string;
+        validator: (value: SelectItemProps["type"]) => boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    btnClass: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}, {
+    checkboxRef: import('vue').Ref<null>;
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    text: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    value: {
+        type: StringConstructor;
+        required: true;
+        validator: (value: string) => boolean;
+    };
+    onClick: {
+        default: () => void;
+        type: () => (payload: MouseEvent) => void;
+        required: false;
+        validator: (value: (payload: MouseEvent) => void) => boolean;
+    };
+    onCheckboxChange: {
+        default: () => void;
+        type: () => (payload: CheckboxProps) => void;
+        required: false;
+        validator: (value: (payload: MouseEvent) => void) => boolean;
+    };
+    checkboxValue: {
+        type: BooleanConstructor;
+        default: boolean;
+        validator: (value: boolean) => boolean;
+    };
+    type: {
+        type: () => SelectItemProps["type"];
+        default: string;
+        validator: (value: SelectItemProps["type"]) => boolean;
+    };
+    icon: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+    btnClass: {
+        type: StringConstructor;
+        default: string;
+        validator: (value: string) => boolean;
+    };
+}>>, {
+    type: "text" | "multiple" | "with-icon" | undefined;
+    onClick: (payload: MouseEvent) => void;
+    icon: string;
+    onCheckboxChange: (payload: CheckboxProps) => void;
+    checkboxValue: boolean;
+    btnClass: string;
+}, {}>;
+export default _default;

package/dist/Select/Item/Item.vue.js

@@ -0,0 +1,52 @@
+import p from "./Item.vue2.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as i, normalizeClass as s, createElementVNode as l, toDisplayString as r, createVNode as k } from "vue";
+import "./Item.vue3.js";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const d = ["src"];
+function u(o, e, c, f, v, b) {
+  const a = m("AtCheckbox");
+  return o.type === "text" ? (t(), i("div", {
+    key: 0,
+    role: "option",
+    class: s(["AT-Item_container", o.btnClass]),
+    onClick: e[0] || (e[0] = (...n) => o.onClick && o.onClick(...n))
+  }, [
+    l("span", null, r(o.text), 1)
+  ], 2)) : o.type === "with-icon" ? (t(), i("div", {
+    key: 1,
+    class: s(["AT-Item_container", o.btnClass]),
+    role: "option",
+    onClick: e[1] || (e[1] = (...n) => o.onClick && o.onClick(...n))
+  }, [
+    l("img", {
+      alt: "ícone do item",
+      src: o.icon
+    }, null, 8, d),
+    l("span", null, r(o.text), 1)
+  ], 2)) : (t(), i("div", {
+    key: 2,
+    role: "option",
+    class: s(["AT-Item_container", o.btnClass]),
+    onClick: e[3] || (e[3] = (...n) => o.onClick && o.onClick(...n))
+  }, [
+    k(a, {
+      ref: "checkboxRef",
+      size: "12",
+      "model-value": o.checkboxValue,
+      onClick: e[2] || (e[2] = (n) => {
+        o.onCheckboxChange({
+          ...n,
+          item: {
+            text: o.text,
+            value: o.value
+          }
+        });
+      })
+    }, null, 8, ["model-value"]),
+    l("span", null, r(o.text), 1)
+  ], 2));
+}
+const g = /* @__PURE__ */ C(p, [["render", u], ["__scopeId", "data-v-4d791ea9"]]);
+export {
+  g as default
+};

package/dist/Select/Item/Item.vue2.js

@@ -0,0 +1,62 @@
+import { defineComponent as e, ref as o } from "vue";
+import n from "../../Checkbox/Checkbox.vue.js";
+const a = e({
+  name: "AtSelectItem",
+  components: {
+    AtCheckbox: n
+  },
+  props: {
+    text: {
+      type: String,
+      required: !0,
+      validator: (t) => typeof t == "string"
+    },
+    value: {
+      type: String,
+      required: !0,
+      validator: (t) => typeof t == "string"
+    },
+    onClick: {
+      default: () => {
+      },
+      type: Function,
+      required: !1,
+      validator: (t) => typeof t == "function"
+    },
+    onCheckboxChange: {
+      default: () => {
+      },
+      type: Function,
+      required: !1,
+      validator: (t) => typeof t == "function"
+    },
+    checkboxValue: {
+      type: Boolean,
+      default: !1,
+      validator: (t) => typeof t == "boolean"
+    },
+    type: {
+      type: String,
+      default: "text",
+      validator: (t) => typeof t == "string" && ["text", "multiple", "with-icon"].includes(t)
+    },
+    icon: {
+      type: String,
+      default: "",
+      validator: (t) => typeof t == "string"
+    },
+    btnClass: {
+      type: String,
+      default: "",
+      validator: (t) => typeof t == "string"
+    }
+  },
+  setup() {
+    return {
+      checkboxRef: o(null)
+    };
+  }
+});
+export {
+  a as default
+};

package/dist/Select/Item/Item.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};

package/dist/Select/Multiple/Select.multiple.d.ts

@@ -0,0 +1,133 @@
+import { PropType } from 'vue';
+import { SelectItemProps } from '../Item/Item';
+import { SelectCoreProps } from '../Select.core';
+
+export interface SelectMultipleProps extends SelectCoreProps {
+}
+declare const _default: import('vue').DefineComponent<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string[] | SelectItemProps[]>;
+        default: () => SelectItemProps[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emitValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: () => Array<SelectItemProps>;
+        default: () => SelectItemProps[];
+        validator: (value: Array<SelectItemProps>) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}, {
+    onSelectedValueChange: (item: SelectItemProps, isChecked: boolean) => void;
+    onSelectedItemClick: (selectedValue: string, isOpen?: boolean) => void;
+    rotateIcon: () => void;
+    myItems: import('vue').Ref<{
+        text: string;
+        value: string;
+        onClick?: ((payload: MouseEvent) => void) | undefined;
+        onCheckboxChange?: ((payload: import('../Item/Item').CheckboxProps) => void) | undefined;
+        checkboxValue?: boolean | undefined;
+        isSelected?: boolean | undefined;
+        type?: "text" | "multiple" | "with-icon" | undefined;
+        icon?: string | undefined;
+        btnClass?: string | undefined;
+    }[]>;
+    values: import('vue').ComputedRef<string>;
+    selectedValues: import('vue').Ref<{
+        text: string;
+        value: string;
+        onClick?: ((payload: MouseEvent) => void) | undefined;
+        onCheckboxChange?: ((payload: import('../Item/Item').CheckboxProps) => void) | undefined;
+        checkboxValue?: boolean | undefined;
+        isSelected?: boolean | undefined;
+        type?: "text" | "multiple" | "with-icon" | undefined;
+        icon?: string | undefined;
+        btnClass?: string | undefined;
+    }[]>;
+    isInternalChange: import('vue').Ref<boolean>;
+    isOpen: import('vue').Ref<boolean>;
+    containerRef: import('vue').Ref<HTMLDivElement | null>;
+    icons: {
+        indicatorSvg: string;
+    };
+}, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "update:items" | "update:selectedItems")[], "update:modelValue" | "update:items" | "update:selectedItems", import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+    label: {
+        type: StringConstructor;
+        default: string;
+    };
+    modelValue: {
+        type: PropType<string[] | SelectItemProps[]>;
+        default: () => SelectItemProps[];
+    };
+    disabled: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    emitValue: {
+        type: BooleanConstructor;
+        default: boolean;
+    };
+    items: {
+        type: () => Array<SelectItemProps>;
+        default: () => SelectItemProps[];
+        validator: (value: Array<SelectItemProps>) => boolean;
+    };
+    required: {
+        type: BooleanConstructor;
+        required: false;
+        default: boolean;
+    };
+    separator: {
+        type: StringConstructor;
+        default: string;
+    };
+    error: {
+        type: ObjectConstructor;
+        default: () => void;
+    };
+    placeholder: {
+        type: StringConstructor;
+        default: string;
+    };
+}>> & {
+    "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:items"?: ((...args: any[]) => any) | undefined;
+    "onUpdate:selectedItems"?: ((...args: any[]) => any) | undefined;
+}, {
+    required: boolean;
+    label: string;
+    error: Record<string, any>;
+    disabled: boolean;
+    modelValue: string[] | SelectItemProps[];
+    placeholder: string;
+    items: SelectItemProps[];
+    separator: string;
+    emitValue: boolean;
+}, {}>;
+export default _default;

package/dist/Select/Multiple/Select.multiple.vue.js

@@ -0,0 +1,59 @@
+import p from "./Select.multiple.vue2.js";
+import { resolveComponent as i, openBlock as t, createElementBlock as l, createVNode as u, Fragment as m, renderList as k, createBlock as h, createCommentVNode as b } from "vue";
+import "./Select.multiple.vue3.js";
+import C from "../../_virtual/_plugin-vue_export-helper.js";
+const v = ["aria-disabled"], f = {
+  key: 0,
+  role: "group",
+  "aria-orientation": "vertical",
+  tabindex: "-1",
+  class: "AT-SELECT_items-container"
+};
+function g(e, n, I, S, y, A) {
+  const c = i("AtSingleCore"), d = i("AtItem");
+  return t(), l("div", {
+    ref: "containerRef",
+    class: "AT-SELECT_wrapper",
+    "aria-disabled": e.disabled,
+    onClick: n[0] || (n[0] = (o) => {
+      e.isOpen = !e.isOpen, e.rotateIcon();
+    })
+  }, [
+    u(c, {
+      "selected-items": e.selectedValues,
+      label: e.label,
+      "on-selected-item-click": e.onSelectedItemClick,
+      items: e.myItems,
+      disabled: e.disabled,
+      "force-value": !0,
+      separator: e.separator,
+      required: e.required,
+      placeholder: e.placeholder,
+      "is-multiple": !0
+    }, null, 8, ["selected-items", "label", "on-selected-item-click", "items", "disabled", "separator", "required", "placeholder"]),
+    e.isOpen ? (t(), l("div", f, [
+      (t(!0), l(m, null, k(e.myItems, (o) => (t(), h(d, {
+        key: o.value,
+        text: o.text,
+        value: o.value,
+        icon: o.icon,
+        "data-text": o.text,
+        "checkbox-value": o.isSelected,
+        "on-click": (a) => {
+          a.stopPropagation();
+        },
+        type: "multiple",
+        "on-checkbox-change": async (a) => {
+          var s;
+          e.isInternalChange = !0;
+          const r = a.value;
+          o.isSelected = r, (s = o.onCheckboxChange) == null || s.call(o, { ...a, item: o }), await e.onSelectedValueChange({ ...o }, r), e.$emit("update:items", e.myItems), e.isInternalChange = !1;
+        }
+      }, null, 8, ["text", "value", "icon", "data-text", "checkbox-value", "on-click", "on-checkbox-change"]))), 128))
+    ])) : b("", !0)
+  ], 8, v);
+}
+const q = /* @__PURE__ */ C(p, [["render", g], ["__scopeId", "data-v-cde83014"]]);
+export {
+  q as default
+};

package/dist/Select/Multiple/Select.multiple.vue2.js

@@ -0,0 +1,141 @@
+import { defineComponent as V, ref as d, provide as h, computed as A, watch as S, onMounted as w, onUnmounted as C } from "vue";
+import _ from "../Item/Item.vue.js";
+import b from "../Select.core.vue.js";
+import k from "../imgs/indicator.svg.js";
+const j = V({
+  name: "AtMultipleSelect",
+  components: {
+    AtSingleCore: b,
+    AtItem: _
+  },
+  props: {
+    label: {
+      type: String,
+      default: ""
+    },
+    modelValue: {
+      type: [Array],
+      default: () => []
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    emitValue: {
+      type: Boolean,
+      default: !1
+    },
+    items: {
+      type: Array,
+      default: () => [],
+      validator: (n) => Array.isArray(n) && n.every((i) => typeof i == "object")
+    },
+    required: {
+      type: Boolean,
+      required: !1,
+      default: !1
+    },
+    separator: {
+      type: String,
+      default: ","
+    },
+    error: {
+      type: Object,
+      default: () => {
+      }
+    },
+    placeholder: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:items", "update:selectedItems", "update:modelValue"],
+  setup(n, i) {
+    const c = d(!1), f = d(null), u = d(n.items), s = d(!1);
+    h("error", n.error);
+    const o = d([]), g = A(
+      () => [...o.value].map((e) => e.value).join(n.separator)
+    ), m = (e, a) => {
+      const l = u.value.find(
+        (t) => t.value === e.value
+      );
+      if (a) {
+        if (o.value.find(
+          (r) => r.value === e.value
+        ))
+          return;
+        o.value.push(e), l && (l.isSelected = !0);
+      } else {
+        const t = o.value.findIndex(
+          (r) => r.value === e.value
+        );
+        if (t === -1)
+          return;
+        o.value.splice(t, 1), l && (l.isSelected = !1);
+      }
+      i.emit("update:selectedItems", o), n.emitValue ? i.emit(
+        "update:modelValue",
+        o.value.map((t) => t.value)
+      ) : i.emit(
+        "update:modelValue",
+        o.value.map((t) => ({ value: t.value, text: t.text }))
+      );
+    }, I = (e, a = !0) => {
+      const l = n.items.find((t) => t.value === e);
+      l && (m(l, !1), c.value = a, v());
+    }, p = (e) => {
+      var l;
+      const a = e.target;
+      (l = f.value) != null && l.contains(a) || (c.value = !1, v());
+    }, y = async (e) => {
+      if (!s.value) {
+        u.value.forEach((a) => a.isSelected = !1), o.value = [];
+        for (const a of e) {
+          const l = typeof a == "string" ? a : a.value, t = u.value.find((r) => r.value === l);
+          if (!t) {
+            console.warn(
+              `O valor ${a} ao qual você incluiu no v-model não está contida nos itens disponíveis`
+            );
+            continue;
+          }
+          s.value = !0, await m(t, !0), t.isSelected = !0, s.value = !1;
+        }
+      }
+    };
+    S(
+      () => n.modelValue,
+      (e) => y(e)
+    ), w(() => {
+      y(n.modelValue), window.addEventListener("click", p);
+    }), C(() => {
+      window.removeEventListener("click", p), u.value.map((e) => e.isSelected = !1);
+    });
+    const v = () => {
+      var a;
+      const e = (a = f.value) == null ? void 0 : a.querySelector(".AT_INPUT_icon_slot");
+      e instanceof HTMLElement && e.setAttribute("data-rotate", c.value.toString());
+    };
+    return S(
+      () => n.items,
+      (e) => {
+        s.value || (u.value = e);
+      }
+    ), {
+      onSelectedValueChange: m,
+      onSelectedItemClick: I,
+      rotateIcon: v,
+      myItems: u,
+      values: g,
+      selectedValues: o,
+      isInternalChange: s,
+      isOpen: c,
+      containerRef: f,
+      icons: {
+        indicatorSvg: k
+      }
+    };
+  }
+});
+export {
+  j as default
+};

package/dist/Select/Multiple/Select.multiple.vue3.js

@@ -0,0 +1,4 @@
+const e = "";
+export {
+  e as default
+};