@pequity/squirrel 5.4.6 → 5.4.8

package/squirrel/components/index.ts

@@ -1,6 +1,8 @@
+import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
 import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
 import PAlert from '@squirrel/components/p-alert/p-alert.vue';
 import PAvatar from '@squirrel/components/p-avatar/p-avatar.vue';
+import { type Size } from '@squirrel/components/p-btn/p-btn.types';
 import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import PCard from '@squirrel/components/p-card/p-card.vue';
 import PCheckbox from '@squirrel/components/p-checkbox/p-checkbox.vue';
@@ -10,8 +12,9 @@ import PDatePicker from '@squirrel/components/p-date-picker/p-date-picker.vue';
 import PDrawer from '@squirrel/components/p-drawer/p-drawer.vue';
 import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
 import PDropdownSelect from '@squirrel/components/p-dropdown-select/p-dropdown-select.vue';
+import { type FileUploadFile } from '@squirrel/components/p-file-upload/p-file-upload.types';
 import PFileUpload from '@squirrel/components/p-file-upload/p-file-upload.vue';
-import PFilterIcon from '@squirrel/components/p-table-header-cell/p-table-filter-icon.vue';
+import { P_ICON_ALIASES, type PIconAlias } from '@squirrel/components/p-icon/p-icon.types';
 import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import PInfoIcon from '@squirrel/components/p-info-icon/p-info-icon.vue';
 import PInlineDatePicker from '@squirrel/components/p-inline-date-picker/p-inline-date-picker.vue';
@@ -21,7 +24,9 @@ import PInputPercent from '@squirrel/components/p-input-percent/p-input-percent.
 import PInputSearch from '@squirrel/components/p-input-search/p-input-search.vue';
 import PLink from '@squirrel/components/p-link/p-link.vue';
 import PLoading from '@squirrel/components/p-loading/p-loading.vue';
+import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
 import PModal from '@squirrel/components/p-modal/p-modal.vue';
+import { usePModal } from '@squirrel/components/p-modal/usePModal';
 import PPagination from '@squirrel/components/p-pagination/p-pagination.vue';
 import PPaginationInfo from '@squirrel/components/p-pagination-info/p-pagination-info.vue';
 import PProgressBar from '@squirrel/components/p-progress-bar/p-progress-bar.vue';
@@ -29,42 +34,45 @@ import PRingLoader from '@squirrel/components/p-ring-loader/p-ring-loader.vue';
 import PSelect from '@squirrel/components/p-select/p-select.vue';
 import PSelectBtn from '@squirrel/components/p-select-btn/p-select-btn.vue';
 import PSelectList from '@squirrel/components/p-select-list/p-select-list.vue';
+import { useSelectList } from '@squirrel/components/p-select-list/useSelectList';
 import PSelectPill from '@squirrel/components/p-select-pill/p-select-pill.vue';
 import PSkeletonLoader from '@squirrel/components/p-skeleton-loader/p-skeleton-loader.vue';
-import PTable from '@squirrel/components/p-table/p-table.vue';
-import PTableHeaderCell from '@squirrel/components/p-table-header-cell/p-table-header-cell.vue';
-import PTableLoader from '@squirrel/components/p-table-loader/p-table-loader.vue';
-import PTableSort from '@squirrel/components/p-table-sort/p-table-sort.vue';
-import PTableTd from '@squirrel/components/p-table-td/p-table-td.vue';
-import PTabs from '@squirrel/components/p-tabs/p-tabs.vue';
-import PTextarea from '@squirrel/components/p-textarea/p-textarea.vue';
-import PToggle from '@squirrel/components/p-toggle/p-toggle.vue';
-import { type FileUploadFile } from '@squirrel/components/p-file-upload/p-file-upload.types';
 import {
-  type HeaderCellAttrs,
-  MIN_WIDTH_COL_RESIZE,
-  type TableCol,
-  type ThAttrs,
   colsInjectionKey,
+  type HeaderCellAttrs,
   isColsResizableInjectionKey,
   isFirstColFixedInjectionKey,
   isLastColFixedInjectionKey,
+  MIN_WIDTH_COL_RESIZE,
+  type TableCol,
+  type ThAttrs,
 } from '@squirrel/components/p-table/p-table.types';
