@bizapps/design-system-testing 1.9.0 → 1.10.1
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.
- package/README.md +1 -0
- package/dist/editor.cjs +1484 -0
- package/dist/editor.cjs.map +1 -0
- package/dist/editor.d.cts +428 -0
- package/dist/editor.d.ts +428 -0
- package/dist/editor.js +1467 -0
- package/dist/editor.js.map +1 -0
- package/dist/main.cjs +625 -130
- package/dist/main.cjs.map +1 -1
- package/dist/main.css +1 -1
- package/dist/main.d.cts +207 -50
- package/dist/main.d.ts +207 -50
- package/dist/main.js +620 -133
- package/dist/main.js.map +1 -1
- package/dist/policy-DPpMNLiO.d.cts +75 -0
- package/dist/policy-DPpMNLiO.d.ts +75 -0
- package/dist/policy.cjs +33 -0
- package/dist/policy.cjs.map +1 -0
- package/dist/policy.d.cts +1 -0
- package/dist/policy.d.ts +1 -0
- package/dist/policy.js +29 -0
- package/dist/policy.js.map +1 -0
- package/package.json +228 -175
package/dist/main.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react from 'react';
|
|
2
|
-
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes } from 'react';
|
|
2
|
+
import { HTMLAttributes, ReactNode, ComponentProps, ButtonHTMLAttributes, MouseEventHandler, SVGAttributes, Ref } from 'react';
|
|
3
3
|
import * as class_variance_authority_types from 'class-variance-authority/types';
|
|
4
4
|
import { VariantProps } from 'class-variance-authority';
|
|
5
5
|
import { Avatar as Avatar$1, Label as Label$1, Toggle as Toggle$1, ToggleGroup as ToggleGroup$1, Select as Select$1, Separator as Separator$1, Progress as Progress$1, Slider as Slider$1, Switch as Switch$1, Tabs as Tabs$1, Tooltip as Tooltip$1, Popover as Popover$1, Dialog as Dialog$1, AlertDialog as AlertDialog$1, Accordion as Accordion$1, DropdownMenu as DropdownMenu$1, RadioGroup as RadioGroup$1, NavigationMenu as NavigationMenu$1, Checkbox as Checkbox$1 } from 'radix-ui';
|
|
@@ -16,6 +16,8 @@ export { Controller, useFieldArray } from 'react-hook-form';
|
|
|
16
16
|
import { ZodType, z } from 'zod';
|
|
17
17
|
import { ColumnDef, SortingState, ColumnFiltersState, Row, RowSelectionState, Table as Table$1, VisibilityState, ColumnSizingState, Header, Updater, Column } from '@tanstack/react-table';
|
|
18
18
|
export { Column, ColumnDef, ColumnFiltersState, Row, SortingState, Table as TanStackTableType, createColumnHelper } from '@tanstack/react-table';
|
|
19
|
+
import { P as Permission } from './policy-DPpMNLiO.js';
|
|
20
|
+
export { K as KNOWN_PERMISSIONS, a as KnownPermission, m as matchPermission } from './policy-DPpMNLiO.js';
|
|
19
21
|
|
|
20
22
|
declare const alertVariants: (props?: ({
|
|
21
23
|
variant?: "default" | "info" | "success" | "warning" | "error" | null | undefined;
|
|
@@ -309,7 +311,16 @@ declare function SegmentedControlItem({ className, children, value, ...props }:
|
|
|
309
311
|
|
|
310
312
|
declare function Select({ ...props }: ComponentProps<typeof Select$1.Root>): react.JSX.Element;
|
|
311
313
|
declare function SelectTrigger$1({ className, children, ...props }: ComponentProps<typeof Select$1.Trigger>): react.JSX.Element;
|
|
312
|
-
|
|
314
|
+
type SelectContentProps = ComponentProps<typeof Select$1.Content> & {
|
|
315
|
+
/**
|
|
316
|
+
* Maximum height of the dropdown panel. Accepts any CSS length
|
|
317
|
+
* (e.g. `240px`, `15rem`) or a number interpreted as pixels.
|
|
318
|
+
* The panel is always additionally capped by the space available
|
|
319
|
+
* on screen, and its list scrolls once the content exceeds it.
|
|
320
|
+
*/
|
|
321
|
+
maxHeight?: number | string;
|
|
322
|
+
};
|
|
323
|
+
declare function SelectContent({ className, children, position, maxHeight, style, ...props }: SelectContentProps): react.JSX.Element;
|
|
313
324
|
declare function SelectItem({ className, children, ...props }: ComponentProps<typeof Select$1.Item>): react.JSX.Element;
|
|
314
325
|
declare function SelectLabel({ className, ...props }: ComponentProps<typeof Select$1.Label>): react.JSX.Element;
|
|
315
326
|
declare function SelectSeparator({ className, ...props }: ComponentProps<typeof Select$1.Separator>): react.JSX.Element;
|
|
@@ -321,11 +332,11 @@ declare function SelectGroup({ ...props }: ComponentProps<typeof Select$1.Group>
|
|
|
321
332
|
declare function Separator({ className, orientation, decorative, ...props }: ComponentProps<typeof Separator$1.Root>): react.JSX.Element;
|
|
322
333
|
|
|
323
334
|
declare const progressVariants: (props?: ({
|
|
324
|
-
variant?: "default" | "success" | "warning" | "
|
|
335
|
+
variant?: "default" | "success" | "warning" | "orange" | "danger" | null | undefined;
|
|
325
336
|
size?: "sm" | "md" | "lg" | null | undefined;
|
|
326
337
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
327
338
|
declare const progressIndicatorVariants: (props?: ({
|
|
328
|
-
variant?: "default" | "success" | "warning" | "
|
|
339
|
+
variant?: "default" | "success" | "warning" | "orange" | "danger" | null | undefined;
|
|
329
340
|
} & class_variance_authority_types.ClassProp) | undefined) => string;
|
|
330
341
|
interface ProgressProps extends ComponentProps<typeof Progress$1.Root>, VariantProps<typeof progressVariants> {
|
|
331
342
|
}
|
|
@@ -667,37 +678,35 @@ declare const ColorPickerPresets: {
|
|
|
667
678
|
displayName: string;
|
|
668
679
|
};
|
|
669
680
|
|
|
670
|
-
|
|
671
|
-
|
|
672
|
-
selected?: Date;
|
|
673
|
-
onSelect?: (date: Date | undefined) => void;
|
|
681
|
+
/** Options that mean the same thing whichever selection mode is active. */
|
|
682
|
+
interface DatePickerBaseProps {
|
|
674
683
|
placeholder?: string;
|
|
675
684
|
disabled?: boolean;
|
|
676
685
|
className?: string;
|
|
686
|
+
/** Earliest selectable date. Earlier days are disabled and unreachable. */
|
|
677
687
|
fromDate?: Date;
|
|
688
|
+
/** Latest selectable date. Later days are disabled and unreachable. */
|
|
678
689
|
toDate?: Date;
|
|
690
|
+
/** Months rendered side by side. Defaults to 1. */
|
|
691
|
+
numberOfMonths?: number;
|
|
679
692
|
}
|
|
680
|
-
interface
|
|
693
|
+
interface DatePickerSingleProps extends DatePickerBaseProps {
|
|
694
|
+
mode?: 'single';
|
|
695
|
+
selected?: Date;
|
|
696
|
+
onSelect?: (date: Date | undefined) => void;
|
|
697
|
+
}
|
|
698
|
+
interface DatePickerRangeProps extends DatePickerBaseProps {
|
|
681
699
|
mode: 'range';
|
|
682
700
|
selected?: DateRange;
|
|
683
701
|
onSelect?: (range: DateRange | undefined) => void;
|
|
684
|
-
placeholder?: string;
|
|
685
|
-
disabled?: boolean;
|
|
686
|
-
className?: string;
|
|
687
|
-
fromDate?: Date;
|
|
688
|
-
toDate?: Date;
|
|
689
|
-
}
|
|
690
|
-
interface DatePickerProps {
|
|
691
|
-
mode?: 'single' | 'range';
|
|
692
|
-
selected?: Date | DateRange;
|
|
693
|
-
onSelect?: ((date: Date | undefined) => void) | ((range: DateRange | undefined) => void);
|
|
694
|
-
placeholder?: string;
|
|
695
|
-
disabled?: boolean;
|
|
696
|
-
className?: string;
|
|
697
|
-
fromDate?: Date;
|
|
698
|
-
toDate?: Date;
|
|
699
702
|
}
|
|
700
|
-
|
|
703
|
+
/**
|
|
704
|
+
* Discriminated on `mode`, so `selected` and `onSelect` are always the pair that
|
|
705
|
+
* belongs to it. A flat union would accept `mode='range'` with a single `Date`,
|
|
706
|
+
* which only fails at runtime once the popover is opened.
|
|
707
|
+
*/
|
|
708
|
+
type DatePickerProps = DatePickerSingleProps | DatePickerRangeProps;
|
|
709
|
+
declare function DatePicker(props: DatePickerProps): react.JSX.Element;
|
|
701
710
|
|
|
702
711
|
interface NavbarDropdownItem {
|
|
703
712
|
href: string;
|
|
@@ -1291,6 +1300,45 @@ declare const logos: {
|
|
|
1291
1300
|
};
|
|
1292
1301
|
type LogoKey = keyof typeof logos;
|
|
1293
1302
|
|
|
1303
|
+
/**
|
|
1304
|
+
* Brand palette for the celebration burst, resolved from the `--color-main-*`
|
|
1305
|
+
* tokens rather than referenced through them: the canvas is appended to the
|
|
1306
|
+
* body, outside the themed tree, so `var()` would resolve against the document
|
|
1307
|
+
* root and miss any scoped override anyway.
|
|
1308
|
+
*
|
|
1309
|
+
* `--color-main-white` is deliberately absent. The app paints its page ground
|
|
1310
|
+
* `--color-main-light-background` (#f1f5f7), which swallows white particles.
|
|
1311
|
+
*/
|
|
1312
|
+
declare const CONFETTI_COLORS: readonly ["#22205f", "#f66a24", "#faca4a", "#01d42f", "#d93235"];
|
|
1313
|
+
type FireConfettiOptions = {
|
|
1314
|
+
/** Particles per cannon. Two cannons fire, so the burst is twice this. */
|
|
1315
|
+
particleCount?: number;
|
|
1316
|
+
/** Vertical launch point: 0 is the top of the viewport, 1 the bottom. */
|
|
1317
|
+
originY?: number;
|
|
1318
|
+
/** Overrides the brand palette. Any CSS color string canvas can parse. */
|
|
1319
|
+
colors?: string[];
|
|
1320
|
+
};
|
|
1321
|
+
/**
|
|
1322
|
+
* Fires a celebration burst from two cannons angled inward at the lower corners
|
|
1323
|
+
* of the viewport.
|
|
1324
|
+
*
|
|
1325
|
+
* The geometry is the whole point. A single centred burst reads as a puff and
|
|
1326
|
+
* dies mid-screen; the crossfire covers the full width, which is what carries
|
|
1327
|
+
* the celebration. Launching from 0.7 rather than the centre reads as confetti
|
|
1328
|
+
* thrown upward instead of an explosion pushing outward.
|
|
1329
|
+
*
|
|
1330
|
+
* Resolves once the last particle has settled, so a caller can sequence on it.
|
|
1331
|
+
* Honours `prefers-reduced-motion`, in which case it resolves immediately
|
|
1332
|
+
* without drawing.
|
|
1333
|
+
*/
|
|
1334
|
+
declare function fireConfetti({ particleCount, originY, colors, }?: FireConfettiOptions): Promise<void>;
|
|
1335
|
+
/**
|
|
1336
|
+
* Clears every burst still in flight and removes the canvas.
|
|
1337
|
+
*
|
|
1338
|
+
* For a caller that unmounts, or navigates away, while particles are airborne.
|
|
1339
|
+
*/
|
|
1340
|
+
declare function resetConfetti(): void;
|
|
1341
|
+
|
|
1294
1342
|
declare function Table({ className, containerClassName, ...props }: ComponentProps<'table'> & {
|
|
1295
1343
|
/**
|
|
1296
1344
|
* Classes for the scroll container that wraps the table. Defaults to
|
|
@@ -2121,43 +2169,107 @@ interface UseTableSizingReturn {
|
|
|
2121
2169
|
*/
|
|
2122
2170
|
declare function useTableSizing({ columnSizing: controlledSizing, defaultColumnSizing, onColumnSizingChange, }: UseTableSizingProps): UseTableSizingReturn;
|
|
2123
2171
|
|
|
2172
|
+
/** `'loading'` while the grant set is unresolved, `'ready'` once it is known. */
|
|
2173
|
+
type AbilityStatus = 'loading' | 'ready';
|
|
2174
|
+
interface AbilityContextValue {
|
|
2175
|
+
can: (permissions: Permission | Permission[], mode?: 'any' | 'all') => boolean;
|
|
2176
|
+
setAbilities: (permissions: string[]) => void;
|
|
2177
|
+
clearAbilities: () => void;
|
|
2178
|
+
/**
|
|
2179
|
+
* `'loading'` while the grant set is genuinely unresolved, `'ready'` once it
|
|
2180
|
+
* is known — including when it is known to be empty. This is what makes
|
|
2181
|
+
* "still loading" distinguishable from "loaded, zero grants": both produce
|
|
2182
|
+
* an empty set, so without this flag a consumer cannot tell them apart.
|
|
2183
|
+
*/
|
|
2184
|
+
status: AbilityStatus;
|
|
2185
|
+
}
|
|
2186
|
+
interface AbilityProviderProps {
|
|
2187
|
+
children: ReactNode;
|
|
2188
|
+
permissions?: string[];
|
|
2189
|
+
}
|
|
2190
|
+
declare function AbilityProvider({ children, permissions }: AbilityProviderProps): react.JSX.Element;
|
|
2191
|
+
declare function useAbility(): AbilityContextValue;
|
|
2192
|
+
declare function useCan(permissions: Permission | Permission[], mode?: 'any' | 'all'): boolean;
|
|
2193
|
+
/** Returns whether the grant set is resolved yet. Useful for skeletons without a `Can` wrapper. */
|
|
2194
|
+
declare function useAbilityStatus(): AbilityStatus;
|
|
2195
|
+
|
|
2196
|
+
interface CanState {
|
|
2197
|
+
/**
|
|
2198
|
+
* Whether the permission check passed, after `negate` is applied. While
|
|
2199
|
+
* `status` is `'loading'`, the underlying check is always `false` — so
|
|
2200
|
+
* `allowed` is `false` for `Can` (fail-closed) but `true` for `CanNot`
|
|
2201
|
+
* (fail-open: negating an unresolved `false` flips it to `true`).
|
|
2202
|
+
*/
|
|
2203
|
+
allowed: boolean;
|
|
2204
|
+
/** Whether the grant set has resolved yet. */
|
|
2205
|
+
status: AbilityStatus;
|
|
2206
|
+
}
|
|
2124
2207
|
interface CanProps {
|
|
2125
|
-
permission:
|
|
2208
|
+
permission: Permission | Permission[];
|
|
2126
2209
|
mode?: 'any' | 'all';
|
|
2127
2210
|
negate?: boolean;
|
|
2211
|
+
/**
|
|
2212
|
+
* `'hide'` (default) removes the subtree and renders `fallback` instead.
|
|
2213
|
+
* `'disable'` keeps the subtree visible but non-interactive, with `reason`
|
|
2214
|
+
* surfaced in a tooltip. Use `'disable'` when the user should know the
|
|
2215
|
+
* action exists and why it is unavailable.
|
|
2216
|
+
*/
|
|
2217
|
+
behavior?: 'hide' | 'disable';
|
|
2218
|
+
/**
|
|
2219
|
+
* Explanation shown in a tooltip when `behavior='disable'` denies. Accepts a
|
|
2220
|
+
* node so callers can pass translated content without the library taking an
|
|
2221
|
+
* i18n dependency. No tooltip is rendered when omitted.
|
|
2222
|
+
*/
|
|
2223
|
+
reason?: ReactNode;
|
|
2128
2224
|
fallback?: ReactNode;
|
|
2129
|
-
|
|
2225
|
+
/**
|
|
2226
|
+
* Rendered while the grant set is unresolved. Unlike `reason` and `fallback`, `null` and
|
|
2227
|
+
* "omitted" are deliberately NOT the same value here: a node renders that node;
|
|
2228
|
+
* `loading={null}` renders nothing; omitting `loading` entirely falls through to
|
|
2229
|
+
* `fallback` (or, for `CanNot`, lets the fail-open children render). The distinction
|
|
2230
|
+
* exists because for `loading` — and only for `loading` — "render nothing" and "fall
|
|
2231
|
+
* through" are genuinely different outcomes: `CanNot` is fail-open during loading, so
|
|
2232
|
+
* without an explicit `loading={null}` its children render immediately and then
|
|
2233
|
+
* disappear once the grant set resolves. Pass `loading={null}` to suppress that flash.
|
|
2234
|
+
*/
|
|
2235
|
+
loading?: ReactNode;
|
|
2236
|
+
children: ReactNode | ((state: CanState) => ReactNode);
|
|
2130
2237
|
}
|
|
2131
2238
|
type CanNotProps = Omit<CanProps, 'negate'>;
|
|
2132
|
-
/**
|
|
2133
|
-
|
|
2239
|
+
/**
|
|
2240
|
+
* Renders its children when the user has the required permission(s). Requires an
|
|
2241
|
+
* `AbilityProvider` in the tree.
|
|
2242
|
+
*
|
|
2243
|
+
* Render precedence: a render-prop `children` always wins and receives the full
|
|
2244
|
+
* `CanState`; otherwise `loading` renders while the grant set is unresolved; then
|
|
2245
|
+
* `children` when allowed; then `fallback` when denied.
|
|
2246
|
+
*
|
|
2247
|
+
* When `children` is a function it OWNS EVERY STATE, and `behavior`, `reason`, `fallback`
|
|
2248
|
+
* and `loading` are all ignored — the render prop returns before any of them is consulted.
|
|
2249
|
+
* So `<Can behavior='disable' reason='…'>{({ allowed }) => …}</Can>` produces no tooltip
|
|
2250
|
+
* and no disabled treatment; the function has to read `allowed` and `status` and render
|
|
2251
|
+
* the disabled, loading and denied cases itself. Passing any of those four alongside a
|
|
2252
|
+
* function logs a development-only warning, since nothing else about the code looks wrong.
|
|
2253
|
+
*
|
|
2254
|
+
* Fail-closed by default: while `status === 'loading'`, the underlying check
|
|
2255
|
+
* is always `false` and nothing renders optimistically. Passing `negate`
|
|
2256
|
+
* flips this to fail-open — the unresolved `false` becomes `true` — so
|
|
2257
|
+
* children render immediately during loading unless `loading` is explicitly
|
|
2258
|
+
* passed. `CanNot` is `<Can negate />`, so it always exhibits the fail-open
|
|
2259
|
+
* case; pass `loading={null}` to suppress that flash and render nothing
|
|
2260
|
+
* instead — a node passed to `loading` renders that node, while omitting
|
|
2261
|
+
* `loading` falls through to the fail-open children.
|
|
2262
|
+
*/
|
|
2263
|
+
declare function Can({ permission, mode, negate, behavior, reason, fallback, loading, children, }: CanProps): react.JSX.Element;
|
|
2134
2264
|
declare namespace Can {
|
|
2135
2265
|
var displayName: string;
|
|
2136
2266
|
}
|
|
2137
|
-
/** Renders children when the user does NOT have the required permission(s). Alias for `<Can negate />`. Requires `AbilityProvider` in the tree. */
|
|
2138
|
-
declare function CanNot({ permission, mode, fallback, children }: CanNotProps): react.JSX.Element;
|
|
2267
|
+
/** Renders its children when the user does NOT have the required permission(s). Alias for `<Can negate />`. Requires an `AbilityProvider` in the tree. */
|
|
2268
|
+
declare function CanNot({ permission, mode, behavior, reason, fallback, loading, children, }: CanNotProps): react.JSX.Element;
|
|
2139
2269
|
declare namespace CanNot {
|
|
2140
2270
|
var displayName: string;
|
|
2141
2271
|
}
|
|
2142
2272
|
|
|
2143
|
-
interface AbilityContextValue {
|
|
2144
|
-
can: (permissions: string | string[], mode?: 'any' | 'all') => boolean;
|
|
2145
|
-
setAbilities: (permissions: string[]) => void;
|
|
2146
|
-
clearAbilities: () => void;
|
|
2147
|
-
}
|
|
2148
|
-
interface AbilityProviderProps {
|
|
2149
|
-
children: ReactNode;
|
|
2150
|
-
permissions?: string[];
|
|
2151
|
-
}
|
|
2152
|
-
/**
|
|
2153
|
-
* @param pattern - an entry from the user's grant set (may contain `*` as a segment wildcard)
|
|
2154
|
-
* @param permission - the permission being requested (from `Can.perform`)
|
|
2155
|
-
*/
|
|
2156
|
-
declare function matchPermission(pattern: string, permission: string): boolean;
|
|
2157
|
-
declare function AbilityProvider({ children, permissions }: AbilityProviderProps): react.JSX.Element;
|
|
2158
|
-
declare function useAbility(): AbilityContextValue;
|
|
2159
|
-
declare function useCan(permissions: string | string[], mode?: 'any' | 'all'): boolean;
|
|
2160
|
-
|
|
2161
2273
|
declare function Sheet({ ...props }: react.ComponentProps<typeof Dialog$1.Root>): react.JSX.Element;
|
|
2162
2274
|
declare function SheetTrigger({ ...props }: react.ComponentProps<typeof Dialog$1.Trigger>): react.JSX.Element;
|
|
2163
2275
|
declare function SheetClose({ ...props }: react.ComponentProps<typeof Dialog$1.Close>): react.JSX.Element;
|
|
@@ -2224,6 +2336,51 @@ declare function DrawerFooter({ className, ...props }: ComponentProps<'div'>): r
|
|
|
2224
2336
|
declare function DrawerTitle({ className, ...props }: ComponentProps<typeof Dialog$1.Title>): react.JSX.Element;
|
|
2225
2337
|
declare function DrawerDescription({ className, ...props }: ComponentProps<typeof Dialog$1.Description>): react.JSX.Element;
|
|
2226
2338
|
|
|
2339
|
+
interface SignaturePadHandle {
|
|
2340
|
+
/** Wipes the drawing and reports `onEmptyChange(true)` if something was drawn. */
|
|
2341
|
+
clear: () => void;
|
|
2342
|
+
isEmpty: () => boolean;
|
|
2343
|
+
/** The drawing as a PNG with a transparent background. Rejects if not mounted or the browser cannot encode it. */
|
|
2344
|
+
toBlob: () => Promise<Blob>;
|
|
2345
|
+
}
|
|
2346
|
+
interface SignaturePadProps {
|
|
2347
|
+
/** Accessible name of the drawing area. */
|
|
2348
|
+
'aria-label': string;
|
|
2349
|
+
/** Id of the element holding the instructions. */
|
|
2350
|
+
'aria-describedby'?: string;
|
|
2351
|
+
/** Called when the pad goes from empty to drawn (`false`) or back (`true`), never twice in a row. */
|
|
2352
|
+
onEmptyChange?: (empty: boolean) => void;
|
|
2353
|
+
/** Ignores pointer input while true. */
|
|
2354
|
+
disabled?: boolean;
|
|
2355
|
+
/** Height in px; the pad always fills the width of its container. */
|
|
2356
|
+
height?: number;
|
|
2357
|
+
/** Pen color. The exported PNG keeps this color on a transparent background. */
|
|
2358
|
+
penColor?: string;
|
|
2359
|
+
/** Minimum stroke width in px, reached at high pointer speed. */
|
|
2360
|
+
minWidth?: number;
|
|
2361
|
+
/** Maximum stroke width in px, reached at low pointer speed. */
|
|
2362
|
+
maxWidth?: number;
|
|
2363
|
+
/** Ignores pointer moves closer than this many px to the last point. Lower is smoother. */
|
|
2364
|
+
minDistance?: number;
|
|
2365
|
+
/** Minimum ms between processed pointer moves; `0` processes every event. */
|
|
2366
|
+
throttle?: number;
|
|
2367
|
+
/** 0–1 weight of the previous velocity when computing width. Higher evens out width changes. */
|
|
2368
|
+
velocityFilterWeight?: number;
|
|
2369
|
+
/** Visible text and accessible name of the built-in clear button. Pass a translated string from the app. */
|
|
2370
|
+
clearLabel: string;
|
|
2371
|
+
className?: string;
|
|
2372
|
+
/** Imperative handle with `clear`, `isEmpty` and `toBlob`. */
|
|
2373
|
+
ref?: Ref<SignaturePadHandle>;
|
|
2374
|
+
}
|
|
2375
|
+
/**
|
|
2376
|
+
* Freehand signature area for touch, pen and mouse. The drawing buffer follows the container size
|
|
2377
|
+
* and the device pixel ratio. Strokes live in a reference coordinate space; a resize scales them
|
|
2378
|
+
* uniformly to fit (never above 1), so a narrower pad, such as a rotated phone, never crops the
|
|
2379
|
+
* signature or its PNG, and growing back restores it. A stroke added while scaled down that falls
|
|
2380
|
+
* outside the reference area grows it, so everything still fits, at a smaller size.
|
|
2381
|
+
*/
|
|
2382
|
+
declare function SignaturePad({ 'aria-label': ariaLabel, 'aria-describedby': ariaDescribedBy, onEmptyChange, disabled, height, penColor, minWidth, maxWidth, minDistance, throttle, velocityFilterWeight, clearLabel, className, ref, }: SignaturePadProps): react.JSX.Element;
|
|
2383
|
+
|
|
2227
2384
|
interface TCCEProviderProps {
|
|
2228
2385
|
children: ReactNode;
|
|
2229
2386
|
permissions?: string[];
|
|
@@ -2232,4 +2389,4 @@ interface TCCEProviderProps {
|
|
|
2232
2389
|
}
|
|
2233
2390
|
declare function TCCEProvider({ children, permissions, toasterPosition, tooltipDelayDuration, }: TCCEProviderProps): react.JSX.Element;
|
|
2234
2391
|
|
|
2235
|
-
export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BottomNav, type BottomNavItem, BottomNavTabs, BottomNavTabsContent, type BottomNavTabsItem, BottomNavTabsList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CellAlignment, Checkbox, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormat, type ColorPickerFormatProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerOutput, type ColorPickerOutputProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSelection, type ColorPickerSelectionProps, type ColumnMeta, Combobox, type ComboboxMatchMode, type ComboboxOption, type ComboboxProps, DataTable, DataTableCardView, type DataTableCardViewProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableFooter, type DataTableFooterProps, DataTableHeaderCell, type DataTableHeaderCellProps, type DataTableProps, DataTableRowActions, type DataTableRowActionsProps, DataTableSearch, type DataTableSearchProps, DataTableSkeleton, type DataTableSkeletonProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, type DropzoneContentProps, DropzoneEmptyState, type DropzoneEmptyStateProps, type DropzoneProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, type EventCalendarProps, type EventCreateRange, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, type FilterOptionProps, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarNotification, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, PhoneField, type PhoneFieldCountry, type PhoneFieldProps, PhoneFieldValidity, PinInput, type PinInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RowAction, SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger$1 as SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, Skeleton, Slider, type SortDirection, type SortRecord, Spinner, SpinnerDots, type SpinnerDotsProps, SpinnerLoader, type SpinnerLoaderProps, type SpinnerProps, Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, Switch, TCCEProvider, type TCCEProviderProps, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, type TableCellSize, type TableClassNames, type TableColumnDef, type TableContextType, TableFooter, TableHead, TableHeader, TablePagination, type TablePaginationProps, TableRow, type TableVariant, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextAs, type TextProps, type TextSize, type TextWeight, Textarea, type ToastAction, type ToastItem, type ToastType, Toaster, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseTableDataProps, type UseTableDataReturn, type UseTableFilteringProps, type UseTableFilteringReturn, type UseTableGlobalFilterProps, type UseTableGlobalFilterReturn, type UseTableSizingProps, type UseTableSizingReturn, type UseTableSortingProps, type UseTableSortingReturn, type UseTableVisibilityProps, type UseTableVisibilityReturn, alertVariants, animation, avatarVariants, badgeVariants, buttonVariants$1 as buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos,
|
|
2392
|
+
export { type AbilityContextValue, AbilityProvider, type AbilityProviderProps, type AbilityStatus, Accordion, AccordionContent, AccordionItem, AccordionTrigger, Alert, AlertDescription, AlertDialog, AlertDialogAction, AlertDialogCancel, AlertDialogContent, AlertDialogDescription, AlertDialogFooter, AlertDialogHeader, AlertDialogMedia, AlertDialogOverlay, AlertDialogPortal, AlertDialogTitle, AlertDialogTrigger, AlertTitle, type AnimationTokens, AppShell, type AppShellItem, type AppShellProps, Avatar, AvatarBadge, AvatarFallback, AvatarGroup, AvatarGroupCount, AvatarImage, Badge, BottomNav, type BottomNavItem, BottomNavTabs, BottomNavTabsContent, type BottomNavTabsItem, BottomNavTabsList, Breadcrumb, BreadcrumbEllipsis, BreadcrumbItem, BreadcrumbLink, BreadcrumbList, BreadcrumbPage, BreadcrumbSeparator, Button$1 as Button, CONFETTI_COLORS, type CalendarEvent, type CalendarView, Can, CanNot, type CanNotProps, type CanProps, type CanState, Card, CardAction, CardContent, CardDescription, CardFooter, CardHeader, CardTitle, Carousel, type CarouselApi, CarouselContent, CarouselItem, CarouselNext, CarouselPrevious, type CellAlignment, Checkbox, ColorPicker, ColorPickerAlpha, type ColorPickerAlphaProps, ColorPickerEyeDropper, type ColorPickerEyeDropperProps, ColorPickerFormat, type ColorPickerFormatProps, ColorPickerHue, type ColorPickerHueProps, ColorPickerOutput, type ColorPickerOutputProps, ColorPickerPresets, type ColorPickerPresetsProps, type ColorPickerProps, ColorPickerSelection, type ColorPickerSelectionProps, type ColumnMeta, Combobox, type ComboboxMatchMode, type ComboboxOption, type ComboboxProps, DataTable, DataTableCardView, type DataTableCardViewProps, DataTableColumnFilter, type DataTableColumnFilterProps, DataTableFooter, type DataTableFooterProps, DataTableHeaderCell, type DataTableHeaderCellProps, type DataTableProps, DataTableRowActions, type DataTableRowActionsProps, DataTableSearch, type DataTableSearchProps, DataTableSkeleton, type DataTableSkeletonProps, DataTableToolbar, type DataTableToolbarProps, DatePicker, type DatePickerProps, type DatePickerRangeProps, type DatePickerSingleProps, Dialog, DialogBody, DialogClose, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogOverlay, DialogPortal, DialogTitle, DialogTrigger, Drawer, DrawerBody, DrawerClose, DrawerContent, DrawerDescription, DrawerFooter, DrawerHeader, DrawerOverlay, DrawerPortal, type DrawerSide, type DrawerSize, DrawerTitle, DrawerTrigger, DropdownMenu, DropdownMenuCheckboxItem, DropdownMenuContent, DropdownMenuGroup, DropdownMenuItem, DropdownMenuLabel, DropdownMenuPortal, DropdownMenuRadioGroup, DropdownMenuRadioItem, DropdownMenuSeparator, DropdownMenuShortcut, DropdownMenuSub, DropdownMenuSubContent, DropdownMenuSubTrigger, DropdownMenuTrigger, Dropzone, DropzoneContent, type DropzoneContentProps, DropzoneEmptyState, type DropzoneEmptyStateProps, type DropzoneProps, Empty, EmptyContent, EmptyDescription, EmptyHeader, EmptyMedia, EmptyTitle, EventCalendar, type EventCalendarProps, type EventCreateRange, Field, FieldDescription, FieldError, FieldGroup, FieldLabel, FilterOption, type FilterOptionProps, type FireConfettiOptions, Input, Item, ItemActions, ItemContent, ItemDescription, ItemFooter, ItemGroup, ItemHeader, ItemMedia, ItemSeparator, ItemTitle, Label, Link, Logo, type LogoKey, MiniCalendar, MiniCalendarDay, type MiniCalendarDayProps, MiniCalendarDays, type MiniCalendarDaysProps, MiniCalendarNavigation, type MiniCalendarNavigationProps, type MiniCalendarProps, Navbar, type NavbarDropdownItem, type NavbarNavLink, type NavbarNotification, type NavbarProps, type NavbarUtilityLink, NavigationMenu, NavigationMenuContent, NavigationMenuIndicator, NavigationMenuItem, NavigationMenuLink, NavigationMenuList, NavigationMenuTrigger, NavigationMenuViewport, Pagination, PaginationContent, PaginationEllipsis, PaginationItem, PaginationLink, PaginationNext, PaginationPrevious, Permission, PhoneField, type PhoneFieldCountry, type PhoneFieldProps, PhoneFieldValidity, PinInput, type PinInputProps, Popover, PopoverAnchor, PopoverContent, PopoverDescription, PopoverHeader, PopoverTitle, PopoverTrigger, Progress, type ProgressProps, RadioGroup, RadioGroupItem, type RowAction, SegmentedControl, SegmentedControlItem, type SegmentedControlProps, Select, SelectContent, SelectGroup, SelectItem, SelectLabel, SelectScrollDownButton, SelectScrollUpButton, SelectSeparator, SelectTrigger$1 as SelectTrigger, SelectValue, Separator, Sheet, SheetClose, SheetContent, SheetDescription, SheetFooter, SheetHeader, SheetTitle, SheetTrigger, Sidebar, SidebarContent, SidebarFooter, SidebarGroup, SidebarGroupAction, SidebarGroupContent, SidebarGroupLabel, SidebarHeader, SidebarInput, SidebarInset, SidebarMenu, SidebarMenuAction, SidebarMenuBadge, SidebarMenuButton, SidebarMenuItem, SidebarMenuSkeleton, SidebarMenuSub, SidebarMenuSubButton, SidebarMenuSubItem, SidebarProvider, SidebarRail, SidebarSeparator, SidebarTrigger, SignaturePad, type SignaturePadHandle, type SignaturePadProps, Skeleton, Slider, type SortDirection, type SortRecord, Spinner, SpinnerDots, type SpinnerDotsProps, SpinnerLoader, type SpinnerLoaderProps, type SpinnerProps, Status, StatusIndicator, type StatusIndicatorProps, StatusLabel, type StatusLabelProps, type StatusProps, Switch, TCCEProvider, type TCCEProviderProps, TEXT_SIZES, TEXT_WEIGHTS, Table, TableBody, TableCaption, TableCell, type TableCellSize, type TableClassNames, type TableColumnDef, type TableContextType, TableFooter, TableHead, TableHeader, TablePagination, type TablePaginationProps, TableRow, type TableVariant, Tabs, TabsContent, TabsList, TabsTrigger, Text, type TextAs, type TextProps, type TextSize, type TextWeight, Textarea, type ToastAction, type ToastItem, type ToastType, Toaster, type ToasterPosition, type ToasterProps, Toggle, ToggleGroup, ToggleGroupItem, Tooltip, TooltipContent, TooltipProvider, TooltipTrigger, type UseTableDataProps, type UseTableDataReturn, type UseTableFilteringProps, type UseTableFilteringReturn, type UseTableGlobalFilterProps, type UseTableGlobalFilterReturn, type UseTableSizingProps, type UseTableSizingReturn, type UseTableSortingProps, type UseTableSortingReturn, type UseTableVisibilityProps, type UseTableVisibilityReturn, alertVariants, animation, avatarVariants, badgeVariants, buttonVariants$1 as buttonVariants, columnFiltersToArrayQueryParams, columnFiltersToJsonString, columnFiltersToQueryParams, columnFiltersToRecord, createBackendParams, createBackendParamsWithFilters, duration, ease, fadeIn, fireConfetti, getActiveFilterCount, getActiveFilterValues, getColumnValueCounts, getUniqueColumnValues, hasActiveFilters, linkVariants, logos, mergeFilters, multiSelectFilter, navigationMenuTriggerStyle, parseJsonToFilters, parseQueryParamsToFilters, progressIndicatorVariants, progressVariants, resetConfetti, scaleIn, searchInArray, skeletonVariants, slideRight, slideUp, sortRecordToSortingState, sortingStateToJsonString, sortingStateToRecord, spinnerDotsVariants, spinnerLoaderVariants, spinnerVariants, spring, stagger, toggleVariants, tooltipContentVariants, transition, useAbility, useAbilityStatus, useAppForm, useCan, useCarousel, useColorPicker, useColumnFilter, useSidebar, useTableContext, useTableData, useTableFiltering, useTableGlobalFilter, useTableSizing, useTableSorting, useTableVisibility, useToast };
|