@linzjs/windows 9.3.0 → 9.5.1

package/dist/LuiModalAsync/LuiModalAsyncContextProvider.tsx

@@ -8,8 +8,6 @@ import React, {
   useState,
 } from 'react';
 import { createPortal } from 'react-dom';
-import { useInterval } from 'usehooks-ts';
-import { v4 } from 'uuid';
 
 import { debugLog } from '../common/debug';
 import {
@@ -20,6 +18,8 @@ import {
   ShowModalProps,
 } from './LuiModalAsyncContext';
 import { LuiModalAsyncInstanceContext } from './LuiModalAsyncInstanceContext';
+import { v4 } from 'uuid';
+import { useInterval } from '../common/useInterval';
 
 export interface LuiModalAsyncInstance {
   uuid: string;

package/dist/common/useInterval.ts

@@ -0,0 +1,44 @@
+import { useEffect, useRef } from 'react';
+import { useIsomorphicLayoutEffect } from 'usehooks-ts';
+
+/**
+ * Copied from usehooks-ts
+ *
+ * Custom hook that creates an interval that invokes a callback function at a specified delay using the [`setInterval API`](https://developer.mozilla.org/en-US/docs/Web/API/WindowOrWorkerGlobalScope/setInterval).
+ * @param {() => void} callback - The function to be invoked at each interval.
+ * @param {number | null} delay - The time, in milliseconds, between each invocation of the callback. Use `null` to clear the interval.
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-interval)
+ * @example
+ * ```tsx
+ * const handleInterval = () => {
+ *   // Code to be executed at each interval
+ * };
+ * useInterval(handleInterval, 1000);
+ * ```
+ */
+export function useInterval(callback: () => void, delay: number | null) {
+  const savedCallback = useRef(callback);
+
+  // Remember the latest callback if it changes.
+  useIsomorphicLayoutEffect(() => {
+    savedCallback.current = callback;
+  }, [callback]);
+
+  // Set up the interval.
+  useEffect(() => {
+    // Don't schedule if no delay is specified.
+    // Note: 0 is a valid value for delay.
+    if (delay === null) {
+      return;
+    }
+
+    const id = setInterval(() => {
+      savedCallback.current();
+    }, delay);
+
+    return () => {
+      clearInterval(id);
+    };
+  }, [delay]);
+}

package/dist/common/useIsomorphicLayoutEffect.ts

@@ -0,0 +1,18 @@
+import { useEffect, useLayoutEffect } from 'react';
+
+/**
+ * Copied from usehooks-ts
+ *
+ * Custom hook that uses either `useLayoutEffect` or `useEffect` based on the environment (client-side or server-side).
+ * @param {Function} effect - The effect function to be executed.
+ * @param {Array<any>} [dependencies] - An array of dependencies for the effect (optional).
+ * @public
+ * @see [Documentation](https://usehooks-ts.com/react-hook/use-isomorphic-layout-effect)
+ * @example
+ * ```tsx
+ * useIsomorphicLayoutEffect(() => {
+ *   // Code to be executed during the layout phase on the client side
+ * }, [dependency1, dependency2]);
+ * ```
+ */
+export const useIsomorphicLayoutEffect = typeof window !== 'undefined' ? useLayoutEffect : useEffect;

package/dist/common/uuid.ts

@@ -0,0 +1,4 @@
+let counter = 0;
+
+// We don't need a uuid a simple number would suffice
+export const v4 = () => `__windowsId__${counter}`;

package/dist/panel/Panel.tsx

@@ -15,7 +15,6 @@ import {
   useState,
 } from 'react';
 import { createPortal } from 'react-dom';
-import { useInterval } from 'usehooks-ts';
 
 import { PanelInstanceContext } from './PanelInstanceContext';
 import { PanelsContext } from './PanelsContext';
@@ -25,6 +24,7 @@ import { PanelPosition } from './types/PanelPosition';
 import { PanelProps } from './types/PanelProps';
 import { PanelSize } from './types/PanelSize';
 import { useRestoreStateFrom } from './usePanelStateHandler';
+import { useInterval } from '../common/useInterval';
 
 const defaultInitialSize = { width: 320, height: 200 };
 

package/dist/panel/PanelInline.tsx

@@ -1,8 +1,8 @@
 import { PropsWithChildren } from 'react';
-import { v4 } from 'uuid';
 
 import { PanelContext } from './PanelContext';
 import { PanelInstanceContext } from './PanelInstanceContext';
+import { v4 } from '../common/uuid';
 
 export interface PanelInlineProps {
   title: string;

package/dist/panel/PanelsContextProvider.tsx

@@ -1,12 +1,12 @@
 import { castArray, isEmpty, maxBy, partition, sortBy } from 'lodash-es';
 import React, { Fragment, PropsWithChildren, ReactElement, useCallback, useMemo, useRef, useState } from 'react';
-import { useInterval } from 'usehooks-ts';
-import { v4 } from 'uuid';
 
 import { PanelInstanceContextProvider } from './PanelInstanceContextProvider';
 import { OpenPanelOptions, PanelInstance, PanelsContext } from './PanelsContext';
 import { PanelPosition } from './types';
 import { PanelStateOptions } from './types/PanelStateOptions';
+import { v4 } from '../common/uuid';
+import { useInterval } from '../common/useInterval';
 
 export interface PanelsContextProviderProps {
   baseZIndex?: number;

package/dist/ribbon/RibbonButton.tsx

@@ -21,6 +21,7 @@ export interface RibbonButtonProps {
   selected?: boolean;
   loading?: boolean;
   processing?: boolean;
+  processingMessage?: string;
   className?: string;
   testId?: string;
   onClick?: () => void;
@@ -39,6 +40,7 @@ export const RibbonButton = forwardRef<HTMLButtonElement, RibbonButtonProps>(fun
     selected,
     loading,
     processing,
+    processingMessage = `Loading ${title}`,
     disabled,
     testId,
     onClick,
@@ -63,7 +65,12 @@ export const RibbonButton = forwardRef<HTMLButtonElement, RibbonButtonProps>(fun
 
   if (processing) {
     return (
-      <div className={'RibbonButtonProcessing'}>
+      <div
+        className={'RibbonButtonProcessing'}
+        role={'status'}
+        title={processingMessage}
+        aria-label={processingMessage}
+      >
         <LuiMiniSpinner size={20} />
       </div>
     );

package/dist/ribbon/RibbonSliderButton.tsx

@@ -2,10 +2,10 @@ import './Ribbon.scss';
 
 import clsx from 'clsx';
 import { PropsWithChildren, ReactElement, useState } from 'react';
-import { v4 } from 'uuid';
 
 import { RibbonButton, RibbonButtonProps } from './RibbonButton';
 import { RibbonButtonSliderContext, RibbonSliderAlignment, ribbonSliderAlignments } from './RibbonButtonSliderContext';
+import { v4 } from '../common/uuid';
 
 export interface RibbonSliderProps extends RibbonButtonProps {
   autoClose?: boolean;

package/package.json

@@ -13,10 +13,9 @@
     "popout"
   ],
   "main": "./dist/index.ts",
-  "version": "9.3.0",
+  "version": "9.5.1",
   "peerDependencies": {
     "@linzjs/lui": ">=23",
-    "lodash-es": ">=4",
     "react": ">=18",
     "react-dom": ">=18"
   },
@@ -31,9 +30,9 @@
     "node": ">=22"
   },
   "scripts": {
-    "build": "run-s clean lintall bundle",
+    "build": "mkdirp ./dist && run-s clean lintall bundle",
     "yalc": "run-s clean bundle && yalc push",
-    "clean": "rimraf dist && mkdirp ./dist",
+    "clean": "node -e \"fs.rmSync('dist', { recursive: true, force: true })\"",
     "bundle": "tsc --noEmit && rollup -c",
     "test": "vitest run",
     "test:watch": "vitest --watch",
@@ -49,25 +48,19 @@
   "dependencies": {
     "@emotion/cache": "^11.14.0",
     "@emotion/react": "^11.14.0",
-    "@emotion/styled": "11.14.1",
-    "@types/uuid": "^11.0.0",
-    "lodash-es": ">=4",
-    "react-loading-skeleton": "^3.5.0",
-    "react-rnd": "^10.5.3",
-    "usehooks-ts": "^3.1.1",
-    "uuid": "^13.0.0"
+    "lodash-es": "4.18.1",
+    "react-loading-skeleton": "3.5.0",
+    "react-rnd": "10.5.3"
   },
   "devDependencies": {
     "@chromatic-com/storybook": "^4.1.3",
     "@linzjs/lui": "^24.11.0",
     "@linzjs/step-ag-grid": "^29.14.1",
-    "@linzjs/style": "^5.4.0",
     "@rollup/plugin-commonjs": "^28.0.9",
-    "@rollup/plugin-json": "^6.1.0",
     "@rollup/plugin-node-resolve": "^16.0.3",
-    "@storybook/addon-docs": "^9.1.20",
-    "@storybook/addon-links": "^9.1.20",
-    "@storybook/react-vite": "^9.1.20",
+    "@storybook/addon-docs": "9.1.20",
+    "@storybook/addon-links": "9.1.20",
+    "@storybook/react-vite": "9.1.20",
     "@testing-library/dom": "^10.4.1",
     "@testing-library/react": "^16.3.2",
     "@testing-library/user-event": "^14.6.1",
@@ -76,23 +69,20 @@
     "@types/react": "^18.3.28",
     "@types/react-dom": "^18.3.7",
     "@vitejs/plugin-react-swc": "^4.3.0",
-    "@vitest/ui": "^4.1.0",
+    "@vitest/ui": "^4.1.2",
     "ag-grid-community": "34.2.0",
     "ag-grid-react": "34.2.0",
     "jsdom": "^27.3.0",
     "mkdirp": "^3.0.1",
     "npm-run-all": "^4.1.5",
-    "oxlint": "^1.56.0",
-    "oxfmt": "^0.41.0",
+    "oxfmt": "^0.43.0",
+    "oxlint": "^1.58.0",
     "react": "^18.3.1",
-    "react-app-polyfill": "^3.0.0",
     "react-dom": "18.3.1",
-    "rollup": "^4.60.0",
+    "rollup": "^4.60.1",
     "rollup-plugin-copy": "^3.5.0",
     "sass": "^1.98.0",
-    "sass-loader": "^16.0.7",
-    "storybook": "^9.1.19",
-    "style-loader": "^4.0.0",
+    "storybook": "9.1.20",
     "stylelint": "^16.26.1",
     "stylelint-config-recommended": "^17.0.0",
     "stylelint-config-recommended-scss": "^16.0.2",
@@ -101,14 +91,9 @@
     "stylelint-scss": "6.14.0",
     "typescript": "^5.9.3",
     "vite": "^7.3.1",
-    "vite-plugin-html": "^3.2.2",
     "vite-tsconfig-paths": "^5.1.4",
     "vitest": "^4.1.0"
   },
-  "optionalDependencies": {
-    "@rollup/rollup-linux-x64-gnu": "^4.60.0",
-    "@swc/core-linux-x64-gnu": "^1.15.21"
-  },
   "browserslist": {
     "production": [
       ">0.2%",