@pequity/squirrel 1.0.18 → 1.0.20-beta.1

package/dist/es/p-inline-date-picker.js

@@ -0,0 +1,132 @@
+import r from "dayjs";
+import d from "./inputClassesMixin.js";
+import { DatePicker as m } from "v-calendar";
+import { defineComponent as u, resolveComponent as p, openBlock as l, createElementBlock as i, normalizeClass as a, normalizeStyle as c, renderSlot as h, toDisplayString as n, createCommentVNode as y, createVNode as f, mergeProps as k, withDirectives as D, createElementVNode as b, vShow as g } from "vue";
+import { _ as $ } from "./chunks/_plugin-vue_export-helper.js";
+const M = { highlight: { class: "bg-primary", contentClass: "text-white" } }, v = {
+  // The mask for the input
+  input: "DD-MMM-YYYY",
+  // The mask for the model value
+  data: "YYYY-MM-DD"
+}, S = u({
+  name: "PInlineDatePicker",
+  components: {
+    DatePicker: m
+  },
+  mixins: [d],
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    minDate: {
+      type: Date,
+      default: null
+    },
+    maxDate: {
+      type: Date,
+      default: null
+    },
+    timezone: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue"],
+  data() {
+    return {
+      // innerValue is a Date object
+      innerValue: null,
+      selectAttribute: M
+    };
+  },
+  computed: {
+    masks() {
+      return Object.assign(v, this.$attrs.masks);
+    },
+    attrs() {
+      const { class: e, style: t, ...s } = this.$attrs;
+      return s;
+    },
+    listeners() {
+      return Object.keys(this.$attrs).reduce((e, t) => t.startsWith("on") ? { ...e, [t]: this.$attrs[t] } : e, {});
+    },
+    style() {
+      return this.$attrs.style;
+    },
+    styleDatepicker() {
+      return this.errorMsg ? { border: "1px solid var(--color-on-error)" } : {};
+    }
+  },
+  watch: {
+    modelValue: {
+      handler(e) {
+        const t = r(e, this.masks.data).toDate();
+        if (e && t.toString() === "Invalid Date") {
+          this.$emit("update:modelValue", null);
+          return;
+        }
+        this.innerValue = e ? r(e, this.masks.data).toDate() : null;
+        const s = this.$refs.datepicker;
+        s && this.innerValue && s.move(this.innerValue);
+      },
+      immediate: !0
+    }
+  },
+  methods: {
+    dayclick(e) {
+      this.$emit("update:modelValue", e.id);
+    }
+  }
+}), C = ["data-has-error"];
+function V(e, t, s, Y, P, z) {
+  const o = p("DatePicker");
+  return l(), i("div", {
+    class: a([{ hidden: e.$attrs.hidden }, e.$attrs.class]),
+    "data-has-error": !!e.errorMsg,
+    style: c(e.style)
+  }, [
+    h(e.$slots, "label", {
+      label: e.label,
+      labelClasses: e.labelClasses
+    }, () => [
+      e.label ? (l(), i("label", {
+        key: 0,
+        class: a(e.labelClasses)
+      }, n(e.label), 3)) : y("", !0)
+    ]),
+    f(o, k({
+      ref: "datepicker",
+      class: { "pointer-events-none opacity-70": e.$attrs.disabled },
+      "model-value": e.innerValue,
+      "select-attribute": e.selectAttribute,
+      "min-date": e.minDate || null,
+      "max-date": e.maxDate || null,
+      masks: e.masks,
+      style: e.styleDatepicker,
+      timezone: e.timezone
+    }, e.listeners, { onDayclick: e.dayclick }), null, 16, ["class", "model-value", "select-attribute", "min-date", "max-date", "masks", "style", "timezone", "onDayclick"]),
+    D(b("div", {
+      class: a(e.errorMsgClasses)
+    }, n(e.errorMsg), 3), [
+      [g, e.errorMsg]
+    ])
+  ], 14, C);
+}
+const I = /* @__PURE__ */ $(S, [["render", V]]);
+export {
+  I as default
+};

