@pequity/squirrel 5.2.3 → 5.3.1

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

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

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

@@ -28,7 +28,8 @@
 </template>
 
 <script setup lang="ts">
-import { type Component, onBeforeUnmount, ref, toValue, watch } from 'vue';
+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`;
@@ -53,12 +54,6 @@ watch(
   { flush: 'post' }
 );
 
-const isComponent = (content: unknown): content is Component => {
-  const isComponent = typeof content === 'object' && content !== null;
-
-  return isComponent;
-};
-
 onBeforeUnmount(() => {
   loadingHide();
 });

package/squirrel/components/p-table-td/p-table-td.spec.js

@@ -6,7 +6,6 @@ import {
   isLastColFixedInjectionKey,
 } from '@squirrel/components/p-table/p-table.types';
 import { createWrapperFor } from '@tests/vitest.helpers';
-import { expect } from 'vitest';
 import { ref } from 'vue';
 
 const DEFAULT_TD_CLASSES = [

package/squirrel/utils/component.spec.ts

@@ -0,0 +1,29 @@
+import PIcon from '@squirrel/components/p-icon/p-icon.vue';
+import { isComponent } from '@squirrel/utils/component';
+
+describe('isComponent', () => {
+  it('should return true for a valid component object', () => {
+    expect(isComponent(PIcon)).toBe(true);
+  });
+
+  it('should return false for null', () => {
+    expect(isComponent(null)).toBe(false);
+  });
+
+  it.each([
+    ['string', 'string'],
+    ['number', 123],
+    ['boolean', true],
+    ['undefined', undefined],
+    ['symbol', Symbol('symbol')],
+    ['function', () => {}],
+    ['array', []],
+    ['date', new Date()],
+    ['regexp', /regex/],
+    ['error', new Error('error')],
+    ['map', new Map()],
+    ['set', new Set()],
+  ])('should return false for a non-component object: %s', (_, value) => {
+    expect(isComponent(value)).toBe(false);
+  });
+});

package/squirrel/utils/component.ts

@@ -0,0 +1,5 @@
+import { type Component } from 'vue';
+import { isPlainObject } from 'lodash-es';
+
+// Vue produces a different type of object in dev and prod mode, so we cannot check for e.g `typeof val.render === 'function`
+export const isComponent = (val: unknown): val is Component => isPlainObject(val);

package/squirrel/utils/{string.spec.js → string.spec.ts}

