@pequity/squirrel 6.1.0 → 7.0.0

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

@@ -0,0 +1,162 @@
+import { defineComponent, useSlots, computed, useAttrs, watch, createElementBlock, openBlock, normalizeStyle, normalizeClass, createElementVNode, withDirectives, renderSlot, createBlock, createCommentVNode, unref, toDisplayString, mergeProps, vShow } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { _ as _sfc_main$1 } from "./p-info-icon.js";
+import { useInputClasses } from "../useInputClasses.js";
+import { toNumberOrNull } from "../number.js";
+import { kebabCase } from "lodash-es";
+import { useCurrencyInput } from "vue-currency-input";
+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 };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PInputNumber",
+    inheritAttrs: false
+  },
+  __name: "p-input-number",
+  props: {
+    modelValue: {
+      type: [Number, String],
+      default: null
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return SIZES.includes(value);
+      }
+    },
+    selectOnClick: {
+      type: Boolean,
+      default: true
+    },
+    tooltipText: {
+      type: String,
+      default: ""
+    }
+  },
+  emits: ["update:modelValue", "change"],
+  setup(__props, { expose: __expose, emit: __emit }) {
+    const ALL_OPTIONS = [
+      "locale",
+      "currency",
+      "currencyDisplay",
+      "hideGroupingSeparatorOnFocus",
+      "hideCurrencySymbolOnFocus",
+      "hideNegligibleDecimalDigitsOnFocus",
+      "precision",
+      "autoDecimalDigits",
+      "valueRange",
+      "useGrouping",
+      "valueScaling"
+    ];
+    const emit = __emit;
+    const props = __props;
+    const slots = useSlots();
+    const { labelClasses, inputClasses, errorMsgClasses } = useInputClasses(
+      computed(() => ({
+        ...props,
+        prefix: !!slots.prefix,
+        suffix: !!slots.suffix
+      }))
+    );
+    const attrs = useAttrs();
+    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 (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        createElementVNode("div", _hoisted_2, [
+          renderSlot(_ctx.$slots, "label", {
+            label: __props.label,
+            labelClasses: unref(labelClasses)
+          }, () => [
+            __props.label ? (openBlock(), createElementBlock("label", {
+              key: 0,
+              class: normalizeClass(unref(labelClasses))
+            }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+          ]),
+          __props.tooltipText ? (openBlock(), createBlock(_sfc_main$1, {
+            key: 0,
+            text: __props.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_key: "inputRef",
+            ref: inputRef,
+            type: "text"
+          }, computedAttrs.value, {
+            class: unref(inputClasses),
+            onFocus: focus
+          }), null, 16)
+        ]),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

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

@@ -1,5 +1,5 @@
 import { defineComponent, computed, createBlock, openBlock, withCtx, createElementVNode, normalizeClass } from "vue";
-import PInputNumber from "../p-input-number.js";
+import { _ as _sfc_main$1 } from "./p-input-number.js";
 import { isNumber } from "lodash-es";
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
@@ -30,7 +30,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       set: (nV) => emit("update:modelValue", isNumber(nV) ? nV / 100 : nV)
     });
     return (_ctx, _cache) => {
-      return openBlock(), createBlock(PInputNumber, {
+      return openBlock(), createBlock(_sfc_main$1, {
         modelValue: convertedValue.value,
         "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => convertedValue.value = $event),
         size: __props.size

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

@@ -0,0 +1,112 @@
+import { defineComponent, useSlots, computed, useAttrs, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createElementVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, vShow } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { useInputClasses } from "../useInputClasses.js";
+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 };
+const INPUT_TYPES = { TEXT: "text", PASSWORD: "password" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PInput",
+    inheritAttrs: false
+  },
+  __name: "p-input",
+  props: {
+    modelValue: {
+      type: [String, Number, Boolean, null],
+      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
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return SIZES.includes(value);
+      }
+    },
+    rounded: {
+      type: Boolean,
+      default: false
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const slots = useSlots();
+    const { labelClasses, inputClasses, errorMsgClasses } = useInputClasses(
+      computed(() => ({
+        ...props,
+        prefix: !!slots.prefix,
+        suffix: !!slots.suffix
+      }))
+    );
+    const allAttrs = useAttrs();
+    const attrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = allAttrs;
+      return rest;
+    });
+    const style = computed(() => {
+      return allAttrs.style;
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: unref(labelClasses)
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            class: normalizeClass(unref(labelClasses))
+          }, toDisplayString(__props.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: __props.type,
+            value: __props.modelValue
+          }, attrs.value, {
+            class: unref(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(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/es/chunks/p-progress-bar.js

@@ -0,0 +1,39 @@
+import { defineComponent, resolveDirective, createElementBlock, openBlock, Fragment, renderList, withDirectives, normalizeStyle } from "vue";
+const _hoisted_1 = {
+  class: "flex justify-start overflow-hidden rounded bg-p-blue-20",
+  role: "progressbar"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PProgressBar"
+  },
+  __name: "p-progress-bar",
+  props: {
+    total: {},
+    items: {}
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      const _directive_tooltip = resolveDirective("tooltip");
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item) => {
+          return withDirectives((openBlock(), createElementBlock("div", {
+            key: `progress-value-${item.color}`,
+            class: "h-full",
+            style: normalizeStyle({ width: `${item.value / _ctx.total * 100}%`, background: item.color })
+          }, null, 4)), [
+            [
+              _directive_tooltip,
+              item.label,
+              void 0,
+              { top: true }
+            ]
+          ]);
+        }), 128))
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};

package/dist/es/chunks/p-select-btn.js

@@ -1,5 +1,6 @@
-import { defineComponent, resolveDirective, createElementBlock, openBlock, normalizeClass, Fragment, renderList, withDirectives, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
+import { defineComponent, resolveDirective, createElementBlock, openBlock, Fragment, renderList, withDirectives, normalizeClass, createVNode, withCtx, renderSlot, createTextVNode, toDisplayString } from "vue";
 import { _ as _sfc_main$1 } from "./p-btn.js";
+const _hoisted_1 = { class: "flex" };
 const _sfc_main = /* @__PURE__ */ defineComponent({
   ...{
     name: "PSelectBtn"
@@ -57,9 +58,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     };
     return (_ctx, _cache) => {
       const _directive_tooltip = resolveDirective("tooltip");
-      return openBlock(), createElementBlock("div", {
-        class: normalizeClass({ flex: _ctx.grow })
-      }, [
+      return openBlock(), createElementBlock("div", _hoisted_1, [
         (openBlock(true), createElementBlock(Fragment, null, renderList(_ctx.items, (item, index) => {
           return withDirectives((openBlock(), createElementBlock("div", {
             key: String(item[_ctx.itemValue]),
@@ -94,7 +93,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [_directive_tooltip, { content: tooltipText(item) }]
           ]);
         }), 128))
-      ], 2);
+      ]);
     };
   }
 });

package/dist/es/chunks/p-textarea.js

@@ -0,0 +1,90 @@
+import { defineComponent, computed, useAttrs, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createElementVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, vShow } from "vue";
+import { S as SIZES } from "./p-btn.types.js";
+import { useInputClasses } from "../useInputClasses.js";
+const _hoisted_1 = ["data-has-error"];
+const _hoisted_2 = ["value"];
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PTextarea",
+    inheritAttrs: false
+  },
+  __name: "p-textarea",
+  props: {
+    modelValue: {
+      type: [String, Number, null],
+      default: ""
+    },
+    label: {
+      type: String,
+      default: ""
+    },
+    errorMsg: {
+      type: String,
+      default: ""
+    },
+    required: {
+      type: Boolean,
+      default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return SIZES.includes(value);
+      }
+    }
+  },
+  emits: ["update:modelValue"],
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const { labelClasses, textareaClasses, errorMsgClasses } = useInputClasses(
+      computed(() => ({
+        required: props.required,
+        errorMsg: props.errorMsg,
+        size: props.size
+      }))
+    );
+    const allAttrs = useAttrs();
+    const attrs = computed(() => {
+      const { class: classes, style: style2, ...rest } = allAttrs;
+      return rest;
+    });
+    const style = computed(() => {
+      return allAttrs.style;
+    });
+    const updateValue = (e) => {
+      const target = e.target;
+      emit("update:modelValue", target.value);
+    };
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        class: normalizeClass([{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]),
+        "data-has-error": !!__props.errorMsg,
+        style: normalizeStyle(style.value)
+      }, [
+        renderSlot(_ctx.$slots, "label", {
+          label: __props.label,
+          labelClasses: unref(labelClasses)
+        }, () => [
+          __props.label ? (openBlock(), createElementBlock("label", {
+            key: 0,
+            class: normalizeClass(unref(labelClasses))
+          }, toDisplayString(__props.label), 3)) : createCommentVNode("", true)
+        ]),
+        createElementVNode("textarea", mergeProps({ value: __props.modelValue }, attrs.value, {
+          class: unref(textareaClasses),
+          onInput: updateValue
+        }), " ", 16, _hoisted_2),
+        withDirectives(createElementVNode("div", {
+          class: normalizeClass(unref(errorMsgClasses))
+        }, toDisplayString(__props.errorMsg), 3), [
+          [vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
+  }
+});
+export {
+  _sfc_main as _
+};