@agrotools1/at-components 0.6.98-test-45 → 0.6.98

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

@@ -1,7 +1,7 @@
 import { PropType } from 'vue';
 import { FaqType } from '../Faq';
 
-declare const _default: import('vue').DefineComponent<{
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
     items: {
         type: PropType<FaqType[]>;
         required: true;
@@ -15,7 +15,7 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}, void, unknown, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').VNodeProps & import('vue').AllowedComponentProps & import('vue').ComponentCustomProps, Readonly<import('vue').ExtractPropTypes<{
+}>, void, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     items: {
         type: PropType<FaqType[]>;
         required: true;
@@ -29,8 +29,105 @@ declare const _default: import('vue').DefineComponent<{
         type: BooleanConstructor;
         default: boolean;
     };
-}>>, {
+}>> & Readonly<{}>, {
     fullSize: boolean;
     fixedTop: boolean;
-}, {}>;
+}, {}, {
+    AtArrowRightSolidIcon: import('vue').DefineComponent<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('@agrotools1/at-icons/dist/components/IconWrapper/IconWrapper').IconWrapperProps> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, HTMLSpanElement>;
+    AtButton: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        variant: {
+            type: () => "primary" | "secondary" | "danger" | "header";
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: () => {
+                width: string;
+            };
+            default: () => {
+                width: string;
+            };
+        };
+        onlyIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        href: {
+            type: StringConstructor;
+            default: string;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>, {
+        tagName: import('vue').ComputedRef<"button" | "a">;
+        targetAttribute: import('vue').ComputedRef<"_blank" | undefined>;
+    }, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        variant: {
+            type: () => "primary" | "secondary" | "danger" | "header";
+            default: string;
+        };
+        disabled: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        size: {
+            type: () => {
+                width: string;
+            };
+            default: () => {
+                width: string;
+            };
+        };
+        onlyIcon: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+        href: {
+            type: StringConstructor;
+            default: string;
+        };
+        link: {
+            type: BooleanConstructor;
+            default: boolean;
+        };
+    }>> & Readonly<{}>, {
+        link: boolean;
+        size: {
+            width: string;
+        };
+        variant: "header" | "primary" | "secondary" | "danger";
+        disabled: boolean;
+        onlyIcon: boolean;
+        href: string;
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+    AtParagraph: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+        weight: {
+            type: () => "light" | "regular" | "medium" | "bold";
+            default: string;
+        };
+        size: {
+            type: () => "p1" | "p2" | "p3";
+            required: true;
+            default: string;
+        };
+    }>, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+        weight: {
+            type: () => "light" | "regular" | "medium" | "bold";
+            default: string;
+        };
+        size: {
+            type: () => "p1" | "p2" | "p3";
+            required: true;
+            default: string;
+        };
+    }>> & Readonly<{}>, {
+        weight: "bold" | "light" | "regular" | "medium";
+        size: "p1" | "p2" | "p3";
+    }, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
 export default _default;

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

@@ -1,5 +1,5 @@
 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 { AtArrowRightSolidIcon as e } from "../../node_modules/.pnpm/@agrotools1_at-icons@1.0.4/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({

package/dist/Filter/components/Filter.types.d.ts

@@ -0,0 +1,22 @@
+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;
+    position?: "left" | "right";
+};
+export interface DropdownConfigProps {
+    dropDownList: DropdownListItem[] | DropdownList[];
+    options?: FilterOptions;
+    id?: string;
+}

package/dist/Filter/{Filter.vue.js → components/Filter.vue.js}

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

package/dist/Filter/components/Filter.vue2.js

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

package/dist/Filter/index.d.ts

@@ -1,26 +1,5 @@
+import { DropdownConfigProps, DropdownList, FilterOptions } from './components/Filter.types';
 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';
+export type { DropdownConfigProps, DropdownList, DropdownListItem, FilterOptions, };
+export { default as AtFilter } from './components/Filter';

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

@@ -1,5 +1,5 @@
 import { DropdownListItem } from '../../Dropdown/Dropdown.types';
-import { DropdownList } from '../index';
+import { DropdownList } from '../components/Filter.types';
 
 declare const dropdownFilter: DropdownListItem[];
 declare const dropdownFilterTextArray: DropdownListItem[];