package/dist/es/p-input-number.js

@@ -0,0 +1,129 @@
+import O from "./p-info-icon.js";
+import $ from "./inputClassesMixin.js";
+import { useCurrencyInput as k } from "vue-currency-input";
+import { defineComponent as V, computed as u, watch as b, resolveComponent as P, openBlock as r, createElementBlock as c, normalizeClass as p, normalizeStyle as M, createElementVNode as n, renderSlot as h, toDisplayString as C, createCommentVNode as d, createBlock as w, mergeProps as A, withDirectives as B, vShow as F } from "vue";
+import { kebabCase as T } from "lodash-es";
+import { toNumberOrNull as S } from "./number.js";
+import { _ as E } from "./chunks/_plugin-vue_export-helper.js";
+const L = [
+  "locale",
+  "currency",
+  "currencyDisplay",
+  "hideGroupingSeparatorOnFocus",
+  "hideCurrencySymbolOnFocus",
+  "hideNegligibleDecimalDigitsOnFocus",
+  "precision",
+  "autoDecimalDigits",
+  "valueRange",
+  "useGrouping",
+  "valueScaling"
+], R = V({
+  name: "PInputNumber",
+  components: {
+    PInfoIcon: O
+  },
+  mixins: [$],
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    },
+    selectOnClick: {
+      type: Boolean,
+      default: !0
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(e, { attrs: t, emit: m, expose: f }) {
+    const a = {
+      locale: "en-US",
+      currency: "USD",
+      precision: 0,
+      currencyDisplay: "hidden"
+    }, y = u(() => (L.forEach((s) => {
+      const o = t[T(s)];
+      o && typeof o < "u" && (a[s] = o);
+    }), a)), { inputRef: l, numberValue: i, setValue: g } = k(
+      y.value,
+      !1
+    );
+    b(i, (s) => {
+      m("update:modelValue", S(s));
+    }), b(
+      () => e.modelValue,
+      (s) => {
+        g(S(s));
+      }
+    );
+    const v = u(() => {
+      const { class: s, style: o, ...N } = t;
+      return N;
+    }), D = u(() => t.style), I = () => {
+      e.selectOnClick && l.value.select();
+    };
+    return f({ setValue: g }), { inputRef: l, computedAttrs: v, style: D, focus: I };
+  }
+}), U = ["data-has-error"], z = { class: "flex flex-row items-center" }, G = { class: "relative w-full" }, q = { key: 0 };
+function j(e, t, m, f, a, y) {
+  const l = P("PInfoIcon");
+  return r(), c("div", {
+    class: p([{ hidden: e.$attrs.hidden }, e.$attrs.class]),
+    "data-has-error": !!e.errorMsg,
+    style: M(e.style)
+  }, [
+    n("div", z, [
+      h(e.$slots, "label", {
+        label: e.label,
+        labelClasses: e.labelClasses
+      }, () => [
+        e.label ? (r(), c("label", {
+          key: 0,
+          class: p(e.labelClasses)
+        }, C(e.label), 3)) : d("", !0)
+      ]),
+      e.tooltipText ? (r(), w(l, {
+        key: 0,
+        text: e.tooltipText,
+        class: "ml-1"
+      }, null, 8, ["text"])) : d("", !0)
+    ]),
+    n("div", G, [
+      e.$slots.prefix ? (r(), c("div", q, [
+        h(e.$slots, "prefix")
+      ])) : d("", !0),
+      n("input", A({
+        ref: "inputRef",
+        type: "text"
+      }, e.computedAttrs, {
+        class: e.inputClasses,
+        onFocus: t[0] || (t[0] = (...i) => e.focus && e.focus(...i))
+      }), null, 16)
+    ]),
+    B(n("div", {
+      class: p(e.errorMsgClasses)
+    }, C(e.errorMsg), 3), [
+      [F, e.errorMsg]
+    ])
+  ], 14, U);
+}
+const Z = /* @__PURE__ */ E(R, [["render", j]]);
+export {
+  Z as default
+};

