@pequity/squirrel 10.1.0 → 11.0.1

package/dist/cjs/index.js

@@ -8,7 +8,7 @@ const pCard_vue_vue_type_script_setup_true_lang = require("./chunks/p-card.js");
 const pCheckbox = require("./p-checkbox.js");
 const pChips = require("./p-chips.js");
 const pCloseBtn = require("./p-close-btn.js");
-const pDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-date-picker.js");
+const pDatePicker = require("./p-date-picker.js");
 const pDrawer = require("./p-drawer.js");
 const pDropdown = require("./p-dropdown.js");
 const pDropdownSelect_vue_vue_type_script_setup_true_lang = require("./chunks/p-dropdown-select.js");
@@ -1096,7 +1096,7 @@ exports.PCard = pCard_vue_vue_type_script_setup_true_lang._sfc_main;
 exports.PCheckbox = pCheckbox;
 exports.PChips = pChips;
 exports.PCloseBtn = pCloseBtn;
-exports.PDatePicker = pDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
+exports.PDatePicker = pDatePicker;
 exports.PDrawer = pDrawer;
 exports.PDropdown = pDropdown;
 exports.PDropdownSelect = pDropdownSelect_vue_vue_type_script_setup_true_lang._sfc_main;

package/dist/cjs/p-date-picker.js

@@ -1,3 +1,147 @@
 "use strict";
