@pequity/squirrel 10.1.0 → 11.0.1

package/squirrel/utils/dateLocale.spec.ts

@@ -0,0 +1,20 @@
+import { getDateFnsLocale } from '@squirrel/utils/dateLocale';
+import { enUS, frCA } from 'date-fns/locale';
+
+describe('getDateFnsLocale', () => {
+  it('should return correct locale for valid codes', () => {
+    expect(getDateFnsLocale('fr-CA')).toBe(frCA);
+    expect(getDateFnsLocale('en-US')).toBe(enUS);
+  });
+
+  it('should return enUS as fallback for invalid locale codes', () => {
+    expect(getDateFnsLocale('fr-FR')).toBe(enUS);
+    expect(getDateFnsLocale('invalid')).toBe(enUS);
+    expect(getDateFnsLocale('')).toBe(enUS);
+  });
+
+  it('should be case-sensitive', () => {
+    expect(getDateFnsLocale('FR-CA')).toBe(enUS);
+    expect(getDateFnsLocale('fr-ca')).toBe(enUS);
+  });
+});

package/squirrel/utils/dateLocale.ts

@@ -0,0 +1,19 @@
+import type { Locale } from 'date-fns';
+import { enUS } from 'date-fns/locale/en-US';
+import { frCA } from 'date-fns/locale/fr-CA';
+
+/**
+ * Maps vue-i18n locale codes to date-fns Locale objects.
+ *
+ * @param localeCode - The locale code from vue-i18n (e.g., 'en-US', 'fr-CA')
+ * @returns The corresponding date-fns Locale object
+ */
+const localeMap = {
+  'fr-CA': frCA,
+  'en-US': enUS,
+} as const;
+
+const isValidLocaleCode = (code: string): code is keyof typeof localeMap => code in localeMap;
+
+export const getDateFnsLocale = (localeCode: string): Locale =>
+  isValidLocaleCode(localeCode) ? localeMap[localeCode] : enUS;

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

@@ -1,171 +0,0 @@
-"use strict";
-const vue = require("vue");
-const pInput_vue_vue_type_script_setup_true_lang = require("./p-input.js");
-const VueDatePicker = require("@vuepic/vue-datepicker");
-const vueI18n = require("vue-i18n");
-const _sfc_main = /* @__PURE__ */ vue.defineComponent({
-  ...{
-    name: "PDatePicker",
-    inheritAttrs: false
-  },
-  __name: "p-date-picker",
-  props: /* @__PURE__ */ vue.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: {},
-    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: { type: [String, Function], default: "dd-MMM-yyyy" },
-    previewFormat: {},
-    hideInputIcon: { type: Boolean },
-    state: { type: Boolean },
-    clearable: { type: Boolean },
-    alwaysClearable: { type: Boolean },
-    autoApply: { type: Boolean, default: true },
-    filters: {},
-    disableMonthYearSelect: { type: Boolean },
-    yearRange: {},
-    disabledDates: {},
-    inline: { type: [Boolean, Object], default: false },
-    selectText: {},
-    cancelText: {},
-    weekNumName: {},
-    autoPosition: { type: [Boolean, String] },
-    monthPicker: { type: Boolean },
-    timePicker: { type: Boolean },
-    textInput: { type: [Boolean, Object], default: true },
-    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: {},
-    arrowNavigation: { type: Boolean },
-    yearPicker: { type: Boolean },
-    dayNames: {},
-    modelType: { default: "yyyy-MM-dd" },
-    modelAuto: { type: Boolean },
-    highlight: {},
-    offset: {},
-    teleportCenter: { type: Boolean },
-    teleport: { type: [Boolean, String] },
-    ignoreTimeValidation: { type: Boolean },
-    dayClass: {},
-    hideNavigation: {},
-    sixWeeks: { type: [Boolean, String] },
-    timezone: {},
-    disableYearSelect: { type: Boolean },
-    focusStartDate: { type: Boolean },
-    disabledTimes: {},
-    timePickerInline: { type: Boolean },
-    calendar: {},
-    config: {},
-    quarterPicker: { type: Boolean },
-    yearFirst: { type: Boolean },
-    loading: { type: Boolean },
-    onInternalModelChange: {},
-    enableMinutes: { type: Boolean },
-    ui: {}
-  }, {
-    "modelValue": { default: "" },
-    "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 { modelValue: _, ...propsWithoutModelValue } = props;
-      return { ...propsWithoutModelValue, locale: 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 : props.format;
-      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), vue.mergeProps({
-        modelValue: model.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-        class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
-      }, 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"]);
-    };
-  }
-});
-exports._sfc_main = _sfc_main;

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

