@pequity/squirrel 1.0.20 → 1.0.21-beta.1

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

@@ -0,0 +1,76 @@
+import PInfoIcon from "./p-info-icon.js";
+import PTableFilterIcon from "./p-table-filter-icon.js";
+import { defineComponent, resolveComponent, openBlock, createElementBlock, createElementVNode, normalizeClass, toDisplayString, createBlock, createCommentVNode, createVNode } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const DEFAULT_CLASSES = `text-xs leading-5 font-bold uppercase truncate shrink`;
+const _sfc_main = defineComponent({
+  name: "PTableHeaderCell",
+  components: {
+    PTableFilterIcon,
+    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 = resolveComponent("PInfoIcon");
+  const _component_PTableFilterIcon = resolveComponent("PTableFilterIcon");
+  return openBlock(), createElementBlock("div", _hoisted_1, [
+    createElementVNode("div", {
+      class: normalizeClass([
+        _ctx.DEFAULT_CLASSES,
+        _ctx.textClass,
+        _ctx.filterActive ? "text-active-blue" : "text-p-purple-60",
+        { "mr-auto": !_ctx.tooltipText }
+      ]),
+      title: _ctx.text
+    }, toDisplayString(_ctx.text), 11, _hoisted_2),
+    _ctx.tooltipText ? (openBlock(), createElementBlock("div", _hoisted_3, [
+      _ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
+        key: 0,
+        text: _ctx.tooltipText
+      }, null, 8, ["text"])) : createCommentVNode("", true)
+    ])) : createCommentVNode("", true),
+    createVNode(_component_PTableFilterIcon, {
+      class: 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__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  PTableHeaderCell as default
+};

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

@@ -0,0 +1,4 @@
+import { _ as _sfc_main } from "./chunks/p-table-loader.js";
+export {
+  _sfc_main as default
+};

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

@@ -0,0 +1,8 @@
+const SORTING_TYPES = Object.freeze({
+  NO_SORTING: "noSorting",
+  ASC: "asc",
+  DESC: "desc"
+});
+export {
+  SORTING_TYPES
+};

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

@@ -0,0 +1,89 @@
+import { defineComponent, inject, ref, computed, openBlock, createElementBlock, Fragment, createElementVNode, mergeProps, normalizeClass, renderSlot, unref, createCommentVNode, pushScopeId, popScopeId } from "vue";
+import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-50608a90"), n = n(), popScopeId(), n);
+const _hoisted_1 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ 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__ */ 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 = inject(colsInjectionKey, ref([]));
+    const isFirstColFixed = inject(isFirstColFixedInjectionKey, ref(false));
+    const isLastColFixed = inject(isLastColFixedInjectionKey, ref(false));
+    const isColsResizable = inject(isColsResizableInjectionKey, ref(false));
+    const isFirstCol = computed(() => props.colIndex === 0);
+    const isSecondCol = computed(() => props.colIndex === 1);
+    const isNextToLastCol = computed(() => props.colIndex === cols.value.length - 2);
+    const isLastCol = computed(() => props.colIndex === cols.value.length - 1);
+    const tdClass = 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 = 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 openBlock(), createElementBlock(Fragment, null, [
+        createElementVNode("td", mergeProps({ class: tdClass.value }, _ctx.$attrs), [
+          _hoisted_1,
+          createElementVNode("div", {
+            class: normalizeClass(innerDivClass.value)
+          }, [
+            renderSlot(_ctx.$slots, "default", {}, void 0, true)
+          ], 2)
+        ], 16),
+        unref(isColsResizable) && isLastCol.value && !unref(isLastColFixed) ? (openBlock(), createElementBlock("td", _hoisted_2)) : createCommentVNode("", true)
+      ], 64);
+    };
+  }
+});
+const pTableTd = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-50608a90"]]);
+export {
+  pTableTd as default
+};

package/dist/es/p-table.js

