@pequity/squirrel 10.1.0 → 11.0.1

package/dist/es/index.js

@@ -6,9 +6,9 @@ import { _ as _5 } from "./chunks/p-card.js";
 import { default as default2 } from "./p-checkbox.js";
 import { default as default3 } from "./p-chips.js";
 import { default as default4 } from "./p-close-btn.js";
-import { _ as _6 } from "./chunks/p-date-picker.js";
-import { default as default5 } from "./p-drawer.js";
-import { default as default6 } from "./p-dropdown.js";
+import { default as default5 } from "./p-date-picker.js";
+import { default as default6 } from "./p-drawer.js";
+import { default as default7 } from "./p-dropdown.js";
 import { _ as _imports_0$1 } from "./chunks/p-dropdown-select.js";
 import { a } from "./chunks/p-dropdown-select.js";
 import { defineComponent, shallowRef, ref, computed, onMounted, resolveComponent, createElementBlock, openBlock, normalizeClass, createCommentVNode, createElementVNode, withDirectives, unref, toDisplayString, withModifiers, createVNode, withCtx, Fragment, renderList, vShow, useAttrs, resolveDirective, normalizeStyle, isRef, renderSlot, provide, useTemplateRef, onBeforeUnmount, watch, mergeProps, toHandlers, createBlock, watchEffect, nextTick } from "vue";
@@ -19,30 +19,30 @@ import { uniq, kebabCase } from "lodash-es";
 import { useI18n } from "vue-i18n";
 import { useToast } from "vue-toastification";
 import { P_ICON_ALIASES } from "./p-icon.js";
-import { _ as _7 } from "./chunks/p-info-icon.js";
-import { _ as _8 } from "./chunks/p-inline-date-picker.js";
-import { _ as _9 } from "./chunks/p-input.js";
-import { _ as _10 } from "./chunks/p-input-number.js";
-import { _ as _11 } from "./chunks/p-input-percent.js";
+import { _ as _6 } from "./chunks/p-info-icon.js";
+import { _ as _7 } from "./chunks/p-inline-date-picker.js";
+import { _ as _8 } from "./chunks/p-input.js";
+import { _ as _9 } from "./chunks/p-input-number.js";
+import { _ as _10 } from "./chunks/p-input-percent.js";
 import PInputSearch from "./p-input-search.js";
-import { _ as _12 } from "./chunks/p-link.js";
-import { default as default7 } from "./p-loading.js";
+import { _ as _11 } from "./chunks/p-link.js";
+import { default as default8 } from "./p-loading.js";
 import { usePLoading } from "./usePLoading.js";
-import { default as default8 } from "./p-modal.js";
+import { default as default9 } from "./p-modal.js";
 import { usePModal } from "./usePModal.js";
-import { _ as _13 } from "./chunks/p-pagination.js";
-import { _ as _14 } from "./chunks/p-pagination-info.js";
-import { _ as _15 } from "./chunks/p-progress-bar.js";
-import { _ as _16 } from "./chunks/p-ring-loader.js";
-import { _ as _17 } from "./chunks/p-select.js";
-import { _ as _18 } from "./chunks/p-select-btn.js";
+import { _ as _12 } from "./chunks/p-pagination.js";
+import { _ as _13 } from "./chunks/p-pagination-info.js";
+import { _ as _14 } from "./chunks/p-progress-bar.js";
+import { _ as _15 } from "./chunks/p-ring-loader.js";
+import { _ as _16 } from "./chunks/p-select.js";
+import { _ as _17 } from "./chunks/p-select-btn.js";
 import { SIZES } from "./p-select-list.js";
 import { useSelectList } from "./useSelectList.js";
 import { toString } from "./string.js";
 import { splitStringForHighlight } from "./text.js";
-import { default as default9 } from "./p-select-pill.js";
-import { default as default10 } from "./p-skeleton-loader.js";
-import { _ as _19 } from "./chunks/p-steps.js";
+import { default as default10 } from "./p-select-pill.js";
+import { default as default11 } from "./p-skeleton-loader.js";
+import { _ as _18 } from "./chunks/p-steps.js";
 import { colsInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey, isColsResizableInjectionKey } from "./p-table.js";
 import { MIN_WIDTH_COL_RESIZE } from "./p-table.js";
 import { usePTableColResize } from "./usePTableColResize.js";
