@pequity/squirrel 1.0.19 → 1.0.20-beta.1

package/dist/es/p-chips.js

@@ -0,0 +1,91 @@
+import { defineComponent as m, openBlock as h, createElementBlock as p, createElementVNode as t, renderSlot as a, Fragment as C, renderList as u, toDisplayString as c, withDirectives as v, vShow as w, pushScopeId as b, popScopeId as $ } from "vue";
+import { isObject as k } from "lodash-es";
+import { _ as x } from "./chunks/_plugin-vue_export-helper.js";
+const g = m({
+  name: "PChips",
+  props: {
+    items: {
+      type: Array,
+      default: () => [],
+      required: !0
+    },
+    itemText: {
+      type: String,
+      default: "text"
+    }
+  },
+  emits: ["click:chip", "click:overflow"],
+  data() {
+    return {
+      maxChipsDisplayed: 1
+    };
+  },
+  watch: {
+    items() {
+      this.resizeFilterChips();
+    }
+  },
+  mounted() {
+    this.resizeFilterChips(), this.$nextTick(() => {
+      window.addEventListener("resize", this.resizeFilterChips);
+    });
+  },
+  beforeUnmount() {
+    window.removeEventListener("resize", this.resizeFilterChips);
+  },
+  methods: {
+    resizeFilterChips() {
+      this.maxChipsDisplayed = this.items.length, this.$nextTick(() => {
+        if (!this.$refs.filterChipsRowInner)
+          return;
+        const e = this.$refs.filterChipsRow, r = this.$refs.filterChipsRowInner, d = this.$refs.afterSlotContainer, f = this.$refs.beforeSlotContainer, o = r.children;
+        let n = 0;
+        const l = f.offsetWidth + d.offsetWidth + 42;
+        for (let s = 0; s < o.length; s++)
+          if (n += o[s].offsetWidth, n + l >= e.offsetWidth) {
+            this.maxChipsDisplayed = s;
+            break;
+          }
+      });
+    },
+    getItemText(e) {
+      return typeof e == "string" ? e : k(e) ? e[this.itemText] : "";
+    }
+  }
+}), y = (e) => (b("data-v-40bc335f"), e = e(), $(), e), S = {
+  ref: "filterChipsRow",
+  class: "flex w-full items-center"
+}, _ = { ref: "beforeSlotContainer" }, I = {
+  ref: "filterChipsRowInner",
+  class: "flex divide-x divide-p-blue-30 overflow-hidden rounded-md border border-p-blue-30 text-xs font-medium text-p-purple-60"
+}, E = ["onClick"], D = { class: "inline-block truncate" }, W = /* @__PURE__ */ y(() => /* @__PURE__ */ t("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1)), z = { ref: "afterSlotContainer" };
+function R(e, r, d, f, o, n) {
+  return h(), p("div", S, [
+    t("div", _, [
+      a(e.$slots, "before", {}, void 0, !0)
+    ], 512),
+    t("div", I, [
+      (h(!0), p(C, null, u(e.items.slice(0, e.maxChipsDisplayed), (i, l) => (h(), p("div", {
+        key: `${e.getItemText(i)}_${l}`,
+        class: "flex cursor-pointer items-center px-3 py-1 hover:bg-p-blue-20",
+        onClick: (s) => e.$emit("click:chip", i)
+      }, [
+        t("div", D, c(e.getItemText(i)), 1),
+        W
+      ], 8, E))), 128)),
+      v(t("div", {
+        class: "cursor-pointer px-3 py-1 hover:bg-p-blue-20",
+        onClick: r[0] || (r[0] = (i) => e.$emit("click:overflow"))
+      }, " +" + c(e.items.length - e.maxChipsDisplayed), 513), [
+        [w, e.items.length > e.maxChipsDisplayed]
+      ])
+    ], 512),
+    t("div", z, [
+      a(e.$slots, "after", {}, void 0, !0)
+    ], 512)
+  ], 512);
+}
+const B = /* @__PURE__ */ x(g, [["render", R], ["__scopeId", "data-v-40bc335f"]]);
+export {
+  B as default
+};

package/dist/es/p-close-btn.js

@@ -0,0 +1,33 @@
+import { defineComponent as r, openBlock as o, createElementBlock as s, normalizeClass as t, createElementVNode as c } from "vue";
+import { _ as i } from "./chunks/_plugin-vue_export-helper.js";
+const l = /* @__PURE__ */ r({
+  __name: "p-close-btn",
+  props: {
+    variant: {
+      type: String,
+      default: "transparent"
+    }
+  },
+  setup(e) {
+    const a = {
+      transparent: ["bg-transparent", "hover:bg-p-gray-20"],
+      gray: ["bg-p-gray-10", "hover:bg-p-gray-20"],
+      dark: ["bg-transparent"]
+    }, n = {
+      transparent: "x-black-icon",
+      gray: "x-black-icon",
+      dark: "x-white-icon"
+    };
+    return (p, b) => (o(), s("button", {
+      type: "button",
+      class: t(["inline-flex h-8 w-8 cursor-pointer items-center justify-center rounded focus:outline-none disabled:cursor-default disabled:opacity-30 disabled:hover:bg-white", a[e.variant]])
+    }, [
+      c("i", {
+        class: t(["block h-3 w-3 bg-center bg-no-repeat", n[e.variant]])
+      }, null, 2)
+    ], 2));
+  }
+}), g = /* @__PURE__ */ i(l, [["__scopeId", "data-v-f61993bb"]]);
+export {
+  g as default
+};

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

@@ -0,0 +1,132 @@
+import r from "dayjs";
+import p from "./inputClassesMixin.js";
+import { DatePicker as h } from "v-calendar";
+import { defineComponent as c, resolveComponent as f, openBlock as i, createElementBlock as o, normalizeClass as s, normalizeStyle as D, renderSlot as y, toDisplayString as n, createCommentVNode as b, createVNode as k, withCtx as g, createElementVNode as d, mergeProps as $, toHandlers as C, withDirectives as M, vShow as S } from "vue";
+import { isString as V, isDate as v } from "lodash-es";
+import { _ as P } from "./chunks/_plugin-vue_export-helper.js";
+const Y = { highlight: { class: "bg-primary", contentClass: "text-white" } }, z = {
+  // The mask for the input
+  input: "DD-MMM-YYYY",
+  // The mask for the model value
+  data: "YYYY-MM-DD"
+}, w = c({
+  name: "PDatePicker",
+  components: {
+    DatePicker: h
+  },
+  mixins: [p],
+  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,
+      stopWatch: !1,
+      selectAttribute: Y
+    };
+  },
+  computed: {
+    displayPlaceholder() {
+      return V(this.$attrs.placeholder) ? this.$attrs.placeholder : this.masks.input;
+    },
+    masks() {
+      return Object.assign(z, this.$attrs.masks);
+    },
+    attrs() {
+      const { class: e, style: t, ...l } = this.$attrs;
+      return l;
+    },
+    style() {
+      return this.$attrs.style;
+    }
+  },
+  watch: {
+    modelValue: {
+      handler(e) {
+        this.stopWatch || (this.innerValue = e ? r(e, this.masks.data).toDate() : null);
+      },
+      immediate: !0
+    },
+    innerValue(e) {
+      const t = v(e) && e.toString() !== "Invalid Date" ? r(e).format(this.masks.data) : null;
+      this.stopWatch = !0, this.$emit("update:modelValue", t), this.$nextTick(() => {
+        this.stopWatch = !1;
+      });
+    }
+  }
+}), A = ["data-has-error"], E = ["value", "placeholder"];
+function W(e, t, l, B, N, j) {
+  const m = f("DatePicker");
+  return i(), o("div", {
+    class: s([{ hidden: e.$attrs.hidden }, e.$attrs.class]),
+    "data-has-error": !!e.errorMsg,
+    style: D(e.style)
+  }, [
+    y(e.$slots, "label", {
+      label: e.label,
+      labelClasses: e.labelClasses
+    }, () => [
+      e.label ? (i(), o("label", {
+        key: 0,
+        class: s(e.labelClasses)
+      }, n(e.label), 3)) : b("", !0)
+    ]),
+    k(m, {
+      modelValue: e.innerValue,
+      "onUpdate:modelValue": t[0] || (t[0] = (a) => e.innerValue = a),
+      "select-attribute": e.selectAttribute,
+      popover: { visibility: "click", placement: "auto" },
+      "min-date": e.minDate || null,
+      "max-date": e.maxDate || null,
+      masks: e.masks,
+      timezone: e.timezone
+    }, {
+      default: g(({ inputValue: a, inputEvents: u }) => [
+        d("input", $({
+          class: [e.inputClasses, { "cursor-pointer": !e.attrs.disabled }],
+          value: a
+        }, e.attrs, { placeholder: e.displayPlaceholder }, C(u, !0)), null, 16, E)
+      ]),
+      _: 1
+    }, 8, ["modelValue", "select-attribute", "min-date", "max-date", "masks", "timezone"]),
+    M(d("div", {
+      class: s(e.errorMsgClasses)
+    }, n(e.errorMsg), 3), [
+      [S, e.errorMsg]
+    ])
+  ], 14, A);
+}
+const K = /* @__PURE__ */ P(w, [["render", W]]);
+export {
+  K as default
+};

