canny-ui-react 6.3.2 → 6.4.0

package/dist/components/CspNonce/CspNonce.types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+export interface CspNonceProviderProps {
+    /**
+     * The per-request CSP nonce — the same value carried in the response's
+     * `Content-Security-Policy` header. Applied to every scoped `<style>` element
+     * the library emits. `undefined` renders those elements without a nonce
+     * attribute (identical to having no provider).
+     */
+    nonce: string | undefined;
+    children?: ReactNode;
+}

package/dist/components/CspNonce/CspNonceProvider.d.ts

@@ -0,0 +1,15 @@
+import type { CspNonceProviderProps } from './CspNonce.types';
+/**
+ * Supplies the page's CSP nonce to every scoped `<style>` element Canny-UI
+ * emits: responsive `sx` on `Box` and on `withSx`-based components (e.g.
+ * `Divider`), `CannyLoader`'s keyframes, and the styles Radix overlays inject
+ * (the `Select` viewport's scrollbar rule and the scroll lock of every
+ * overlay). Under a nonce-based `style-src` / `style-src-elem` policy the
+ * browser blocks those elements unless they carry the nonce. Mount once near
+ * the root, with the nonce from the response's Content-Security-Policy
+ * header. Without a provider the elements render exactly as before (no nonce
+ * attribute).
+ */
+export declare function CspNonceProvider({ nonce, children }: CspNonceProviderProps): import("react/jsx-runtime").JSX.Element;
+/** The nonce from the nearest `CspNonceProvider`, or `undefined` outside one. */
+export declare function useCspNonce(): string | undefined;

package/dist/components/CspNonce/index.d.ts

@@ -0,0 +1,2 @@
+export { CspNonceProvider, useCspNonce } from './CspNonceProvider';
+export type { CspNonceProviderProps } from './CspNonce.types';

package/dist/components/DataTable/DataTable.d.ts

@@ -67,6 +67,28 @@ export interface DataTableProps<R = Record<string, unknown>> {
     disableColumnResize?: boolean;
     /** Row height. `'compact'` halves the vertical cell padding. */
     density?: DataTableDensity;
+    /**
+     * Width of the `checkboxSelection` column, in px. Defaults to 44.
+     *
+     * Worth a prop rather than a CSS override because the value is also what
+     * flex columns are sized against under `tableLayout="fixed"` — narrowing the
+     * column from a stylesheet leaves the rest of the table computing against
+     * the old width.
+     */
+    checkboxColumnWidth?: number;
+    /**
+     * Scroll the rows inside the grid, keeping the header row in place.
+     *
+     * `thead th` is already `position: sticky`, but that only engages when the
+     * scrollport is the grid's own scroll element; by default the grid is as tall
+     * as its rows and something further up the page scrolls, so the header
+     * scrolls away with them. This makes `.cny-dt-scroll` the scrollport.
+     *
+     * The grid does not give itself a height — bound it from the outside (a
+     * `height`/`maxHeight` in `sx`, or a flex parent), or there is nothing for
+     * the rows to scroll within.
+     */
+    stickyHeader?: boolean;
     /**
      * Column sizing model. `'auto'` (default) lets the browser size columns to
      * their content. `'fixed'` uses `table-layout: fixed` and a colgroup built

package/dist/components/PanelGroup/PanelGroup.d.ts

@@ -8,6 +8,15 @@ export interface PanelProps extends HTMLAttributes<HTMLDivElement> {
     minSize?: number;
     /** Maximum size in percent. Default 90. */
     maxSize?: number;
+    /**
+     * Style shorthand, as on Box: scalar values merge into inline style, a
+     * responsive value injects a scoped class.
+     *
+     * PanelGroup clones each panel with a style carrying its flex-basis, and
+     * withSx lets an explicit style win over sx — so sizing stays the group's
+     * to decide and a panel cannot pin its own width through sx.
+     */
+    sx?: SxProp;
 }
 export declare const Panel: import("react").ForwardRefExoticComponent<PanelProps & import("react").RefAttributes<HTMLDivElement>>;
 interface HandleInternal {