@pequity/squirrel 1.0.20 → 1.0.21

package/dist/cjs/p-table-header-cell.js

@@ -0,0 +1,75 @@
+"use strict";
+const pInfoIcon = require("./p-info-icon.js");
+const pTableFilterIcon = require("./p-table-filter-icon.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const DEFAULT_CLASSES = `text-xs leading-5 font-bold uppercase truncate shrink`;
+const _sfc_main = vue.defineComponent({
+  name: "PTableHeaderCell",
+  components: {
+    PTableFilterIcon: pTableFilterIcon,
+    PInfoIcon: pInfoIcon
+  },
+  props: {
+    text: {
+      type: String,
+      default: ""
+    },
+    textClass: {
+      type: [String, Object, Array],
+      default: "text-left"
+    },
+    filterActive: {
+      type: Boolean,
+      default: false
+    },
+    showFilterIcon: {
+      type: Boolean,
+      default: false
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["click-filter-icon"],
+  data() {
+    return {
+      DEFAULT_CLASSES
+    };
+  }
+});
+const _hoisted_1 = { class: "flex items-center overflow-hidden" };
+const _hoisted_2 = ["title"];
+const _hoisted_3 = {
+  key: 0,
+  class: "relative ml-1 mr-auto h-3 w-3 shrink-0"
+};
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  const _component_PInfoIcon = vue.resolveComponent("PInfoIcon");
+  const _component_PTableFilterIcon = vue.resolveComponent("PTableFilterIcon");
+  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
+    vue.createElementVNode("div", {
+      class: vue.normalizeClass([
+        _ctx.DEFAULT_CLASSES,
+        _ctx.textClass,
+        _ctx.filterActive ? "text-active-blue" : "text-p-purple-60",
+        { "mr-auto": !_ctx.tooltipText }
+      ]),
+      title: _ctx.text
+    }, vue.toDisplayString(_ctx.text), 11, _hoisted_2),
+    _ctx.tooltipText ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+      _ctx.tooltipText ? (vue.openBlock(), vue.createBlock(_component_PInfoIcon, {
+        key: 0,
+        text: _ctx.tooltipText
+      }, null, 8, ["text"])) : vue.createCommentVNode("", true)
+    ])) : vue.createCommentVNode("", true),
+    vue.createVNode(_component_PTableFilterIcon, {
+      class: vue.normalizeClass(["ml-2", { hidden: !_ctx.showFilterIcon }]),
+      active: _ctx.filterActive,
+      onClick: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("click-filter-icon", $event, _ctx.filterActive))
+    }, null, 8, ["class", "active"])
+  ]);
+}
+const PTableHeaderCell = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = PTableHeaderCell;

package/dist/cjs/p-table-loader.js

@@ -0,0 +1,3 @@
+"use strict";
+const pTableLoader_vue_vue_type_script_setup_true_lang = require("./chunks/p-table-loader.js");
+module.exports = pTableLoader_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-table-sort.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const SORTING_TYPES = Object.freeze({
+  NO_SORTING: "noSorting",
+  ASC: "asc",
+  DESC: "desc"
+});
+exports.SORTING_TYPES = SORTING_TYPES;

package/dist/cjs/p-table-td.js