package/dist/es/p-drawer.js

@@ -0,0 +1,235 @@
+import w from "./p-alert.js";
+import C from "./p-close-btn.js";
+import { defineComponent as $, resolveComponent as d, openBlock as i, createBlock as p, Teleport as B, createVNode as r, Transition as f, withCtx as a, withDirectives as u, createElementVNode as t, normalizeClass as s, normalizeStyle as h, vShow as m, renderSlot as o, createCommentVNode as l, createElementBlock as b, toDisplayString as c } from "vue";
+import { _ as k } from "./chunks/_plugin-vue_export-helper.js";
+const S = $({
+  name: "PDrawer",
+  components: {
+    PAlert: w,
+    PCloseBtn: C
+  },
+  props: {
+    appendTo: {
+      type: String,
+      default: "body"
+    },
+    title: {
+      type: String,
+      default: ""
+    },
+    disabled: {
+      type: Boolean,
+      default: !1
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    position: {
+      type: String,
+      default: "right"
+    },
+    zIndex: {
+      type: Number,
+      default: 900
+    },
+    drawerStyle: {
+      type: Object,
+      default: () => ({})
+    },
+    drawerClass: {
+      type: String,
+      default: "drawer"
+    },
+    inClass: {
+      type: String,
+      default: ""
+    },
+    outClass: {
+      type: String,
+      default: ""
+    },
+    live: {
+      type: Boolean,
+      default: !1
+    },
+    modelValue: {
+      type: Boolean,
+      default: !1
+    },
+    closeLabel: {
+      type: String,
+      default: "Close"
+    },
+    showBackdrop: {
+      type: Boolean,
+      default: !1
+    },
+    enableClose: {
+      type: Boolean,
+      default: !0
+    }
+  },
+  emits: ["update:modelValue", "before-open", "opening", "opened", "before-close", "closing", "closed"],
+  data() {
+    return {
+      id: null,
+      show: !1,
+      mount: !1
+    };
+  },
+  computed: {
+    transitionInClass() {
+      return this.inClass || this.position === "right" ? "slideInRight" : "slideInLeft";
+    },
+    transitionOutClass() {
+      return this.outClass || this.position === "right" ? "slideOutRight" : "slideOutLeft";
+    }
+  },
+  created() {
+    this.live && (this.mount = !0);
+  },
+  mounted() {
+    this.id = "drawer-" + this.$.uid, this.$watch(
+      "modelValue",
+      (e) => {
+        e ? (this.mount = !0, this.$nextTick(() => {
+          this.show = !0;
+        })) : this.show = !1;
+      },
+      { immediate: !0 }
+    );
+  },
+  methods: {
+    close() {
+      this.enableClose === !0 && this.$emit("update:modelValue", !1);
+    },
+    beforeOpen() {
+      this.$emit("before-open");
+    },
+    opening() {
+      this.$emit("opening");
+    },
+    opened() {
+      this.$emit("opened");
+    },
+    beforeClose() {
+      this.$emit("before-close");
+    },
+    closing() {
+      this.$emit("closing");
+    },
+    closed() {
+      this.live || (this.mount = !1), this.$nextTick(() => {
+        this.$emit("closed");
+      });
+    }
+  }
+}), L = ["data-drawer-id", "aria-label", "aria-describedby", "aria-labelledby"], I = ["id"], E = {
+  key: 0,
+  class: "px-6 pt-6"
+}, O = { class: "whitespace-pre-line" }, z = { class: "footer p-6" };
+function A(e, n, P, V, T, D) {
+  const v = d("PCloseBtn"), g = d("PAlert");
+  return e.mount ? (i(), p(B, {
+    key: 0,
+    to: e.appendTo
+  }, [
+    r(f, {
+      name: "pd-backdrop-transition",
+      "enter-active-class": "fadeIn",
+      "leave-active-class": "fadeOut"
+    }, {
+      default: a(() => [
+        u(t("div", {
+          class: s(["fixed bottom-0 left-0 right-0 top-0 bg-black bg-opacity-20", { "cursor-pointer": e.enableClose }]),
+          style: h({ "z-index": e.zIndex - 1 }),
+          tabindex: "-1",
+          onClick: n[0] || (n[0] = (...y) => e.close && e.close(...y))
+        }, null, 6), [
+          [m, e.show && e.showBackdrop]
+        ])
+      ]),
+      _: 1
+    }),
+    r(f, {
+      name: "drawer-transition",
+      "enter-active-class": e.transitionInClass,
+      "leave-active-class": e.transitionOutClass,
+      onBeforeEnter: e.beforeOpen,
+      onEnter: e.opening,
+      onAfterEnter: e.opened,
+      onBeforeLeave: e.beforeClose,
+      onLeave: e.closing,
+      onAfterLeave: e.closed
+    }, {
+      default: a(() => [
+        u(t("div", {
+          "data-drawer-id": e.id,
+          tabindex: "-1",
+          class: s([e.drawerClass, e.position === "right" ? "drawer-right" : "drawer-left"]),
+          style: h({ "z-index": e.zIndex, ...e.drawerStyle }),
+          role: "dialog",
+          "aria-label": e.title,
+          "aria-modal": "false",
+          "aria-describedby": `${e.id}-content`,
+          "aria-labelledby": `${e.id}-title`
+        }, [
+          o(e.$slots, "title-wrapper", {}, () => [
+            t("div", {
+              class: s([
+                "flex items-center border-b border-p-gray-30 px-6 pb-4 pt-4",
+                { "flex-row-reverse": e.position === "right" }
+              ])
+            }, [
+              e.enableClose ? (i(), p(v, {
+                key: 0,
+                "aria-label": e.closeLabel,
+                class: "flex-0",
+                disabled: e.disabled,
+                onClick: e.close
+              }, null, 8, ["aria-label", "disabled", "onClick"])) : l("", !0),
+              o(e.$slots, "title", {}, () => [
+                e.title ? (i(), b("h3", {
+                  key: 0,
+                  id: `${e.id}-title`,
+                  class: s(["flex-1 text-xl font-medium", { "text-right": e.position === "left" }])
+                }, c(e.title), 11, I)) : l("", !0)
+              ], !0)
+            ], 2)
+          ], !0),
+          e.errorMsg ? (i(), b("div", E, [
+            r(g, { type: "error" }, {
+              default: a(() => [
+                t("div", O, c(e.errorMsg), 1)
+              ]),
+              _: 1
+            })
+          ])) : l("", !0),
+          o(e.$slots, "content-wrapper", {}, () => [
+            t("div", {
+              class: s([
+                "relative grow overflow-y-auto overflow-x-hidden px-6 pt-6",
+                { "pointer-events-none opacity-50": e.disabled }
+              ])
+            }, [
+              o(e.$slots, "default", {}, void 0, !0)
+            ], 2)
+          ], !0),
+          o(e.$slots, "footer-wrapper", {}, () => [
+            t("div", z, [
+              o(e.$slots, "footer", {}, void 0, !0)
+            ])
+          ], !0)
+        ], 14, L), [
+          [m, e.show]
+        ])
+      ]),
+      _: 3
+    }, 8, ["enter-active-class", "leave-active-class", "onBeforeEnter", "onEnter", "onAfterEnter", "onBeforeLeave", "onLeave", "onAfterLeave"])
+  ], 8, ["to"])) : l("", !0);
+}
+const q = /* @__PURE__ */ k(S, [["render", A], ["__scopeId", "data-v-a0b8be1e"]]);
+export {
+  q as default
+};

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

@@ -0,0 +1,4 @@
+import { a as f } from "./chunks/p-dropdown-select.js";
+export {
+  f as default
+};

package/dist/es/p-dropdown.js

@@ -0,0 +1,120 @@
+import { setupListKeyboardNavigation as i } from "./listKeyboardNavigation.js";
+import { defineComponent as p, resolveComponent as a, openBlock as d, createBlock as l, mergeProps as c, createSlots as f, renderList as h, withCtx as m, renderSlot as u, normalizeProps as v, guardReactiveProps as y } from "vue";
+import { _ as w } from "./chunks/_plugin-vue_export-helper.js";
+const g = "Escape", $ = p({
+  name: "PDropdown",
+  inheritAttrs: !1,
+  props: {
+    /**
+     * Enables navigation for `.dropdown-item` using the up/down keys.
+     * This can be set to false when we're creating a generic popover.
+     */
+    enableArrowNavigation: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * Enables closing the dropdown with the Escape key.
+     */
+    enableCloseOnEsc: {
+      type: Boolean,
+      default: !0
+    },
+    /**
+     * The selector that the arrow navigation function will use to
+     * match the items in the list.
+     */
+    itemSelector: {
+      type: String,
+      default: ".dropdown-item:not(.disabled), .dropdown-item:not(:disabled)"
+    },
+    /**
+     * The CSS class of the "focused" dropdown item
+     */
+    itemFocusClass: {
+      type: String,
+      default: "focus"
+    },
+    /**
+     * v-tooltip wraps the popper trigger with a div that has `display: inline-block` set by default.
+     * This prop is used to override the CSS style of that wrapper div
+     */
+    triggerStyle: {
+      type: Object,
+      default: () => ({
+        display: "inline-block"
+      })
+    },
+    /**
+     * Custom reference element that is used to position the popper.
+     * Can be changed at runtime to create a dynamically positioned dropdown.
+     */
+    reference: {
+      type: HTMLElement,
+      default: null
+    }
+  },
+  data() {
+    return {
+      defaultAttrs: {
+        triggers: ["click"],
+        "auto-hide": !0,
+        theme: "p-dropdown-theme",
+        "popper-class": "dropdown",
+        placement: "bottom-start",
+        distance: 4,
+        delay: 0,
+        handleResize: !0
+      },
+      navigationSvc: null
+    };
+  },
+  watch: {
+    reference: {
+      async handler(e, o) {
+        if (e && o !== e) {
+          const t = this.$refs.vPopper.$refs.popper;
+          t && (t.$_detachPopperNode(), t.shown && t.hide({ skipDelay: !0 }), this.reference && (t.$_referenceNode = this.reference));
+        }
+      }
+    }
+  },
+  mounted() {
+    Object.assign(this.$refs.vPopper.$refs.popper.$el.style, this.triggerStyle);
+  },
+  beforeUnmount() {
+    this.destroy();
+  },
+  methods: {
+    onShow() {
+      this.enableArrowNavigation && (this.navigationSvc ? this.navigationSvc.init() : this.navigationSvc = i({
+        itemContainer: this.$refs.vPopper.$refs.popperContent.$el
+      })), this.enableCloseOnEsc && document.addEventListener("keydown", this.popoverEscKeydown);
+    },
+    popoverEscKeydown(e) {
+      e.key === g && this.$refs.vPopper.$refs.popper.hide();
+    },
+    destroy() {
+      var e;
+      (e = this.navigationSvc) == null || e.destroy(), document.removeEventListener("keydown", this.popoverEscKeydown);
+    }
+  }
+});
+function S(e, o, t, b, E, P) {
+  const n = a("VDropdown");
+  return d(), l(n, c({ ref: "vPopper" }, { ...e.defaultAttrs, ...e.$attrs }, {
+    onShow: e.onShow,
+    onHide: e.destroy
+  }), f({ _: 2 }, [
+    h(e.$slots, (_, r) => ({
+      name: r,
+      fn: m((s) => [
+        u(e.$slots, r, v(y(s || {})))
+      ])
+    }))
+  ]), 1040, ["onShow", "onHide"]);
+}
+const D = /* @__PURE__ */ w($, [["render", S]]);
+export {
+  D as default
+};

package/dist/es/p-file-upload.js

@@ -0,0 +1,13 @@
+const B = (t) => {
+  var o;
+  return !t || !t.includes(".") ? "" : (o = t.split(".").pop()) == null ? void 0 : o.toLowerCase();
+}, c = (t, o = 2) => {
+  if (!+t || t <= 0)
+    return "0 B";
+  const n = 1e3, s = o < 0 ? 0 : o, e = ["B", "KB", "MB", "GB", "TB", "PB"], r = Math.floor(Math.log(t) / Math.log(n));
+  return `${parseFloat((t / Math.pow(n, r)).toFixed(s))} ${e[r]}`;
+};
+export {
+  c as formatBytes,
+  B as getFileExtension
+};

package/dist/es/p-info-icon.js

@@ -0,0 +1,31 @@
+import { defineComponent as c, resolveComponent as p, openBlock as r, createBlock as l, withCtx as e, renderSlot as s, createTextVNode as a, toDisplayString as i, pushScopeId as _, popScopeId as d, createElementVNode as f } from "vue";
+import { _ as m } from "./chunks/_plugin-vue_export-helper.js";
+const u = (o) => (_("data-v-189b159e"), o = o(), d(), o), I = /* @__PURE__ */ u(() => /* @__PURE__ */ f("i", { class: "bg-info-circle-icon block h-3 w-3" }, null, -1)), h = /* @__PURE__ */ c({
+  name: "PInfoIcon",
+  __name: "p-info-icon",
+  props: {
+    text: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(o) {
+    return (t, x) => {
+      const n = p("VTooltip");
+      return r(), l(n, null, {
+        popper: e(() => [
+          s(t.$slots, "default", {}, () => [
+            a(i(o.text), 1)
+          ], !0)
+        ]),
+        default: e(() => [
+          I
+        ]),
+        _: 3
+      });
+    };
+  }
+}), V = /* @__PURE__ */ m(h, [["__scopeId", "data-v-189b159e"]]);
+export {
+  V as default
+};