@pequity/squirrel 1.0.20-beta.1 → 1.0.20-beta.3

package/dist/es/chunks/p-select.js

@@ -1,9 +1,15 @@
-import { defineComponent as x, useAttrs as k, computed as u, openBlock as o, createElementBlock as i, normalizeClass as c, unref as s, normalizeStyle as B, renderSlot as M, toDisplayString as m, createCommentVNode as N, createElementVNode as p, mergeProps as z, Fragment as A, renderList as E, withDirectives as I, vShow as P } from "vue";
-import { INPUT_SIZES as T } from "../inputClassesShared.js";
-import { useInputClasses as w } from "../useInputClasses.js";
-const D = ["data-has-error"], O = ["value"], $ = ["value"], v = "___null_value___", L = /* @__PURE__ */ x({
-  name: "PSelect",
-  inheritAttrs: !1,
+import { defineComponent, useAttrs, computed, openBlock, createElementBlock, normalizeClass, unref, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createElementVNode, mergeProps, Fragment, renderList, withDirectives, vShow } from "vue";
+import { INPUT_SIZES } from "../inputClassesShared.js";
+import { useInputClasses } from "../useInputClasses.js";
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+const _hoisted_3 = ["value"];
+const nullValue = "___null_value___";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PSelect",
+    inheritAttrs: false
+  },
   __name: "p-select",
   props: {
     modelValue: {
@@ -24,13 +30,13 @@ const D = ["data-has-error"], O = ["value"], $ = ["value"], v = "___null_value__
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     size: {
       type: String,
       default: "md",
-      validator(t) {
-        return Object.keys(T).includes(t);
+      validator(value) {
+        return Object.keys(INPUT_SIZES).includes(value);
       }
     },
     itemText: {
@@ -43,55 +49,76 @@ const D = ["data-has-error"], O = ["value"], $ = ["value"], v = "___null_value__
     }
   },
   emits: ["update:modelValue"],
-  setup(t, { emit: y }) {
-    const d = y, l = t, n = k(), { labelClasses: f, selectClasses: g, errorMsgClasses: S } = w(l), V = u({
-      get: () => l.modelValue === null ? v : l.modelValue,
-      set: (e) => d("update:modelValue", e)
-    }), b = u(() => {
-      const { class: e, style: a, ...r } = n;
-      return r;
-    }), h = u(() => n.style), C = u(() => l.items.map((e) => ({
-      value: e[l.itemValue] === null ? v : e[l.itemValue],
-      text: e[l.itemText]
-    }))), _ = (e) => {
-      const a = e.target.value;
-      if (a === v) {
-        d("update:modelValue", null);
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const $attrs = useAttrs();
+    const { labelClasses, selectClasses, errorMsgClasses } = useInputClasses(props);
+    const innerValue = computed({
+      get: () => {
+        if (props.modelValue === null) {
+          return nullValue;
+        }
+        return props.modelValue;
+      },
+      set: (v) => emit("update:modelValue", v)
+    });
+    const attrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = $attrs;
+      return rest;
+    });
+    const style = computed(() => $attrs.style);
+    const innerOptions = computed(() => {
+      return props.items.map((item) => {
+        return {
+          value: item[props.itemValue] === null ? nullValue : item[props.itemValue],
+          text: item[props.itemText]
+        };
+      });
+    });
+    const onChange = (e) => {
+      const value = e.target.value;
+      if (value === nullValue) {
+        emit("update:modelValue", null);
         return;
       }
-      d("update:modelValue", ["true", "false"].includes(a) ? a === "true" : a);
+      emit("update:modelValue", ["true", "false"].includes(value) ? value === "true" : value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: unref($attrs).hidden }, unref($attrs).class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: unref(labelClasses)
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            class: normalizeClass(unref(labelClasses))
+          }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("select", mergeProps({ class: unref(selectClasses) }, attrs.value, {
+          value: innerValue.value,
+          onChange
+        }), [
+          (openBlock(true), createElementBlock(Fragment, null, renderList(innerOptions.value, (o) => {
+            return openBlock(), createElementBlock("option", {
+              key: String(o.value),
+              value: o.value
+            }, toDisplayString(o.text), 9, _hoisted_3);
+          }), 128))
+        ], 16, _hoisted_2),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
     };
-    return (e, a) => (o(), i("div", {
-      class: c([{ hidden: s(n).hidden }, s(n).class]),
-      "data-has-error": !!t.errorMsg,
-      style: B(h.value)
-    }, [
-      M(e.$slots, "label", {
-        label: t.label,
-        labelClasses: s(f)
-      }, () => [
-        t.label ? (o(), i("label", {
-          key: 0,
-          class: c(s(f))
-        }, m(t.label), 3)) : N("", !0)
-      ]),
-      p("select", z({ class: s(g) }, b.value, {
-        value: V.value,
-        onChange: _
-      }), [
-        (o(!0), i(A, null, E(C.value, (r) => (o(), i("option", {
-          key: String(r.value),
-          value: r.value
-        }, m(r.text), 9, $))), 128))
-      ], 16, O),
-      I(p("div", {
-        class: c(s(S))
-      }, m(t.errorMsg), 3), [
-        [P, t.errorMsg]
-      ])
-    ], 14, D));
   }
 });
 export {
-  L as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-table-loader.js

@@ -1,7 +1,13 @@
-import { defineComponent as b, openBlock as e, createElementBlock as t, createElementVNode as l, Fragment as a, renderList as o, createVNode as n, normalizeClass as d } from "vue";
-import u from "../p-skeleton-loader.js";
-const m = { class: "block overflow-hidden border border-p-gray-30" }, i = { class: "mb-0 w-full bg-surface" }, f = { class: "relative border-b border-p-gray-30 px-4 py-2" }, p = { class: "skeleton-fade" }, N = /* @__PURE__ */ b({
-  name: "PTableLoader",
+import { defineComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, normalizeClass } from "vue";
+import PSkeletonLoader from "../p-skeleton-loader.js";
+const _hoisted_1 = { class: "block overflow-hidden border border-p-gray-30" };
+const _hoisted_2 = { class: "mb-0 w-full bg-surface" };
+const _hoisted_3 = { class: "relative border-b border-p-gray-30 px-4 py-2" };
+const _hoisted_4 = { class: "skeleton-fade" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PTableLoader"
+  },
   __name: "p-table-loader",
   props: {
     rows: {
@@ -21,37 +27,45 @@ const m = { class: "block overflow-hidden border border-p-gray-30" }, i = { clas
       default: "h-5"
     }
   },
-  setup(r) {
-    return (y, h) => (e(), t("div", m, [
-      l("table", i, [
-        l("thead", null, [
-          l("tr", null, [
-            (e(!0), t(a, null, o(Number(r.columns), (s) => (e(), t("th", {
-              key: s,
-              class: "bg-surface p-0"
-            }, [
-              l("div", f, [
-                n(u, { class: "h-5" })
-              ])
-            ]))), 128))
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("table", _hoisted_2, [
+          createElementVNode("thead", null, [
+            createElementVNode("tr", null, [
+              (openBlock(true), createElementBlock(Fragment, null, renderList(Number(__props.columns), (col) => {
+                return openBlock(), createElementBlock("th", {
+                  key: col,
+                  class: "bg-surface p-0"
+                }, [
+                  createElementVNode("div", _hoisted_3, [
+                    createVNode(PSkeletonLoader, { class: "h-5" })
+                  ])
+                ]);
+              }), 128))
+            ])
+          ]),
+          createElementVNode("tbody", _hoisted_4, [
+            (openBlock(true), createElementBlock(Fragment, null, renderList(Number(__props.rows), (i) => {
+              return openBlock(), createElementBlock("tr", { key: i }, [
+                (openBlock(true), createElementBlock(Fragment, null, renderList(Number(__props.columns), (col) => {
+                  return openBlock(), createElementBlock("td", {
+                    key: col,
+                    class: normalizeClass([__props.tdClasses, "border-b border-p-blue-15"])
+                  }, [
+                    createVNode(PSkeletonLoader, {
+                      class: normalizeClass(__props.tdSkeletonClasses)
+                    }, null, 8, ["class"])
+                  ], 2);
+                }), 128))
+              ]);
+            }), 128))
           ])
-        ]),
-        l("tbody", p, [
-          (e(!0), t(a, null, o(Number(r.rows), (s) => (e(), t("tr", { key: s }, [
-            (e(!0), t(a, null, o(Number(r.columns), (c) => (e(), t("td", {
-              key: c,
-              class: d([r.tdClasses, "border-b border-p-blue-15"])
-            }, [
-              n(u, {
-                class: d(r.tdSkeletonClasses)
-              }, null, 8, ["class"])
-            ], 2))), 128))
-          ]))), 128))
         ])
-      ])
-    ]));
+      ]);
+    };
   }
 });
 export {
-  N as _
+  _sfc_main as _
 };

package/dist/es/chunks/p-tabs.js

@@ -1,14 +1,16 @@
-import { defineComponent as c, openBlock as r, createElementBlock as i, normalizeStyle as a, Fragment as m, renderList as d, createBlock as o, resolveDynamicComponent as n, mergeProps as p, withCtx as u, createElementVNode as l, normalizeClass as y, createCommentVNode as b, toDisplayString as f } from "vue";
-const g = { class: "flex items-center gap-2" }, v = { key: 0 }, C = /* @__PURE__ */ c({
+import { defineComponent, openBlock, createElementBlock, normalizeStyle, Fragment, renderList, createBlock, resolveDynamicComponent, mergeProps, withCtx, createElementVNode, normalizeClass, createCommentVNode, toDisplayString } from "vue";
+const _hoisted_1 = { class: "flex items-center gap-2" };
+const _hoisted_2 = { key: 0 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "p-tabs",
   props: {
     tabs: {
       type: Array,
-      required: !0
+      required: true
     },
     activeTab: {
       type: String,
-      required: !0
+      required: true
     },
     tabsLeftPadding: {
       type: Number,
@@ -16,32 +18,36 @@ const g = { class: "flex items-center gap-2" }, v = { key: 0 }, C = /* @__PURE__
     }
   },
   emits: ["click:tab"],
-  setup(t) {
-    return (s, k) => (r(), i("div", {
-      class: "flex gap-4 border-b border-p-gray-30 text-base font-semibold",
-      style: a({ paddingLeft: `${t.tabsLeftPadding}px` })
-    }, [
-      (r(!0), i(m, null, d(t.tabs, (e) => (r(), o(n(e.to ? "RouterLink" : "div"), p({
-        key: `tab-${e.name}`
-      }, e.to ? { to: e.to } : {}, {
-        class: [[t.activeTab === e.name ? "border-primary text-primary" : "border-transparent text-p-gray-40"], "group cursor-pointer border-b-2 pb-3 hover:border-primary hover:text-primary"],
-        onClick: (x) => s.$emit("click:tab", e.name)
-      }), {
-        default: u(() => [
-          l("div", g, [
-            e.icon ? (r(), i("div", v, [
-              (r(), o(n(e.icon), {
-                class: y(["group-hover:fill-primary", [t.activeTab === e.name ? "fill-primary" : "fill-p-gray-40"]])
-              }, null, 8, ["class"]))
-            ])) : b("", !0),
-            l("div", null, f(e.title), 1)
-          ])
-        ]),
-        _: 2
-      }, 1040, ["class", "onClick"]))), 128))
-    ], 4));
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: "flex gap-4 border-b border-p-gray-30 text-base font-semibold",
+        style: normalizeStyle({ paddingLeft: `${__props.tabsLeftPadding}px` })
+      }, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(__props.tabs, (tabData) => {
+          return openBlock(), createBlock(resolveDynamicComponent(tabData.to ? "RouterLink" : "div"), mergeProps({
+            key: `tab-${tabData.name}`
+          }, tabData.to ? { to: tabData.to } : {}, {
+            class: [[__props.activeTab === tabData.name ? "border-primary text-primary" : "border-transparent text-p-gray-40"], "group cursor-pointer border-b-2 pb-3 hover:border-primary hover:text-primary"],
+            onClick: ($event) => _ctx.$emit("click:tab", tabData.name)
+          }), {
+            default: withCtx(() => [
+              createElementVNode("div", _hoisted_1, [
+                tabData.icon ? (openBlock(), createElementBlock("div", _hoisted_2, [
+                  (openBlock(), createBlock(resolveDynamicComponent(tabData.icon), {
+                    class: normalizeClass(["group-hover:fill-primary", [__props.activeTab === tabData.name ? "fill-primary" : "fill-p-gray-40"]])
+                  }, null, 8, ["class"]))
+                ])) : createCommentVNode("", true),
+                createElementVNode("div", null, toDisplayString(tabData.title), 1)
+              ])
+            ]),
+            _: 2
+          }, 1040, ["class", "onClick"]);
+        }), 128))
+      ], 4);
+    };
   }
 });
 export {
-  C as _
+  _sfc_main as _
 };

package/dist/es/config.js

@@ -1,4 +1,4 @@
-const r = {
+const config = {
   content: ["./index.html", "./squirrel/**/*.{vue,js,ts,jsx,tsx,mdx}", "./src/**/*.{vue,js,ts,jsx,tsx,mdx}"],
   theme: {
     colors: {
@@ -101,5 +101,5 @@ const r = {
   }
 };
 export {
-  r as config
+  config
 };

package/dist/es/currency.js

@@ -1,9 +1,9 @@
-const e = Object.freeze({
+const CURRENCY_INPUT_DEFAULTS = Object.freeze({
   currency: null,
   precision: 0,
   locale: "en-US",
-  allowNegative: !1
+  allowNegative: false
 });
 export {
-  e as CURRENCY_INPUT_DEFAULTS
+  CURRENCY_INPUT_DEFAULTS
 };

package/dist/es/dom.js

@@ -1,15 +1,27 @@
-const s = (t) => {
-  var n;
-  if (!(t instanceof Element))
+const isVisible = (element) => {
+  var _a;
+  if (!(element instanceof Element)) {
     throw Error("You must provide a DOM element.");
-  return !!(t.offsetWidth || t.offsetHeight || t.getClientRects().length) && window.getComputedStyle(t).visibility !== "hidden" && window.getComputedStyle(t).display !== "none" && ((n = t.style) == null ? void 0 : n.transform.includes("translateY(-9999px)")) === !1;
-}, f = (t, n, o, r) => {
-  const i = t.length;
-  let e = n ? t.indexOf(n) : -1;
-  return e === -1 ? !o && r ? t[i - 1] : t[0] : (e += o ? 1 : -1, r && (e = (e + i) % i), t[Math.max(0, Math.min(e, i - 1))]);
-}, a = (t) => typeof t == "object" && t !== null && "tagName" in t && t instanceof HTMLElement;
+  }
+  return !!(element.offsetWidth || element.offsetHeight || element.getClientRects().length) && window.getComputedStyle(element).visibility !== "hidden" && window.getComputedStyle(element).display !== "none" && ((_a = element.style) == null ? void 0 : _a.transform.includes("translateY(-9999px)")) === false;
+};
+const getNextActiveElement = (list, activeElement, shouldGetNext, isCycleAllowed) => {
+  const listLength = list.length;
+  let index = activeElement ? list.indexOf(activeElement) : -1;
+  if (index === -1) {
+    return !shouldGetNext && isCycleAllowed ? list[listLength - 1] : list[0];
+  }
+  index += shouldGetNext ? 1 : -1;
+  if (isCycleAllowed) {
+    index = (index + listLength) % listLength;
+  }
+  return list[Math.max(0, Math.min(index, listLength - 1))];
+};
+const isElement = (el) => {
+  return typeof el === "object" && el !== null && "tagName" in el && el instanceof HTMLElement;
+};
 export {
-  f as getNextActiveElement,
-  a as isElement,
-  s as isVisible
+  getNextActiveElement,
+  isElement,
+  isVisible
 };