@pequity/squirrel 1.0.20 → 1.0.21-beta.1

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

@@ -0,0 +1,147 @@
+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",
+  "hideGroupingSeparatorOnFocus",
+  "hideCurrencySymbolOnFocus",
+  "hideNegligibleDecimalDigitsOnFocus",
+  "precision",
+  "autoDecimalDigits",
+  "valueRange",
+  "useGrouping",
+  "valueScaling"
+];
+const _sfc_main = defineComponent({
+  name: "PInputNumber",
+  components: {
+    PInfoIcon
+  },
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    selectOnClick: {
+      type: Boolean,
+      default: true
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(props, { attrs, emit, expose }) {
+    const DEFAULTS = {
+      locale: "en-US",
+      currency: "USD",
+      precision: 0,
+      currencyDisplay: "hidden"
+    };
+    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
+    );
+    watch(numberValue, (value) => {
+      emit("update:modelValue", toNumberOrNull(value));
+    });
+    watch(
+      () => props.modelValue,
+      (value) => {
+        setValue(toNumberOrNull(value));
+      }
+    );
+    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();
+    };
+    expose({ setValue });
+    return { inputRef, computedAttrs, style, focus };
+  }
+});
+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)
+  }, [
+    createElementVNode("div", _hoisted_2, [
+      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)
+      ]),
+      _ctx.tooltipText ? (openBlock(), createBlock(_component_PInfoIcon, {
+        key: 0,
+        text: _ctx.tooltipText,
+        class: "ml-1"
+      }, null, 8, ["text"])) : createCommentVNode("", true)
+    ]),
+    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"
+      }, _ctx.computedAttrs, {
+        class: _ctx.inputClasses,
+        onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
+      }), null, 16)
+    ]),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const PInputNumber = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  PInputNumber as default
+};

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

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

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

