@pequity/squirrel 10.0.3 → 11.0.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (76) hide show
  1. package/README.md +20 -1
  2. package/dist/cjs/chunks/p-action-bar.js +17 -14
  3. package/dist/cjs/chunks/p-dropdown-select.js +27 -26
  4. package/dist/cjs/chunks/p-inline-date-picker.js +53 -84
  5. package/dist/cjs/chunks/p-pagination-info.js +2 -2
  6. package/dist/cjs/chunks/p-pagination.js +13 -11
  7. package/dist/cjs/chunks/p-tabs-pills.js +8 -8
  8. package/dist/cjs/dateLocale.js +886 -0
  9. package/dist/cjs/index.js +103 -50
  10. package/dist/cjs/p-date-picker.js +146 -2
  11. package/dist/cjs/p-drawer.js +4 -4
  12. package/dist/cjs/p-input-search.js +5 -4
  13. package/dist/cjs/p-modal.js +3 -3
  14. package/dist/cjs/p-select-pill.js +1 -1
  15. package/dist/es/chunks/p-action-bar.js +18 -15
  16. package/dist/es/chunks/p-dropdown-select.js +27 -26
  17. package/dist/es/chunks/p-inline-date-picker.js +52 -83
  18. package/dist/es/chunks/p-pagination-info.js +2 -2
  19. package/dist/es/chunks/p-pagination.js +13 -11
  20. package/dist/es/chunks/p-tabs-pills.js +8 -8
  21. package/dist/es/dateLocale.js +886 -0
  22. package/dist/es/index.js +152 -99
  23. package/dist/es/p-date-picker.js +146 -2
  24. package/dist/es/p-drawer.js +4 -4
  25. package/dist/es/p-input-search.js +5 -4
  26. package/dist/es/p-modal.js +3 -3
  27. package/dist/es/p-select-pill.js +1 -1
  28. package/dist/squirrel/components/p-date-picker/p-date-picker.vue.d.ts +19 -23
  29. package/dist/squirrel/components/p-drawer/p-drawer.vue.d.ts +2 -2
  30. package/dist/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue.d.ts +12 -13
  31. package/dist/squirrel/components/p-modal/p-modal.vue.d.ts +2 -2
  32. package/dist/squirrel/components/p-steps/p-steps.vue.d.ts +1 -1
  33. package/dist/squirrel/index.d.ts +1 -0
  34. package/dist/squirrel/plugin/index.d.ts +11 -0
  35. package/dist/squirrel/utils/dateLocale.d.ts +2 -0
  36. package/dist/squirrel.css +73 -40
  37. package/package.json +33 -29
  38. package/squirrel/components/p-action-bar/p-action-bar.vue +4 -1
  39. package/squirrel/components/p-btn/p-btn.spec.js +0 -1
  40. package/squirrel/components/p-checkbox/p-checkbox.stories.js +2 -2
  41. package/squirrel/components/p-date-picker/p-date-picker.spec.js +49 -4
  42. package/squirrel/components/p-date-picker/p-date-picker.vue +85 -12
  43. package/squirrel/components/p-drawer/p-drawer.spec.js +364 -0
  44. package/squirrel/components/p-drawer/p-drawer.vue +8 -2
  45. package/squirrel/components/p-dropdown/p-dropdown.spec.js +252 -55
  46. package/squirrel/components/p-dropdown-select/p-dropdown-select.vue +16 -12
  47. package/squirrel/components/p-file-upload/p-file-upload.spec.js +0 -1
  48. package/squirrel/components/p-file-upload/p-file-upload.vue +26 -9
  49. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js +33 -18
  50. package/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue +23 -10
  51. package/squirrel/components/p-input-search/p-input-search.vue +2 -2
  52. package/squirrel/components/p-modal/p-modal.vue +1 -1
  53. package/squirrel/components/p-pagination/p-pagination.vue +3 -3
  54. package/squirrel/components/p-pagination-info/p-pagination-info.vue +2 -2
  55. package/squirrel/components/p-progress-bar/{p-progess-bar.spec.js → p-progress-bar.spec.js} +7 -5
  56. package/squirrel/components/p-select-btn/p-select-btn.spec.js +104 -0
  57. package/squirrel/components/p-select-list/p-select-list.vue +7 -5
  58. package/squirrel/components/p-select-pill/p-select-pill.spec.js +114 -0
  59. package/squirrel/components/p-select-pill/p-select-pill.vue +1 -1
  60. package/squirrel/components/p-table/usePTableColResize.spec.js +123 -11
  61. package/squirrel/components/p-table/usePTableHeaderWrap.spec.js +1 -1
  62. package/squirrel/components/p-table/usePTableRowVirtualizer.spec.js +207 -0
  63. package/squirrel/components/p-table-header-cell/p-table-header-cell.stories.js +3 -0
  64. package/squirrel/components/p-table-sort/p-table-sort.vue +4 -4
  65. package/squirrel/components/p-tabs-pills/p-tabs-pills.vue +1 -1
  66. package/squirrel/index.spec.js +5 -0
  67. package/squirrel/index.ts +1 -0
  68. package/squirrel/locales/en-US.json +47 -0
  69. package/squirrel/locales/fr-CA.json +47 -0
  70. package/squirrel/plugin/index.spec.ts +140 -0
  71. package/squirrel/plugin/index.ts +54 -0
  72. package/squirrel/utils/dateLocale.spec.ts +20 -0
  73. package/squirrel/utils/dateLocale.ts +19 -0
  74. package/squirrel/utils/listKeyboardNavigation.spec.js +58 -0
  75. package/dist/cjs/chunks/p-date-picker.js +0 -169
  76. package/dist/es/chunks/p-date-picker.js +0 -170
