@pequity/squirrel 5.4.1 → 5.4.2

package/dist/cjs/chunks/p-action-bar.js

@@ -2184,12 +2184,11 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
 });
 const _hoisted_1 = { class: "flex h-12 w-max select-none items-center rounded-lg bg-p-purple-60 px-2 text-sm font-medium text-white" };
 const _hoisted_2 = { class: "whitespace-nowrap px-3" };
-const _hoisted_3 = /* @__PURE__ */ vue.createElementVNode("div", { class: "mx-4 h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1);
-const _hoisted_4 = { class: "flex" };
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = { class: "flex items-center gap-2 px-1 py-0.5" };
 const _hoisted_5 = { class: "flex items-center gap-2 px-1 py-0.5" };
-const _hoisted_6 = { class: "flex items-center gap-2 px-1 py-0.5" };
-const _hoisted_7 = { class: "flex flex-col bg-p-purple-60" };
-const _hoisted_8 = { class: "flex items-center gap-2 px-1 py-0.5" };
+const _hoisted_6 = { class: "flex flex-col bg-p-purple-60" };
+const _hoisted_7 = { class: "flex items-center gap-2 px-1 py-0.5" };
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PActionBar",
@@ -2216,8 +2215,8 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
               onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click:dismiss"))
             }),
             vue.createElementVNode("p", _hoisted_2, vue.toDisplayString(_ctx.label), 1),
