@pequity/squirrel 1.0.20 → 1.0.21

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

@@ -0,0 +1,146 @@
+"use strict";
+const pInfoIcon = require("./p-info-icon.js");
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vueCurrencyInput = require("vue-currency-input");
+const vue = require("vue");
+const lodashEs = require("lodash-es");
+const number = require("./number.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const ALL_OPTIONS = [
+  "locale",
+  "currency",
+  "currencyDisplay",
+  "hideGroupingSeparatorOnFocus",
+  "hideCurrencySymbolOnFocus",
+  "hideNegligibleDecimalDigitsOnFocus",
+  "precision",
+  "autoDecimalDigits",
+  "valueRange",
+  "useGrouping",
+  "valueScaling"
+];
+const _sfc_main = vue.defineComponent({
+  name: "PInputNumber",
+  components: {
+    PInfoIcon: 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 = vue.computed(() => {
+      ALL_OPTIONS.forEach((key) => {
+        const attr = attrs[lodashEs.kebabCase(key)];
+        if (attr && typeof attr !== "undefined") {
+          DEFAULTS[key] = attr;
+        }
+      });
+      return DEFAULTS;
+    });
+    const { inputRef, numberValue, setValue } = vueCurrencyInput.useCurrencyInput(
+      inputCurrencyOptions.value,
+      false
+    );
+    vue.watch(numberValue, (value) => {
+      emit("update:modelValue", number.toNumberOrNull(value));
+    });
+    vue.watch(
+      () => props.modelValue,
+      (value) => {
+        setValue(number.toNumberOrNull(value));
+      }
+    );
+    const computedAttrs = vue.computed(() => {
+      const { class: classes, style: style2, ...rest } = attrs;
+      return rest;
+    });
+    const style = vue.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 = vue.resolveComponent("PInfoIcon");
+  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.createElementVNode("div", _hoisted_2, [
+      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)
+      ]),
+      _ctx.tooltipText ? (vue.openBlock(), vue.createBlock(_component_PInfoIcon, {
+        key: 0,
+        text: _ctx.tooltipText,
+        class: "ml-1"
+      }, null, 8, ["text"])) : vue.createCommentVNode("", true)
+    ]),
+    vue.createElementVNode("div", _hoisted_3, [
+      !!_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_4, [
+        vue.renderSlot(_ctx.$slots, "prefix")
+      ])) : vue.createCommentVNode("", true),
+      vue.createElementVNode("input", vue.mergeProps({
+        ref: "inputRef",
+        type: "text"
+      }, _ctx.computedAttrs, {
+        class: _ctx.inputClasses,
+        onFocus: _cache[0] || (_cache[0] = (...args) => _ctx.focus && _ctx.focus(...args))
+      }), null, 16)
+    ]),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const PInputNumber = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = PInputNumber;

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

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

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

@@ -0,0 +1,110 @@
+"use strict";
+const pInput = require("./p-input.js");
+const inputClassesShared = require("./inputClassesShared.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = vue.defineComponent({
+  name: "PInputSearch",
+  components: {
+    PInput: pInput
+  },
+  inheritAttrs: false,
+  props: {
+    modelValue: {
+      type: String,
+      default: ""
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return Object.keys(inputClassesShared.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 = vue.resolveComponent("PInput");
+  const _directive_tooltip = vue.resolveDirective("tooltip");
+  return vue.openBlock(), vue.createBlock(_component_PInput, vue.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: vue.withKeys(_ctx.keydownEnter, ["enter"])
+  }), {
+    prefix: vue.withCtx(() => [
+      vue.createElementVNode("i", {
+        class: vue.normalizeClass(["icon absolute bg-no-repeat outline-none", _ctx.searchIconClasses])
+      }, null, 2)
+    ]),
+    suffix: vue.withCtx(() => [
+      _ctx.query && _ctx.showEnterIcon && _ctx.showEnterIconOnFocus ? vue.withDirectives((vue.openBlock(), vue.createElementBlock("i", {
+        key: 0,
+        class: vue.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 }
+        ]
+      ]) : vue.createCommentVNode("", true),
+      _ctx.query ? (vue.openBlock(), vue.createElementBlock("button", {
+        key: 1,
+        role: "button",
+        "aria-label": "Clear search input",
+        class: vue.normalizeClass(["icon absolute cursor-pointer bg-no-repeat", _ctx.clearIconClasses]),
+        onClick: _cache[0] || (_cache[0] = (...args) => _ctx.clearSearch && _ctx.clearSearch(...args))
+      }, null, 2)) : vue.createCommentVNode("", true)
+    ]),
+    _: 1
+  }, 16, ["modelValue", "size", "onKeydown"]);
+}
+const PInputSearch = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-3de99c69"]]);
+module.exports = PInputSearch;

package/dist/cjs/p-input.js

@@ -0,0 +1,89 @@
+"use strict";
+const inputClassesMixin = require("./inputClassesMixin.js");
+const vue = require("vue");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const INPUT_TYPES = { TEXT: "text", PASSWORD: "password" };
+const _sfc_main = vue.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 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("div", _hoisted_2, [
+      !!_ctx.$slots.prefix ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_3, [
+        vue.renderSlot(_ctx.$slots, "prefix")
+      ])) : vue.createCommentVNode("", true),
+      vue.createElementVNode("input", vue.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 ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_5, [
+        vue.renderSlot(_ctx.$slots, "suffix")
+      ])) : vue.createCommentVNode("", true)
+    ]),
+    vue.withDirectives(vue.createElementVNode("div", {
+      class: vue.normalizeClass(_ctx.errorMsgClasses)
+    }, vue.toDisplayString(_ctx.errorMsg), 3), [
+      [vue.vShow, _ctx.errorMsg]
+    ])
+  ], 14, _hoisted_1);
+}
+const PInput = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
+module.exports = PInput;

package/dist/cjs/p-loading.js

@@ -0,0 +1,38 @@
+"use strict";
+const vue = require("vue");
+const usePLoading = require("./usePLoading.js");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _withScopeId = (n) => (vue.pushScopeId("data-v-3a800f21"), n = n(), vue.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__ */ vue.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__ */ vue.defineComponent({
+  ...{
+    name: "PLoading"
+  },
+  __name: "p-loading",
+  setup(__props) {
+    const { show } = usePLoading.usePLoading();
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.Transition, {
+        name: "pm-backdrop-transition",
+        "enter-active-class": "fadeInDown",
+        "leave-active-class": "fadeOutUp"
+      }, {
+        default: vue.withCtx(() => [
+          vue.unref(show) ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_1, _hoisted_3)) : vue.createCommentVNode("", true)
+        ]),
+        _: 1
+      });
+    };
+  }
+});
+const pLoading = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-3a800f21"]]);
+module.exports = pLoading;