@typespec/playground 0.4.0-dev.0 → 0.4.0-dev.5

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@typespec/playground",
-  "version": "0.4.0-dev.0",
+  "version": "0.4.0-dev.5",
   "author": "Microsoft Corporation",
   "description": "TypeSpec playground UI components.",
   "homepage": "https://typespec.io",
@@ -55,8 +55,8 @@
     "!dist/test/**"
   ],
   "dependencies": {
-    "@fluentui/react-components": "~9.52.0",
-    "@fluentui/react-icons": "^2.0.240",
+    "@fluentui/react-components": "~9.54.2",
+    "@fluentui/react-icons": "^2.0.247",
     "@typespec/bundler": "~0.1.4 || >=0.2.0-dev <0.2.0",
     "@typespec/compiler": "~0.57.0 || >=0.58.0-dev <0.58.0",
     "@typespec/html-program-viewer": "~0.57.0 || >=0.58.0-dev <0.58.0",
@@ -67,39 +67,41 @@
     "@typespec/rest": "~0.57.0 || >=0.58.0-dev <0.58.0",
     "@typespec/versioning": "~0.57.0 || >=0.58.0-dev <0.58.0",
     "clsx": "^2.1.1",
-    "debounce": "~2.0.0",
+    "debounce": "~2.1.0",
     "lzutf8": "0.6.3",
     "monaco-editor": "~0.46.0",
     "react": "~18.3.1",
     "react-dom": "~18.3.1",
-    "swagger-ui-dist": "^5.17.10",
+    "react-error-boundary": "^4.0.13",
+    "swagger-ui-dist": "^5.17.14",
     "vscode-languageserver": "~9.0.1",
     "vscode-languageserver-textdocument": "~1.0.11"
   },
   "devDependencies": {
-    "@babel/core": "^7.24.5",
-    "@playwright/test": "^1.44.0",
-    "@storybook/addon-actions": "^8.1.2",
-    "@storybook/cli": "^8.1.2",
-    "@storybook/react": "^8.1.2",
-    "@storybook/react-vite": "^8.1.2",
-    "@storybook/test": "^8.1.2",
-    "@storybook/types": "^8.1.2",
+    "@babel/core": "^7.24.7",
+    "@playwright/test": "^1.45.0",
+    "@storybook/addon-actions": "^8.1.11",
+    "@storybook/cli": "^8.1.11",
+    "@storybook/react-vite": "^8.1.11",
+    "@storybook/react": "^8.1.11",
+    "@storybook/test": "^8.1.11",
+    "@storybook/types": "^8.1.11",
     "@types/debounce": "~1.2.4",
     "@types/node": "~18.11.19",
-    "@types/react": "~18.3.2",
     "@types/react-dom": "~18.3.0",
-    "@types/swagger-ui-dist": "~3.30.4",
+    "@types/react": "~18.3.3",
+    "@types/swagger-ui-dist": "~3.30.5",
     "@typespec/bundler": "~0.1.4 || >=0.2.0-dev <0.2.0",
-    "@vitejs/plugin-react": "~4.2.1",
-    "c8": "^9.1.0",
+    "@vitejs/plugin-react": "~4.3.1",
+    "c8": "^10.1.2",
     "cross-env": "~7.0.3",
     "es-module-shims": "~1.10.0",
     "rimraf": "~5.0.7",
-    "typescript": "~5.4.5",
-    "vite": "^5.2.11",
-    "vite-plugin-checker": "^0.6.4",
-    "vite-plugin-dts": "^3.9.1"
+    "typescript": "~5.5.3",
+    "vite-plugin-checker": "^0.7.0",
+    "vite-plugin-dts": "^3.9.1",
+    "vite": "^5.3.2",
+    "@typespec/react-components": "~0.57.0"
   },
   "peerDependencies": {},
   "scripts": {

package/dist/src/react/hooks.d.ts

@@ -1,15 +0,0 @@
-/// <reference types="react" resolution-mode="require"/>
-/**
- * Hook to manage a value that could be either controlled or uncontrolled, such as a checked state or
- * text box string.
- * @param controlledValue - The controlled value passed in the props. This value will always be used if provided,
- * and the internal state will be updated to reflect it.
- * @param defaultUncontrolledValue - Initial value for the internal state in the uncontrolled case.
- * @returns An array of the current value and an updater callback. Like `React.useState`, the updater
- * callback always has the same identity, and it can take either a new value, or a function which
- * is passed the previous value and returns the new value.
- * @see https://reactjs.org/docs/uncontrolled-components.html
- */
-export declare function useControllableValue<TValue>(controlledValue: TValue | undefined, defaultUncontrolledValue: TValue | undefined, onChange?: (value: TValue) => void | undefined): readonly [TValue, (update: TValue) => void];
-export declare function useAsyncMemo<T>(callback: () => Promise<T>, defaultValue: T, deps?: React.DependencyList): T;
-//# sourceMappingURL=hooks.d.ts.map

package/dist/src/react/hooks.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"hooks.d.ts","sourceRoot":"","sources":["../../../src/react/hooks.ts"],"names":[],"mappings":";AAEA;;;;;;;;;;GAUG;AACH,wBAAgB,oBAAoB,CAAC,MAAM,EACzC,eAAe,EAAE,MAAM,GAAG,SAAS,EACnC,wBAAwB,EAAE,MAAM,GAAG,SAAS,EAC5C,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,GAAG,SAAS,GAC7C,SAAS,CAAC,MAAM,EAAE,CAAC,MAAM,EAAE,MAAM,KAAK,IAAI,CAAC,CAkC7C;AAED,wBAAgB,YAAY,CAAC,CAAC,EAC5B,QAAQ,EAAE,MAAM,OAAO,CAAC,CAAC,CAAC,EAC1B,YAAY,EAAE,CAAC,EACf,IAAI,CAAC,EAAE,KAAK,CAAC,cAAc,GAC1B,CAAC,CASH"}