@@ -0,0 +1,88 @@
+"use strict";
+const vue = require("vue");
+const pTable = require("./p-table.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-50608a90"), n = n(), vue.popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ vue.createElementVNode("div", { class: "dropdown-anchor" }, null, -1));
+const _hoisted_2 = {
+  key: 0,
+  class: "min-w-[80px] border-l border-p-gray-30 bg-gradient-to-r from-white via-p-gray-10 to-p-gray-10"
+};
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{ name: "PTableTd", inheritAttrs: false },
+  __name: "p-table-td",
+  props: {
+    colIndex: {},
+    isEditable: { type: Boolean, default: false },
+    isSelected: { type: Boolean, default: false }
+  },
+  setup(__props) {
+    const props = __props;
+    const cols = vue.inject(pTable.colsInjectionKey, vue.ref([]));
+    const isFirstColFixed = vue.inject(pTable.isFirstColFixedInjectionKey, vue.ref(false));
+    const isLastColFixed = vue.inject(pTable.isLastColFixedInjectionKey, vue.ref(false));
+    const isColsResizable = vue.inject(pTable.isColsResizableInjectionKey, vue.ref(false));
+    const isFirstCol = vue.computed(() => props.colIndex === 0);
+    const isSecondCol = vue.computed(() => props.colIndex === 1);
+    const isNextToLastCol = vue.computed(() => props.colIndex === cols.value.length - 2);
+    const isLastCol = vue.computed(() => props.colIndex === cols.value.length - 1);
+    const tdClass = vue.computed(() => {
+      const res = [
+        // Common classes for all cells
+        "p-0 h-full text-sm"
+      ];
+      if (props.isEditable) {
+        res.push("cursor-pointer");
+      }
+      if (isFirstColFixed.value && isFirstCol.value) {
+        res.push("td-col-fixed-border-b");
+        res.push("first:sticky first:left-0 first:z-10");
+      } else if (isLastColFixed.value && isLastCol.value) {
+        res.push("td-col-fixed-border-b", "last:sticky last:right-0 last:z-10");
+      } else {
+        res.push("border-b border-p-gray-30");
+      }
+      if (props.isSelected) {
+        res.push("bg-p-blue-15 group-hover/row:bg-p-blue-15");
+      } else {
+        res.push("bg-white group-hover/row:bg-p-blue-10");
+      }
+      return res;
+    });
+    const innerDivClass = vue.computed(() => {
+      const res = ["py-2"];
+      const currentColIsFirstColFixed = isFirstColFixed.value && isFirstCol.value;
+      const currentColIsLastColFixed = isLastColFixed.value && isLastCol.value;
+      if (!currentColIsFirstColFixed && !currentColIsLastColFixed) {
+        res.push("w-max");
+      }
+      if (currentColIsFirstColFixed) {
+        res.push("td-shadow-right flex flex-col h-full justify-center px-3");
+      } else if (currentColIsLastColFixed) {
+        res.push("td-shadow-left flex flex-col h-full justify-center px-3");
+      } else if (isFirstColFixed.value && isSecondCol.value) {
+        res.push("pl-4 pr-2");
+      } else if (isLastColFixed.value && isNextToLastCol.value) {
+        res.push("pr-4 pl-2");
+      } else {
+        res.push("px-2");
+      }
+      return res;
+    });
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock(vue.Fragment, null, [
+        vue.createElementVNode("td", vue.mergeProps({ class: tdClass.value }, _ctx.$attrs), [
+          _hoisted_1,
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(innerDivClass.value)
+          }, [
+            vue.renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2)
+        ], 16),
+        vue.unref(isColsResizable) && isLastCol.value && !vue.unref(isLastColFixed) ? (vue.openBlock(), vue.createElementBlock("td", _hoisted_2)) : vue.createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const pTableTd = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-50608a90"]]);
+module.exports = pTableTd;

package/dist/cjs/p-table.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const colsInjectionKey = Symbol("cols");
+const isFirstColFixedInjectionKey = Symbol("isFirstColFixed");
+const isLastColFixedInjectionKey = Symbol("isLastColFixed");
+const isColsResizableInjectionKey = Symbol("isColsResizable");
+const MIN_WIDTH_COL_RESIZE = 80;
+exports.MIN_WIDTH_COL_RESIZE = MIN_WIDTH_COL_RESIZE;
+exports.colsInjectionKey = colsInjectionKey;
+exports.isColsResizableInjectionKey = isColsResizableInjectionKey;
+exports.isFirstColFixedInjectionKey = isFirstColFixedInjectionKey;
+exports.isLastColFixedInjectionKey = isLastColFixedInjectionKey;

package/dist/cjs/p-tabs.js

@@ -0,0 +1,3 @@
+"use strict";
+const pTabs_vue_vue_type_script_setup_true_lang = require("./chunks/p-tabs.js");
+module.exports = pTabs_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-textarea.js

@@ -0,0 +1,73 @@
+"use strict";
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "PTextarea",
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    attrs() {
+      const { class: classes, style, ...rest } = this.$attrs;
+      return rest;
+    },
+    style() {
+      return this.$attrs.style;
+    }
+  },
+  methods: {
+    updateValue(e) {
+      const target = e.target;
+      this.$emit("update:modelValue", target.value);
+    }
+  }
+});
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: vue.normalizeStyle(_ctx.style)
+  }, [
+    vue.renderSlot(_ctx.$slots, "label", {
+      label: _ctx.label,
+      labelClasses: _ctx.labelClasses
+    }, () => [
+      _ctx.label ? (vue.openBlock(), vue.createElementBlock("label", {
+        key: 0,
+        class: vue.normalizeClass(_ctx.labelClasses)
+      }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+    ]),
+    vue.createElementVNode("textarea", vue.mergeProps({ value: _ctx.modelValue }, _ctx.attrs, {
+      class: _ctx.textareaClasses,
+      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.updateValue && _ctx.updateValue(...args))
+    }), " ", 16, _hoisted_2),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const pTextarea = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = pTextarea;

package/dist/cjs/p-toggle.js

@@ -0,0 +1,114 @@
+"use strict";
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const TOGGLE_SIZES = {
+  sm: `w-9 h-5 after:top-[2px] after:left-[2px] after:h-4 after:w-4`,
+  md: `w-11 h-6 after:top-[2px] after:left-[2px] after:h-5 after:w-5`,
+  lg: `w-[52px] h-7 after:top-0.5 after:left-[2px] after:h-6 after:w-6`
+};
+const TOGGLE_CLASSES = [
+  "shadow-inner-toggle",
+  "bg-p-gray-30",
+  "transition-all",
+  "duration-300",
+  "rounded-full",
+  "peer-checked:after:translate-x-full",
+  "peer-checked:after:border-white",
+  "after:content-['']",
+  "after:absolute",
+  "after:bg-white",
+  "after:rounded-full",
+  "after:transition-all",
+  "after:duration-300",
+  "peer-checked:bg-primary",
+  "peer-disabled:bg-p-blue-10",
+  "peer-disabled:after:border-p-blue-10"
+].join(" ");
+const _sfc_main = vue.defineComponent({
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: Boolean,
+      default: false
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  computed: {
+    toggleClasses() {
+      const base = `${TOGGLE_CLASSES} ${TOGGLE_SIZES[this.size]}`;
+      const res = this.errorMsg ? `${base} border border-on-error` : base;
+      return res;
+    },
+    toggleLabelClasses() {
+      return `${this.labelClasses.replace("mb-1", "")} ml-2`;
+    },
+    attrs() {
+      const { style, class: classes, "data-testid": dataTestId, ...rest } = this.$attrs;
+      return rest;
+    },
+    style() {
+      return this.$attrs.style;
+    }
+  },
+  methods: {
+    change(e) {
+      const target = e.target;
+      this.$emit("update:modelValue", target.checked);
+    }
+  }
+});
+const _hoisted_1 = ["aria-checked", "data-testid"];
+const _hoisted_2 = ["checked"];
+function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+  return vue.openBlock(), vue.createElementBlock("div", {
+    class: vue.normalizeClass(["inline-flex flex-col", _ctx.$attrs.class]),
+    style: vue.normalizeStyle(_ctx.style),
+    role: "switch",
+    "aria-checked": _ctx.modelValue ? "true" : "false",
+    "data-testid": _ctx.$attrs["data-testid"]
+  }, [
+    vue.createElementVNode("label", {
+      class: vue.normalizeClass(["relative inline-flex items-center", { "cursor-pointer": !_ctx.$attrs.disabled }])
+    }, [
+      vue.createElementVNode("input", vue.mergeProps({
+        type: "checkbox",
+        checked: _ctx.modelValue,
+        class: "peer sr-only"
+      }, { ..._ctx.attrs, input: () => {
+      }, onChange: _ctx.change }), null, 16, _hoisted_2),
+      vue.createElementVNode("div", {
+        class: vue.normalizeClass(_ctx.toggleClasses)
+      }, null, 2),
+      vue.renderSlot(_ctx.$slots, "label", {
+        label: _ctx.label,
+        labelClasses: _ctx.toggleLabelClasses
+      }, () => [
+        _ctx.label ? (vue.openBlock(), vue.createElementBlock("span", {
+          key: 0,
+          class: vue.normalizeClass(_ctx.toggleLabelClasses)
+        }, vue.toDisplayString(_ctx.label), 3)) : vue.createCommentVNode("", true)
+      ], true)
+    ], 2),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const pToggle = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e222188e"]]);
+module.exports = pToggle;

package/dist/cjs/pagination.js

@@ -0,0 +1,29 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const createPagingRange = (currentPage, totalPageNumber, offset = 2, separator = "...") => {
+  const currentPageNumber = currentPage || 1;
+  const offsetNumber = currentPageNumber <= offset || currentPageNumber > totalPageNumber - offset ? offset : offset - 1;
+  const numbersList = [];
+  const numbersListWithDots = [];
+  if (totalPageNumber <= 1 || totalPageNumber === void 0)
+    return [1];
+  numbersList.push(1);
+  for (let i = currentPageNumber - offsetNumber; i <= currentPageNumber + offsetNumber; i++) {
+    if (i < totalPageNumber && i > 1) {
+      numbersList.push(i);
+    }
+  }
+  numbersList.push(totalPageNumber);
+  numbersList.reduce((acc, curr) => {
+    if (acc === 1) {
+      numbersListWithDots.push(acc);
+    }
+    if (curr - acc !== 1) {
+      numbersListWithDots.push(separator);
+    }
+    numbersListWithDots.push(curr);
+    return curr;
+  });
+  return numbersListWithDots;
+};
+exports.createPagingRange = createPagingRange;

package/dist/cjs/string.js

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const toString = (value) => {
+  if (typeof value === "number" && (!isFinite(value) || isNaN(value))) {
+    return "";
+  }
+  if (typeof value !== "string" && typeof value !== "number") {
+    return "";
+  }
+  return String(value);
+};
+exports.toString = toString;