@@ -1,172 +0,0 @@
-import { defineComponent, mergeModels, useModel, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
-import { _ as _sfc_main$1 } from "./p-input.js";
-import VueDatePicker from "@vuepic/vue-datepicker";
-import { useI18n } from "vue-i18n";
-const _sfc_main = /* @__PURE__ */ defineComponent({
-  ...{
-    name: "PDatePicker",
-    inheritAttrs: false
-  },
-  __name: "p-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: {},
-    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: { type: [String, Function], default: "dd-MMM-yyyy" },
-    previewFormat: {},
-    hideInputIcon: { type: Boolean },
-    state: { type: Boolean },
-    clearable: { type: Boolean },
-    alwaysClearable: { type: Boolean },
-    autoApply: { type: Boolean, default: true },
-    filters: {},
-    disableMonthYearSelect: { type: Boolean },
-    yearRange: {},
-    disabledDates: {},
-    inline: { type: [Boolean, Object], default: false },
-    selectText: {},
-    cancelText: {},
-    weekNumName: {},
-    autoPosition: { type: [Boolean, String] },
-    monthPicker: { type: Boolean },
-    timePicker: { type: Boolean },
-    textInput: { type: [Boolean, Object], default: true },
-    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: {},
-    arrowNavigation: { type: Boolean },
-    yearPicker: { type: Boolean },
-    dayNames: {},
-    modelType: { default: "yyyy-MM-dd" },
-    modelAuto: { type: Boolean },
-    highlight: {},
-    offset: {},
-    teleportCenter: { type: Boolean },
-    teleport: { type: [Boolean, String] },
-    ignoreTimeValidation: { type: Boolean },
-    dayClass: {},
-    hideNavigation: {},
-    sixWeeks: { type: [Boolean, String] },
-    timezone: {},
-    disableYearSelect: { type: Boolean },
-    focusStartDate: { type: Boolean },
-    disabledTimes: {},
-    timePickerInline: { type: Boolean },
-    calendar: {},
-    config: {},
-    quarterPicker: { type: Boolean },
-    yearFirst: { type: Boolean },
-    loading: { type: Boolean },
-    onInternalModelChange: {},
-    enableMinutes: { type: Boolean },
-    ui: {}
-  }, {
-    "modelValue": { default: "" },
-    "modelModifiers": {}
-  }),
-  emits: ["update:modelValue"],
-  setup(__props) {
-    const props = __props;
-    const model = useModel(__props, "modelValue");
-    const { locale } = useI18n();
-    const attrs = useAttrs();
-    const datePickerProps = computed(() => {
-      const { modelValue: _, ...propsWithoutModelValue } = props;
-      return { ...propsWithoutModelValue, locale: locale.value };
-    });
-    const inputPropsAndAttrs = 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 : props.format;
-      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 openBlock(), createBlock(unref(VueDatePicker), mergeProps({
-        modelValue: model.value,
-        "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
-        class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
-      }, datePickerProps.value), {
-        "dp-input": withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
-          createVNode(_sfc_main$1, mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
-            onInput: ($event) => handleInput($event, onInput, onClear),
-            onKeydown: [
-              withKeys(($event) => onEnter($event), ["enter"]),
-              withKeys(($event) => onTab($event), ["tab"])
-            ],
-            onFocus,
-            onBlur
-          }), null, 16, ["model-value", "onInput", "onKeydown", "onFocus", "onBlur"])
-        ]),
-        _: 1
-      }, 16, ["modelValue", "class"]);
-    };
-  }
-});
-export {
-  _sfc_main as _
-};