@@ -0,0 +1,12 @@
+const colsInjectionKey = Symbol("cols");
+const isFirstColFixedInjectionKey = Symbol("isFirstColFixed");
+const isLastColFixedInjectionKey = Symbol("isLastColFixed");
+const isColsResizableInjectionKey = Symbol("isColsResizable");
+const MIN_WIDTH_COL_RESIZE = 80;
+export {
+  MIN_WIDTH_COL_RESIZE,
+  colsInjectionKey,
+  isColsResizableInjectionKey,
+  isFirstColFixedInjectionKey,
+  isLastColFixedInjectionKey
+};

package/dist/es/p-tabs.js

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

package/dist/es/p-textarea.js

@@ -0,0 +1,74 @@
+import inputClassesMixin from "./inputClassesMixin.js";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, renderSlot, toDisplayString, createCommentVNode, createElementVNode, mergeProps, withDirectives, vShow } from "vue";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = 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 openBlock(), createElementBlock("div", {
+    class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+    "data-has-error": !!_ctx.errorMsg,
+    style: normalizeStyle(_ctx.style)
+  }, [
+    renderSlot(_ctx.$slots, "label", {
+      label: _ctx.label,
+      labelClasses: _ctx.labelClasses
+    }, () => [
+      _ctx.label ? (openBlock(), createElementBlock("label", {
+        key: 0,
+        class: normalizeClass(_ctx.labelClasses)
+      }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
+    ]),
+    createElementVNode("textarea", mergeProps({ value: _ctx.modelValue }, _ctx.attrs, {
+      class: _ctx.textareaClasses,
+      onInput: _cache[0] || (_cache[0] = (...args) => _ctx.updateValue && _ctx.updateValue(...args))
+    }), " ", 16, _hoisted_2),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const pTextarea = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  pTextarea as default
+};

package/dist/es/p-toggle.js

@@ -0,0 +1,115 @@
+import inputClassesMixin from "./inputClassesMixin.js";
+import { defineComponent, openBlock, createElementBlock, normalizeClass, normalizeStyle, createElementVNode, mergeProps, renderSlot, toDisplayString, createCommentVNode, withDirectives, vShow } from "vue";
+import { _ as _export_sfc } from "./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 = 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 openBlock(), createElementBlock("div", {
+    class: normalizeClass(["inline-flex flex-col", _ctx.$attrs.class]),
+    style: normalizeStyle(_ctx.style),
+    role: "switch",
+    "aria-checked": _ctx.modelValue ? "true" : "false",
+    "data-testid": _ctx.$attrs["data-testid"]
+  }, [
+    createElementVNode("label", {
+      class: normalizeClass(["relative inline-flex items-center", { "cursor-pointer": !_ctx.$attrs.disabled }])
+    }, [
+      createElementVNode("input", mergeProps({
+        type: "checkbox",
+        checked: _ctx.modelValue,
+        class: "peer sr-only"
+      }, { ..._ctx.attrs, input: () => {
+      }, onChange: _ctx.change }), null, 16, _hoisted_2),
+      createElementVNode("div", {
+        class: normalizeClass(_ctx.toggleClasses)
+      }, null, 2),
+      renderSlot(_ctx.$slots, "label", {
+        label: _ctx.label,
+        labelClasses: _ctx.toggleLabelClasses
+      }, () => [
+        _ctx.label ? (openBlock(), createElementBlock("span", {
+          key: 0,
+          class: normalizeClass(_ctx.toggleLabelClasses)
+        }, toDisplayString(_ctx.label), 3)) : createCommentVNode("", true)
+      ], true)
+    ], 2),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const pToggle = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-e222188e"]]);
+export {
+  pToggle as default
+};

package/dist/es/pagination.js

@@ -0,0 +1,29 @@
+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;
+};
+export {
+  createPagingRange
+};

package/dist/es/string.js

@@ -0,0 +1,12 @@
+const toString = (value) => {
+  if (typeof value === "number" && (!isFinite(value) || isNaN(value))) {
+    return "";
+  }
+  if (typeof value !== "string" && typeof value !== "number") {
+    return "";
+  }
+  return String(value);
+};
+export {
+  toString
+};