@agrotools1/at-components 0.6.0 → 0.6.12

package/dist/Search/Search.d.ts

@@ -12,6 +12,7 @@ export interface SearchProps {
         value: boolean;
         message: string;
     };
+    isLoading: boolean;
 }
 declare const _default: import("vue").DefineComponent<{
     label: {
@@ -54,6 +55,10 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    isLoading: {
+        type: () => SearchProps["isLoading"];
+        default: boolean;
+    };
 }, {
     atSearch: import("vue").Ref<HTMLDivElement | null>;
     autocompleteListIsOpen: ComputedRef<boolean>;
@@ -67,7 +72,7 @@ declare const _default: import("vue").DefineComponent<{
     closeList: () => void;
     handleChangeValue: (value: string) => Promise<void>;
     handleSelectedItem: (item: DropdownListItem) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem")[], "update:modelValue" | "onSelectedItem", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "onSelectedItem" | "onClear")[], "update:modelValue" | "onSelectedItem" | "onClear", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     label: {
         type: StringConstructor;
         default: string;
@@ -108,9 +113,14 @@ declare const _default: import("vue").DefineComponent<{
         type: StringConstructor;
         required: false;
     };
+    isLoading: {
+        type: () => SearchProps["isLoading"];
+        default: boolean;
+    };
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onOnSelectedItem?: ((...args: any[]) => any) | undefined;
+    onOnClear?: ((...args: any[]) => any) | undefined;
 }, {
     label: string;
     error: {
@@ -119,6 +129,7 @@ declare const _default: import("vue").DefineComponent<{
     } | undefined;
     withIcon: boolean;
     modelValue: string;
+    isLoading: boolean;
     autoCompleteList: DropdownListItem[];
     isDisabled: boolean | undefined;
     hasAutoComplete: boolean;

package/dist/Search/Search.vue.js

@@ -43,7 +43,7 @@ function h(e, f, b, I, S, C) {
     }, 8, ["id", "drop-down-list", "is-open", "show-no-result-message", "onOnSave"])
   ], 2);
 }
-const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-3933bd5b"]]);
+const V = /* @__PURE__ */ m(r, [["render", h], ["__scopeId", "data-v-f5e71e70"]]);
 export {
   V as default
 };

package/dist/Search/Search.vue2.js

@@ -1,17 +1,17 @@
-import { defineComponent as g, ref as l, computed as o } from "vue";
+import { defineComponent as A, ref as o, computed as n } from "vue";
 import { AtCircleXMarkSolidIcon as V } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtCircleXMarkSolidIcon/index.js";
 import { AtSearchIcon as O } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSearchIcon/index.js";
 import { AtInput as w } from "../Input/index.js";
 import x from "../List/components/List.vue.js";