package/dist/src/react/split-pane/index.d.ts

@@ -1,2 +0,0 @@
-export { SplitPane, type SplitPaneProps } from './split-pane.js';
-//# sourceMappingURL=index.d.ts.map

package/dist/src/react/split-pane/index.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,KAAK,cAAc,EAAE,MAAM,iBAAiB,CAAC"}

package/dist/src/react/split-pane/pane.d.ts

@@ -1,8 +0,0 @@
-import { HTMLAttributes, PropsWithChildren } from 'react';
-
-export interface PaneProps {
-    maxSize?: number | string;
-    minSize?: number | string;
-}
-export default function Pane({ children, ...props }: PropsWithChildren<HTMLAttributes<HTMLDivElement> & PaneProps>): import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=pane.d.ts.map

package/dist/src/react/split-pane/pane.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"pane.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/pane.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,cAAc,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAE/D,MAAM,WAAW,SAAS;IACxB,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IAC1B,OAAO,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;CAC3B;AAED,MAAM,CAAC,OAAO,UAAU,IAAI,CAAC,EAC3B,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,iBAAiB,CAAC,cAAc,CAAC,cAAc,CAAC,GAAG,SAAS,CAAC,2CAE/D"}

package/dist/src/react/split-pane/sash-content.d.ts

@@ -1,9 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface SashContentProps {
-    className?: string;
-    dragging?: boolean;
-    children?: ReactNode;
-}
-export declare const SashContent: React.FunctionComponent<SashContentProps>;
-//# sourceMappingURL=sash-content.d.ts.map

package/dist/src/react/split-pane/sash-content.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sash-content.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/sash-content.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,MAAM,WAAW,gBAAgB;IAC/B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,gBAAgB,CAkBjE,CAAC"}

package/dist/src/react/split-pane/sash.d.ts

@@ -1,13 +0,0 @@
-import { ReactNode } from 'react';
-
-export interface SashProps {
-    className?: string;
-    style: React.CSSProperties;
-    render: (dragging: boolean) => ReactNode;
-    onReset: () => void;
-    onDragStart: React.MouseEventHandler<HTMLDivElement>;
-    onDragging: React.MouseEventHandler<HTMLDivElement>;
-    onDragEnd: React.MouseEventHandler<HTMLDivElement>;
-}
-export declare const Sash: ({ className, render, onDragStart, onDragging, onDragEnd, onReset, ...others }: SashProps) => import("react/jsx-runtime").JSX.Element;
-//# sourceMappingURL=sash.d.ts.map

package/dist/src/react/split-pane/sash.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"sash.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/sash.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,SAAS,EAAE,MAAM,OAAO,CAAC;AAGjD,MAAM,WAAW,SAAS;IACxB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,KAAK,CAAC,aAAa,CAAC;IAC3B,MAAM,EAAE,CAAC,QAAQ,EAAE,OAAO,KAAK,SAAS,CAAC;IACzC,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,WAAW,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACrD,UAAU,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;IACpD,SAAS,EAAE,KAAK,CAAC,iBAAiB,CAAC,cAAc,CAAC,CAAC;CACpD;AAED,eAAO,MAAM,IAAI,kFAQd,SAAS,4CA8BX,CAAC"}

package/dist/src/react/split-pane/split-pane.d.ts

@@ -1,19 +0,0 @@
-import { FunctionComponent, JSX, MouseEvent } from 'react';
-
-export interface SplitPaneProps {
-    children: JSX.Element[];
-    allowResize?: boolean;
-    split?: "vertical" | "horizontal";
-    initialSizes?: (string | number)[];
-    sizes?: (string | number | undefined)[];
-    sashRender?: (index: number, active: boolean) => React.ReactNode;
-    onChange?: (sizes: number[]) => void;
-    onDragStart?: (e: MouseEvent) => void;
-    onDragEnd?: (e: MouseEvent) => void;
-    className?: string;
-    sashClassName?: string;
-    performanceMode?: boolean;
-    resizerSize?: number;
-}
-export declare const SplitPane: FunctionComponent<SplitPaneProps>;
-//# sourceMappingURL=split-pane.d.ts.map

package/dist/src/react/split-pane/split-pane.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"split-pane.d.ts","sourceRoot":"","sources":["../../../../src/react/split-pane/split-pane.tsx"],"names":[],"mappings":"AACA,OAAO,EAML,KAAK,iBAAiB,EACtB,KAAK,GAAG,EACR,KAAK,UAAU,EAChB,MAAM,OAAO,CAAC;AAOf,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,GAAG,CAAC,OAAO,EAAE,CAAC;IACxB,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,KAAK,CAAC,EAAE,UAAU,GAAG,YAAY,CAAC;IAClC,YAAY,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,CAAC,EAAE,CAAC;IACnC,KAAK,CAAC,EAAE,CAAC,MAAM,GAAG,MAAM,GAAG,SAAS,CAAC,EAAE,CAAC;IACxC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,KAAK,KAAK,CAAC,SAAS,CAAC;IACjE,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,EAAE,KAAK,IAAI,CAAC;IACrC,WAAW,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACtC,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,UAAU,KAAK,IAAI,CAAC;IACpC,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,WAAW,CAAC,EAAE,MAAM,CAAC;CACtB;AAYD,eAAO,MAAM,SAAS,EAAE,iBAAiB,CAAC,cAAc,CAkNvD,CAAC"}