-const pDatePicker_vue_vue_type_script_setup_true_lang = require("./chunks/p-date-picker.js");
-module.exports = pDatePicker_vue_vue_type_script_setup_true_lang._sfc_main;
+const vue = require("vue");
+const pInput_vue_vue_type_script_setup_true_lang = require("./chunks/p-input.js");
+const dateLocale = require("./dateLocale.js");
+const vueDatepicker = require("@vuepic/vue-datepicker");
+const vueI18n = require("vue-i18n");
+const _pluginVue_exportHelper = require("./chunks/_plugin-vue_export-helper.js");
+const _sfc_main = /* @__PURE__ */ vue.defineComponent({
+  ...{
+    name: "PDatePicker",
+    inheritAttrs: false
+  },
+  __name: "p-date-picker",
+  props: /* @__PURE__ */ vue.mergeModels({
+    multiCalendars: { type: [Boolean, Number, String, Object] },
+    modelType: { default: "yyyy-MM-dd" },
+    dark: { type: Boolean },
+    transitions: { type: [Boolean, Object] },
+    ariaLabels: {},
+    hideNavigation: {},
+    timezone: {},
+    vertical: { type: Boolean },
+    hideMonthYearSelect: { type: Boolean },
+    disableYearSelect: { type: Boolean },
+    yearRange: {},
+    autoApply: { type: Boolean, default: true },
+    disabledDates: {},
+    startDate: {},
+    hideOffsetDates: { type: Boolean, default: true },
+    noToday: { type: Boolean },
+    allowedDates: {},
+    markers: {},
+    presetDates: {},
+    flow: {},
+    preventMinMaxNavigation: { type: Boolean },
+    reverseYears: { type: Boolean },
+    weekPicker: { type: Boolean },
+    filters: {},
+    arrowNavigation: { type: Boolean },
+    highlight: {},
+    teleport: { type: [String, Boolean] },
+    centered: { type: Boolean },
+    locale: {},
+    weekStart: { default: 0 },
+    weekNumbers: { type: [Boolean, Object] },
+    dayNames: {},
+    monthPicker: { type: Boolean },
+    yearPicker: { type: Boolean },
+    modelAuto: { type: Boolean },
+    formats: { default: () => ({ input: "dd-MMM-yyyy" }) },
+    multiDates: { type: [Boolean, Object] },
+    minDate: {},
+    maxDate: {},
+    minTime: {},
+    maxTime: {},
+    inputAttrs: {},
+    timeConfig: { default: () => ({ enableTimePicker: false }) },
+    placeholder: { default: "" },
+    timePicker: { type: Boolean },
+    range: { type: [Boolean, Object] },
+    menuId: {},
+    disabled: { type: Boolean },
+    readonly: { type: Boolean },
+    inline: { type: [Boolean, Object] },
+    textInput: { type: [Boolean, Object], default: true },
+    sixWeeks: { type: [Boolean, String] },
+    actionRow: {},
+    focusStartDate: { type: Boolean },
+    disabledTimes: {},
+    calendar: {},
+    config: {},
+    quarterPicker: { type: Boolean },
+    yearFirst: { type: Boolean },
+    loading: { type: Boolean },
+    ui: {},
+    floating: {},
+    name: { default: "" },
+    label: { default: "" },
+    errorMsg: { default: "" },
+    required: { type: Boolean, default: false }
+  }, {
+    "modelValue": {},
+    "modelModifiers": {}
+  }),
+  emits: ["update:modelValue"],
+  setup(__props) {
+    const props = __props;
+    const model = vue.useModel(__props, "modelValue");
+    const { locale } = vueI18n.useI18n();
+    const attrs = vue.useAttrs();
+    const datePickerProps = vue.computed(() => {
+      const { name, label, errorMsg, required, ...vueDatePickerProps } = props;
+      const { class: classes, style, ...attrsWithoutClassAndStyle } = attrs;
+      return {
+        ...vueDatePickerProps,
+        ...attrsWithoutClassAndStyle,
+        locale: dateLocale.getDateFnsLocale(locale.value)
+      };
+    });
+    const inputPropsAndAttrs = vue.computed(() => {
+      const { class: classes, style, ...res } = attrs;
+      res.label = props.label;
+      res.errorMsg = props.errorMsg;
+      res.required = props.required;
+      res.disabled = props.disabled;
+      res.placeholder = props.placeholder ? props.placeholder : typeof props.formats?.input === "string" ? props.formats.input : "dd-MMM-yyyy";
+      res.name = props.name;
+      res.readonly = props.readonly;
+      return res;
+    });
+    const handleInput = (e, onInputFn, onClearFn) => {
+      if (e.target instanceof HTMLInputElement && e.target.value === "") {
+        onClearFn(e);
+        return;
+      }
+      return onInputFn(e);
+    };
+    return (_ctx, _cache) => {
+      return vue.openBlock(), vue.createBlock(vue.unref(vueDatepicker.VueDatePicker), vue.mergeProps({
+        modelValue: model.value,
+        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
+        class: [
+          { hidden: _ctx.$attrs.hidden },
+          _ctx.$attrs.class,
+          { "has-label": !!__props.label },
+          { "has-error": !!__props.errorMsg },
+          `size-${_ctx.$attrs.size || "md"}`
+        ]
+      }, datePickerProps.value), {
+        "dp-input": vue.withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
+          vue.createVNode(pInput_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
+            onInput: ($event) => handleInput($event, onInput, onClear),
+            onKeydown: [
+              vue.withKeys(($event) => onEnter($event), ["enter"]),
+              vue.withKeys(($event) => onTab($event), ["tab"])
+            ],
+            onFocus,
+            onBlur
+          }), null, 16, ["model-value", "onInput", "onKeydown", "onFocus", "onBlur"])
+        ]),
+        _: 1
+      }, 16, ["modelValue", "class"]);
+    };
+  }
+});
+const pDatePicker = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main, [["__scopeId", "data-v-5f4efd82"]]);
+module.exports = pDatePicker;

package/dist/cjs/p-select-pill.js

@@ -136,7 +136,7 @@ function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
     vue.createElementVNode("div", _hoisted_2, null, 512),
     (vue.openBlock(true), vue.createElementBlock(vue.Fragment, null, vue.renderList(_ctx.items, (o) => {
       return vue.openBlock(), vue.createElementBlock("button", {
-        key: o[_ctx.itemValue],
+        key: String(o[_ctx.itemValue]),
         disabled: o.disabled,
         class: vue.normalizeClass(["z-10 duration-700", [
           _ctx.SIZES[_ctx.size],