@bundle-stats/ui 4.18.0-beta.1 → 4.18.0-beta.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bundle-stats/ui",
-  "version": "4.18.0-beta.1",
+  "version": "4.18.0-beta.3",
   "description": "UI components for BundleStats projects.",
   "main": "lib/index.js",
   "module": "lib-esm/index.js",
@@ -37,14 +37,14 @@
   "homepage": "https://github.com/relative-ci/bundle-stats/blob/master/packages/ui#readme",
   "devDependencies": {
     "@babel/preset-env": "7.26.0",
-    "@babel/preset-react": "7.25.9",
+    "@babel/preset-react": "7.26.3",
     "@babel/preset-typescript": "7.26.0",
-    "@storybook/addon-essentials": "8.4.4",
-    "@storybook/addon-webpack5-compiler-babel": "3.0.3",
-    "@storybook/react": "8.4.4",
-    "@storybook/react-webpack5": "8.4.4",
+    "@storybook/addon-essentials": "8.5.0",
+    "@storybook/addon-webpack5-compiler-babel": "3.0.5",
+    "@storybook/react": "8.5.0",
+    "@storybook/react-webpack5": "8.5.0",
     "@types/d3": "7.4.3",
-    "@types/react": "18.3.12",
+    "@types/react": "18.3.13",
     "@types/react-router-dom": "5.3.3",
     "babel-plugin-require-context-hook": "1.0.0",
     "classnames": "2.5.1",
@@ -61,8 +61,8 @@
     "react-dom": "18.3.1",
     "react-router-dom": "5.3.4",
     "rimraf": "6.0.1",
-    "storybook": "8.4.4",
-    "typescript": "5.6.3",
+    "storybook": "8.5.0",
+    "typescript": "5.7.3",
     "typescript-plugin-css-modules": "5.1.0"
   },
   "peerDependencies": {
@@ -74,13 +74,13 @@
     "react-router-dom": "^5.0.0"
   },
   "dependencies": {
-    "@bundle-stats/utils": "^4.18.0-beta.1",
+    "@bundle-stats/utils": "4.18.0-beta.3",
     "ariakit": "2.0.0-next.44",
     "d3": "7.9.0",
     "modern-css-reset": "1.4.0",
-    "react-use": "17.5.1",
+    "react-use": "17.6.0",
     "snarkdown": "2.0.0",
     "use-query-params": "2.2.1"
   },
-  "gitHead": "fbe6a3737c21dade3044c28ae3c0408961c60d4e"
+  "gitHead": "69d4d97946192908bcdde3f814bfe94f0f92941e"
 }

package/src/app/app-gladys.stories.tsx

@@ -21,6 +21,12 @@ const BASELINE_SOURCE = {
 
 const JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE]);
 
+/**
+ * stack: preact-cli, webpack, npm
+ *
+ * - GitHub: https://github.com/GladysAssistant/Gladys
+ * - RelativeCI project: https://app.relative-ci.com/projects/PUROh8FAVkDKmpUrqr4u
+ */
 const meta: Meta<typeof App> = {
   title: 'App/Gladys',
   component: App,
@@ -34,7 +40,7 @@ const meta: Meta<typeof App> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof App>;
 
 export const Default: Story = {
   render: (args) => <App jobs={JOBS} {...args} />,

package/src/app/app-home-assistant.stories.tsx

@@ -34,8 +34,14 @@ const meta: Meta<typeof App> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
-
+type Story = StoryObj<typeof App>;
+
+/**
+ * stack: Vite, yarn
+ *
+ * - GitHub: https://github.com/home-assistant/frontend
+ * - RelativeCI project: https://app.relative-ci.com/projects/ZyS69RCzSjYaQA6vUq06
+ */
 export const Default: Story = {
   render: (args) => <App jobs={JOBS} {...args} />,
 };

package/src/app/app-outline.stories.tsx

@@ -21,6 +21,12 @@ const BASELINE_SOURCE = {
 
 const JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE]);
 
+/**
+ * stack: Vite, yarn
+ *
+ * - GitHub: https://github.com/outline/outline
+ * - RelativeCI project:  https://app.relative-ci.com/projects/TMqufq6bi8qzsOjEHSWY
+ */
 const meta: Meta<typeof App> = {
   title: 'App/Outline',
   component: App,
@@ -34,7 +40,7 @@ const meta: Meta<typeof App> = {
 
 export default meta;
 
-type Story = StoryObj<typeof meta>;
+type Story = StoryObj<typeof App>;
 
 export const Default: Story = {
   render: (args) => <App jobs={JOBS} {...args} />,

package/src/app/app-trans-masc-futures.stories.tsx

@@ -0,0 +1,47 @@
+import React from 'react';
+import type { Meta, StoryObj } from '@storybook/react';
+import { createJobs } from '@bundle-stats/utils';
+
+/* eslint-disable import/no-unresolved, import/no-relative-packages */
+import currentData from '../../../../fixtures/trans-masc-futures/current.json';
+import baselineData from '../../../../fixtures/trans-masc-futures/baseline.json';
+import { metaBaseline, metaCurrent } from '../../../../fixtures/meta';
+/* eslint-enable import/no-unresolved, import/no-relative-packages */
+import { App } from '.';
+
+const CURRENT_SOURCE = {
+  ...metaCurrent,
+  webpack: currentData,
+};
+
+const BASELINE_SOURCE = {
+  ...metaBaseline,
+  webpack: baselineData,
+};
+
+const JOBS = createJobs([CURRENT_SOURCE, BASELINE_SOURCE]);
+
+/**
+ * stack: Next.JS, pnpm
+ *
+ * - GitHub: https://github.com/weareinreach/TransMascFutures
+ * - RelativeCI project: https://app.relative-ci.com/projects/KjzseHt4clXSZ8GDcFc7
+ */
+const meta: Meta<typeof App> = {
+  title: 'App/TransMascFutures',
+  component: App,
+  parameters: {
+    layout: 'fullscreen',
+  },
+  args: {
+    version: '1.0',
+  },
+};
+
+export default meta;
+
+type Story = StoryObj<typeof App>;
+
+export const Default: Story = {
+  render: (args) => <App jobs={JOBS} {...args} />,
+};

package/src/components/bundle-assets/bundle-assets.i18n.ts

@@ -1,5 +1,6 @@
 export const SEARCH_PLACEHOLDER = 'Search by asset path';
 export const CHANGED = 'Changed';
+export const ASSET_TYPE = 'Asset type';
 export const FILE_TYPE = 'File type';
 export const CHUNKS = 'Chunks';
 export const NO_CHUNK = 'No chunk';

package/src/components/bundle-assets/bundle-assets.utils.ts

@@ -195,7 +195,7 @@ export const getFilters = ({
   }
 
   result[ASSET_ENTRY_TYPE] = {
-    label: I18N.FILE_TYPE,
+    label: I18N.ASSET_TYPE,
     children: [
       {
         key: ASSET_FILTERS.ENTRY,

package/types/components/bundle-assets/bundle-assets.i18n.d.ts

@@ -1,5 +1,6 @@
 export declare const SEARCH_PLACEHOLDER = "Search by asset path";
 export declare const CHANGED = "Changed";
+export declare const ASSET_TYPE = "Asset type";
 export declare const FILE_TYPE = "File type";
 export declare const CHUNKS = "Chunks";
 export declare const NO_CHUNK = "No chunk";