@pequity/squirrel 10.1.0 → 11.0.0

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],

package/dist/es/chunks/p-inline-date-picker.js

@@ -1,6 +1,7 @@
 import { defineComponent, mergeModels, useModel, useAttrs, computed, createElementBlock, openBlock, normalizeStyle, normalizeClass, renderSlot, createVNode, withDirectives, unref, createCommentVNode, toDisplayString, mergeProps, createElementVNode, vShow } from "vue";
 import { useInputClasses } from "../useInputClasses.js";
-import VueDatePicker from "@vuepic/vue-datepicker";
+import { getDateFnsLocale } from "../dateLocale.js";
+import { VueDatePicker } from "@vuepic/vue-datepicker";
 import { useI18n } from "vue-i18n";
 const _hoisted_1 = ["data-has-error"];
 const _sfc_main = /* @__PURE__ */ defineComponent({
@@ -10,112 +11,73 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
   },
   __name: "p-inline-date-picker",
   props: /* @__PURE__ */ mergeModels({
-    label: { default: "" },
-    errorMsg: { default: "" },
-    required: { type: Boolean, default: false },
-    uid: {},
-    name: {},
-    is24: { type: Boolean },
-    enableTimePicker: { type: Boolean, default: false },
-    range: { type: [Boolean, Object] },
     multiCalendars: { type: [Boolean, Number, String, Object] },
-    modelValue: {},
-    locale: {},
-    position: {},
+    modelType: { default: "yyyy-MM-dd" },
     dark: { type: Boolean },
-    placeholder: {},
-    weekNumbers: {},
-    hoursIncrement: {},
-    hoursGridIncrement: {},
-    secondsGridIncrement: {},
-    minutesGridIncrement: {},
-    minutesIncrement: {},
-    secondsIncrement: {},
-    minDate: {},
-    maxDate: {},
-    minTime: {},
-    maxTime: {},
-    weekStart: { default: 0 },
-    disabled: { type: Boolean },
-    readonly: { type: Boolean },
-    format: {},
-    previewFormat: {},
-    hideInputIcon: { type: Boolean },
-    state: { type: Boolean },
-    clearable: { type: Boolean },
-    alwaysClearable: { type: Boolean },
-    autoApply: { type: Boolean, default: true },
-    filters: {},
-    disableMonthYearSelect: { 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: {},
-    inline: { type: [Boolean, Object], default: true },
-    selectText: {},
-    cancelText: {},
-    weekNumName: {},
-    autoPosition: { type: [Boolean, String] },
-    monthPicker: { type: Boolean },
-    timePicker: { type: Boolean },
-    textInput: { type: [Boolean, Object] },
-    monthNameFormat: {},
     startDate: {},
-    startTime: {},
     hideOffsetDates: { type: Boolean, default: true },
     noToday: { type: Boolean },
-    noHoursOverlay: { type: Boolean },
-    noMinutesOverlay: { type: Boolean },
-    noSecondsOverlay: { type: Boolean },
-    altPosition: {},
-    disabledWeekDays: {},
     allowedDates: {},
-    nowButtonLabel: {},
-    monthChangeOnScroll: { type: [Boolean, String] },
     markers: {},
-    transitions: { type: [Boolean, Object] },
-    enableSeconds: { type: Boolean },
-    escClose: { type: Boolean },
-    spaceConfirm: { type: Boolean },
-    monthChangeOnArrows: { type: Boolean },
-    formatLocale: {},
-    autocomplete: {},
-    multiDates: { type: [Boolean, Object] },
     presetDates: {},
     flow: {},
-    partialFlow: { type: Boolean },
     preventMinMaxNavigation: { type: Boolean },
-    utc: { type: [Boolean, String] },
     reverseYears: { type: Boolean },
     weekPicker: { type: Boolean },
-    vertical: { type: Boolean },
-    ariaLabels: {},
+    filters: {},
     arrowNavigation: { type: Boolean },
-    yearPicker: { type: Boolean },
+    highlight: {},
+    teleport: { type: [String, Boolean] },
+    centered: { type: Boolean },
+    locale: {},
+    weekStart: { default: 0 },
+    weekNumbers: { type: [Boolean, Object] },
     dayNames: {},
-    modelType: { default: "yyyy-MM-dd" },
+    monthPicker: { type: Boolean },
+    yearPicker: { type: Boolean },
     modelAuto: { type: Boolean },
-    highlight: {},
-    offset: {},
-    teleportCenter: { type: Boolean },
-    teleport: { type: [Boolean, String] },
-    ignoreTimeValidation: { type: Boolean },
-    dayClass: {},
-    hideNavigation: {},
+    formats: {},
+    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: false },
     sixWeeks: { type: [Boolean, String] },
-    timezone: {},
-    disableYearSelect: { type: Boolean },
+    actionRow: {},
     focusStartDate: { type: Boolean },
     disabledTimes: {},
-    timePickerInline: { type: Boolean },
     calendar: {},
     config: {},
     quarterPicker: { type: Boolean },
     yearFirst: { type: Boolean },
     loading: { type: Boolean },
-    onInternalModelChange: {},
-    enableMinutes: { type: Boolean },
-    ui: {}
+    ui: {},
+    floating: {},
+    label: { default: "" },
+    errorMsg: { default: "" },
+    required: { type: Boolean, default: false }
   }, {
-    "modelValue": { default: "" },
+    "modelValue": {},
     "modelModifiers": {}
   }),
   emits: ["update:modelValue"],
@@ -126,9 +88,14 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     const attrs = useAttrs();
     const { labelClasses, errorMsgClasses } = useInputClasses(props);
     const datePickerProps = computed(() => {
-      const { modelValue: _, ...propsWithoutModelValue } = props;
+      const { label, errorMsg, required, ...vueDatePickerProps } = props;
       const { class: classes, style: style2, ...attrsWithoutClassAndStyle } = attrs;
-      return { ...propsWithoutModelValue, ...attrsWithoutClassAndStyle, locale: locale.value };
+      return {
+        ...vueDatePickerProps,
+        ...attrsWithoutClassAndStyle,
+        locale: getDateFnsLocale(locale.value),
+        inline: true
+      };
     });
     const style = computed(() => {
       return attrs.style;