@@ -0,0 +1,111 @@
+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
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(INPUT_SIZES).includes(value);
+      }
+    },
+    showEnterIcon: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue", "enter"],
+  data() {
+    return {
+      query: this.modelValue,
+      showEnterIconOnFocus: false
+    };
+  },
+  computed: {
+    searchIconClasses() {
+      return `search search-${this.size}`;
+    },
+    enterIconClasses() {
+      return `enter enter-${this.size}`;
+    },
+    clearIconClasses() {
+      return `clear clear-${this.size}`;
+    }
+  },
+  watch: {
+    modelValue(value) {
+      this.query = value;
+    },
+    query(value) {
+      this.$emit("update:modelValue", value);
+    }
+  },
+  methods: {
+    clearSearch() {
+      this.query = "";
+      requestAnimationFrame(() => {
+        this.$refs.searchInput.$el.querySelector("input").focus();
+      });
+    },
+    keydownEnter() {
+      this.$emit("enter", this.query);
+    }
+  }
+});
+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: _ctx.query,
+    "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => _ctx.query = $event),
+    size: _ctx.size
+  }, _ctx.$attrs, {
+    role: "searchbox",
+    onFocus: _cache[2] || (_cache[2] = ($event) => _ctx.showEnterIconOnFocus = true),
+    onFocusout: _cache[3] || (_cache[3] = ($event) => _ctx.showEnterIconOnFocus = false),
+    onKeydown: withKeys(_ctx.keydownEnter, ["enter"])
+  }), {
+    prefix: withCtx(() => [
+      createElementVNode("i", {
+        class: normalizeClass(["icon absolute bg-no-repeat outline-none", _ctx.searchIconClasses])
+      }, null, 2)
+    ]),
+    suffix: withCtx(() => [
+      _ctx.query && _ctx.showEnterIcon && _ctx.showEnterIconOnFocus ? withDirectives((openBlock(), createElementBlock("i", {
+        key: 0,
+        class: normalizeClass(["icon absolute bg-no-repeat outline-none", _ctx.enterIconClasses])
+      }, null, 2)), [
+        [
+          _directive_tooltip,
+          { content: "Press enter to search", delay: { show: 100, hide: 0 } },
+          void 0,
+          { bottom: true }
+        ]
+      ]) : createCommentVNode("", true),
+      _ctx.query ? (openBlock(), createElementBlock("button", {
+        key: 1,
+        role: "button",
+        "aria-label": "Clear search input",
+        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 PInputSearch = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3de99c69"]]);
+export {
+  PInputSearch as default
+};

package/dist/es/p-input.js

@@ -0,0 +1,90 @@
+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 INPUT_TYPES = { TEXT: "text", PASSWORD: "password" };
+const _sfc_main = defineComponent({
+  name: "PInput",
+  mixins: [inputClassesMixin],
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: [String, Number],
+      default: ""
+    },
+    type: {
+      type: String,
+      default: INPUT_TYPES.TEXT,
+      validator(value) {
+        return Object.values(INPUT_TYPES).includes(value);
+      }
+    },
+    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;
+    }
+  }
+});
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = { class: "relative w-full" };
+const _hoisted_3 = { key: 0 };
+const _hoisted_4 = ["type", "value"];
+const _hoisted_5 = { key: 1 };
+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("div", _hoisted_2, [
+      !!_ctx.$slots.prefix ? (openBlock(), createElementBlock("div", _hoisted_3, [
+        renderSlot(_ctx.$slots, "prefix")
+      ])) : createCommentVNode("", true),
+      createElementVNode("input", mergeProps({
+        type: _ctx.type,
+        value: _ctx.modelValue
+      }, _ctx.attrs, {
+        class: _ctx.inputClasses,
+        onInput: _cache[0] || (_cache[0] = (event) => _ctx.$emit("update:modelValue", event.target.value))
+      }), null, 16, _hoisted_4),
+      !!_ctx.$slots.suffix ? (openBlock(), createElementBlock("div", _hoisted_5, [
+        renderSlot(_ctx.$slots, "suffix")
+      ])) : createCommentVNode("", true)
+    ]),
+    withDirectives(createElementVNode("div", {
+      class: normalizeClass(_ctx.errorMsgClasses)
+    }, toDisplayString(_ctx.errorMsg), 3), [
+      [vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const PInput = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render]]);
+export {
+  PInput as default
+};

package/dist/es/p-loading.js

@@ -0,0 +1,39 @@
+import { defineComponent, openBlock, createBlock, Transition, withCtx, unref, createElementBlock, createCommentVNode, pushScopeId, popScopeId, createElementVNode } from "vue";
+import { usePLoading } from "./usePLoading.js";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _withScopeId = (n) => (pushScopeId("data-v-3a800f21"), n = n(), popScopeId(), n);
+const _hoisted_1 = {
+  key: 0,
+  class: "fixed left-0 top-0 z-[120] flex w-full justify-center",
+  "aria-live": "polite",
+  "aria-busy": "true"
+};
+const _hoisted_2 = /* @__PURE__ */ _withScopeId(() => /* @__PURE__ */ createElementVNode("div", { class: "bg-blue-10 h-8 rounded-b border-x border-b border-p-gray-30 px-4 pt-2 text-sm font-semibold leading-none text-p-purple-60 shadow" }, " Loading... ", -1));
+const _hoisted_3 = [
+  _hoisted_2
+];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PLoading"
+  },
+  __name: "p-loading",
+  setup(__props) {
+    const { show } = usePLoading();
+    return (_ctx, _cache) => {
+      return openBlock(), createBlock(Transition, {
+        name: "pm-backdrop-transition",
+        "enter-active-class": "fadeInDown",
+        "leave-active-class": "fadeOutUp"
+      }, {
+        default: withCtx(() => [
+          unref(show) ? (openBlock(), createElementBlock("div", _hoisted_1, _hoisted_3)) : createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const pLoading = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-3a800f21"]]);
+export {
+  pLoading as default
+};