@@ -51,12 +51,12 @@ import { _ as _sfc_main$5 } from "./chunks/p-table-header-cell.js";
 import PTableTd from "./p-table-td.js";
 import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
 import { usePTableRowVirtualizer } from "./usePTableRowVirtualizer.js";
-import { _ as _20 } from "./chunks/p-table-loader.js";
+import { _ as _19 } from "./chunks/p-table-loader.js";
 import { SORTING_TYPES } from "./p-table-sort.js";
-import { _ as _21 } from "./chunks/p-tabs.js";
-import { _ as _22 } from "./chunks/p-tabs-pills.js";
-import { _ as _23 } from "./chunks/p-textarea.js";
-import { default as default11 } from "./p-toggle.js";
+import { _ as _20 } from "./chunks/p-tabs.js";
+import { _ as _21 } from "./chunks/p-tabs-pills.js";
+import { _ as _22 } from "./chunks/p-textarea.js";
+import { default as default12 } from "./p-toggle.js";
 import { squirrelTailwindConfig } from "./config.js";
 import { S } from "./chunks/p-btn.types.js";
 import { CURRENCY_INPUT_DEFAULTS } from "./currency.js";
@@ -1099,40 +1099,40 @@ export {
   default2 as PCheckbox,
   default3 as PChips,
   default4 as PCloseBtn,
-  _6 as PDatePicker,
-  default5 as PDrawer,
-  default6 as PDropdown,
+  default5 as PDatePicker,
+  default6 as PDrawer,
+  default7 as PDropdown,
   a as PDropdownSelect,
   _sfc_main$3 as PFileUpload,
   _sfc_main$4 as PIcon,
-  _7 as PInfoIcon,
-  _8 as PInlineDatePicker,
-  _9 as PInput,
-  _10 as PInputNumber,
-  _11 as PInputPercent,
+  _6 as PInfoIcon,
+  _7 as PInlineDatePicker,
+  _8 as PInput,
+  _9 as PInputNumber,
+  _10 as PInputPercent,
   PInputSearch,
-  _12 as PLink,
-  default7 as PLoading,
-  default8 as PModal,
-  _13 as PPagination,
-  _14 as PPaginationInfo,
-  _15 as PProgressBar,
-  _16 as PRingLoader,
-  _17 as PSelect,
-  _18 as PSelectBtn,
+  _11 as PLink,
+  default8 as PLoading,
+  default9 as PModal,
+  _12 as PPagination,
+  _13 as PPaginationInfo,
+  _14 as PProgressBar,
+  _15 as PRingLoader,
+  _16 as PSelect,
+  _17 as PSelectBtn,
   _sfc_main$2 as PSelectList,
-  default9 as PSelectPill,
-  default10 as PSkeletonLoader,
-  _19 as PSteps,
+  default10 as PSelectPill,
+  default11 as PSkeletonLoader,
+  _18 as PSteps,
   pTable as PTable,
   _sfc_main$5 as PTableHeaderCell,
-  _20 as PTableLoader,
+  _19 as PTableLoader,
   _sfc_main as PTableSort,
   PTableTd,
-  _21 as PTabs,
-  _22 as PTabsPills,
-  _23 as PTextarea,
-  default11 as PToggle,
+  _20 as PTabs,
+  _21 as PTabsPills,
+  _22 as PTextarea,
+  default12 as PToggle,
   P_ICON_ALIASES,
   S as SIZES,
   SORTING_TYPES,

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

@@ -1,4 +1,148 @@
-import { _ as _sfc_main } from "./chunks/p-date-picker.js";
+import { defineComponent, mergeModels, useModel, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
+import { _ as _sfc_main$1 } from "./chunks/p-input.js";
+import { getDateFnsLocale } from "./dateLocale.js";
+import { VueDatePicker } from "@vuepic/vue-datepicker";
+import { useI18n } from "vue-i18n";
+import { _ as _export_sfc } from "./chunks/_plugin-vue_export-helper.js";
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  ...{
+    name: "PDatePicker",
+    inheritAttrs: false
+  },
+  __name: "p-date-picker",
+  props: /* @__PURE__ */ 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 = useModel(__props, "modelValue");
+    const { locale } = useI18n();
+    const attrs = useAttrs();
+    const datePickerProps = computed(() => {
+      const { name, label, errorMsg, required, ...vueDatePickerProps } = props;
+      const { class: classes, style, ...attrsWithoutClassAndStyle } = attrs;
+      return {
+        ...vueDatePickerProps,
+        ...attrsWithoutClassAndStyle,
+        locale: getDateFnsLocale(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 : 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 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,
+          { "has-label": !!__props.label },
+          { "has-error": !!__props.errorMsg },
+          `size-${_ctx.$attrs.size || "md"}`
+        ]
+      }, 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"]);
+    };
+  }
+});
+const pDatePicker = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-5f4efd82"]]);
 export {
-  _sfc_main as default
+  pDatePicker as default
 };

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

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

