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

package/dist/es/p-chips.js

@@ -1,13 +1,13 @@
-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({
+import { defineComponent, openBlock, createElementBlock, createElementVNode, renderSlot, Fragment, renderList, toDisplayString, withDirectives, vShow, pushScopeId, popScopeId } from "vue";
+import { isObject } from "lodash-es";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = defineComponent({
   name: "PChips",
   props: {
     items: {
       type: Array,
       default: () => [],
-      required: !0
+      required: true
     },
     itemText: {
       type: String,
@@ -26,7 +26,8 @@ const g = m({
     }
   },
   mounted() {
-    this.resizeFilterChips(), this.$nextTick(() => {
+    this.resizeFilterChips();
+    this.$nextTick(() => {
       window.addEventListener("resize", this.resizeFilterChips);
     });
   },
@@ -35,57 +36,76 @@ const g = m({
   },
   methods: {
     resizeFilterChips() {
-      this.maxChipsDisplayed = this.items.length, this.$nextTick(() => {
-        if (!this.$refs.filterChipsRowInner)
+      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;
+        }
+        const filterChipsRowElement = this.$refs.filterChipsRow;
+        const filterChipsRowInnerElement = this.$refs.filterChipsRowInner;
+        const afterSlotContainerElement = this.$refs.afterSlotContainer;
+        const beforeSlotContainerElement = this.$refs.beforeSlotContainer;
+        const chips = filterChipsRowInnerElement.children;
+        let totalInnerWidth = 0;
+        const overflowChipWidth = 42;
+        const totalExtraWidth = beforeSlotContainerElement.offsetWidth + afterSlotContainerElement.offsetWidth + overflowChipWidth;
+        for (let i = 0; i < chips.length; i++) {
+          totalInnerWidth += chips[i].offsetWidth;
+          if (totalInnerWidth + totalExtraWidth >= filterChipsRowElement.offsetWidth) {
+            this.maxChipsDisplayed = i;
             break;
           }
+        }
       });
     },
-    getItemText(e) {
-      return typeof e == "string" ? e : k(e) ? e[this.itemText] : "";
+    getItemText(item) {
+      return typeof item === "string" ? item : isObject(item) ? item[this.itemText] : "";
     }
   }
-}), y = (e) => (b("data-v-40bc335f"), e = e(), $(), e), S = {
+});
+const _withScopeId = (n) => (pushScopeId("data-v-40bc335f"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
   ref: "filterChipsRow",
   class: "flex w-full items-center"
-}, _ = { ref: "beforeSlotContainer" }, I = {
+};
+const _hoisted_2 = { ref: "beforeSlotContainer" };
+const _hoisted_3 = {
   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)
+};
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = { class: "inline-block truncate" };
+const _hoisted_6 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("i", { class: "bg-cross ml-2 inline-block h-1.5 w-1.5" }, null, -1));
+const _hoisted_7 = { ref: "afterSlotContainer" };
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", _hoisted_2, [
+      renderSlot(_ctx.$slots, "before", {}, void 0, true)
     ], 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", {
+    createElementVNode("div", _hoisted_3, [
+      (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items.slice(0, _ctx.maxChipsDisplayed), (item, idx) => {
+        return openBlock(), createElementBlock("div", {
+          key: `${_ctx.getItemText(item)}_${idx}`,
+          class: "flex cursor-pointer items-center px-3 py-1 hover:bg-p-blue-20",
+          onClick: ($event) => _ctx.$emit("click:chip", item)
+        }, [
+          createElementVNode("div", _hoisted_5, toDisplayString(_ctx.getItemText(item)), 1),
+          _hoisted_6
+        ], 8, _hoisted_4);
+      }), 128)),
+      withDirectives(createElementVNode("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]
+        onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:overflow"))
+      }, " +" + toDisplayString(_ctx.items.length - _ctx.maxChipsDisplayed), 513), [
+        [vShow, _ctx.items.length > _ctx.maxChipsDisplayed]
       ])
     ], 512),
-    t("div", z, [
-      a(e.$slots, "after", {}, void 0, !0)
+    createElementVNode("div", _hoisted_7, [
+      renderSlot(_ctx.$slots, "after", {}, void 0, true)
     ], 512)
   ], 512);
 }
-const B = /* @__PURE__ */ x(g, [["render", R], ["__scopeId", "data-v-40bc335f"]]);
+const pChips = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-40bc335f"]]);
 export {
-  B as default
+  pChips as default
 };

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

@@ -1,6 +1,6 @@
-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({
+import { defineComponent, openBlock, createElementBlock, normalizeClass, createElementVNode } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "p-close-btn",
   props: {
     variant: {
@@ -8,26 +8,30 @@ const l = /* @__PURE__ */ r({
       default: "transparent"
     }
   },
-  setup(e) {
-    const a = {
+  setup(__props) {
+    const variantClasses = {
       transparent: ["bg-transparent", "hover:bg-p-gray-20"],
       gray: ["bg-p-gray-10", "hover:bg-p-gray-20"],
       dark: ["bg-transparent"]
-    }, n = {
+    };
+    const iconClass = {
       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));
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("button", {
+        type: "button",
+        class: normalizeClass(["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", variantClasses[__props.variant]])
+      }, [
+        createElementVNode("i", {
+          class: normalizeClass(["block h-3 w-3 bg-center bg-no-repeat", iconClass[__props.variant]])
+        }, null, 2)
+      ], 2);
+    };
   }
-}), g = /* @__PURE__ */ i(l, [["__scopeId", "data-v-f61993bb"]]);
+});
+const PCloseBtn = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-f61993bb"]]);
 export {
-  g as default
+  PCloseBtn as default
 };

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

