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

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

@@ -1,20 +1,22 @@
-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 = {
+import dayjs from "dayjs";
+import inputClassesMixin from "./inputClassesMixin.js";
+import { DatePicker } from "v-calendar";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createVNode, mergeProps, withDirectives, createElementVNode, vShow } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const selectAttribute = { highlight: { class: "bg-primary", contentClass: "text-white" } };
+const DEFAULT_MASKS = {
   // The mask for the input
   input: "DD-MMM-YYYY",
   // The mask for the model value
   data: "YYYY-MM-DD"
-}, S = u({
+};
+const _sfc_main = defineComponent({
   name: "PInlineDatePicker",
   components: {
-    DatePicker: m
+    DatePicker
   },
-  mixins: [d],
-  inheritAttrs: !1,
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
   props: {
     modelValue: {
       type: String,
@@ -30,7 +32,7 @@ const M = { highlight: { class: "bg-primary", contentClass: "text-white" } }, v
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     minDate: {
       type: Date,
@@ -50,19 +52,25 @@ const M = { highlight: { class: "bg-primary", contentClass: "text-white" } }, v
     return {
       // innerValue is a Date object
       innerValue: null,
-      selectAttribute: M
+      selectAttribute
     };
   },
   computed: {
     masks() {
-      return Object.assign(v, this.$attrs.masks);
+      return Object.assign(DEFAULT_MASKS, this.$attrs.masks);
     },
     attrs() {
-      const { class: e, style: t, ...s } = this.$attrs;
-      return s;
+      const { class: classes, style, ...rest } = this.$attrs;
+      return rest;
     },
     listeners() {
-      return Object.keys(this.$attrs).reduce((e, t) => t.startsWith("on") ? { ...e, [t]: this.$attrs[t] } : e, {});
+      return Object.keys(this.$attrs).reduce((acc, curr) => {
+        if (curr.startsWith("on")) {
+          return { ...acc, [curr]: this.$attrs[curr] };
+        } else {
+          return acc;
+        }
+      }, {});
     },
     style() {
       return this.$attrs.style;
@@ -73,17 +81,19 @@ const M = { highlight: { class: "bg-primary", contentClass: "text-white" } }, v
   },
   watch: {
     modelValue: {
-      handler(e) {
-        const t = r(e, this.masks.data).toDate();
-        if (e && t.toString() === "Invalid Date") {
+      handler(nV) {
+        const date = dayjs(nV, this.masks.data).toDate();
+        if (nV && date.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);
+        this.innerValue = nV ? dayjs(nV, this.masks.data).toDate() : null;
+        const datepicker = this.$refs.datepicker;
+        if (datepicker && this.innerValue) {
+          datepicker.move(this.innerValue);
+        }
       },
-      immediate: !0
+      immediate: true
     }
   },
   methods: {
@@ -91,42 +101,43 @@ const M = { highlight: { class: "bg-primary", contentClass: "text-white" } }, v
       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)
+});
+const _hoisted_1 = ["data-has-error"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_DatePicker = resolveComponent("DatePicker");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: normalizeStyle(_ctx.style)
   }, [
-    h(e.$slots, "label", {
-      label: e.label,
-      labelClasses: e.labelClasses
+    renderSlot(_ctx.$slots, "label", {
+      label: _ctx.label,
+      labelClasses: _ctx.labelClasses
     }, () => [
-      e.label ? (l(), i("label", {
+      _ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        class: a(e.labelClasses)
-      }, n(e.label), 3)) : y("", !0)
+        class: normalizeClass(_ctx.labelClasses)
+      }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
     ]),
-    f(o, k({
+    createVNode(_component_DatePicker, mergeProps({
       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]
+      class: { "pointer-events-none opacity-70": _ctx.$attrs.disabled },
+      "model-value": _ctx.innerValue,
+      "select-attribute": _ctx.selectAttribute,
+      "min-date": _ctx.minDate || null,
+      "max-date": _ctx.maxDate || null,
+      masks: _ctx.masks,
+      style: _ctx.styleDatepicker,
+      timezone: _ctx.timezone
+    }, _ctx.listeners, { onDayclick: _ctx.dayclick }), null, 16, ["class", "model-value", "select-attribute", "min-date", "max-date", "masks", "style", "timezone", "onDayclick"]),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
     ])
-  ], 14, C);
+  ], 14, _hoisted_1);
 }
-const I = /* @__PURE__ */ $(S, [["render", V]]);
+const pInlineDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  I as default
+  pInlineDatePicker as default
 };

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

@@ -1,11 +1,11 @@
-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 = [
+import PInfoIcon from "./p-info-icon.js";
+import inputClassesMixin from "./inputClassesMixin.js";
+import { useCurrencyInput } from "vue-currency-input";
+import { defineComponent, computed, watch, resolveComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, renderSlot, toDisplayString, createCommentVNode, createBlock, mergeProps, withDirectives, vShow } from "vue";
+import { kebabCase } from "lodash-es";
+import { toNumberOrNull } from "./number.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const ALL_OPTIONS = [
   "locale",
   "currency",
   "currencyDisplay",
@@ -17,13 +17,14 @@ const L = [
   "valueRange",
   "useGrouping",
   "valueScaling"
-], R = V({
+];
+const _sfc_main = defineComponent({
   name: "PInputNumber",
   components: {
-    PInfoIcon: O
+    PInfoIcon
   },
-  mixins: [$],
-  inheritAttrs: !1,
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
   props: {
     modelValue: {
       type: [Number, String],
@@ -39,11 +40,11 @@ const L = [
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     selectOnClick: {
       type: Boolean,
-      default: !0
+      default: true
     },
     tooltipText: {
       type: String,
@@ -51,79 +52,96 @@ const L = [
     }
   },
   emits: ["update:modelValue", "change"],
-  setup(e, { attrs: t, emit: m, expose: f }) {
-    const a = {
+  setup(props, { attrs, emit, expose }) {
+    const DEFAULTS = {
       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
+    };
+    const inputCurrencyOptions = computed(() => {
+      ALL_OPTIONS.forEach((key) => {
+        const attr = attrs[kebabCase(key)];
+        if (attr && typeof attr !== "undefined") {
+          DEFAULTS[key] = attr;
+        }
+      });
+      return DEFAULTS;
+    });
+    const { inputRef, numberValue, setValue } = useCurrencyInput(
+      inputCurrencyOptions.value,
+      false
     );
-    b(i, (s) => {
-      m("update:modelValue", S(s));
-    }), b(
-      () => e.modelValue,
-      (s) => {
-        g(S(s));
+    watch(numberValue, (value) => {
+      emit("update:modelValue", toNumberOrNull(value));
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        setValue(toNumberOrNull(value));
       }
     );
-    const v = u(() => {
-      const { class: s, style: o, ...N } = t;
-      return N;
-    }), D = u(() => t.style), I = () => {
-      e.selectOnClick && l.value.select();
+    const computedAttrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = attrs;
+      return rest;
+    });
+    const style = computed(() => {
+      return attrs.style;
+    });
+    const focus = () => {
+      props.selectOnClick && inputRef.value.select();
     };
-    return f({ setValue: g }), { inputRef: l, computedAttrs: v, style: D, focus: I };
+    expose({ setValue });
+    return { inputRef, computedAttrs, style, focus };
   }
-}), 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)
+});
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = { class: "flex flex-row items-center" };
+const _hoisted_3 = { class: "relative w-full" };
+const _hoisted_4 = { key: 0 };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PInfoIcon = resolveComponent("PInfoIcon");
+  return openBlock(), createElementBlock("div", {
+    class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: normalizeStyle(_ctx.style)
   }, [
-    n("div", z, [
-      h(e.$slots, "label", {
-        label: e.label,
-        labelClasses: e.labelClasses
+    createElementVNode("div", _hoisted_2, [
+      renderSlot(_ctx.$slots, "label", {
+        label: _ctx.label,
+        labelClasses: _ctx.labelClasses
       }, () => [
-        e.label ? (r(), c("label", {
+        _ctx.label ? (openBlock(), createElementBlock("label", {
           key: 0,
-          class: p(e.labelClasses)
-        }, C(e.label), 3)) : d("", !0)
+          class: normalizeClass(_ctx.labelClasses)
+        }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
       ]),
-      e.tooltipText ? (r(), w(l, {
+      _ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
         key: 0,
-        text: e.tooltipText,
+        text: _ctx.tooltipText,
         class: "ml-1"
-      }, null, 8, ["text"])) : d("", !0)
+      }, null, 8, ["text"])) : createCommentVNode("", true)
     ]),
-    n("div", G, [
-      e.$slots.prefix ? (r(), c("div", q, [
-        h(e.$slots, "prefix")
-      ])) : d("", !0),
-      n("input", A({
+    createElementVNode("div", _hoisted_3, [
+      !!_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_4, [
+        renderSlot(_ctx.$slots, "prefix")
+      ])) : createCommentVNode("", true),
+      createElementVNode("input", mergeProps({
         ref: "inputRef",
         type: "text"
-      }, e.computedAttrs, {
-        class: e.inputClasses,
-        onFocus: t[0] || (t[0] = (...i) => e.focus && e.focus(...i))
+      }, _ctx.computedAttrs, {
+        class: _ctx.inputClasses,
+        onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
       }), null, 16)
     ]),
-    B(n("div", {
-      class: p(e.errorMsgClasses)
-    }, C(e.errorMsg), 3), [
-      [F, e.errorMsg]
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
     ])
-  ], 14, U);
+  ], 14, _hoisted_1);
 }
-const Z = /* @__PURE__ */ E(R, [["render", j]]);
+const PInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  Z as default
+  PInputNumber as default
 };

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

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

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

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