package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts

@@ -1,5 +1,10 @@
-import { type VueDatePickerProps } from '@vuepic/vue-datepicker';
-type Props = {
+import { type RootProps } from '@vuepic/vue-datepicker';
+type Props = Omit<RootProps, 'modelValue'> & {
+    /**
+     * The name of the date picker field.
+     * Passed to the underlying PInput component.
+     */
+    name?: string;
     /**
      * Text label for the date picker field.
      * Passed to the underlying PInput component.
@@ -15,42 +20,33 @@ type Props = {
      * Passed to the underlying PInput component and adds visual indicator.
      */
     required?: boolean;
-} & VueDatePickerProps;
+};
 type __VLS_Props = Props;
 type __VLS_ModelProps = {
     /**
      * The selected date value (v-model).
-     * Supports two-way binding for form inputs.
+     * Supports all VueDatePicker model types: Date, Date[], string, TimeModel, etc.
      */
-    modelValue?: Date | string | null;
+    modelValue?: RootProps['modelValue'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_export: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | Date | null) => any;
+    "update:modelValue": (value: import("@vuepic/vue-datepicker").ModelValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("@vuepic/vue-datepicker").ModelValue) => any) | undefined;
 }>, {
-    inline: boolean | {
-        input?: boolean;
-    };
+    name: string;
+    placeholder: string;
     label: string;
     required: boolean;
     errorMsg: string;
-    enableTimePicker: boolean;
-    weekStart: "0" | "1" | "2" | "3" | "4" | "5" | "6" | 0 | 1 | 2 | 3 | 4 | 5 | 6;
-    format: string | ((date: Date) => string) | ((dates: Date[]) => string);
+    modelType: string;
     autoApply: boolean;
-    textInput: boolean | {
-        enterSubmit?: boolean;
-        tabSubmit?: boolean;
-        openMenu?: "open" | "toggle" | boolean;
-        rangeSeparator?: string;
-        selectOnFocus?: boolean;
-        format?: string | string[] | ((value: string) => Date | null);
-        escClose?: boolean;
-    };
     hideOffsetDates: boolean;
-    modelType: "timestamp" | "iso" | "format" | string;
+    weekStart: string | number;
+    formats: Partial<import("@vuepic/vue-datepicker").FormatsConfig> | null;
+    timeConfig: Partial<import("@vuepic/vue-datepicker").TimeConfig>;
+    textInput: boolean | Partial<import("@vuepic/vue-datepicker").TextInputConfig>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;
 export default _default;

package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts

@@ -145,7 +145,7 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     beforeClose(): void;
     closing(): void;
     closed(): void;
-}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "closed" | "before-open" | "opening" | "opened" | "before-close" | "closing")[], "update:modelValue" | "closed" | "before-open" | "opening" | "opened" | "before-close" | "closing", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "before-open" | "opening" | "opened" | "before-close" | "closing" | "closed")[], "update:modelValue" | "before-open" | "opening" | "opened" | "before-close" | "closing" | "closed", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
      * Target element to append the drawer to.
      * Usually 'body' for proper z-index stacking.
@@ -291,8 +291,8 @@ declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractP
     disabled: boolean;
     modelValue: boolean;
     errorMsg: string;
-    position: string;
     appendTo: string;
+    position: string;
     zIndex: number;
     drawerStyle: Record<string, any>;
     drawerClass: string;

package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts

