@pequity/squirrel 6.1.1 → 7.0.1

package/dist/cjs/p-input.js

@@ -1,93 +1,3 @@
 "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
-    },
-    rounded: {
-      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;
+const pInput_vue_vue_type_script_setup_true_lang = require("./chunks/p-input.js");
+module.exports = pInput_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-modal.js

@@ -1,6 +1,6 @@
 "use strict";
 const vue = require("vue");
-const pAlert = require("./p-alert.js");
+const pAlert_vue_vue_type_script_setup_true_lang = require("./chunks/p-alert.js");
 const pCloseBtn = require("./p-close-btn.js");
 const usePModal = require("./usePModal.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
@@ -337,7 +337,7 @@ const _sfc_main = /* @__PURE__ */ vue.defineComponent({
                   ])
                 ], true),
                 __props.errorMsg ? (vue.openBlock(), vue.createElementBlock("div", _hoisted_7, [
-                  vue.createVNode(pAlert, { type: "error" }, {
+                  vue.createVNode(pAlert_vue_vue_type_script_setup_true_lang._sfc_main, { type: "error" }, {
                     default: vue.withCtx(() => [
                       vue.createTextVNode(vue.toDisplayString(__props.errorMsg), 1)
                     ]),

package/dist/cjs/p-progress-bar.js

@@ -1,41 +1,3 @@
 "use strict";
-const vue = require("vue");
-const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = vue.defineComponent({
-  name: "PProgressBar",
-  props: {
-    total: {
-      type: Number,
-      required: true
-    },
-    items: {
-      type: Array,
-      required: true
-    }
-  }
-});
-const _hoisted_1 = {
-  class: "flex justify-start overflow-hidden rounded bg-p-blue-20",
-  role: "progressbar"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  const _directive_tooltip = vue.resolveDirective("tooltip");
-  return vue.openBlock(), vue.createElementBlock("div", _hoisted_1, [
-    (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (item) => {
-      return vue.withDirectives((vue.openBlock(), vue.createElementBlock("div", {
-        key: `progress-value-${item.color}`,
-        class: "h-full",
-        style: vue.normalizeStyle({ width: `${item.value / _ctx.total * 100}%`, background: item.color })
-      }, null, 4)), [
-        [
-          _directive_tooltip,
-          item.label,
-          void 0,
-          { top: true }
-        ]
-      ]);
-    }), 128))
-  ]);
-}
-const pProgressBar = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render]]);
-module.exports = pProgressBar;
+const pProgressBar_vue_vue_type_script_setup_true_lang = require("./chunks/p-progress-bar.js");
+module.exports = pProgressBar_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-table-filter-icon.js

@@ -1,20 +1,25 @@
 "use strict";
 const vue = require("vue");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
-const _sfc_main = vue.defineComponent({
-  name: "PTableFilterIcon",
-  inheritAttrs: false,
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PTableFilterIcon",
+    inheritAttrs: false
+  },
+  __name: "p-table-filter-icon",
   props: {
     active: {
       type: Boolean,
       default: false
     }
+  },
+  setup(__props) {
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
+        class: ["h-5 w-5 shrink-0 cursor-pointer filter", { active: __props.active }]
+      }, _ctx.$attrs), null, 16);
+    };
   }
 });
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-  return vue.openBlock(), vue.createElementBlock("div", vue.mergeProps({
-    class: ["h-5 w-5 shrink-0 cursor-pointer filter", { active: _ctx.active }]
-  }, _ctx.$attrs), null, 16);
-}
-const PTableFilterIcon = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["render", _sfc_render], ["__scopeId", "data-v-cbac2434"]]);
+const PTableFilterIcon = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-84864117"]]);
 module.exports = PTableFilterIcon;

package/dist/cjs/p-textarea.js

@@ -1,73 +1,3 @@
 "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;
+const pTextarea_vue_vue_type_script_setup_true_lang = require("./chunks/p-textarea.js");
+module.exports = pTextarea_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-toggle.js

@@ -1,7 +1,10 @@
 "use strict";
-const inputClassesMixin = require("./inputClassesMixin.js");
 const vue = require("vue");
+const pBtn_types = require("./chunks/p-btn.types.js");
+const useInputClasses = require("./useInputClasses.js");
 const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _hoisted_1 = ["aria-checked", "data-testid"];