@@ -1,21 +1,23 @@
-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 = {
+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, withCtx, createElementVNode, mergeProps, toHandlers, withDirectives, vShow } from "vue";
+import { isString, isDate } from "lodash-es";
+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"
-}, w = c({
+};
+const _sfc_main = defineComponent({
   name: "PDatePicker",
   components: {
-    DatePicker: h
+    DatePicker
   },
-  mixins: [p],
-  inheritAttrs: !1,
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
   props: {
     modelValue: {
       type: String,
@@ -31,7 +33,7 @@ const Y = { highlight: { class: "bg-primary", contentClass: "text-white" } }, z
     },
     required: {
       type: Boolean,
-      default: !1
+      default: false
     },
     minDate: {
       type: Date,
@@ -51,20 +53,20 @@ const Y = { highlight: { class: "bg-primary", contentClass: "text-white" } }, z
     return {
       // innerValue is a Date object
       innerValue: null,
-      stopWatch: !1,
-      selectAttribute: Y
+      stopWatch: false,
+      selectAttribute
     };
   },
   computed: {
     displayPlaceholder() {
-      return V(this.$attrs.placeholder) ? this.$attrs.placeholder : this.masks.input;
+      return isString(this.$attrs.placeholder) ? this.$attrs.placeholder : this.masks.input;
     },
     masks() {
-      return Object.assign(z, this.$attrs.masks);
+      return Object.assign(DEFAULT_MASKS, this.$attrs.masks);
     },
     attrs() {
-      const { class: e, style: t, ...l } = this.$attrs;
-      return l;
+      const { class: classes, style, ...rest } = this.$attrs;
+      return rest;
     },
     style() {
       return this.$attrs.style;
@@ -72,61 +74,67 @@ const Y = { highlight: { class: "bg-primary", contentClass: "text-white" } }, z
   },
   watch: {
     modelValue: {
-      handler(e) {
-        this.stopWatch || (this.innerValue = e ? r(e, this.masks.data).toDate() : null);
+      handler(nV) {
+        if (!this.stopWatch) {
+          this.innerValue = nV ? dayjs(nV, this.masks.data).toDate() : null;
+        }
       },
-      immediate: !0
+      immediate: true
     },
-    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;
+    innerValue(nV) {
+      const toEmit = isDate(nV) && nV.toString() !== "Invalid Date" ? dayjs(nV).format(this.masks.data) : null;
+      this.stopWatch = true;
+      this.$emit("update:modelValue", toEmit);
+      this.$nextTick(() => {
+        this.stopWatch = false;
       });
     }
   }
-}), 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)
+});
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value", "placeholder"];
+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)
   }, [
-    y(e.$slots, "label", {
-      label: e.label,
-      labelClasses: e.labelClasses
+    renderSlot(_ctx.$slots, "label", {
+      label: _ctx.label,
+      labelClasses: _ctx.labelClasses
     }, () => [
-      e.label ? (i(), o("label", {
+      _ctx.label ? (openBlock(), createElementBlock("label", {
         key: 0,
-        class: s(e.labelClasses)
-      }, n(e.label), 3)) : b("", !0)
+        class: normalizeClass(_ctx.labelClasses)
+      }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
     ]),
-    k(m, {
-      modelValue: e.innerValue,
-      "onUpdate:modelValue": t[0] || (t[0] = (a) => e.innerValue = a),
-      "select-attribute": e.selectAttribute,
+    createVNode(_component_DatePicker, {
+      modelValue: _ctx.innerValue,
+      "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => _ctx.innerValue = $event),
+      "select-attribute": _ctx.selectAttribute,
       popover: { visibility: "click", placement: "auto" },
-      "min-date": e.minDate || null,
-      "max-date": e.maxDate || null,
-      masks: e.masks,
-      timezone: e.timezone
+      "min-date": _ctx.minDate || null,
+      "max-date": _ctx.maxDate || null,
+      masks: _ctx.masks,
+      timezone: _ctx.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)
+      default: withCtx(({ inputValue, inputEvents }) => [
+        createElementVNode("input", mergeProps({
+          class: [_ctx.inputClasses, { "cursor-pointer": !_ctx.attrs.disabled }],
+          value: inputValue
+        }, _ctx.attrs, { placeholder: _ctx.displayPlaceholder }, toHandlers(inputEvents, true)), null, 16, _hoisted_2)
       ]),
       _: 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]
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
     ])
-  ], 14, A);
+  ], 14, _hoisted_1);
 }
-const K = /* @__PURE__ */ P(w, [["render", W]]);
+const pDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
 export {
-  K as default
+  pDatePicker as default
 };