npm - @konstructio/ui - Versions diffs - 0.1.3 → 0.1.4 - Mend

@konstructio/ui 0.1.3 → 0.1.4

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 (95) hide show

package/dist/lib/components/VirtualizedTable/VirtualizedTable.types.d.ts CHANGED Viewed

@@ -108,6 +108,11 @@ export type ActionFilterConfig = {
     leftIcon?: ReactNode;
     /** Icon rendered after the label */
     rightIcon?: ReactNode;
+    /**
+     * Below this Tailwind breakpoint the action renders as an icon-only
+     * button as tall as the search input, beside it, labelled by `label`.
+     */
+    iconOnlyBelow?: HideBelowBreakpoint;
 } & Omit<ButtonProps, 'children' | 'type'>;
 /**
  * Configuration for a time filter with optional presets and a TimePicker.

package/dist/lib/components/VirtualizedTable/assets/chevron-down.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 declare const SvgComponent: FC<{
-    className: string;
-    onClick: VoidFunction;
+    className?: string;
 }>;
 export default SvgComponent;

package/dist/lib/components/VirtualizedTable/assets/chevron-up.d.ts CHANGED Viewed

@@ -1,6 +1,5 @@
 import { FC } from 'react';
 declare const SvgComponent: FC<{
-    className: string;
-    onClick: VoidFunction;
+    className?: string;
 }>;
 export default SvgComponent;

package/dist/lib/components/VirtualizedTable/constants/responsive.d.ts CHANGED Viewed

@@ -1,2 +1,12 @@
 export type HideBelowBreakpoint = 'sm' | 'md' | 'lg' | 'xl' | '2xl';
 export declare const HIDE_BELOW_CLASS: Record<HideBelowBreakpoint, string>;
+export declare const SHOW_BELOW_CLASS: Record<HideBelowBreakpoint, string>;
+export type ResponsiveTier = 'base' | HideBelowBreakpoint;
+export declare const RESPONSIVE_TIERS: ResponsiveTier[];
+export type ResponsiveEdgeClasses = {
+    left: Record<ResponsiveTier, string>;
+    right: Record<ResponsiveTier, string>;
+};
+export declare const BORDER_EDGE_CLASSES: ResponsiveEdgeClasses;
+export declare const ROUNDED_TOP_EDGE_CLASSES: ResponsiveEdgeClasses;
+export declare const ROUNDED_BOTTOM_EDGE_CLASSES: ResponsiveEdgeClasses;

package/dist/lib/components/VirtualizedTable/hooks/index.d.ts CHANGED Viewed

@@ -1 +1,3 @@
 export * from './useVirtualizedTableReady';
+export * from './useIsFlexWrapped';
+export * from './useDisplayedColumnCount';

package/dist/lib/components/VirtualizedTable/hooks/useDisplayedColumnCount/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './useDisplayedColumnCount';

package/dist/lib/components/VirtualizedTable/hooks/useDisplayedColumnCount/useDisplayedColumnCount.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export declare const useDisplayedColumnCount: () => [(node: HTMLElement \| null) => void, number \| undefined];

package/dist/lib/components/VirtualizedTable/hooks/useIsFlexWrapped/index.d.ts ADDED Viewed

	@@ -0,0 +1 @@
1	+ export * from './useIsFlexWrapped';

package/dist/lib/components/VirtualizedTable/hooks/useIsFlexWrapped/useIsFlexWrapped.d.ts ADDED Viewed

	@@ -0,0 +1,2 @@
1	+ import { RefObject } from 'react';
2	+ export declare const useIsFlexWrapped: (containerRef: RefObject<HTMLElement \| null>) => boolean;

package/dist/lib/components/VirtualizedTable/utils/index.d.ts CHANGED Viewed

@@ -2,3 +2,4 @@ export * from './get-table-id';
 export * from './load-content';
 export * from './pagination';
 export * from './pinned-columns';
+export * from './responsive-edges/responsive-edges';

package/dist/lib/components/VirtualizedTable/utils/responsive-edges/responsive-edges.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+import { HideBelowBreakpoint, ResponsiveEdgeClasses } from '../../constants';
+/**
+ * `first:`/`last:` cannot skip cells hidden by `hideBelow`, so the outer
+ * edges go on the first and last column visible at each breakpoint instead.
+ */
+export declare const getResponsiveEdgeClasses: (hideBelows: (HideBelowBreakpoint | undefined)[], columnIndex: number, edgeClasses: ResponsiveEdgeClasses) => string[];

package/dist/package.json CHANGED Viewed

@@ -2,7 +2,7 @@
   "name": "@konstructio/ui",
   "description": "A set of reusable and customizable React components built for konstruct.io",
   "private": false,
-  "version": "0.1.2-alpha.121",
+  "version": "0.1.3",
   "type": "module",
   "license": "MIT",
   "main": "dist/index.js",
@@ -102,7 +102,7 @@
     "google-libphonenumber": "^3.2.48",
     "i18n-iso-countries": "^7.14.0",
     "js-cookie": "^3.0.8",
-    "lucide-react": "^1.66.0",
+    "lucide-react": "^1.67.0",
     "react-chartjs-2": "^5.3.1",
     "react-day-picker": "^10.0.2",
     "react-feather": "^2.0.10",
@@ -149,8 +149,8 @@
     "@storybook/addon-docs": "^10.6.5",
     "@storybook/addon-links": "^10.6.5",
     "@storybook/react-vite": "^10.6.5",
-    "@tailwindcss/vite": "^4.3.3",
-    "@tanstack/react-query": "^5.105.2",
+    "@tailwindcss/vite": "^4.3.4",
+    "@tanstack/react-query": "^5.105.3",
     "@testing-library/jest-dom": "^7.0.1",
     "@testing-library/react": "^16.3.3",
     "@testing-library/user-event": "^14.6.8",
@@ -163,7 +163,7 @@
     "@typescript-eslint/eslint-plugin": "^8.72.1",
     "@typescript-eslint/parser": "^8.72.1",
     "@vitejs/plugin-react": "^6.2.1",
-    "@vitest/coverage-v8": "^5.0.5",
+    "@vitest/coverage-v8": "^5.1.0",
     "autoprefixer": "^10.6.2",
     "eslint": "^9.39.5",
     "eslint-plugin-react": "^7.37.5",
@@ -179,16 +179,16 @@
     "motion": "^14.9.0",
     "postcss": "^8.5.32",
     "prettier": "^3.9.10",
-    "rimraf": "^6.1.3",
+    "rimraf": "^6.1.4",
     "storybook": "^10.6.5",
-    "tailwindcss": "^4.3.3",
+    "tailwindcss": "^4.3.4",
     "ts-node": "^10.9.2",
     "typescript": "^6.0.3",
     "vite": "^8.3.5",
     "vite-plugin-dts": "^5.1.2",
     "vite-plugin-lib-inject-css": "^2.2.2",
     "vite-plugin-svgr": "^5.2.0",
-    "vitest": "^5.0.5"
+    "vitest": "^5.1.0"
   },
   "overrides": {
     "storybook": "$storybook",