@agrotools1/at-components 1.0.0 → 1.0.2

package/dist/Faq/FaqItem/FaqItem.vue2.js

@@ -0,0 +1,32 @@
+import { defineComponent as r } from "vue";
+import { AtArrowRightSolidIcon as e } from "../../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtArrowRightSolidIcon/index.js";
+import a from "../../Button/Button.vue.js";
+import { AtTipograph as p } from "../../Tipograph/index.js";
+const l = r({
+  name: "AtFaqItem",
+  components: {
+    AtArrowRightSolidIcon: e,
+    AtButton: a,
+    AtParagraph: p.Paragraph
+  },
+  props: {
+    items: {
+      type: Array,
+      required: !0,
+      validator: (t) => Array.isArray(t) && t.every((o) => typeof o == "object")
+    },
+    fullSize: {
+      type: Boolean,
+      default: !1
+    },
+    fixedTop: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  setup() {
+  }
+});
+export {
+  l as default
+};

package/dist/Faq/FaqItem/FaqItem.vue3.js

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

package/dist/Faq/FaqItem/index.d.ts

@@ -0,0 +1 @@
+export { default as AtFaqItem } from './FaqItem';

package/dist/Faq/index.d.ts

@@ -0,0 +1 @@
+export { default as Faq, type FaqProps } from './Faq';

package/dist/Filter/Filter.vue.js

@@ -0,0 +1,215 @@
+import S from "./Filter.vue2.js";
+import { resolveComponent as m, openBlock as t, createElementBlock as s, createVNode as l, withCtx as n, createElementVNode as a, createTextVNode as d, toDisplayString as i, createCommentVNode as g, renderSlot as D, Fragment as k, renderList as I, pushScopeId as T, popScopeId as $ } from "vue";
+import "./Filter.vue3.js";
+import B from "../_virtual/_plugin-vue_export-helper.js";
+const C = (e) => (T("data-v-db71d215"), e = e(), $(), e), F = { class: "d-flex align-items-center gap-2" }, U = {
+  key: 1,
+  class: "badge"
+}, N = { class: "filter" }, O = { class: "at-dropdown-header" }, E = {
+  key: 0,
+  class: "at-dropdown-content"
+}, L = {
+  key: 1,
+  class: "at-dropdown-content"
+}, M = { class: "item" }, P = ["for"], R = /* @__PURE__ */ C(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), j = /* @__PURE__ */ C(() => /* @__PURE__ */ a("span", { class: "separator" }, null, -1)), q = ["for"], G = ["for"], H = { class: "at-dropdown-footer" };
+function J(e, r, K, Q, W, X) {
+  var y, A;
+  const V = m("AtFilterRegularIcon"), h = m("AtCloseSolidIcon"), c = m("AtParagraph"), f = m("AtButton"), v = m("AtCheckbox"), w = m("AtDropDown");
+  return t(), s("div", { key: e.keyValue }, [
+    l(w, {
+      id: e.id,
+      "is-open": e.isOpen,
+      position: (y = e.options) == null ? void 0 : y.position,
+      "prevent-click-outside": (A = e.options) == null ? void 0 : A.preventClickOutside,
+      "onUpdate:isOpen": r[3] || (r[3] = (u) => e.isOpen = u)
+    }, {
+      trigger: n(() => [
+        l(f, {
+          id: "dropdown-button",
+          variant: e.getButtonColor
+        }, {
+          default: n(() => {
+            var u;
+            return [
+              a("section", F, [
+                l(V, { size: "16" }),
+                d(" " + i(((u = e.options) == null ? void 0 : u.buttonText) ?? "Filtros"), 1)
+              ]),
+              e.count > 0 ? (t(), s("span", {
+                key: 0,
+                class: "clear-icon",
+                onClick: r[0] || (r[0] = () => e.clear())
+              }, [
+                l(h, {
+                  size: "20",
+                  onClick: e.closeDialog
+                }, null, 8, ["onClick"])
+              ])) : g("", !0),
+              e.count > 0 ? (t(), s("span", U, [
+                l(c, { size: "p3" }, {
+                  default: n(() => [
+                    d(i(e.count), 1)
+                  ]),
+                  _: 1
+                })
+              ])) : g("", !0)
+            ];
+          }),
+          _: 1
+        }, 8, ["variant"])
+      ]),
+      default: n(() => {
+        var u;
+        return [
+          a("div", N, [
+            a("div", O, [
+              l(c, {
+                size: "p1",
+                weight: "bold"
+              }, {
+                default: n(() => {
+                  var o;
+                  return [
+                    d(i((o = e.options) == null ? void 0 : o.title), 1)
+                  ];
+                }),
+                _: 1
+              }),
+              a("span", {
+                style: { cursor: "pointer" },
+                class: "closeIcon",
+                onClick: r[1] || (r[1] = (...o) => e.closeDialog && e.closeDialog(...o))
+              }, [
+                l(h, { size: "20" })
+              ])
+            ]),
+            e.withSlot ? (t(), s("div", E, [
+              D(e.$slots, "default", {}, void 0, !0)
+            ])) : (t(), s("div", L, [
+              (u = e.options) != null && u.checkAllText ? (t(), s(k, { key: 0 }, [
+                a("div", M, [
+                  l(v, {
+                    id: e.getItemId({ text: "checkAll", value: !1 }),
+                    modelValue: e.checkAllModel,
+                    "onUpdate:modelValue": r[2] || (r[2] = (o) => e.checkAllModel = o),
+                    "prevent-default": !0,
+                    size: "12",
+                    labelledby: "checkAll"
+                  }, null, 8, ["id", "modelValue"]),
+                  a("label", {
+                    for: e.getItemId({ text: "checkAll", value: !1 }),
+                    class: "checkall-label"
+                  }, [
+                    l(c, { size: "p2" }, {
+                      default: n(() => {
+                        var o;
+                        return [
+                          d(i((o = e.options) == null ? void 0 : o.checkAllText), 1)
+                        ];
+                      }),
+                      _: 1
+                    })
+                  ], 8, P)
+                ]),
+                R
+              ], 64)) : g("", !0),
+              (t(!0), s(k, null, I(e.listSeparator, (o, b) => (t(), s("div", {
+                key: `${b}`,
+                class: "item-separator"
+              }, [
+                l(c, {
+                  size: "p2",
+                  weight: "bold"
+                }, {
+                  default: n(() => [
+                    d(i(o.key), 1)
+                  ]),
+                  _: 2
+                }, 1024),
+                j,
+                (t(!0), s(k, null, I(o.value, (p, _) => (t(), s("div", {
+                  key: `${_}`,
+                  class: "item"
+                }, [
+                  l(v, {
+                    id: e.getItemId(p),
+                    modelValue: p.value,
+                    "onUpdate:modelValue": (z) => p.value = z,
+                    labelledby: e.getItemId(p),
+                    size: "12"
+                  }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
+                  a("label", {
+                    for: e.getItemId(p),
+                    class: "item-label"
+                  }, [
+                    l(c, { size: "p2" }, {
+                      default: n(() => [
+                        d(i(e.getItemText(p)), 1)
+                      ]),
+                      _: 2
+                    }, 1024)
+                  ], 8, q)
+                ]))), 128))
+              ]))), 128)),
+              (t(!0), s(k, null, I(e.listArray, (o, b) => (t(), s("div", {
+                key: `${b}`,
+                class: "item"
+              }, [
+                l(v, {
+                  id: e.getItemId(o),
+                  modelValue: o.value,
+                  "onUpdate:modelValue": (p) => o.value = p,
+                  size: "12",
+                  labelledby: e.getItemId(o)
+                }, null, 8, ["id", "modelValue", "onUpdate:modelValue", "labelledby"]),
+                a("label", {
+                  for: e.getItemId(o),
+                  class: "item-label"
+                }, [
+                  l(c, { size: "p2" }, {
+                    default: n(() => [
+                      d(i(e.getItemText(o)), 1)
+                    ]),
+                    _: 2
+                  }, 1024)
+                ], 8, G)
+              ]))), 128))
+            ])),
+            a("div", H, [
+              l(f, {
+                variant: "secondary",
+                class: "clear-button w-100",
+                onClick: e.clear
+              }, {
+                default: n(() => {
+                  var o;
+                  return [
+                    d(i(((o = e.options) == null ? void 0 : o.cancelBtnText) ?? "Limpar"), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["onClick"]),
+              l(f, {
+                class: "save-button w-100",
+                onClick: e.save
+              }, {
+                default: n(() => {
+                  var o;
+                  return [
+                    d(i(((o = e.options) == null ? void 0 : o.saveBtnText) ?? "Filtrar"), 1)
+                  ];
+                }),
+                _: 1
+              }, 8, ["onClick"])
+            ])
+          ])
+        ];
+      }),
+      _: 3
+    }, 8, ["id", "is-open", "position", "prevent-click-outside"])
+  ]);
+}
+const oe = /* @__PURE__ */ B(S, [["render", J], ["__scopeId", "data-v-db71d215"]]);
+export {
+  oe as default
+};

package/dist/Filter/Filter.vue2.js

@@ -0,0 +1,123 @@
+import { defineComponent as P, ref as n, computed as R, toRaw as V } from "vue";
+import { AtCloseSolidIcon as q } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtCloseSolidIcon/index.js";
+import { AtFilterRegularIcon as B } from "../node_modules/.pnpm/@agrotools1_at-icons@0.2.11/node_modules/@agrotools1/at-icons/dist/AtFilterRegularIcon/index.js";
+import T from "../Button/Button.vue.js";
+import E from "../Checkbox/Checkbox.vue.js";
+import M from "../Dropdown/Dropdown.core.vue.js";
+import { AtTipograph as U } from "../Tipograph/index.js";
+const _ = {
+  AtCloseSolidIcon: q,
+  AtFilterRegularIcon: B
+}, Q = P({
+  name: "AtFilter",
+  components: {
+    AtDropDown: M,
+    AtParagraph: U.Paragraph,
+    AtButton: T,
+    AtCheckbox: E,
+    ..._
+  },
+  props: {
+    dropDownList: {
+      type: Array,
+      required: !0,
+      default: () => []
+    },
+    options: {
+      type: Object,
+      required: !1
+    },
+    withSlot: {
+      type: Boolean,
+      default: !1
+    },
+    id: {
+      type: String,
+      required: !1
+    }
+  },
+  emits: ["update:isOpen", "onSave", "onCleanUp"],
+  setup(i, { emit: d, attrs: h }) {
+    const k = (e) => {
+      if (typeof e.text == "string")
+        return e.text;
+    }, c = n(!1), w = () => {
+      c.value = !c.value;
+    }, D = R(() => c.value || u.value > 0 ? "primary" : "secondary"), g = n(!1), p = n([]), A = () => {
+      p.value = i.dropDownList.map(
+        (e) => structuredClone(V(e))
+      );
+    };
+    A();
+    const s = n(), l = n(), y = () => {
+      s.value = [], l.value = [], p.value.some((e) => "key" in e) ? s.value = p.value : l.value = p.value;
+    };
+    y();
+    const x = (e) => {
+      var t, o;
+      (t = s.value) == null || t.map(
+        (a) => a.value.map((r) => r.value = e)
+      ), (o = l.value) == null || o.map((a) => a.value = e);
+    }, f = () => c.value = !1, L = (e = !0) => {
+      g.value = !1, x(!1), I(), C(), d("onCleanUp"), e && setTimeout(f, 1);
+    }, S = () => {
+      var o, a;
+      const e = (o = s.value) == null ? void 0 : o.reduce(
+        (r, { key: F, value: v }) => {
+          const O = v == null ? void 0 : v.filter((m) => m.value).map((m) => m.text);
+          return r[F] = O, r;
+        },
+        {}
+      ), t = (a = l.value) == null ? void 0 : a.filter((r) => r.value).map((r) => r.text);
+      return t != null && t.length ? t : e;
+    }, C = () => {
+      var t, o;
+      const e = (t = l.value) != null && t.length ? l.value : (
+        // .filter((item) => item.value)
+        s.value
+      );
+      I(), f(), d(
+        "onSave",
+        (o = i.options) != null && o.returnOnlyChecked && (e != null && e.length) ? S() : e
+      );
+    }, u = n(0), I = () => {
+      var e, t;
+      u.value = 0, u.value += ((e = l.value) == null ? void 0 : e.filter((o) => o.value).length) ?? 0, (t = s.value) == null || t.forEach(
+        (o) => o.value.forEach(
+          (a) => a.value ? u.value++ : u
+        )
+      );
+    }, b = n(0);
+    return {
+      props: i,
+      list: p,
+      listSeparator: s,
+      listArray: l,
+      checkAllModel: g,
+      isOpen: c,
+      getButtonColor: D,
+      count: u,
+      keyValue: b,
+      getItemId: (e) => h.id ? `${h.id}-${e.text}` : e.text,
+      resetList: A,
+      setListProps: y,
+      toggleDropdown: w,
+      setAllCheckboxValues: x,
+      clear: L,
+      getItemText: k,
+      closeDialog: f,
+      save: C
+    };
+  },
+  watch: {
+    checkAllModel(i) {
+      this.setAllCheckboxValues(i);
+    },
+    dropDownList() {
+      this.resetList(), this.clear(!1), this.setListProps(), this.keyValue++;
+    }
+  }
+});
+export {
+  Q as default
+};

package/dist/Filter/Filter.vue3.js

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

package/dist/Filter/index.d.ts

@@ -0,0 +1,26 @@
+import { DropdownListItem } from '../Dropdown/Dropdown.types';
+
+export type DropdownList = {
+    key: string;
+    value: DropdownListItem[];
+    identifier?: string;
+};
+export type FilterOptions = {
+    listItemSeparator?: string;
+    title: string;
+    checkAllText?: string;
+    cancelBtnText?: string | "Limpar";
+    saveBtnText?: string;
+    buttonText?: string;
+    returnOnlyChecked?: boolean;
+    preventClickOutside?: boolean;
+    position?: "left" | "right";
+};
+export interface DropdownConfigProps {
+    dropDownList: DropdownListItem[] | DropdownList[];
+    options?: FilterOptions;
+    id?: string;
+    withSlot?: boolean;
+}
+export type { DropdownListItem };
+export { default as AtFilter } from './Filter';

package/dist/Filter/tests/mocks.d.ts

@@ -0,0 +1,7 @@
+import { DropdownListItem } from '../../Dropdown/Dropdown.types';
+import { DropdownList } from '../index';
+
+declare const dropdownFilter: DropdownListItem[];
+declare const dropdownFilterTextArray: DropdownListItem[];
+declare const dropdownFilterSeparator: DropdownList[];
+export { dropdownFilter, dropdownFilterSeparator, dropdownFilterTextArray };