@@ -1,4 +1,4 @@
-import { type VueDatePickerProps } from '@vuepic/vue-datepicker';
+import { type RootProps } from '@vuepic/vue-datepicker';
 type __VLS_Slots = {
     /**
      * Custom label content - overrides the label prop.
@@ -10,7 +10,7 @@ type __VLS_Slots = {
         labelClasses: string;
     }) => unknown;
 };
-type Props = {
+type Props = Omit<RootProps, 'modelValue'> & {
     /**
      * Text label for the date picker field.
      * If not provided, you can use the label slot instead.
@@ -26,32 +26,31 @@ type Props = {
      * Adds required attribute and visual indicator.
      */
     required?: boolean;
-} & VueDatePickerProps;
+};
 type __VLS_Props = Props;
 type __VLS_ModelProps = {
     /**
      * The selected date value (v-model).
-     * Supports two-way binding for form inputs.
+     * Supports all VueDatePicker model types: Date, Date[], string, TimeModel, etc.
      */
-    modelValue?: Date | string | null;
+    modelValue?: RootProps['modelValue'];
 };
 type __VLS_PublicProps = __VLS_Props & __VLS_ModelProps;
 declare const __VLS_base: import("vue").DefineComponent<__VLS_PublicProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    "update:modelValue": (value: string | Date | null) => any;
+    "update:modelValue": (value: import("@vuepic/vue-datepicker").ModelValue) => any;
 }, string, import("vue").PublicProps, Readonly<__VLS_PublicProps> & Readonly<{
-    "onUpdate:modelValue"?: ((value: string | Date | null) => any) | undefined;
+    "onUpdate:modelValue"?: ((value: import("@vuepic/vue-datepicker").ModelValue) => any) | undefined;
 }>, {
-    inline: boolean | {
-        input?: boolean;
-    };
+    placeholder: string;
     label: string;
     required: boolean;
     errorMsg: string;
-    enableTimePicker: boolean;
-    weekStart: "0" | "1" | "2" | "3" | "4" | "5" | "6" | 0 | 1 | 2 | 3 | 4 | 5 | 6;
+    modelType: string;
     autoApply: boolean;
     hideOffsetDates: boolean;
-    modelType: "timestamp" | "iso" | "format" | string;
+    weekStart: string | number;
+    timeConfig: Partial<import("@vuepic/vue-datepicker").TimeConfig>;
+    textInput: boolean | Partial<import("@vuepic/vue-datepicker").TextInputConfig>;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

package/dist/squirrel/components/p-modal/p-modal.vue.d.ts

@@ -188,12 +188,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (value: boolean) => any;
-    closed: () => any;
     "before-open": () => any;
     opening: () => any;
     opened: () => any;
     "before-close": () => any;
     closing: () => any;
+    closed: () => any;
     "click:overlay": (event: MouseEvent) => any;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     /**
@@ -358,12 +358,12 @@ declare const __VLS_base: import("vue").DefineComponent<import("vue").ExtractPro
     };
 }>> & Readonly<{
     "onUpdate:modelValue"?: ((value: boolean) => any) | undefined;
-    onClosed?: (() => any) | undefined;
     "onBefore-open"?: (() => any) | undefined;
     onOpening?: (() => any) | undefined;
     onOpened?: (() => any) | undefined;
     "onBefore-close"?: (() => any) | undefined;
     onClosing?: (() => any) | undefined;
+    onClosed?: (() => any) | undefined;
     "onClick:overlay"?: ((event: MouseEvent) => any) | undefined;
 }>, {
     name: string;

package/dist/squirrel/components/p-steps/p-steps.vue.d.ts

@@ -21,8 +21,8 @@ declare const __VLS_export: import("vue").DefineComponent<Props, {}, {}, {}, {},
 }, string, import("vue").PublicProps, Readonly<Props> & Readonly<{
     "onClick:step"?: ((step: StepItem, index: number) => any) | undefined;
 }>, {
-    activeStep: StepItem["value"];
     steps: readonly StepItem[];
+    activeStep: StepItem["value"];
     clickable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const _default: typeof __VLS_export;

package/dist/squirrel/utils/dateLocale.d.ts

@@ -0,0 +1,2 @@
+import type { Locale } from 'date-fns';
+export declare const getDateFnsLocale: (localeCode: string) => Locale;