-            _hoisted_3,
-            vue.createElementVNode("div", _hoisted_4, [
+            _cache[1] || (_cache[1] = vue.createElementVNode("div", { class: "mx-4 h-9 w-0.5 shrink-0 rounded bg-p-purple-50" }, null, -1)),
+            vue.createElementVNode("div", _hoisted_3, [
               (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.actions, (actionOrMenu) => {
                 return vue.openBlock(), vue.createElementBlock(vue.Fragment, {
                   key: `action-${actionOrMenu.label}`
@@ -2229,7 +2228,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     onClick: ($event) => _ctx.$emit("click:action", actionOrMenu.name)
                   }, {
                     default: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_5, [
+                      vue.createElementVNode("div", _hoisted_4, [
                         vue.unref(component.isComponent)(actionOrMenu.icon) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(actionOrMenu.icon), {
                           key: 0,
                           class: "h-4 w-4"
@@ -2250,7 +2249,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                     strategy: "fixed"
                   }, {
                     popper: vue.withCtx(() => [
-                      vue.createElementVNode("div", _hoisted_7, [
+                      vue.createElementVNode("div", _hoisted_6, [
                         (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(actionOrMenu.subActions, (subaction) => {
                           return vue.openBlock(), vue.createElementBlock("div", {
                             key: `subaction-${subaction.name}`
@@ -2262,7 +2261,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                               onClick: ($event) => _ctx.$emit("click:action", subaction.name)
                             }, {
                               default: vue.withCtx(() => [
-                                vue.createElementVNode("div", _hoisted_8, [
+                                vue.createElementVNode("div", _hoisted_7, [
                                   vue.unref(component.isComponent)(subaction.icon) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(subaction.icon), {
                                     key: 0,
                                     class: "h-4 w-4"
@@ -2288,7 +2287,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                         type: "secondary-ghost-dark"
                       }, {
                         default: vue.withCtx(() => [
-                          vue.createElementVNode("div", _hoisted_6, [
+                          vue.createElementVNode("div", _hoisted_5, [
                             vue.unref(component.isComponent)(actionOrMenu.icon) ? (vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(actionOrMenu.icon), {
                               key: 0,
                               class: "h-4 w-4"

package/dist/cjs/chunks/p-date-picker.js

@@ -0,0 +1,108 @@
+"use strict";
+const vue = require("vue");
+const pInput = require("../p-input.js");
+const dayjs = require("dayjs");
+const vCalendar = require("v-calendar");
+const lodashEs = require("lodash-es");
+const useInputClasses = require("../useInputClasses.js");
+const _hoisted_1 = ["data-has-error"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PDatePicker",
+    inheritAttrs: false
+  },
+  __name: "p-date-picker",
+  props: {
+    modelValue: { default: "" },
+    label: { default: "" },
+    errorMsg: { default: "" },
+    required: { type: Boolean, default: false },
+    minDate: { default: null },
+    maxDate: { default: null },
+    timezone: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    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"
+    };
+    const props = __props;
+    const emit = __emit;
+    const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const attrs = vue.useAttrs();
+    const innerValue = vue.ref(null);
+    const stopWatch = vue.ref(false);
+    const masks = vue.computed(() => {
+      return Object.assign(DEFAULT_MASKS, attrs.masks);
+    });
+    const displayPlaceholder = vue.computed(() => {
+      return lodashEs.isString(attrs.placeholder) ? attrs.placeholder : masks.value.input;
+    });
+    const attrsWithoutClassAndStyle = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = attrs;
+      return rest;
+    });
+    const style = vue.computed(() => {
+      return attrs.style;
+    });
+    vue.watch(
+      () => props.modelValue,
+      (nV) => {
+        if (!stopWatch.value) {
+          innerValue.value = nV ? dayjs(nV, masks.value.data).toDate() : null;
+        }
+      },
+      { immediate: true }
+    );
+    vue.watch(innerValue, (nV) => {
+      const toEmit = lodashEs.isDate(nV) && nV.toString() !== "Invalid Date" ? dayjs(nV).format(masks.value.data) : null;
+      stopWatch.value = true;
+      emit("update:modelValue", toEmit);
+      vue.nextTick(() => {
+        stopWatch.value = false;
+      });
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!_ctx.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "label", {
+          label: _ctx.label,
+          labelClasses: vue.unref(labelClasses)
+        }, () => [
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(labelClasses))
+          }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(vue.unref(vCalendar.DatePicker), {
+          modelValue: innerValue.value,
+          "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => innerValue.value = $event),
+          "select-attribute": selectAttribute,
+          popover: { visibility: "click", placement: "auto" },
+          "min-date": _ctx.minDate || null,
+          "max-date": _ctx.maxDate || null,
+          masks: masks.value,
+          timezone: _ctx.timezone
+        }, {
+          default: vue.withCtx(({ inputValue, inputEvents }) => [
+            vue.createVNode(pInput, vue.mergeProps({ value: inputValue }, attrsWithoutClassAndStyle.value, { placeholder: displayPlaceholder.value }, vue.toHandlers(inputEvents)), null, 16, ["value", "placeholder"])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "min-date", "max-date", "masks", "timezone"]),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(_ctx.errorMsg), 3), [
+          [vue.vShow, _ctx.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-dropdown-select.js

@@ -21,10 +21,9 @@ const _hoisted_4 = {
 };
 const _hoisted_5 = { class: "text-p-purple-60" };
 const _hoisted_6 = { class: "flex flex-row" };
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("span", { class: "px-1 leading-none" }, ".", -1);
-const _hoisted_8 = ["onClick"];
-const _hoisted_9 = ["title"];
-const _hoisted_10 = {
+const _hoisted_7 = ["onClick"];
+const _hoisted_8 = ["title"];
+const _hoisted_9 = {
   key: 0,
   class: "ml-auto fill-p-purple-60 pl-2",
   src: _imports_0
@@ -297,7 +296,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                       onClick: _cache[2] || (_cache[2] = //@ts-ignore
                       (...args) => vue.unref(selectAll) && vue.unref(selectAll)(...args))
                     }, " Select all filtered ", 2)),
-                    _hoisted_7,
+                    _cache[6] || (_cache[6] = vue.createElementVNode("span", { class: "px-1 leading-none" }, ".", -1)),
                     vue.createElementVNode("a", {
                       class: vue.normalizeClass([vue.unref(selectedItems).length ? "cursor-pointer" : "pointer-events-none opacity-50"]),
                       onClick: _cache[3] || (_cache[3] = //@ts-ignore
@@ -364,11 +363,11 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                                   class: vue.normalizeClass({ "bg-p-blue-20": index === 1 })
                                 }, vue.toDisplayString(str), 3);
                               }), 128))
-                            ], 8, _hoisted_9)
+                            ], 8, _hoisted_8)
                           ]),
-                          vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_10)) : vue.createCommentVNode("", true)
+                          vue.unref(isSelected)(vue.unref(getValue)(row.index)) ? (vue.openBlock(), vue.createElementBlock("img", _hoisted_9)) : vue.createCommentVNode("", true)
                         ], 2)
-                      ], 14, _hoisted_8)), [
+                      ], 14, _hoisted_7)), [
                         [_directive_close_popper, !__props.multiple]
                       ])
                     ], 4);

package/dist/cjs/chunks/p-inline-date-picker.js

@@ -0,0 +1,112 @@
+"use strict";
+const vue = require("vue");
+const dayjs = require("dayjs");
+const vCalendar = require("v-calendar");
+const useInputClasses = require("../useInputClasses.js");
+const _hoisted_1 = ["data-has-error"];
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PInlineDatePicker",
+    inheritAttrs: false
+  },
+  __name: "p-inline-date-picker",
+  props: {
+    modelValue: { default: "" },
+    label: { default: "" },
+    errorMsg: { default: "" },
+    required: { type: Boolean, default: false },
+    minDate: { default: null },
+    maxDate: { default: null },
+    timezone: { default: "" }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    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"
+    };
+    const props = __props;
+    const emit = __emit;
+    const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const attrs = vue.useAttrs();
+    const innerValue = vue.ref(null);
+    const datepickerRef = vue.ref(null);
+    const masks = vue.computed(() => {
+      return Object.assign(DEFAULT_MASKS, attrs.masks);
+    });
+    const listeners = vue.computed(() => {
+      return Object.keys(attrs).reduce((acc, curr) => {
+        if (curr.startsWith("on")) {
+          return { ...acc, [curr]: attrs[curr] };
+        } else {
+          return acc;
+        }
+      }, {});
+    });
+    const style = vue.computed(() => {
+      return attrs.style;
+    });
+    const styleDatepicker = vue.computed(() => {
+      return props.errorMsg ? { border: "1px solid #f0453c" } : {};
+    });
+    const dayclick = (e) => {
+      emit("update:modelValue", e.id);
+    };
+    vue.watch(
+      () => props.modelValue,
+      async (nV) => {
+        const date = dayjs(nV, masks.value.data).toDate();
+        if (nV && date.toString() === "Invalid Date") {
+          emit("update:modelValue", null);
+          return;
+        }
+        innerValue.value = nV ? dayjs(nV, masks.value.data).toDate() : null;
+        const datepicker = datepickerRef.value;
+        if (datepicker && typeof datepicker.move === "function" && innerValue.value) {
+          await datepicker.move(innerValue.value);
+        }
+      },
+      { immediate: true }
+    );
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!_ctx.errorMsg,
+        style: vue.normalizeStyle(style.value)
+      }, [
+        vue.renderSlot(_ctx.$slots, "label", {
+          label: _ctx.label,
+          labelClasses: vue.unref(labelClasses)
+        }, () => [
+          _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+            key: 0,
+            class: vue.normalizeClass(vue.unref(labelClasses))
+          }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+        ]),
+        vue.createVNode(vue.unref(vCalendar.DatePicker), vue.mergeProps({
+          ref_key: "datepickerRef",
+          ref: datepickerRef,
+          class: { "pointer-events-none opacity-70": _ctx.$attrs.disabled },
+          "model-value": innerValue.value,
+          "select-attribute": selectAttribute,
+          "min-date": _ctx.minDate || null,
+          "max-date": _ctx.maxDate || null,
+          masks: masks.value,
+          style: styleDatepicker.value,
+          timezone: _ctx.timezone
+        }, listeners.value, { onDayclick: dayclick }), null, 16, ["class", "model-value", "min-date", "max-date", "masks", "style", "timezone"]),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(_ctx.errorMsg), 3), [
+          [vue.vShow, _ctx.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+exports._sfc_main = _sfc_main;

package/dist/cjs/chunks/p-input-percent.js

@@ -2,10 +2,6 @@
 const vue = require("vue");
 const pInputNumber = require("../p-input-number.js");
 const lodashEs = require("lodash-es");
-const _hoisted_1 = /* @__PURE__ */ vue.createElementVNode("div", null, "%", -1);
-const _hoisted_2 = [
-  _hoisted_1
-];
 const _sfc_main = /* @__PURE__ */ vue.defineComponent({
   ...{
     name: "PInputPercent"
@@ -43,7 +39,9 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         prefix: vue.withCtx(() => [
           vue.createElementVNode("div", {
             class: vue.normalizeClass(["absolute flex items-center", prefixClasses[__props.size]])
-          }, _hoisted_2, 2)
+          }, _cache[1] || (_cache[1] = [
+            vue.createElementVNode("div", null, "%", -1)
+          ]), 2)
         ]),
         _: 1
       }, 8, ["modelValue", "size"]);

package/dist/cjs/chunks/p-pagination-info.js

@@ -57,7 +57,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
         __props.count ? (vue.openBlock(), vue.createElementBlock(vue.Fragment, { key: 0 }, [
           vue.createTextVNode("Showing " + vue.toDisplayString(from.value) + " to " + vue.toDisplayString(to.value) + " of " + vue.toDisplayString(__props.count) + " results", 1)
         ], 64)) : vue.renderSlot(_ctx.$slots, "no-results", { key: 1 }, () => [
-          vue.createTextVNode("No results found")
+          _cache[0] || (_cache[0] = vue.createTextVNode("No results found"))
         ])
       ]));
     };

package/dist/cjs/chunks/p-pagination.js

@@ -8,17 +8,9 @@ const _hoisted_1 = {
   key: 1,
   class: "flex text-p-gray-40"
 };
-const _hoisted_2 = /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_0 }, null, -1);
-const _hoisted_3 = [
-  _hoisted_2
-];
-const _hoisted_4 = ["onClick"];
-const _hoisted_5 = { class: "flex" };
-const _hoisted_6 = ["aria-label"];
-const _hoisted_7 = /* @__PURE__ */ vue.createElementVNode("img", { src: _imports_1 }, null, -1);
-const _hoisted_8 = [
-  _hoisted_7
-];
+const _hoisted_2 = ["onClick"];
+const _hoisted_3 = { class: "flex" };
+const _hoisted_4 = ["aria-label"];
 const DOTS = "...";
 const BTN_CLASS = "w-6 h-6 flex justify-center items-center mx-1 font-semibold text-sm leading-none";
 const BTN_ACTIVE_CLASS = "text-p-purple-60 bg-p-gray-30 rounded-lg";
@@ -91,29 +83,33 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
             class: vue.normalizeClass([BTN_CLASS, Number(__props.modelValue) <= 1 ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
             "aria-label": "go to the previous page",
             onClick: _cache[0] || (_cache[0] = ($event) => setPage(Number(__props.modelValue) - 1))
-          }, _hoisted_3, 2),
+          }, _cache[2] || (_cache[2] = [
+            vue.createElementVNode("img", { src: _imports_0 }, null, -1)
+          ]), 2),
           (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(pages.value, (page, index) => {
             return vue.openBlock(), vue.createElementBlock("div", {
               key: index,
               onClick: ($event) => setPage(Number(page))
             }, [
-              vue.createElementVNode("div", _hoisted_5, [
+              vue.createElementVNode("div", _hoisted_3, [
                 page !== DOTS ? (vue.openBlock(), vue.createElementBlock("div", {
                   key: 0,
                   class: vue.normalizeClass([BTN_CLASS, page === __props.modelValue ? BTN_ACTIVE_CLASS : BTN_INACTIVE_CLASS]),
                   "aria-label": `go to page ${page}`
-                }, vue.toDisplayString(page), 11, _hoisted_6)) : (vue.openBlock(), vue.createElementBlock("div", {
+                }, vue.toDisplayString(page), 11, _hoisted_4)) : (vue.openBlock(), vue.createElementBlock("div", {
                   key: 1,
                   class: vue.normalizeClass(BTN_CLASS)
                 }, vue.toDisplayString(DOTS)))
               ])
-            ], 8, _hoisted_4);
+            ], 8, _hoisted_2);
           }), 128)),
           vue.createElementVNode("div", {
             class: vue.normalizeClass([BTN_CLASS, __props.modelValue === pageCount.value ? ARROW_INACTIVE_CLASS : ARROW_ACTIVE_CLASS]),
             "aria-label": "go to the next page",
             onClick: _cache[1] || (_cache[1] = ($event) => setPage(Number(__props.modelValue) + 1))
-          }, _hoisted_8, 2)
+          }, _cache[3] || (_cache[3] = [
+            vue.createElementVNode("img", { src: _imports_1 }, null, -1)
+          ]), 2)
         ])) : vue.createCommentVNode("", true)
       ], 64);
     };