package/dist/es/p-input-percent.js

@@ -0,0 +1,4 @@
+import { _ as f } from "./chunks/p-input-percent.js";
+export {
+  f as default
+};

package/dist/es/p-input-search.js

@@ -0,0 +1,109 @@
+import c from "./p-input.js";
+import { INPUT_SIZES as p } from "./inputClassesShared.js";
+import { defineComponent as d, resolveComponent as m, resolveDirective as h, openBlock as r, createBlock as f, mergeProps as y, withKeys as I, withCtx as s, createElementVNode as w, normalizeClass as n, withDirectives as $, createElementBlock as a, createCommentVNode as l } from "vue";
+import { _ as C } from "./chunks/_plugin-vue_export-helper.js";
+const b = d({
+  name: "PInputSearch",
+  components: {
+    PInput: c
+  },
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(e) {
+        return Object.keys(p).includes(e);
+      }
+    },
+    showEnterIcon: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue", "enter"],
+  data() {
+    return {
+      query: this.modelValue,
+      showEnterIconOnFocus: !1
+    };
+  },
+  computed: {
+    searchIconClasses() {
+      return `search search-${this.size}`;
+    },
+    enterIconClasses() {
+      return `enter enter-${this.size}`;
+    },
+    clearIconClasses() {
+      return `clear clear-${this.size}`;
+    }
+  },
+  watch: {
+    modelValue(e) {
+      this.query = e;
+    },
+    query(e) {
+      this.$emit("update:modelValue", e);
+    }
+  },
+  methods: {
+    clearSearch() {
+      this.query = "", requestAnimationFrame(() => {
+        this.$refs.searchInput.$el.querySelector("input").focus();
+      });
+    },
+    keydownEnter() {
+      this.$emit("enter", this.query);
+    }
+  }
+});
+function q(e, o, E, v, S, V) {
+  const u = m("PInput"), i = h("tooltip");
+  return r(), f(u, y({
+    ref: "searchInput",
+    modelValue: e.query,
+    "onUpdate:modelValue": o[1] || (o[1] = (t) => e.query = t),
+    size: e.size
+  }, e.$attrs, {
+    role: "searchbox",
+    onFocus: o[2] || (o[2] = (t) => e.showEnterIconOnFocus = !0),
+    onFocusout: o[3] || (o[3] = (t) => e.showEnterIconOnFocus = !1),
+    onKeydown: I(e.keydownEnter, ["enter"])
+  }), {
+    prefix: s(() => [
+      w("i", {
+        class: n(["icon absolute bg-no-repeat outline-none", e.searchIconClasses])
+      }, null, 2)
+    ]),
+    suffix: s(() => [
+      e.query && e.showEnterIcon && e.showEnterIconOnFocus ? $((r(), a("i", {
+        key: 0,
+        class: n(["icon absolute bg-no-repeat outline-none", e.enterIconClasses])
+      }, null, 2)), [
+        [
+          i,
+          { content: "Press enter to search", delay: { show: 100, hide: 0 } },
+          void 0,
+          { bottom: !0 }
+        ]
+      ]) : l("", !0),
+      e.query ? (r(), a("button", {
+        key: 1,
+        role: "button",
+        "aria-label": "Clear search input",
+        class: n(["icon absolute cursor-pointer bg-no-repeat", e.clearIconClasses]),
+        onClick: o[0] || (o[0] = (...t) => e.clearSearch && e.clearSearch(...t))
+      }, null, 2)) : l("", !0)
+    ]),
+    _: 1
+  }, 16, ["modelValue", "size", "onKeydown"]);
+}
+const g = /* @__PURE__ */ C(b, [["render", q], ["__scopeId", "data-v-3de99c69"]]);
+export {
+  g as default
+};

package/dist/es/p-input.js