+const _hoisted_2 = ["checked"];
 const TOGGLE_SIZES = {
   sm: `w-7 h-4 after:top-[2px] after:left-[2px] after:h-3 after:w-3`,
   md: `w-11 h-6 after:top-[2px] after:left-[2px] after:h-5 after:w-5`,
@@ -25,10 +28,12 @@ const TOGGLE_CLASSES = [
   "peer-disabled:bg-p-blue-10",
   "peer-disabled:after:border-p-blue-10"
 ].join(" ");
-const _sfc_main = vue.defineComponent({
-  name: "PToggle",
-  mixins: [inputClassesMixin],
-  inheritAttrs: false,
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PToggle",
+    inheritAttrs: false
+  },
+  __name: "p-toggle",
   props: {
     modelValue: {
       type: Boolean,
@@ -45,71 +50,78 @@ const _sfc_main = vue.defineComponent({
     required: {
       type: Boolean,
       default: false
+    },
+    size: {
+      type: String,
+      default: "md",
+      validator(value) {
+        return pBtn_types.SIZES.includes(value);
+      }
     }
   },
   emits: ["update:modelValue"],
-  computed: {
-    toggleClasses() {
-      const base = `${TOGGLE_CLASSES} ${TOGGLE_SIZES[this.size]}`;
-      const res = this.errorMsg ? `${base} border border-on-error` : base;
+  setup(__props, { emit: __emit }) {
+    const emit = __emit;
+    const props = __props;
+    const allAttrs = vue.useAttrs();
+    const { labelClasses, errorMsgClasses } = useInputClasses.useInputClasses(props);
+    const toggleClasses = vue.computed(() => {
+      const base = `${TOGGLE_CLASSES} ${TOGGLE_SIZES[props.size]}`;
+      const res = props.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;
+    });
+    const toggleLabelClasses = vue.computed(() => {
+      return `${labelClasses.value.replace("mb-1", "")} ml-2`;
+    });
+    const attrs = vue.computed(() => {
+      const { style: style2, class: classes, "data-testid": dataTestId, ...rest } = allAttrs;
       return rest;
-    },
-    style() {
-      return this.$attrs.style;
-    }
-  },
-  methods: {
-    change(e) {
+    });
+    const style = vue.computed(() => {
+      return allAttrs.style;
+    });
+    const change = (e) => {
       const target = e.target;
-      this.$emit("update:modelValue", target.checked);
-    }
+      emit("update:modelValue", target.checked);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createElementBlock("div", {
+        class: vue.normalizeClass(["inline-flex flex-col", _ctx.$attrs.class]),
+        style: vue.normalizeStyle(style.value),
+        role: "switch",
+        "aria-checked": __props.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: __props.modelValue,
+            class: "peer sr-only"
+          }, { ...attrs.value, input: () => {
+          }, onChange: change }), null, 16, _hoisted_2),
+          vue.createElementVNode("div", {
+            class: vue.normalizeClass(toggleClasses.value)
+          }, null, 2),
+          vue.renderSlot(_ctx.$slots, "label", {
+            label: __props.label,
+            labelClasses: toggleLabelClasses.value
+          }, () => [
+            __props.label ? (vue.openBlock(), vue.createElementBlock("span", {
+              key: 0,
+              class: vue.normalizeClass(toggleLabelClasses.value)
+            }, vue.toDisplayString(__props.label), 3)) : vue.createCommentVNode("", true)
+          ], true)
+        ], 2),
+        vue.withDirectives(vue.createElementVNode("div", {
+          class: vue.normalizeClass(vue.unref(errorMsgClasses))
+        }, vue.toDisplayString(__props.errorMsg), 3), [
+          [vue.vShow, __props.errorMsg]
+        ])
+      ], 14, _hoisted_1);
+    };
   }
 });
-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-152f5bf8"]]);
+const pToggle = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-be9ecb77"]]);
 module.exports = pToggle;

package/dist/cjs/useInputClasses.js

@@ -3,36 +3,31 @@ Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
 const inputClasses = require("./inputClasses.js");
 const vue = require("vue");
 const defaults = {
-  size: vue.ref("md"),
-  errorMsg: vue.ref(""),
-  required: vue.ref(false),
-  prefix: vue.ref(false),
-  suffix: vue.ref(false),
-  rounded: vue.ref(false)
+  size: "md",
+  errorMsg: "",
+  required: false,
+  prefix: false,
+  suffix: false,
+  rounded: false
 };
 function useInputClasses(props) {
-  const opts = { ...defaults, ...vue.toRefs(props) };
-  const { size, errorMsg, required, rounded, prefix, suffix } = opts;
+  const opts = vue.computed(() => {
+    const propsValue = vue.toValue(props);
+    return { ...defaults, ...propsValue, error: !!propsValue.errorMsg };
+  });
   const allClasses = vue.computed(() => {
-    const { input, label, errorMessage } = inputClasses.inputClasses({
-      size: size.value,
-      prefix: prefix.value,
-      suffix: suffix.value,
-      required: required.value,
-      error: !!errorMsg.value,
-      rounded: rounded.value
-    });
+    const { input, label, errorMessage } = inputClasses.inputClasses(opts.value);
     return { input: input(), label: label(), errorMessage: errorMessage() };
   });
   const inputClasses$1 = vue.computed(() => allClasses.value.input);
   const labelClasses = vue.computed(() => allClasses.value.label);
   const errorMsgClasses = vue.computed(() => allClasses.value.errorMessage);
   const selectClasses = vue.computed(() => {
-    const { input } = inputClasses.selectClasses({ size: size.value, required: required.value, error: !!errorMsg.value });
+    const { input } = inputClasses.selectClasses(opts.value);
     return input();
   });
   const textareaClasses = vue.computed(() => {
-    const { input } = inputClasses.textareaClasses({ required: required.value, error: !!errorMsg.value });
+    const { input } = inputClasses.textareaClasses(opts.value);
     return input();
   });
   return {