-import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
-import { type PIconAlias, P_ICON_ALIASES } from '@squirrel/components/p-icon/p-icon.types';
+import PTable from '@squirrel/components/p-table/p-table.vue';
+import { usePTableColResize } from '@squirrel/components/p-table/usePTableColResize';
+import { usePTableRowVirtualizer } from '@squirrel/components/p-table/usePTableRowVirtualizer';
+import PFilterIcon from '@squirrel/components/p-table-header-cell/p-table-filter-icon.vue';
+import PTableHeaderCell from '@squirrel/components/p-table-header-cell/p-table-header-cell.vue';
+import PTableLoader from '@squirrel/components/p-table-loader/p-table-loader.vue';
 import {
   SORTING_TYPES,
   type SortingType,
   type SortingTypeWithoutNoSorting,
 } from '@squirrel/components/p-table-sort/p-table-sort.config';
-import { type Size } from '@squirrel/components/p-btn/p-btn.types';
-import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
-import { usePModal } from '@squirrel/components/p-modal/usePModal';
-import { usePTableColResize } from '@squirrel/components/p-table/usePTableColResize';
-import { usePTableRowVirtualizer } from '@squirrel/components/p-table/usePTableRowVirtualizer';
-import { useSelectList } from '@squirrel/components/p-select-list/useSelectList';
+import PTableSort from '@squirrel/components/p-table-sort/p-table-sort.vue';
+import PTableTd from '@squirrel/components/p-table-td/p-table-td.vue';
+import PTabs from '@squirrel/components/p-tabs/p-tabs.vue';
+import PTextarea from '@squirrel/components/p-textarea/p-textarea.vue';
+import PToggle from '@squirrel/components/p-toggle/p-toggle.vue';
 
 export {
+  colsInjectionKey,
+  FileUploadFile,
+  HeaderCellAttrs,
+  isColsResizableInjectionKey,
+  isFirstColFixedInjectionKey,
+  isLastColFixedInjectionKey,
+  MIN_WIDTH_COL_RESIZE,
+  P_ICON_ALIASES,
   PActionBar,
   PActionBarAction,
   PAlert,
@@ -81,6 +89,7 @@ export {
   PFileUpload,
   PFilterIcon,
   PIcon,
+  PIconAlias,
   PInfoIcon,
   PInlineDatePicker,
   PInput,
@@ -107,24 +116,15 @@ export {
   PTabs,
   PTextarea,
   PToggle,
+  Size,
   SORTING_TYPES,
-  MIN_WIDTH_COL_RESIZE,
-  P_ICON_ALIASES,
-  colsInjectionKey,
-  isColsResizableInjectionKey,
-  isFirstColFixedInjectionKey,
-  isLastColFixedInjectionKey,
-  usePModal,
-  usePTableColResize,
-  usePTableRowVirtualizer,
-  useSelectList,
-  usePLoading,
   SortingType,
   SortingTypeWithoutNoSorting,
-  Size,
-  FileUploadFile,
-  HeaderCellAttrs,
   TableCol,
   ThAttrs,
-  PIconAlias,
+  usePLoading,
+  usePModal,
+  usePTableColResize,
+  usePTableRowVirtualizer,
+  useSelectList,
 };

package/squirrel/components/p-action-bar/p-action-bar.spec.ts

@@ -135,7 +135,7 @@ describe('PActionBar.vue', () => {
     expect(icons[2].attributes().icon).toBe('test-icon-3');
   });
 
-  it('attrs fall through ', async () => {
+  it('attrs fall through', async () => {
     const wrapper = createComponentWrapper({
       props: {
         show: true,

package/squirrel/components/p-action-bar/p-action-bar.stories.js

@@ -1,8 +1,8 @@
 import FileUploadIcon from '@squirrel/assets/file-upload-upload-icon.svg?inline';
-import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
-import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import PaginateLeftIcon from '@squirrel/assets/pagination-left-icon.svg?inline';
 import PaginateRightIcon from '@squirrel/assets/pagination-right-icon.svg?inline';
+import PActionBar from '@squirrel/components/p-action-bar/p-action-bar.vue';
+import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import { action } from '@storybook/addon-actions';
 import { expect, fn, userEvent, waitFor, within } from '@storybook/test';
 

package/squirrel/components/p-action-bar/p-action-bar.vue

@@ -56,11 +56,11 @@
 </template>
 
 <script setup lang="ts">
+import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
 import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import PCloseBtn from '@squirrel/components/p-close-btn/p-close-btn.vue';
 import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
 import PIcon from '@squirrel/components/p-icon/p-icon.vue';
-import { type PActionBarAction } from '@squirrel/components/p-action-bar/p-action-bar.types';
 import { isComponent } from '@squirrel/utils/component';
 import { isString } from '@squirrel/utils/string';
 

package/squirrel/components/p-alert/p-alert.vue

@@ -20,7 +20,7 @@
 
 <script lang="ts">
 import { type Color, getColor } from '@squirrel/utils/tailwind';
-import { type PropType, defineComponent } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 const ALERT_TYPES = {
   info: `bg-info text-on-info`,

package/squirrel/components/p-btn/p-btn.spec.js

@@ -1,6 +1,6 @@
 import PBtn from '@squirrel/components/p-btn/p-btn.vue';
-import { createWrapperFor } from '@tests/vitest.helpers';
 import { sanitizeUrl } from '@squirrel/utils/sanitization';
+import { createWrapperFor } from '@tests/vitest.helpers';
 
 vi.mock('@squirrel/utils/sanitization', () => {
   return {
@@ -223,7 +223,7 @@ describe('PBtn.vue', () => {
     expect(button.attributes()['aria-selected']).toBe('true');
   });
 
-  it('it sanitizes an invalid link', async () => {
+  it('sanitizes an invalid link', async () => {
     const wrapper = createWrapperFor(PBtn, {
       props: {
         to: 'javascript:evil()',

package/squirrel/components/p-btn/p-btn.vue

@@ -33,13 +33,13 @@
 </template>
 
 <script lang="ts">
-import PRingLoader from '@squirrel/components/p-ring-loader/p-ring-loader.vue';
-import { type Color, getColorDeep } from '@squirrel/utils/tailwind';
-import { type PropType, defineComponent } from 'vue';
-import { type RouteLocationRaw, RouterLink } from 'vue-router';
 import { type Size } from '@squirrel/components/p-btn/p-btn.types';
+import PRingLoader from '@squirrel/components/p-ring-loader/p-ring-loader.vue';
 import { isExternalLink } from '@squirrel/utils/link';
 import { sanitizeUrl } from '@squirrel/utils/sanitization';
+import { type Color, getColorDeep } from '@squirrel/utils/tailwind';
+import { defineComponent, type PropType } from 'vue';
+import { type RouteLocationRaw, RouterLink } from 'vue-router';
 
 const BUTTON_TYPES = {
   PRIMARY: 'primary',

package/squirrel/components/p-checkbox/p-checkbox.vue

@@ -17,7 +17,7 @@
 </template>
 
 <script setup lang="ts">
-import { type StyleValue, computed, useAttrs } from 'vue';
+import { computed, type StyleValue, useAttrs } from 'vue';
 
 defineOptions({
   name: 'PCheckbox',

package/squirrel/components/p-chips/p-chips.vue

@@ -28,8 +28,8 @@
 </template>
 
 <script lang="ts">
-import { defineComponent } from 'vue';
 import { isObject } from 'lodash-es';
+import { defineComponent } from 'vue';
 
 export default defineComponent({
   name: 'PChips',

package/squirrel/components/p-date-picker/p-date-picker.stories.js

@@ -1,5 +1,5 @@
-import PDatePicker from '@squirrel/components/p-date-picker/p-date-picker.vue';
 import { fieldArgTypes } from '@root/stories/common/field';
+import PDatePicker from '@squirrel/components/p-date-picker/p-date-picker.vue';
 
 export default {
   title: 'Components/PDatePicker',

package/squirrel/components/p-date-picker/p-date-picker.vue

@@ -29,11 +29,11 @@
 
 <script setup lang="ts">
 import PInput from '@squirrel/components/p-input/p-input.vue';
+import { useInputClasses } from '@squirrel/composables/useInputClasses';
 import dayjs from 'dayjs';
-import { DatePicker } from 'v-calendar';
-import { type StyleValue, computed, nextTick, ref, useAttrs, watch } from 'vue';
 import { isDate, isString } from 'lodash-es';
-import { useInputClasses } from '@squirrel/composables/useInputClasses';
+import { DatePicker } from 'v-calendar';
+import { computed, nextTick, ref, type StyleValue, useAttrs, watch } from 'vue';
 
 defineOptions({
   name: 'PDatePicker',

package/squirrel/components/p-dropdown/p-dropdown.spec.js

@@ -1,6 +1,6 @@
 import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
-import { createWrapperFor } from '@tests/vitest.helpers';
 import { setupListKeyboardNavigation } from '@squirrel/utils/listKeyboardNavigation';
+import { createWrapperFor } from '@tests/vitest.helpers';
 
 vi.mock('@squirrel/utils/listKeyboardNavigation', () => {
   return {

package/squirrel/components/p-dropdown/p-dropdown.vue

@@ -88,7 +88,7 @@ import {
   type ListKeyboardNavigationInstance,
   setupListKeyboardNavigation,
 } from '@squirrel/utils/listKeyboardNavigation';
-import { type PropType, defineComponent } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 type VPopper = {
   $refs: {

package/squirrel/components/p-dropdown-select/p-dropdown-select.spec.js

@@ -1,9 +1,9 @@
-import PDropdownSelect from '@squirrel/components/p-dropdown-select/p-dropdown-select.vue';
 import filterListItems from '@squirrel/components/p-dropdown-select/p-dropdown-select.mock.json';
-import { cloneDeep } from 'lodash-es';
+import PDropdownSelect from '@squirrel/components/p-dropdown-select/p-dropdown-select.vue';
+import { useVirtualizer } from '@tanstack/vue-virtual';
 import { createWrapperFor, sleep, waitRAF } from '@tests/vitest.helpers';
+import { cloneDeep } from 'lodash-es';
 import { ref } from 'vue';
-import { useVirtualizer } from '@tanstack/vue-virtual';
 
 vi.mock('@tanstack/vue-virtual', () => ({
   useVirtualizer: vi.fn(),
@@ -415,7 +415,7 @@ describe('PDropdownSelect.vue', () => {
     cleanup(wrapper);
   });
 
-  it.each([true, false])('renders correctly when "multiple" is set to %s ', async (val) => {
+  it.each([true, false])('renders correctly when "multiple" is set to %s', async (val) => {
     const items = cloneDeep(filterListItems).slice(0, 20);
     const wrapper = createWrapper({ items }, { multiple: val });
 

package/squirrel/components/p-dropdown-select/p-dropdown-select.stories.js

@@ -1,7 +1,7 @@
-import PDropdownSelect from '@squirrel/components/p-dropdown-select/p-dropdown-select.vue';
+import { fieldArgTypes } from '@root/stories/common/field';
 import filterListItems from '@squirrel/components/p-dropdown-select/p-dropdown-select.mock.json';
+import PDropdownSelect from '@squirrel/components/p-dropdown-select/p-dropdown-select.vue';
 import { cloneDeep } from 'lodash-es';
-import { fieldArgTypes } from '@root/stories/common/field';
 import { ref } from 'vue';
 
 const items1 = filterListItems.slice(0, 999);

package/squirrel/components/p-dropdown-select/p-dropdown-select.vue

@@ -160,23 +160,23 @@
 import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
 import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import PInputSearch from '@squirrel/components/p-input-search/p-input-search.vue';
+import { type ModelValue, type Size, SIZES } from '@squirrel/components/p-select-list/p-select-list.types';
+import { useSelectList } from '@squirrel/components/p-select-list/useSelectList';
+import { useInputClasses } from '@squirrel/composables/useInputClasses';
+import { toString } from '@squirrel/utils/string';
+import { splitStringForHighlight } from '@squirrel/utils/text';
+import { omit } from 'lodash-es';
 import {
   type ComponentPublicInstance,
-  type PropType,
-  type StyleValue,
   computed,
   onMounted,
   onUnmounted,
+  type PropType,
   ref,
+  type StyleValue,
   useAttrs,
   watch,
 } from 'vue';
-import { type ModelValue, SIZES, type Size } from '@squirrel/components/p-select-list/p-select-list.types';
-import { omit } from 'lodash-es';
-import { splitStringForHighlight } from '@squirrel/utils/text';
-import { toString } from '@squirrel/utils/string';
-import { useInputClasses } from '@squirrel/composables/useInputClasses';
-import { useSelectList } from '@squirrel/components/p-select-list/useSelectList';
 
 type AnyValue = string | number | boolean | null | undefined | Record<string, unknown>;
 type AnyObject = Record<string, AnyValue>;

package/squirrel/components/p-file-upload/p-file-upload.vue

@@ -70,10 +70,10 @@
 
 <script setup lang="ts">
 import { type FileUploadFile } from '@squirrel/components/p-file-upload/p-file-upload.types';
-import { type PropType, computed, onMounted, ref, shallowRef } from 'vue';
 import { formatBytes, getFileExtension } from '@squirrel/components/p-file-upload/p-file-upload.utils';
-import { uniq } from 'lodash-es';
 import { useInputClasses } from '@squirrel/composables/useInputClasses';
+import { uniq } from 'lodash-es';
+import { computed, onMounted, type PropType, ref, shallowRef } from 'vue';
 import { useToast } from 'vue-toastification';
 
 defineOptions({

package/squirrel/components/p-icon/p-icon.spec.js

@@ -1,5 +1,5 @@
-import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import { P_ICON_ALIASES } from '@squirrel/components/p-icon/p-icon.types';
+import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import { createWrapperFor } from '@tests/vitest.helpers';
 
 const createWrapper = (props, attrs) => {

package/squirrel/components/p-icon/p-icon.stories.js

@@ -1,5 +1,5 @@
-import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 import { P_ICON_ALIASES } from '@squirrel/components/p-icon/p-icon.types';
+import PIcon from '@squirrel/components/p-icon/p-icon.vue';
 
 export default {
   title: 'Components/PIcon',

package/squirrel/components/p-icon/p-icon.vue

@@ -3,9 +3,9 @@
 </template>
 
 <script setup lang="ts">
-import { type IconifyIconAttributes } from 'iconify-icon';
-import { type PIconAlias, P_ICON_ALIASES } from '@squirrel/components/p-icon/p-icon.types';
 import 'iconify-icon';
+import { P_ICON_ALIASES, type PIconAlias } from '@squirrel/components/p-icon/p-icon.types';
+import { type IconifyIconAttributes } from 'iconify-icon';
 
 defineOptions({
   name: 'PIcon',

package/squirrel/components/p-inline-date-picker/p-inline-date-picker.spec.js

@@ -1,6 +1,6 @@
 import PInlineDatePicker from '@squirrel/components/p-inline-date-picker/p-inline-date-picker.vue';
-import { DatePicker } from 'v-calendar';
 import { createWrapperFor } from '@tests/vitest.helpers';
+import { DatePicker } from 'v-calendar';
 
 const createWrapper = (props) => {
   return createWrapperFor(PInlineDatePicker, {

package/squirrel/components/p-inline-date-picker/p-inline-date-picker.stories.js

@@ -1,7 +1,7 @@
 // import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 // import PDropdown from '@squirrel/components/p-dropdown/p-dropdown.vue';
-import PInlineDatePicker from '@squirrel/components/p-inline-date-picker/p-inline-date-picker.vue';
 import { fieldArgTypes } from '@root/stories/common/field';
+import PInlineDatePicker from '@squirrel/components/p-inline-date-picker/p-inline-date-picker.vue';
 
 export default {
   title: 'Components/PInlineDatePicker',

package/squirrel/components/p-inline-date-picker/p-inline-date-picker.vue

@@ -23,11 +23,11 @@
 </template>
 
 <script setup lang="ts">
+import { useInputClasses } from '@squirrel/composables/useInputClasses';
 import dayjs from 'dayjs';
-import { type AttributeConfig } from 'v-calendar/dist/types/src/utils/attribute.d';
 import { DatePicker } from 'v-calendar';
-import { type StyleValue, computed, ref, useAttrs, watch } from 'vue';
-import { useInputClasses } from '@squirrel/composables/useInputClasses';
+import { type AttributeConfig } from 'v-calendar/dist/types/src/utils/attribute.d';
+import { computed, ref, type StyleValue, useAttrs, watch } from 'vue';
 
 defineOptions({
   name: 'PInlineDatePicker',

package/squirrel/components/p-input/p-input.stories.js

@@ -1,5 +1,5 @@
-import PInput from '@squirrel/components/p-input/p-input.vue';
 import { fieldArgTypes } from '@root/stories/common/field';
+import PInput from '@squirrel/components/p-input/p-input.vue';
 
 export default {
   title: 'Components/PInput',

package/squirrel/components/p-input/p-input.vue

@@ -26,7 +26,7 @@
 
 <script lang="ts">
 import inputClassesMixin from '@squirrel/utils/inputClassesMixin';
-import { type PropType, type StyleValue, defineComponent } from 'vue';
+import { defineComponent, type PropType, type StyleValue } from 'vue';
 
 const INPUT_TYPES = { TEXT: 'text', PASSWORD: 'password' };
 

package/squirrel/components/p-input-number/p-input-number.stories.js

@@ -1,5 +1,5 @@
-import PInputNumber from '@squirrel/components/p-input-number/p-input-number.vue';
 import { fieldArgTypes } from '@root/stories/common/field';
+import PInputNumber from '@squirrel/components/p-input-number/p-input-number.vue';
 
 export default {
   title: 'Components/PInputNumber',

package/squirrel/components/p-input-number/p-input-number.vue

@@ -21,10 +21,10 @@
 <script lang="ts">
 import PInfoIcon from '@squirrel/components/p-info-icon/p-info-icon.vue';
 import inputClassesMixin from '@squirrel/utils/inputClassesMixin';
-import { type CurrencyDisplay, type CurrencyInputOptions, useCurrencyInput } from 'vue-currency-input';
-import { type PropType, type StyleValue, computed, defineComponent, watch } from 'vue';
-import { kebabCase } from 'lodash-es';
 import { toNumberOrNull } from '@squirrel/utils/number';
+import { kebabCase } from 'lodash-es';
+import { computed, defineComponent, type PropType, type StyleValue, watch } from 'vue';
+import { type CurrencyDisplay, type CurrencyInputOptions, useCurrencyInput } from 'vue-currency-input';
 
 const ALL_OPTIONS = [
   'locale',

package/squirrel/components/p-input-percent/p-input-percent.stories.js

@@ -1,5 +1,5 @@
-import PInputPercent from '@squirrel/components/p-input-percent/p-input-percent.vue';
 import { fieldArgTypes } from '@root/stories/common/field';
+import PInputPercent from '@squirrel/components/p-input-percent/p-input-percent.vue';
 
 export default {
   title: 'Components/PInputPercent',

package/squirrel/components/p-input-percent/p-input-percent.vue

@@ -11,8 +11,8 @@
 <script setup lang="ts">
 import PInputNumber from '@squirrel/components/p-input-number/p-input-number.vue';
 import { type InputSize } from '@squirrel/utils/inputClassesShared';
-import { type PropType, computed } from 'vue';
 import { isNumber } from 'lodash-es';
+import { computed, type PropType } from 'vue';
 
 const prefixClasses: Record<InputSize, string> = {
   sm: 'text-sm h-8 left-2',

package/squirrel/components/p-input-search/p-input-search.stories.js

@@ -1,5 +1,5 @@
-import PInputSearch from '@squirrel/components/p-input-search/p-input-search.vue';
 import { fieldArgTypes } from '@root/stories/common/field';
+import PInputSearch from '@squirrel/components/p-input-search/p-input-search.vue';
 
 export default {
   title: 'Components/PInputSearch',

package/squirrel/components/p-input-search/p-input-search.vue

@@ -35,7 +35,7 @@
 <script lang="ts">
 import PInput from '@squirrel/components/p-input/p-input.vue';
 import { INPUT_SIZES, type InputSize } from '@squirrel/utils/inputClassesShared';
-import { type PropType, defineComponent } from 'vue';
+import { defineComponent, type PropType } from 'vue';
 
 type PInputInstance = InstanceType<typeof PInput>;
 

package/squirrel/components/p-link/p-link.spec.js

@@ -1,7 +1,7 @@
 import PLink from '@squirrel/components/p-link/p-link.vue';
-import { createWrapperFor } from '@tests/vitest.helpers';
 import { isExternalLink } from '@squirrel/utils/link';
 import { sanitizeUrl } from '@squirrel/utils/sanitization';
+import { createWrapperFor } from '@tests/vitest.helpers';
 
 vi.mock('@squirrel/utils/sanitization');
 

package/squirrel/components/p-link/p-link.vue

@@ -8,9 +8,9 @@
 </template>
 
 <script setup lang="ts">
-import { RouterLink, type RouterLinkProps } from 'vue-router';
 import { isExternalLink } from '@squirrel/utils/link';
 import { sanitizeUrl } from '@squirrel/utils/sanitization';
+import { RouterLink, type RouterLinkProps } from 'vue-router';
 
 defineOptions({
   name: 'PLink',

package/squirrel/components/p-loading/p-loading.spec.js

@@ -1,8 +1,8 @@
 import PLoading from '@squirrel/components/p-loading/p-loading.vue';
+import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
 import PSkeletonLoader from '@squirrel/components/p-skeleton-loader/p-skeleton-loader.vue';
 import { createWrapperFor, waitNT } from '@tests/vitest.helpers';
 import { defineComponent, ref } from 'vue';
-import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
 
 const createAppWrapper = () =>
   createWrapperFor({
@@ -131,7 +131,7 @@ describe('PLoading.vue', () => {
     expect(appWrapper.find('[aria-busy]').exists()).toBe(false);
   });
 
-  it(`it waits for the queue to clear in order to hide the loading indicator`, async () => {
+  it(`waits for the queue to clear in order to hide the loading indicator`, async () => {
     const wrapper = createWrapper({ delay: 200 });
 
     await wrapper.find('.request-1-sec').trigger('click');

package/squirrel/components/p-loading/p-loading.stories.js

@@ -1,8 +1,8 @@
-import ComputationStatus1 from '@/playground/components/ComputationStatus1.vue';
 import PBtn from '@squirrel/components/p-btn/p-btn.vue';
 import PLoading from '@squirrel/components/p-loading/p-loading.vue';
-import { defineComponent, ref } from 'vue';
 import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
+import { defineComponent, ref } from 'vue';
+import ComputationStatus1 from '@/playground/components/ComputationStatus1.vue';
 
 const TestComponent = defineComponent({
   name: 'TestComponent',

package/squirrel/components/p-loading/p-loading.vue

@@ -28,9 +28,9 @@
 </template>
 
 <script setup lang="ts">
+import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
 import { isComponent } from '@squirrel/utils/component';
 import { onBeforeUnmount, ref, toValue, watch } from 'vue';
-import { usePLoading } from '@squirrel/components/p-loading/usePLoading';
 
 const textDivClass = `overflow-hidden whitespace-nowrap px-4 pt-1 h-8 text-center text-sm font-semibold text-p-purple-60`;
 

package/squirrel/components/p-loading/usePLoading.ts

@@ -1,4 +1,4 @@
-import { type Component, type Ref, computed, getCurrentScope, markRaw, onScopeDispose, ref } from 'vue';
+import { type Component, computed, getCurrentScope, markRaw, onScopeDispose, type Ref, ref } from 'vue';
 
 type Options = {
   delay?: number;

package/squirrel/components/p-modal/p-modal-basic.spec.js

@@ -1,6 +1,6 @@
 import PModal from '@squirrel/components/p-modal/p-modal.vue';
-import { mount } from '@vue/test-utils';
 import { waitRAF } from '@tests/vitest.helpers';
+import { mount } from '@vue/test-utils';
 
 const createWrapperContainer = (componentArgs) => {
   const args = componentArgs || {};

package/squirrel/components/p-modal/p-modal-events.spec.js

@@ -1,6 +1,6 @@
 import PModal from '@squirrel/components/p-modal/p-modal.vue';
-import { mount } from '@vue/test-utils';
 import { sleep, waitRAF } from '@tests/vitest.helpers';
+import { mount } from '@vue/test-utils';
 
 const createWrapper = () => {
   return mount(PModal, {

package/squirrel/components/p-modal/p-modal-features.spec.js

@@ -1,6 +1,6 @@
 import PModal from '@squirrel/components/p-modal/p-modal.vue';
-import { mount } from '@vue/test-utils';
 import { sleep, waitNT } from '@tests/vitest.helpers';
+import { mount } from '@vue/test-utils';
 
 const originalOffsetHeight = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetHeight');
 const originalOffsetWidth = Object.getOwnPropertyDescriptor(HTMLElement.prototype, 'offsetWidth');

package/squirrel/components/p-modal/p-modal.vue

@@ -73,18 +73,18 @@
 <script setup lang="ts">
 import PAlert from '@squirrel/components/p-alert/p-alert.vue';
 import PCloseBtn from '@squirrel/components/p-close-btn/p-close-btn.vue';
+import { usePModal } from '@squirrel/components/p-modal/usePModal';
 import {
-  type PropType,
-  type StyleValue,
   getCurrentInstance,
   nextTick,
   onBeforeMount,
   onBeforeUnmount,
   onMounted,
+  type PropType,
   ref,
+  type StyleValue,
   watch,
 } from 'vue';
-import { usePModal } from '@squirrel/components/p-modal/usePModal';
 
 const FOCUSABLE_ELEMENTS =
   'a[href], area[href], input:not([disabled]), select:not([disabled]), textarea:not([disabled]), button:not([disabled]), [tabindex]:not([tabindex="-1"])';