@@ -0,0 +1,84 @@
+import m from "./inputClassesMixin.js";
+import { defineComponent as f, openBlock as s, createElementBlock as t, normalizeClass as r, normalizeStyle as y, renderSlot as a, toDisplayString as d, createCommentVNode as o, createElementVNode as i, mergeProps as $, withDirectives as h, vShow as v } from "vue";
+import { _ as b } from "./chunks/_plugin-vue_export-helper.js";
+const u = { TEXT: "text", PASSWORD: "password" }, g = f({
+  name: "PInput",
+  mixins: [m],
+  inheritAttrs: !1,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: u.TEXT,
+      validator(e) {
+        return Object.values(u).includes(e);
+      }
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: !1
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    attrs() {
+      const { class: e, style: l, ...n } = this.$attrs;
+      return n;
+    },
+    style() {
+      return this.$attrs.style;
+    }
+  }
+}), S = ["data-has-error"], C = { class: "relative w-full" }, c = { key: 0 }, M = ["type", "value"], P = { key: 1 };
+function T(e, l, n, V, k, E) {
+  return s(), t("div", {
+    class: r([{ hidden: e.$attrs.hidden }, e.$attrs.class]),
+    "data-has-error": !!e.errorMsg,
+    style: y(e.style)
+  }, [
+    a(e.$slots, "label", {
+      label: e.label,
+      labelClasses: e.labelClasses
+    }, () => [
+      e.label ? (s(), t("label", {
+        key: 0,
+        class: r(e.labelClasses)
+      }, d(e.label), 3)) : o("", !0)
+    ]),
+    i("div", C, [
+      e.$slots.prefix ? (s(), t("div", c, [
+        a(e.$slots, "prefix")
+      ])) : o("", !0),
+      i("input", $({
+        type: e.type,
+        value: e.modelValue
+      }, e.attrs, {
+        class: e.inputClasses,
+        onInput: l[0] || (l[0] = (p) => e.$emit("update:modelValue", p.target.value))
+      }), null, 16, M),
+      e.$slots.suffix ? (s(), t("div", P, [
+        a(e.$slots, "suffix")
+      ])) : o("", !0)
+    ]),
+    h(i("div", {
+      class: r(e.errorMsgClasses)
+    }, d(e.errorMsg), 3), [
+      [v, e.errorMsg]
+    ])
+  ], 14, S);
+}
+const B = /* @__PURE__ */ b(g, [["render", T]]);
+export {
+  B as default
+};

package/dist/es/p-loading.js

@@ -0,0 +1,30 @@
+import { defineComponent as a, openBlock as t, createBlock as n, Transition as r, withCtx as s, unref as d, createElementBlock as c, createCommentVNode as i, pushScopeId as p, popScopeId as l, createElementVNode as _ } from "vue";
+import { usePLoading as f } from "./usePLoading.js";
+import { _ as m } from "./chunks/_plugin-vue_export-helper.js";
+const u = (e) => (p("data-v-3a800f21"), e = e(), l(), e), b = {
+  key: 0,
+  class: "fixed left-0 top-0 z-[120] flex w-full justify-center",
+  "aria-live": "polite",
+  "aria-busy": "true"
+}, h = /* @__PURE__ */ u(() => /* @__PURE__ */ _("div", { class: "bg-blue-10 h-8 rounded-b border-x border-b border-p-gray-30 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow" }, " Loading... ", -1)), x = [
+  h
+], g = /* @__PURE__ */ a({
+  name: "PLoading",
+  __name: "p-loading",
+  setup(e) {
+    const { show: o } = f();
+    return (v, w) => (t(), n(r, {
+      name: "pm-backdrop-transition",
+      "enter-active-class": "fadeInDown",
+      "leave-active-class": "fadeOutUp"
+    }, {
+      default: s(() => [
+        d(o) ? (t(), c("div", b, x)) : i("", !0)
+      ]),
+      _: 1
+    }));
+  }
+}), L = /* @__PURE__ */ m(g, [["__scopeId", "data-v-3a800f21"]]);
+export {
+  L as default
+};