@pequity/squirrel 1.2.7 → 1.2.9

package/dist/cjs/chunks/p-table-loader.js

@@ -1,7 +1,7 @@
 "use strict";
 const vue = require("vue");
 const pSkeletonLoader = require("../p-skeleton-loader.js");
-const _hoisted_1 = { class: "block overflow-hidden border border-p-gray-30 bg-surface" };
+const _hoisted_1 = { class: "block overflow-hidden rounded-xl border border-p-gray-30 bg-surface" };
 const _hoisted_2 = { class: "mb-0 w-full bg-surface" };
 const _hoisted_3 = { class: "relative border-b border-p-gray-30 px-4 py-2" };
 const _hoisted_4 = {

package/dist/cjs/index.js

@@ -957,7 +957,7 @@ const _sfc_main$1 = /* @__PURE__ */ vue.defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-8582afb1"]]);
+const pTable = /* @__PURE__ */ _pluginVue_exportHelper._export_sfc(_sfc_main$1, [["__scopeId", "data-v-f12e8db6"]]);
 const _sfc_main = vue.defineComponent({
   name: "PTableSort",
   props: {

package/dist/es/chunks/p-table-loader.js

@@ -1,6 +1,6 @@
 import { defineComponent, openBlock, createElementBlock, createElementVNode, Fragment, renderList, createVNode, createCommentVNode, normalizeClass } from "vue";
 import PSkeletonLoader from "../p-skeleton-loader.js";
-const _hoisted_1 = { class: "block overflow-hidden border border-p-gray-30 bg-surface" };
+const _hoisted_1 = { class: "block overflow-hidden rounded-xl border border-p-gray-30 bg-surface" };
 const _hoisted_2 = { class: "mb-0 w-full bg-surface" };
 const _hoisted_3 = { class: "relative border-b border-p-gray-30 px-4 py-2" };
 const _hoisted_4 = {

package/dist/es/index.js

@@ -957,7 +957,7 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
     };
   }
 });
-const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-8582afb1"]]);
+const pTable = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__scopeId", "data-v-f12e8db6"]]);
 const _sfc_main = defineComponent({
   name: "PTableSort",
   props: {

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

@@ -22,9 +22,9 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         paddingBottom: number;
     };
 }>, {}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    scroll: (val: Event) => void;
+    "click-filter-icon": (val: Event, col: any) => void;
     "col-resize": (colIndex: number, width: number) => void;
-    scroll: (e: Event) => void;
-    "click-filter-icon": (e: Event, col: any) => void;
 }, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<__VLS_WithDefaults<__VLS_TypePropsToOption<Props>, {
     colsResizable: boolean;
     isFirstColFixed: boolean;
@@ -36,8 +36,8 @@ declare const _default: __VLS_WithTemplateSlots<import("vue").DefineComponent<__
         paddingBottom: number;
     };
 }>>> & {
-    onScroll?: ((e: Event) => any) | undefined;
-    "onClick-filter-icon"?: ((e: Event, col: any) => any) | undefined;
+    onScroll?: ((val: Event) => any) | undefined;
+    "onClick-filter-icon"?: ((val: Event, col: any) => any) | undefined;
     "onCol-resize"?: ((colIndex: number, width: number) => any) | undefined;
 }, {
     isFirstColFixed: boolean;

package/dist/style.css

@@ -2094,29 +2094,29 @@ to {
 .bg-file-upload-x-icon[data-v-d07a8f64]:hover {
   background-image: url("data:image/svg+xml,%3csvg%20width='16'%20height='16'%20viewBox='0%200%2016%2016'%20fill='none'%20xmlns='http://www.w3.org/2000/svg'%3e%3cpath%20d='M0%208C0%209.58225%200.469192%2011.129%201.34824%2012.4446C2.22729%2013.7602%203.47672%2014.7855%204.93853%2015.391C6.40034%2015.9965%208.00887%2016.155%209.56072%2015.8463C11.1126%2015.5376%2012.538%2014.7757%2013.6569%2013.6569C14.7757%2012.538%2015.5376%2011.1126%2015.8463%209.56072C16.155%208.00887%2015.9965%206.40034%2015.391%204.93853C14.7855%203.47672%2013.7602%202.22729%2012.4446%201.34824C11.129%200.469192%209.58225%200%208%200C5.87827%200%203.84344%200.842855%202.34315%202.34315C0.842855%203.84344%200%205.87827%200%208ZM14.3333%208C14.3333%209.25262%2013.9619%2010.4771%2013.266%2011.5186C12.5701%2012.5601%2011.5809%2013.3719%2010.4237%2013.8512C9.2664%2014.3306%207.99298%2014.456%206.76443%2014.2116C5.53588%2013.9673%204.40739%2013.3641%203.52166%2012.4783C2.63592%2011.5926%202.03273%2010.4641%201.78836%209.23557C1.54399%208.00703%201.66941%206.7336%202.14876%205.57634C2.62812%204.41907%203.43988%203.42994%204.48139%202.73403C5.5229%202.03811%206.74739%201.66667%208%201.66667C9.67916%201.66843%2011.289%202.33626%2012.4764%203.52361C13.6637%204.71096%2014.3316%206.32084%2014.3333%208Z'%20fill='%23BB1410'%20/%3e%3cpath%20d='M5.88634%204.71322C5.73075%204.55763%205.51972%204.47021%205.29967%204.47021C5.07963%204.47021%204.8686%204.55763%204.71301%204.71322C4.55741%204.86881%204.47%205.07984%204.47%205.29989C4.47%205.51993%204.55741%205.73096%204.71301%205.88655L6.71301%207.88655C6.72914%207.9021%206.74197%207.92074%206.75073%207.94136C6.7595%207.96198%206.76401%207.98415%206.76401%208.00655C6.76401%208.02896%206.7595%208.05113%206.75073%208.07175C6.74197%208.09237%206.72914%208.11101%206.71301%208.12655L4.71301%2010.1266C4.63561%2010.2034%204.57417%2010.2948%204.53225%2010.3955C4.49033%2010.4962%204.46875%2010.6042%204.46875%2010.7132C4.46875%2010.8223%204.49033%2010.9303%204.53225%2011.031C4.57417%2011.1317%204.63561%2011.223%204.71301%2011.2999C4.78939%2011.3781%204.88063%2011.4403%204.98138%2011.4827C5.08213%2011.5251%205.19035%2011.547%205.29967%2011.547C5.409%2011.547%205.51721%2011.5251%205.61796%2011.4827C5.71871%2011.4403%205.80996%2011.3781%205.88634%2011.2999L7.88634%209.29989C7.91934%209.27037%207.96207%209.25405%208.00634%209.25405C8.05062%209.25405%208.09334%209.27037%208.12634%209.29989L10.1263%2011.2999C10.2027%2011.3781%2010.294%2011.4403%2010.3947%2011.4827C10.4955%2011.5251%2010.6037%2011.547%2010.713%2011.547C10.8223%2011.547%2010.9305%2011.5251%2011.0313%2011.4827C11.132%2011.4403%2011.2233%2011.3781%2011.2997%2011.2999C11.3771%2011.223%2011.4385%2011.1317%2011.4804%2011.031C11.5224%2010.9303%2011.5439%2010.8223%2011.5439%2010.7132C11.5439%2010.6042%2011.5224%2010.4962%2011.4804%2010.3955C11.4385%2010.2948%2011.3771%2010.2034%2011.2997%2010.1266L9.29967%208.12655C9.27016%208.09355%209.25384%208.05083%209.25384%208.00655C9.25384%207.96228%209.27016%207.91955%209.29967%207.88655L11.2997%205.88655C11.4553%205.73096%2011.5427%205.51993%2011.5427%205.29989C11.5427%205.07984%2011.4553%204.86881%2011.2997%204.71322C11.1441%204.55763%2010.9331%204.47021%2010.713%204.47021C10.493%204.47021%2010.2819%204.55763%2010.1263%204.71322L8.12634%206.71322C8.09334%206.74274%208.05062%206.75906%208.00634%206.75906C7.96207%206.75906%207.91934%206.74274%207.88634%206.71322L5.88634%204.71322Z'%20fill='%23BB1410'%20/%3e%3c/svg%3e");
 }
-.p-table[data-v-8582afb1] {
+.p-table[data-v-f12e8db6] {
   color: var(--color-night);
   height: 1px;
 }
-.p-table th[data-v-8582afb1] {
+.p-table th[data-v-f12e8db6] {
   position: sticky;
   top: 0px;
   z-index: 20;
   padding: 0px;
 }
-.p-table.first-col-fixed th[data-v-8582afb1]:first-child {
+.p-table.first-col-fixed th[data-v-f12e8db6]:first-child {
   left: 0px;
   z-index: 30;
 }
-.p-table.first-col-fixed th:first-child .th-shadow[data-v-8582afb1] {
+.p-table.first-col-fixed th:first-child .th-shadow[data-v-f12e8db6] {
   box-shadow: -1px 1px 5px 4px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px -12px 0px 0px);
 }
-.p-table.last-col-fixed th[data-v-8582afb1]:last-child {
+.p-table.last-col-fixed th[data-v-f12e8db6]:last-child {
   right: 0px;
   z-index: 30;
 }
-.p-table.last-col-fixed th:last-child .th-shadow[data-v-8582afb1] {
+.p-table.last-col-fixed th:last-child .th-shadow[data-v-f12e8db6] {
   box-shadow: -2px 1px 8px rgba(0, 0, 0, 0.15);
   clip-path: inset(0px 0px 0px -12px);
 }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@pequity/squirrel",
   "description": "Squirrel component library",
-  "version": "1.2.7",
+  "version": "1.2.9",
   "packageManager": "pnpm@8.9.2",
   "type": "module",
   "scripts": {
@@ -58,19 +58,19 @@
     "@popperjs/core": "2.11.8",
     "@semantic-release/changelog": "^6.0.3",
     "@semantic-release/git": "^10.0.1",
-    "@storybook/addon-a11y": "^8.1.6",
-    "@storybook/addon-actions": "^8.1.6",
-    "@storybook/addon-essentials": "^8.1.6",
-    "@storybook/addon-interactions": "^8.1.6",
-    "@storybook/addon-links": "^8.1.6",
-    "@storybook/blocks": "^8.1.6",
+    "@storybook/addon-a11y": "^8.1.8",
+    "@storybook/addon-actions": "^8.1.8",
+    "@storybook/addon-essentials": "^8.1.8",
+    "@storybook/addon-interactions": "^8.1.8",
+    "@storybook/addon-links": "^8.1.8",
+    "@storybook/blocks": "^8.1.8",
     "@storybook/jest": "^0.2.3",
-    "@storybook/manager-api": "^8.1.6",
+    "@storybook/manager-api": "^8.1.8",
     "@storybook/test-runner": "^0.18.2",
     "@storybook/testing-library": "^0.2.2",
-    "@storybook/theming": "^8.1.6",
-    "@storybook/vue3": "^8.1.6",
-    "@storybook/vue3-vite": "^8.1.6",
+    "@storybook/theming": "^8.1.8",
+    "@storybook/vue3": "^8.1.8",
+    "@storybook/vue3-vite": "^8.1.8",
     "@tanstack/vue-virtual": "3.5.1",
     "@types/jest": "^29.5.12",
     "@types/jsdom": "^21.1.7",
@@ -90,17 +90,17 @@
     "husky": "^9.0.11",
     "jest": "^29.7.0",
     "jest-environment-jsdom": "^29.7.0",
-    "lint-staged": "^15.2.5",
+    "lint-staged": "^15.2.7",
     "lodash-es": "4.17.21",
     "make-coverage-badge": "^1.2.0",
     "postcss": "^8.4.38",
     "prettier": "^3.3.2",
-    "prettier-plugin-tailwindcss": "^0.6.2",
+    "prettier-plugin-tailwindcss": "^0.6.4",
     "resolve-tspaths": "^0.8.19",
     "rimraf": "^5.0.7",
-    "sass": "^1.77.4",
+    "sass": "^1.77.5",
     "semantic-release": "^24.0.0",
-    "storybook": "^8.1.6",
+    "storybook": "^8.1.8",
     "svgo": "^3.3.2",
     "tailwindcss": "^3.4.4",
     "ts-jest": "^29.1.4",

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

@@ -107,10 +107,10 @@ type Props = {
 defineOptions({ name: 'PTable' });
 
 const emit = defineEmits<{
-  scroll: [e: Event];
+  (e: 'scroll', val: Event): void;
   // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  'click-filter-icon': [e: Event, col: any];
-  'col-resize': [colIndex: number, width: number];
+  (e: 'click-filter-icon', val: Event, col: any): void;
+  (e: 'col-resize', colIndex: number, width: number): void;
 }>();
 
 // Props

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

@@ -1,7 +1,28 @@
+import PTable from '@squirrel/components/p-table/p-table.vue';
 import PTableLoader from '@squirrel/components/p-table-loader/p-table-loader.vue';
 import { createWrapperFor } from '@tests/jest.helpers';
 
 describe('PTableLoader.vue', () => {
+  it('matches the PTable classes', async () => {
+    const pTableWrapper = createWrapperFor(PTable, {
+      props: {
+        cols: [{ id: 1, name: 'First column', title: 'First column' }],
+      },
+    });
+
+    const wrapper = createWrapperFor(PTableLoader, {
+      props: { rows: 2, columns: 2 },
+      global: {
+        stubs: { PSkeletonLoader: { template: '<div class="skeleton-loader-stub"></div>' } },
+      },
+    });
+
+    const pTableClasses = pTableWrapper.classes().filter((c) => !c.startsWith('overflow-'));
+    const pTableLoaderClasses = wrapper.classes();
+
+    expect(pTableClasses.every((c) => pTableLoaderClasses.includes(c))).toBe(true);
+  });
+
   it.each([
     [3, 4],
     ['5', '8'],

package/squirrel/components/p-table-loader/p-table-loader.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="block overflow-hidden border border-p-gray-30 bg-surface">
+  <div class="block overflow-hidden rounded-xl border border-p-gray-30 bg-surface">
     <table class="mb-0 w-full bg-surface">
       <thead>
         <tr>