-const F = {
+const B = {
   AtSearchIcon: O,
   AtCircleXMarkSolidIcon: V
-}, D = g({
+}, D = A({
   name: "AtSearch",
   components: {
     AtInput: w.Text,
     AtLista: x,
-    ...F
+    ...B
   },
   props: {
     label: {
@@ -54,55 +54,62 @@ const F = {
     id: {
       type: String,
       required: !1
+    },
+    isLoading: {
+      type: Boolean,
+      default: !1
     }
   },
-  emits: ["update:modelValue", "onSelectedItem"],
-  setup(t, { emit: n }) {
-    const s = l([]), u = l(!1), c = l(null), f = o(
-      () => u.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption)
-    ), p = () => {
+  emits: ["update:modelValue", "onSelectedItem", "onClear"],
+  setup(t, { emit: l }) {
+    const s = o([]), u = o(!1), c = o(null), h = n(
+      () => {
+        var e;
+        return u.value && t.hasAutoComplete && (!!t.modelValue || t.hasFilterOption) && !(!((e = m.value) != null && e.length) && f.value);
+      }
+    ), v = () => {
       var e;
       u.value = !0, (e = c.value) == null || e.classList.add("focused");
-    }, h = () => {
+    }, I = () => {
       var e;
       setTimeout(() => {
         u.value = !1;
       }, 200), (e = c.value) == null || e.classList.remove("focused");
-    }, a = l(!1), v = async (e) => {
-      n("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
-    }, I = o(() => {
+    }, a = o(!1), L = async (e) => {
+      l("update:modelValue", e), t.searchEndpoint && (a.value = !0, s.value = await t.searchEndpoint(e), a.value = !1);
+    }, m = n(() => {
       var e;
       if (t.hasFilterOption) {
-        const i = (d, m) => d.text.toUpperCase().includes(m.toUpperCase());
+        const i = (d, p) => d.text.toUpperCase().includes(p.toUpperCase());
         return t.autoCompleteList.filter(
           (d) => i(d, t.modelValue)
         );
       }
       return (e = s.value) != null && e.length ? s.value : t.autoCompleteList;
-    }), r = l(), S = (e) => {
+    }), r = o(), S = (e) => {
       const i = e.text;
-      r.value = e, n("onSelectedItem", e), n("update:modelValue", i);
-    }, L = () => {
-      n("onSelectedItem", null), a.value = !1, r.value = null;
-    }, y = o(
-      () => t.withIcon && a.value && !r.value
-    ), C = o(
+      r.value = e, l("onSelectedItem", e), l("update:modelValue", i);
+    }, C = () => {
+      l("onSelectedItem", null), l("onClear"), a.value = !1, r.value = null;
+    }, f = n(
+      () => t.withIcon && a.value && !r.value || t.isLoading
+    ), y = n(
       () => t.isDisabled ? "var(--at-medium-grey)" : ""
-    ), A = o(
+    ), g = n(
       () => !!t.modelValue && !a.value
     );
     return {
       atSearch: c,
-      autocompleteListIsOpen: f,
-      autoCompleteListFiltered: I,
+      autocompleteListIsOpen: h,
+      autoCompleteListFiltered: m,
       isLoading: a,
-      showSearchIcon: y,
-      getShowNoResultMessage: A,
-      getSearchIconColor: C,
-      clear: L,
-      openList: p,
-      closeList: h,
-      handleChangeValue: v,
+      showSearchIcon: f,
+      getShowNoResultMessage: g,
+      getSearchIconColor: y,
+      clear: C,
+      openList: v,
+      closeList: I,
+      handleChangeValue: L,
       handleSelectedItem: S
     };
   }

package/dist/TableConfig/TableConfig.vue.js

@@ -1,11 +1,11 @@
-import f from "./TableConfig.vue2.js";
-import { resolveComponent as n, openBlock as m, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
+import m from "./TableConfig.vue2.js";
+import { resolveComponent as n, openBlock as f, createElementBlock as C, createVNode as t, withCtx as e, createElementVNode as s, createTextVNode as i, toDisplayString as a } from "vue";
 import "./TableConfig.vue3.js";
 import k from "../_virtual/_plugin-vue_export-helper.js";
 const g = { class: "tableConfig" }, v = { class: "at-dropdown-footer" };
-function h(o, r, A, b, S, _) {
+function b(o, r, h, A, S, _) {
   const d = n("AtSettingsSolidIcon"), l = n("AtButton"), c = n("AtChecklist"), p = n("AtDropdown");
-  return m(), C("section", null, [
+  return f(), C("section", null, [
     t(p, {
       id: o.id,
       "is-open": o.isDialogOpen,
@@ -63,7 +63,7 @@ function h(o, r, A, b, S, _) {
     }, 8, ["id", "is-open", "position"])
   ]);
 }
-const D = /* @__PURE__ */ k(f, [["render", h], ["__scopeId", "data-v-5038cf10"]]);
+const D = /* @__PURE__ */ k(m, [["render", b], ["__scopeId", "data-v-c768db66"]]);
 export {
   D as default
 };

package/dist/TableConfig/TableConfig.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as g, ref as l, computed as v } from "vue";
+import { defineComponent as v, ref as i, computed as m } from "vue";
 import { AtSettingsSolidIcon as y } from "../node_modules/.pnpm/agrotools-icons@0.2.6/node_modules/agrotools-icons/dist/AtSettingsSolidIcon/index.js";
 import h from "../Button/Button.vue.js";
 import x from "../Dropdown/Checklist/Dropdown.Checklist.vue.js";
 import A from "../Dropdown/Dropdown.core.vue.js";
 const C = {
   AtSettingsSolidIcon: y
-}, q = g({
+}, q = v({
   name: "AtTableConfig",
   components: {
     AtChecklist: x,
@@ -56,33 +56,33 @@ const C = {
     }
   },
   emits: ["onSave"],
-  setup(i, { emit: c }) {
-    const t = l(!1), p = () => t.value = !t.value, u = v(
-      () => t.value ? "primary" : "secondary"
-    ), s = l([]), n = l([]), a = () => {
-      s.value = JSON.parse(JSON.stringify(i.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
+  setup(c, { emit: p }) {
+    const o = i(!1), u = () => o.value = !o.value, d = m(
+      () => o.value ? "primary" : "secondary"
+    ), s = i([]), n = i([]), a = () => {
+      s.value = JSON.parse(JSON.stringify(c.dropDownList)), n.value = JSON.parse(JSON.stringify(s.value));
     };
     a();
-    const r = () => t.value = !1, d = () => {
+    const r = () => o.value = !1, f = () => {
       r();
-    }, f = () => {
+    }, S = () => {
       const e = [];
-      return n.value.forEach((o, m) => {
-        e[m] = s.value.find((S) => S.text === o.text) ?? {};
-      }), i.resumedResponse ? e.filter((o) => o.value).map((o) => o.text) : e;
+      return n.value.forEach((t, g) => {
+        e[g] = s.value.find((l) => (l == null ? void 0 : l.text) === (t == null ? void 0 : t.text)) ?? {};
+      }), c.resumedResponse ? e.filter((t) => t.value).map((t) => t.text) : e;
     };
     return {
-      isDialogOpen: t,
-      getButtonColor: u,
+      isDialogOpen: o,
+      getButtonColor: d,
       list: s,
-      toggleDropdown: p,
-      handleClose: d,
+      toggleDropdown: u,
+      handleClose: f,
       handleSorted: (e) => {
         n.value = e;
       },
       save: () => {
-        const e = f();
-        c("onSave", e), r();
+        const e = S();
+        p("onSave", e), r();
       },
       cancel: () => {
         a(), r();

package/dist/index.d.ts

@@ -7,6 +7,7 @@ export * from "./ColorPicker";
 export * from "./DataTable";
 export * from "./DatePicker";
 export * from "./Faq";
+export * from "./Faq/FaqItem";
 export * from "./Filter";
 export * from "./Illustration";
 export * from "./Input";

package/dist/index.js

@@ -1,64 +1,66 @@
 import { default as e } from "./Accordion/Accordion.vue.js";
-import { default as a } from "./Avatar/Avatar.vue.js";
+import { default as r } from "./Avatar/Avatar.vue.js";
 import { default as l } from "./Button/Button.vue.js";
 import { default as s } from "./CardWithInsights/CardWithInsights.vue.js";
-import { default as x } from "./Checkbox/Checkbox.vue.js";
+import { default as m } from "./Checkbox/Checkbox.vue.js";
 import { default as u } from "./ColorPicker/ColorPicker.vue.js";
 import { AtDataTable as i } from "./DataTable/index.js";
 import { default as g } from "./DatePicker/DatePicker.vue.js";
 import { default as T } from "./Faq/Faq.vue.js";
-import { default as b } from "./Filter/components/Filter.vue.js";
-import { default as C } from "./Illustration/Illustration.vue.js";
-import { AtInput as B } from "./Input/index.js";
-import { default as L } from "./Legend/Legend.vue.js";
+import { default as b } from "./Faq/FaqItem/FaqItem.vue.js";
+import { default as C } from "./Filter/components/Filter.vue.js";
+import { default as S } from "./Illustration/Illustration.vue.js";
+import { AtInput as F } from "./Input/index.js";
+import { default as P } from "./Legend/Legend.vue.js";
 import { default as D } from "./List/components/List.vue.js";
-import { default as M } from "./Loading/Loading.vue.js";
-import { default as v } from "./Map/Map.vue.js";
-import { default as R } from "./Modal/Modal.vue.js";
-import { default as W } from "./Notifications/Notifications.vue.js";
-import { default as w } from "./ProgressBar/ProgressBar.vue.js";
-import { default as z } from "./RadioButton/RadioButton.vue.js";
-import { default as G } from "./Search/Search.vue.js";
-import { AtSelect as J } from "./Select/index.js";
-import { default as O } from "./Skeleton/Skeleton.vue.js";
-import { default as V } from "./Stepper/Stepper.vue.js";
-import { default as Y } from "./TableConfig/TableConfig.vue.js";
-import { default as _ } from "./Tabs/Tabs.vue.js";
-import { default as tt } from "./Tag/Tag.vue.js";
-import { AtTipograph as et } from "./Tipograph/index.js";
-import { default as at } from "./Toggle/Toggle.vue.js";
-import { default as lt } from "./Tooltip/Tooltip.vue.js";
-import { default as st } from "./Upload/Upload.vue.js";
+import { default as v } from "./Loading/Loading.vue.js";
+import { default as R } from "./Map/Map.vue.js";
+import { default as W } from "./Modal/Modal.vue.js";
+import { default as w } from "./Notifications/Notifications.vue.js";
+import { default as z } from "./ProgressBar/ProgressBar.vue.js";
+import { default as G } from "./RadioButton/RadioButton.vue.js";
+import { default as J } from "./Search/Search.vue.js";
+import { AtSelect as O } from "./Select/index.js";
+import { default as V } from "./Skeleton/Skeleton.vue.js";
+import { default as Y } from "./Stepper/Stepper.vue.js";
+import { default as _ } from "./TableConfig/TableConfig.vue.js";
+import { default as tt } from "./Tabs/Tabs.vue.js";
+import { default as et } from "./Tag/Tag.vue.js";
+import { AtTipograph as rt } from "./Tipograph/index.js";
+import { default as lt } from "./Toggle/Toggle.vue.js";
+import { default as st } from "./Tooltip/Tooltip.vue.js";
+import { default as mt } from "./Upload/Upload.vue.js";
 export {
   e as AtAccordion,
-  a as AtAvatar,
+  r as AtAvatar,
   l as AtButton,
   s as AtCardWithInsights,
-  x as AtCheckbox,
+  m as AtCheckbox,
   i as AtDataTable,
   g as AtDatePicker,
-  b as AtFilter,
-  C as AtIllustration,
-  B as AtInput,
-  L as AtLegend,
+  b as AtFaqItem,
+  C as AtFilter,
+  S as AtIllustration,
+  F as AtInput,
+  P as AtLegend,
   D as AtList,
-  M as AtLoading,
-  v as AtMap,
-  R as AtModal,
-  W as AtNotifications,
-  w as AtProgressBar,
-  z as AtRadioButton,
-  G as AtSearch,
-  J as AtSelect,
-  O as AtSkeleton,
-  Y as AtTableConfig,
-  _ as AtTabs,
-  tt as AtTag,
-  et as AtTipograph,
-  at as AtToggle,
-  lt as AtTooltip,
+  v as AtLoading,
+  R as AtMap,
+  W as AtModal,
+  w as AtNotifications,
+  z as AtProgressBar,
+  G as AtRadioButton,
+  J as AtSearch,
+  O as AtSelect,
+  V as AtSkeleton,
+  _ as AtTableConfig,
+  tt as AtTabs,
+  et as AtTag,
+  rt as AtTipograph,
+  lt as AtToggle,
+  st as AtTooltip,
   u as ColorPicker,
   T as Faq,
-  V as Stepper,
-  st as Upload
+  Y as Stepper,
+  mt as Upload
 };