@@ -1,169 +0,0 @@
1
- "use strict";
2
- const vue = require("vue");
3
- const pInput_vue_vue_type_script_setup_true_lang = require("./p-input.js");
4
- const VueDatePicker = require("@vuepic/vue-datepicker");
5
- const _sfc_main = /* @__PURE__ */ vue.defineComponent({
6
- ...{
7
- name: "PDatePicker",
8
- inheritAttrs: false
9
- },
10
- __name: "p-date-picker",
11
- props: /* @__PURE__ */ vue.mergeModels({
12
- label: { default: "" },
13
- errorMsg: { default: "" },
14
- required: { type: Boolean, default: false },
15
- uid: {},
16
- name: {},
17
- is24: { type: Boolean },
18
- enableTimePicker: { type: Boolean, default: false },
19
- range: { type: [Boolean, Object] },
20
- multiCalendars: { type: [Boolean, Number, String, Object] },
21
- modelValue: {},
22
- locale: {},
23
- position: {},
24
- dark: { type: Boolean },
25
- placeholder: {},
26
- weekNumbers: {},
27
- hoursIncrement: {},
28
- hoursGridIncrement: {},
29
- secondsGridIncrement: {},
30
- minutesGridIncrement: {},
31
- minutesIncrement: {},
32
- secondsIncrement: {},
33
- minDate: {},
34
- maxDate: {},
35
- minTime: {},
36
- maxTime: {},
37
- weekStart: { default: 0 },
38
- disabled: { type: Boolean },
39
- readonly: { type: Boolean },
40
- format: { type: [String, Function], default: "dd-MMM-yyyy" },
41
- previewFormat: {},
42
- hideInputIcon: { type: Boolean },
43
- state: { type: Boolean },
44
- clearable: { type: Boolean },
45
- alwaysClearable: { type: Boolean },
46
- autoApply: { type: Boolean, default: true },
47
- filters: {},
48
- disableMonthYearSelect: { type: Boolean },
49
- yearRange: {},
50
- disabledDates: {},
51
- inline: { type: [Boolean, Object], default: false },
52
- selectText: {},
53
- cancelText: {},
54
- weekNumName: {},
55
- autoPosition: { type: [Boolean, String] },
56
- monthPicker: { type: Boolean },
57
- timePicker: { type: Boolean },
58
- textInput: { type: [Boolean, Object], default: true },
59
- monthNameFormat: {},
60
- startDate: {},
61
- startTime: {},
62
- hideOffsetDates: { type: Boolean, default: true },
63
- noToday: { type: Boolean },
64
- noHoursOverlay: { type: Boolean },
65
- noMinutesOverlay: { type: Boolean },
66
- noSecondsOverlay: { type: Boolean },
67
- altPosition: {},
68
- disabledWeekDays: {},
69
- allowedDates: {},
70
- nowButtonLabel: {},
71
- monthChangeOnScroll: { type: [Boolean, String] },
72
- markers: {},
73
- transitions: { type: [Boolean, Object] },
74
- enableSeconds: { type: Boolean },
75
- escClose: { type: Boolean },
76
- spaceConfirm: { type: Boolean },
77
- monthChangeOnArrows: { type: Boolean },
78
- formatLocale: {},
79
- autocomplete: {},
80
- multiDates: { type: [Boolean, Object] },
81
- presetDates: {},
82
- flow: {},
83
- partialFlow: { type: Boolean },
84
- preventMinMaxNavigation: { type: Boolean },
85
- utc: { type: [Boolean, String] },
86
- reverseYears: { type: Boolean },
87
- weekPicker: { type: Boolean },
88
- vertical: { type: Boolean },
89
- ariaLabels: {},
90
- arrowNavigation: { type: Boolean },
91
- yearPicker: { type: Boolean },
92
- dayNames: {},
93
- modelType: { default: "yyyy-MM-dd" },
94
- modelAuto: { type: Boolean },
95
- highlight: {},
96
- offset: {},
97
- teleportCenter: { type: Boolean },
98
- teleport: { type: [Boolean, String] },
99
- ignoreTimeValidation: { type: Boolean },
100
- dayClass: {},
101
- hideNavigation: {},
102
- sixWeeks: { type: [Boolean, String] },
103
- timezone: {},
104
- disableYearSelect: { type: Boolean },
105
- focusStartDate: { type: Boolean },
106
- disabledTimes: {},
107
- timePickerInline: { type: Boolean },
108
- calendar: {},
109
- config: {},
110
- quarterPicker: { type: Boolean },
111
- yearFirst: { type: Boolean },
112
- loading: { type: Boolean },
113
- onInternalModelChange: {},
114
- enableMinutes: { type: Boolean },
115
- ui: {}
116
- }, {
117
- "modelValue": { default: "" },
118
- "modelModifiers": {}
119
- }),
120
- emits: ["update:modelValue"],
121
- setup(__props) {
122
- const props = __props;
123
- const model = vue.useModel(__props, "modelValue");
124
- const attrs = vue.useAttrs();
125
- const datePickerProps = vue.computed(() => {
126
- const { modelValue: _, ...propsWithoutModelValue } = props;
127
- return propsWithoutModelValue;
128
- });
129
- const inputPropsAndAttrs = vue.computed(() => {
130
- const { class: classes, style, ...res } = attrs;
131
- res.label = props.label;
132
- res.errorMsg = props.errorMsg;
133
- res.required = props.required;
134
- res.disabled = props.disabled;
135
- res.placeholder = props.placeholder ? props.placeholder : props.format;
136
- res.name = props.name;
137
- res.readonly = props.readonly;
138
- return res;
139
- });
140
- const handleInput = (e, onInputFn, onClearFn) => {
141
- if (e.target instanceof HTMLInputElement && e.target.value === "") {
142
- onClearFn(e);
143
- return;
144
- }
145
- return onInputFn(e);
146
- };
147
- return (_ctx, _cache) => {
148
- return vue.openBlock(), vue.createBlock(vue.unref(VueDatePicker), vue.mergeProps({
149
- modelValue: model.value,
150
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
151
- class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
152
- }, datePickerProps.value), {
153
- "dp-input": vue.withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
154
- vue.createVNode(pInput_vue_vue_type_script_setup_true_lang._sfc_main, vue.mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
155
- onInput: ($event) => handleInput($event, onInput, onClear),
156
- onKeydown: [
157
- vue.withKeys(($event) => onEnter($event), ["enter"]),
158
- vue.withKeys(($event) => onTab($event), ["tab"])
159
- ],
160
- onFocus,
161
- onBlur
162
- }), null, 16, ["model-value", "onInput", "onKeydown", "onFocus", "onBlur"])
163
- ]),
164
- _: 1
165
- }, 16, ["modelValue", "class"]);
166
- };
167
- }
168
- });
169
- exports._sfc_main = _sfc_main;
@@ -1,170 +0,0 @@
1
- import { defineComponent, mergeModels, useModel, useAttrs, computed, createBlock, openBlock, unref, mergeProps, withCtx, createVNode, withKeys } from "vue";
2
- import { _ as _sfc_main$1 } from "./p-input.js";
3
- import VueDatePicker from "@vuepic/vue-datepicker";
4
- const _sfc_main = /* @__PURE__ */ defineComponent({
5
- ...{
6
- name: "PDatePicker",
7
- inheritAttrs: false
8
- },
9
- __name: "p-date-picker",
10
- props: /* @__PURE__ */ mergeModels({
11
- label: { default: "" },
12
- errorMsg: { default: "" },
13
- required: { type: Boolean, default: false },
14
- uid: {},
15
- name: {},
16
- is24: { type: Boolean },
17
- enableTimePicker: { type: Boolean, default: false },
18
- range: { type: [Boolean, Object] },
19
- multiCalendars: { type: [Boolean, Number, String, Object] },
20
- modelValue: {},
21
- locale: {},
22
- position: {},
23
- dark: { type: Boolean },
24
- placeholder: {},
25
- weekNumbers: {},
26
- hoursIncrement: {},
27
- hoursGridIncrement: {},
28
- secondsGridIncrement: {},
29
- minutesGridIncrement: {},
30
- minutesIncrement: {},
31
- secondsIncrement: {},
32
- minDate: {},
33
- maxDate: {},
34
- minTime: {},
35
- maxTime: {},
36
- weekStart: { default: 0 },
37
- disabled: { type: Boolean },
38
- readonly: { type: Boolean },
39
- format: { type: [String, Function], default: "dd-MMM-yyyy" },
40
- previewFormat: {},
41
- hideInputIcon: { type: Boolean },
42
- state: { type: Boolean },
43
- clearable: { type: Boolean },
44
- alwaysClearable: { type: Boolean },
45
- autoApply: { type: Boolean, default: true },
46
- filters: {},
47
- disableMonthYearSelect: { type: Boolean },
48
- yearRange: {},
49
- disabledDates: {},
50
- inline: { type: [Boolean, Object], default: false },
51
- selectText: {},
52
- cancelText: {},
53
- weekNumName: {},
54
- autoPosition: { type: [Boolean, String] },
55
- monthPicker: { type: Boolean },
56
- timePicker: { type: Boolean },
57
- textInput: { type: [Boolean, Object], default: true },
58
- monthNameFormat: {},
59
- startDate: {},
60
- startTime: {},
61
- hideOffsetDates: { type: Boolean, default: true },
62
- noToday: { type: Boolean },
63
- noHoursOverlay: { type: Boolean },
64
- noMinutesOverlay: { type: Boolean },
65
- noSecondsOverlay: { type: Boolean },
66
- altPosition: {},
67
- disabledWeekDays: {},
68
- allowedDates: {},
69
- nowButtonLabel: {},
70
- monthChangeOnScroll: { type: [Boolean, String] },
71
- markers: {},
72
- transitions: { type: [Boolean, Object] },
73
- enableSeconds: { type: Boolean },
74
- escClose: { type: Boolean },
75
- spaceConfirm: { type: Boolean },
76
- monthChangeOnArrows: { type: Boolean },
77
- formatLocale: {},
78
- autocomplete: {},
79
- multiDates: { type: [Boolean, Object] },
80
- presetDates: {},
81
- flow: {},
82
- partialFlow: { type: Boolean },
83
- preventMinMaxNavigation: { type: Boolean },
84
- utc: { type: [Boolean, String] },
85
- reverseYears: { type: Boolean },
86
- weekPicker: { type: Boolean },
87
- vertical: { type: Boolean },
88
- ariaLabels: {},
89
- arrowNavigation: { type: Boolean },
90
- yearPicker: { type: Boolean },
91
- dayNames: {},
92
- modelType: { default: "yyyy-MM-dd" },
93
- modelAuto: { type: Boolean },
94
- highlight: {},
95
- offset: {},
96
- teleportCenter: { type: Boolean },
97
- teleport: { type: [Boolean, String] },
98
- ignoreTimeValidation: { type: Boolean },
99
- dayClass: {},
100
- hideNavigation: {},
101
- sixWeeks: { type: [Boolean, String] },
102
- timezone: {},
103
- disableYearSelect: { type: Boolean },
104
- focusStartDate: { type: Boolean },
105
- disabledTimes: {},
106
- timePickerInline: { type: Boolean },
107
- calendar: {},
108
- config: {},
109
- quarterPicker: { type: Boolean },
110
- yearFirst: { type: Boolean },
111
- loading: { type: Boolean },
112
- onInternalModelChange: {},
113
- enableMinutes: { type: Boolean },
114
- ui: {}
115
- }, {
116
- "modelValue": { default: "" },
117
- "modelModifiers": {}
118
- }),
119
- emits: ["update:modelValue"],
120
- setup(__props) {
121
- const props = __props;
122
- const model = useModel(__props, "modelValue");
123
- const attrs = useAttrs();
124
- const datePickerProps = computed(() => {
125
- const { modelValue: _, ...propsWithoutModelValue } = props;
126
- return propsWithoutModelValue;
127
- });
128
- const inputPropsAndAttrs = computed(() => {
129
- const { class: classes, style, ...res } = attrs;
130
- res.label = props.label;
131
- res.errorMsg = props.errorMsg;
132
- res.required = props.required;
133
- res.disabled = props.disabled;
134
- res.placeholder = props.placeholder ? props.placeholder : props.format;
135
- res.name = props.name;
136
- res.readonly = props.readonly;
137
- return res;
138
- });
139
- const handleInput = (e, onInputFn, onClearFn) => {
140
- if (e.target instanceof HTMLInputElement && e.target.value === "") {
141
- onClearFn(e);
142
- return;
143
- }
144
- return onInputFn(e);
145
- };
146
- return (_ctx, _cache) => {
147
- return openBlock(), createBlock(unref(VueDatePicker), mergeProps({
148
- modelValue: model.value,
149
- "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => model.value = $event),
150
- class: [{ hidden: _ctx.$attrs.hidden }, _ctx.$attrs.class]
151
- }, datePickerProps.value), {
152
- "dp-input": withCtx(({ value, onInput, onEnter, onTab, onFocus, onBlur, onClear }) => [
153
- createVNode(_sfc_main$1, mergeProps({ "model-value": value }, inputPropsAndAttrs.value, {
154
- onInput: ($event) => handleInput($event, onInput, onClear),
155
- onKeydown: [
156
- withKeys(($event) => onEnter($event), ["enter"]),
157
- withKeys(($event) => onTab($event), ["tab"])
158
- ],
159
- onFocus,
160
- onBlur
161
- }), null, 16, ["model-value", "onInput", "onKeydown", "onFocus", "onBlur"])
162
- ]),
163
- _: 1
164
- }, 16, ["modelValue", "class"]);
165
- };
166
- }
167
- });
168
- export {
169
- _sfc_main as _
170
- };