@@ -1,4 +1,4 @@
-import { toString } from '@squirrel/utils/string';
+import { isString, toString } from '@squirrel/utils/string';
 
 describe('toString', () => {
   it.each(['', new Date(), NaN, Infinity, {}, [], true, false, null, undefined])(
@@ -16,3 +16,21 @@ describe('toString', () => {
     expect(toString(2903498.22)).toBe('2903498.22');
   });
 });
+
+describe('isString', () => {
+  it('should return true for a string', () => {
+    expect(isString('hello')).toBe(true);
+  });
+
+  it.each([
+    [123, false],
+    [{}, false],
+    [[], false],
+    [null, false],
+    [undefined, false],
+    [true, false],
+    [() => {}, false],
+  ])('should return %s for %p', (input, expected) => {
+    expect(isString(input)).toBe(expected);
+  });
+});

package/squirrel/utils/string.ts

@@ -1,3 +1,5 @@
+export const isString = (val: unknown): val is string => typeof val === 'string';
+
 export const toString = (value: unknown): string => {
   if (typeof value === 'number' && (!isFinite(value) || isNaN(value))) {
     return '';

package/dist/squirrel/components/index.d.ts

@@ -1,53 +0,0 @@
-import PActionBar from './p-action-bar/p-action-bar.vue';
-import PAlert from './p-alert/p-alert.vue';
-import PAvatar from './p-avatar/p-avatar.vue';
-import PBtn from './p-btn/p-btn.vue';
-import PCard from './p-card/p-card.vue';
-import PCheckbox from './p-checkbox/p-checkbox.vue';
-import PChips from './p-chips/p-chips.vue';
-import PCloseBtn from './p-close-btn/p-close-btn.vue';
-import PDatePicker from './p-date-picker/p-date-picker.vue';
-import PDrawer from './p-drawer/p-drawer.vue';
-import PDropdown from './p-dropdown/p-dropdown.vue';
-import PDropdownSelect from './p-dropdown-select/p-dropdown-select.vue';
-import PFileUpload from './p-file-upload/p-file-upload.vue';
-import PFilterIcon from './p-table-header-cell/p-table-filter-icon.vue';
-import PIcon from './p-icon/p-icon.vue';
-import PInfoIcon from './p-info-icon/p-info-icon.vue';
-import PInlineDatePicker from './p-inline-date-picker/p-inline-date-picker.vue';
-import PInput from './p-input/p-input.vue';
-import PInputNumber from './p-input-number/p-input-number.vue';
-import PInputPercent from './p-input-percent/p-input-percent.vue';
-import PInputSearch from './p-input-search/p-input-search.vue';
-import PLink from './p-link/p-link.vue';
-import PLoading from './p-loading/p-loading.vue';
-import PModal from './p-modal/p-modal.vue';
-import PPagination from './p-pagination/p-pagination.vue';
-import PPaginationInfo from './p-pagination-info/p-pagination-info.vue';
-import PProgressBar from './p-progress-bar/p-progress-bar.vue';
-import PRingLoader from './p-ring-loader/p-ring-loader.vue';
-import PSelect from './p-select/p-select.vue';
-import PSelectBtn from './p-select-btn/p-select-btn.vue';
-import PSelectList from './p-select-list/p-select-list.vue';
-import PSelectPill from './p-select-pill/p-select-pill.vue';
-import PSkeletonLoader from './p-skeleton-loader/p-skeleton-loader.vue';
-import PTable from './p-table/p-table.vue';
-import PTableHeaderCell from './p-table-header-cell/p-table-header-cell.vue';
-import PTableLoader from './p-table-loader/p-table-loader.vue';
-import PTableSort from './p-table-sort/p-table-sort.vue';
-import PTableTd from './p-table-td/p-table-td.vue';
-import PTabs from './p-tabs/p-tabs.vue';
-import PTextarea from './p-textarea/p-textarea.vue';
-import PToggle from './p-toggle/p-toggle.vue';
-import { type FileUploadFile } from './p-file-upload/p-file-upload.types';
-import { type HeaderCellAttrs, MIN_WIDTH_COL_RESIZE, type TableCol, type ThAttrs, colsInjectionKey, isColsResizableInjectionKey, isFirstColFixedInjectionKey, isLastColFixedInjectionKey } from './p-table/p-table.types';
-import { type PActionBarAction } from './p-action-bar/p-action-bar.types';
-import { type PIconAlias, P_ICON_ALIASES } from './p-icon/p-icon.types';
-import { SORTING_TYPES, type SortingType, type SortingTypeWithoutNoSorting } from './p-table-sort/p-table-sort.config';
-import { type Size } from './p-btn/p-btn.types';
-import { usePLoading } from './p-loading/usePLoading';
-import { usePModal } from './p-modal/usePModal';
-import { usePTableColResize } from './p-table/usePTableColResize';
-import { usePTableRowVirtualizer } from './p-table/usePTableRowVirtualizer';
-import { useSelectList } from './p-select-list/useSelectList';
-export { PActionBar, PActionBarAction, PAlert, PAvatar, PBtn, PCard, PCheckbox, PChips, PCloseBtn, PDatePicker, PDrawer, PDropdown, PDropdownSelect, PFileUpload, PFilterIcon, PIcon, PInfoIcon, PInlineDatePicker, PInput, PInputNumber, PInputPercent, PInputSearch, PLink, PLoading, PModal, PPagination, PPaginationInfo, PProgressBar, PRingLoader, PSelect, PSelectBtn, PSelectList, PSelectPill, PSkeletonLoader, PTable, PTableHeaderCell, PTableLoader, PTableSort, PTableTd, PTabs, PTextarea, PToggle, 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, };

package/dist/squirrel/composables/index.d.ts

@@ -1,2 +0,0 @@
-import { useInputClasses } from './useInputClasses';
-export { useInputClasses };

package/dist/squirrel/index.d.ts

@@ -1,5 +0,0 @@
-import './assets/squirrel.css';
-export * from './tailwind/config';
-export * from './components';
-export * from './composables';
-export * from './utils';

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

@@ -1 +0,0 @@
-export declare const toString: (value: unknown) => string;