@homebound/beam 2.418.0 → 3.0.0-alpha.10
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/dist/Css.json +913 -0
- package/dist/index.cjs +8637 -6054
- package/dist/index.cjs.map +1 -1
- package/dist/index.css +277 -0
- package/dist/index.css.map +1 -1
- package/dist/index.d.cts +354 -310
- package/dist/index.d.ts +354 -310
- package/dist/index.js +8126 -5562
- package/dist/index.js.map +1 -1
- package/dist/truss.css +1138 -0
- package/package.json +7 -6
package/dist/index.d.cts
CHANGED
|
@@ -2,7 +2,6 @@ import * as csstype from 'csstype';
|
|
|
2
2
|
import { Properties as Properties$1 } from 'csstype';
|
|
3
3
|
import * as React$1 from 'react';
|
|
4
4
|
import React__default, { PropsWithChildren, AriaAttributes, ReactNode, ReactElement, MutableRefObject, Dispatch, SetStateAction, RefObject, ButtonHTMLAttributes, KeyboardEvent, LabelHTMLAttributes, InputHTMLAttributes, TextareaHTMLAttributes, Key, HTMLAttributes, ReactPortal } from 'react';
|
|
5
|
-
import * as _emotion_react_jsx_runtime from '@emotion/react/jsx-runtime';
|
|
6
5
|
import { DOMProps, PressEvent, Key as Key$1 } from '@react-types/shared';
|
|
7
6
|
import { VirtuosoHandle, ListRange } from 'react-virtuoso';
|
|
8
7
|
import { AriaButtonProps } from '@react-types/button';
|
|
@@ -15,20 +14,31 @@ import { NumberFieldAria } from '@react-aria/numberfield';
|
|
|
15
14
|
/** Given a type X, and the user's proposed type T, only allow keys in X and nothing else. */
|
|
16
15
|
type Only<X, T> = X & Record<Exclude<keyof T, keyof X>, never>;
|
|
17
16
|
type Properties = Properties$1<string | 0, string>;
|
|
17
|
+
/** A marker token used with `when`/`markerOf` etc. */
|
|
18
|
+
type Marker = symbol;
|
|
18
19
|
type Typography = "xs2" | "xs2Sb" | "xs" | "xsSb" | "sm" | "smSb" | "md" | "mdSb" | "lg" | "xl" | "xl2";
|
|
20
|
+
declare module "react" {
|
|
21
|
+
interface HTMLAttributes<T> {
|
|
22
|
+
css?: Properties;
|
|
23
|
+
}
|
|
24
|
+
interface SVGAttributes<T> {
|
|
25
|
+
css?: Properties;
|
|
26
|
+
}
|
|
27
|
+
namespace JSX {
|
|
28
|
+
interface IntrinsicAttributes {
|
|
29
|
+
css?: Properties;
|
|
30
|
+
}
|
|
31
|
+
}
|
|
32
|
+
}
|
|
19
33
|
type Opts<T> = {
|
|
20
34
|
rules: T;
|
|
21
35
|
enabled: boolean;
|
|
22
|
-
important: boolean;
|
|
23
36
|
selector: string | undefined;
|
|
37
|
+
elseApplied: boolean;
|
|
24
38
|
};
|
|
25
39
|
declare class CssBuilder<T extends Properties> {
|
|
26
40
|
private opts;
|
|
27
41
|
constructor(opts: Opts<T>);
|
|
28
|
-
private get rules();
|
|
29
|
-
private get enabled();
|
|
30
|
-
private get selector();
|
|
31
|
-
private newCss;
|
|
32
42
|
/** Sets `borderStyle: "solid"; borderWidth: "1px"`. */
|
|
33
43
|
get ba(): CssBuilder<T & {
|
|
34
44
|
borderStyle: csstype.Property.BorderStyle | undefined;
|
|
@@ -3613,7 +3623,7 @@ declare class CssBuilder<T extends Properties> {
|
|
|
3613
3623
|
get measureNarrow(): CssBuilder<T & {
|
|
3614
3624
|
maxWidth: csstype.Property.MaxWidth<string | 0> | undefined;
|
|
3615
3625
|
}>;
|
|
3616
|
-
/** Sets `textIndent: "1em"; marginTop:
|
|
3626
|
+
/** Sets `textIndent: "1em"; marginTop: "0px"; marginBottom: "0px"`. */
|
|
3617
3627
|
get indent(): CssBuilder<T & {
|
|
3618
3628
|
textIndent: csstype.Property.TextIndent<string | 0> | undefined;
|
|
3619
3629
|
} & {
|
|
@@ -4013,7 +4023,7 @@ declare class CssBuilder<T extends Properties> {
|
|
|
4013
4023
|
} & {
|
|
4014
4024
|
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
4015
4025
|
}>;
|
|
4016
|
-
/** Sets `position: "absolute"; overflow: "hidden"; clip: "inset(50%)"; clipPath: ""; border: 0; height: "1px"; margin: "-1px"; width: "1px"; padding: 0; whiteSpace: "nowrap"; opacity: 0`. */
|
|
4026
|
+
/** Sets `position: "absolute"; overflow: "hidden"; clip: "inset(50%)"; clipPath: "none"; border: 0; height: "1px"; margin: "-1px"; width: "1px"; padding: 0; whiteSpace: "nowrap"; opacity: 0`. */
|
|
4017
4027
|
get visuallyHidden(): CssBuilder<T & {
|
|
4018
4028
|
position: csstype.Property.Position | undefined;
|
|
4019
4029
|
} & {
|
|
@@ -4042,11 +4052,42 @@ declare class CssBuilder<T extends Properties> {
|
|
|
4042
4052
|
content: csstype.Property.Content | undefined;
|
|
4043
4053
|
}>;
|
|
4044
4054
|
get $(): T;
|
|
4045
|
-
if(bp: Breakpoint): CssBuilder<T>;
|
|
4046
|
-
if(cond: boolean): CssBuilder<T>;
|
|
4047
|
-
if(attr: string, value: boolean | string): CssBuilder<T>;
|
|
4048
4055
|
get onHover(): CssBuilder<T>;
|
|
4049
|
-
|
|
4056
|
+
get onFocus(): CssBuilder<T>;
|
|
4057
|
+
get onFocusVisible(): CssBuilder<T>;
|
|
4058
|
+
get onFocusWithin(): CssBuilder<T>;
|
|
4059
|
+
get onActive(): CssBuilder<T>;
|
|
4060
|
+
get onDisabled(): CssBuilder<T>;
|
|
4061
|
+
get ifFirstOfType(): CssBuilder<T>;
|
|
4062
|
+
get ifLastOfType(): CssBuilder<T>;
|
|
4063
|
+
/** Marks this element as a default hover marker (for ancestor pseudo selectors). */
|
|
4064
|
+
get marker(): CssBuilder<T>;
|
|
4065
|
+
/** Marks this element with a user-defined marker. */
|
|
4066
|
+
markerOf(_marker: Marker): CssBuilder<T>;
|
|
4067
|
+
/** Creates a marker token for use with markerOf() and when(). */
|
|
4068
|
+
newMarker(): Marker;
|
|
4069
|
+
typography(key: Typography): CssBuilder<T>;
|
|
4070
|
+
/**
|
|
4071
|
+
* Styles after this `when` are applied on the current element for a static selector.
|
|
4072
|
+
*
|
|
4073
|
+
* `when(":hover")` — same semantics as `onHover`
|
|
4074
|
+
* `when(":hover:not(:disabled)")` — hover only while enabled
|
|
4075
|
+
*/
|
|
4076
|
+
when(selector: string): CssBuilder<T>;
|
|
4077
|
+
/**
|
|
4078
|
+
* Styles after this `when` are applied based on a marker relationship + pseudo selector.
|
|
4079
|
+
*
|
|
4080
|
+
* `when(marker, "ancestor", ":hover")` — react to marker ancestor hover
|
|
4081
|
+
* `when(row, "descendant", ":focus")` — react to a marked descendant focus
|
|
4082
|
+
*/
|
|
4083
|
+
when(marker: Marker, relationship: "ancestor" | "descendant" | "anySibling" | "siblingBefore" | "siblingAfter", pseudo: string): CssBuilder<T>;
|
|
4084
|
+
ifContainer(_props: {
|
|
4085
|
+
name?: string;
|
|
4086
|
+
lt?: number;
|
|
4087
|
+
gt?: number;
|
|
4088
|
+
}): this;
|
|
4089
|
+
/** Apply styles within a pseudo-element (e.g. `"::placeholder"`, `"::selection"`). */
|
|
4090
|
+
element(_pseudoElement: string): CssBuilder<T>;
|
|
4050
4091
|
get ifPrint(): CssBuilder<T>;
|
|
4051
4092
|
get ifSm(): CssBuilder<T>;
|
|
4052
4093
|
get ifMd(): CssBuilder<T>;
|
|
@@ -4055,18 +4096,25 @@ declare class CssBuilder<T extends Properties> {
|
|
|
4055
4096
|
get ifMdAndDown(): CssBuilder<T>;
|
|
4056
4097
|
get ifLg(): CssBuilder<T>;
|
|
4057
4098
|
get ifMdOrLg(): CssBuilder<T>;
|
|
4099
|
+
/** Conditionally apply styles when `cond` is true. */
|
|
4100
|
+
if(cond: boolean): CssBuilder<T>;
|
|
4101
|
+
/** Apply styles within a media query (e.g. `Breakpoints.sm` or a raw `@media` string). */
|
|
4102
|
+
if(mediaQuery: string): CssBuilder<T>;
|
|
4058
4103
|
get else(): CssBuilder<T>;
|
|
4059
|
-
get important(): CssBuilder<T>;
|
|
4060
|
-
/** Adds new properties, either a specific key/value or a Properties object, to the current css. */
|
|
4061
4104
|
add<P extends Properties>(props: P): CssBuilder<T & P>;
|
|
4062
4105
|
add<K extends keyof Properties>(prop: K, value: Properties[K]): CssBuilder<T & {
|
|
4063
4106
|
[U in K]: Properties[K];
|
|
4064
4107
|
}>;
|
|
4065
|
-
/**
|
|
4066
|
-
|
|
4067
|
-
|
|
4068
|
-
|
|
4069
|
-
}
|
|
4108
|
+
/** Inline a partial style hash, skipping any undefined values. */
|
|
4109
|
+
addCss<P extends Properties>(props: P): CssBuilder<T & P>;
|
|
4110
|
+
/** Marker for the build-time transform to append a raw className. */
|
|
4111
|
+
className(className: string): CssBuilder<T>;
|
|
4112
|
+
/** Convert a style hash into `{ className, style }` props for manual spreading into non-`css=` contexts. */
|
|
4113
|
+
props(styles: Properties): Record<string, unknown>;
|
|
4114
|
+
private get rules();
|
|
4115
|
+
private get enabled();
|
|
4116
|
+
private get selector();
|
|
4117
|
+
private newCss;
|
|
4070
4118
|
}
|
|
4071
4119
|
/** Converts `inc` into pixels value with a `px` suffix. */
|
|
4072
4120
|
declare function maybeInc(inc: number | string): string;
|
|
@@ -4150,6 +4198,8 @@ declare enum Palette {
|
|
|
4150
4198
|
}
|
|
4151
4199
|
/** A shortcut for defining Xss types. */
|
|
4152
4200
|
type Xss<P extends keyof Properties> = Pick<Properties, P>;
|
|
4201
|
+
/** The shared marker token for `when(marker, relationship, pseudo)`. */
|
|
4202
|
+
declare const marker: Marker;
|
|
4153
4203
|
/** An entry point for Css expressions. CssBuilder is immutable so this is safe to share. */
|
|
4154
4204
|
declare const Css: CssBuilder<{}>;
|
|
4155
4205
|
type Margin = "margin" | "marginTop" | "marginRight" | "marginBottom" | "marginLeft";
|
|
@@ -4158,32 +4208,14 @@ type Font = "fontSize" | "fontWeight" | "lineHeight";
|
|
|
4158
4208
|
type Breakpoint = "print" | "sm" | "md" | "smOrMd" | "mdAndUp" | "mdAndDown" | "lg" | "mdOrLg";
|
|
4159
4209
|
declare enum Breakpoints {
|
|
4160
4210
|
print = "@media print",
|
|
4161
|
-
sm = "@media screen and (max-width:599px)",
|
|
4162
|
-
md = "@media screen and (min-width:600px) and (max-width:1024px)",
|
|
4163
|
-
smOrMd = "@media screen and (max-width:1024px)",
|
|
4164
|
-
mdAndUp = "@media screen and (min-width:600px)",
|
|
4165
|
-
mdAndDown = "@media screen and (max-width:1024px)",
|
|
4166
|
-
lg = "@media screen and (min-width:1025px)",
|
|
4167
|
-
mdOrLg = "@media screen and (min-width:600px)"
|
|
4211
|
+
sm = "@media screen and (max-width: 599px)",
|
|
4212
|
+
md = "@media screen and (min-width: 600px) and (max-width: 1024px)",
|
|
4213
|
+
smOrMd = "@media screen and (max-width: 1024px)",
|
|
4214
|
+
mdAndUp = "@media screen and (min-width: 600px)",
|
|
4215
|
+
mdAndDown = "@media screen and (max-width: 1024px)",
|
|
4216
|
+
lg = "@media screen and (min-width: 1025px)",
|
|
4217
|
+
mdOrLg = "@media screen and (min-width: 600px)"
|
|
4168
4218
|
}
|
|
4169
|
-
/**
|
|
4170
|
-
* Utility to help write `@container` queries
|
|
4171
|
-
*
|
|
4172
|
-
* @param name - The name of the container.
|
|
4173
|
-
* @param lt - The maximum width of the container inclusive.
|
|
4174
|
-
* @param gt - The minimum width of the container exclusive.
|
|
4175
|
-
*/
|
|
4176
|
-
type ContainerProps = {
|
|
4177
|
-
name?: string;
|
|
4178
|
-
} & ({
|
|
4179
|
-
lt: number;
|
|
4180
|
-
} | {
|
|
4181
|
-
gt: number;
|
|
4182
|
-
} | {
|
|
4183
|
-
lt: number;
|
|
4184
|
-
gt: number;
|
|
4185
|
-
});
|
|
4186
|
-
declare function Container(props: ContainerProps): string;
|
|
4187
4219
|
|
|
4188
4220
|
type HasIdIsh<V = string> = {
|
|
4189
4221
|
id: V;
|
|
@@ -4234,7 +4266,7 @@ type AutoSaveStatusProviderProps = PropsWithChildren<{
|
|
|
4234
4266
|
/** After a successful save, reset Status back to `Idle` after this many milliseconds */
|
|
4235
4267
|
resetToIdleTimeout?: number;
|
|
4236
4268
|
}>;
|
|
4237
|
-
declare function AutoSaveStatusProvider({ children, resetToIdleTimeout }: AutoSaveStatusProviderProps):
|
|
4269
|
+
declare function AutoSaveStatusProvider({ children, resetToIdleTimeout }: AutoSaveStatusProviderProps): JSX.Element;
|
|
4238
4270
|
|
|
4239
4271
|
/**
|
|
4240
4272
|
* Provides access to the current auto-save status, i.e. idle/saving/done.
|
|
@@ -4260,7 +4292,7 @@ interface IconProps extends AriaAttributes, DOMProps {
|
|
|
4260
4292
|
xss?: Xss<Margin | "visibility" | "flexShrink">;
|
|
4261
4293
|
tooltip?: ReactNode;
|
|
4262
4294
|
}
|
|
4263
|
-
declare const Icon: React__default.MemoExoticComponent<(props: IconProps) =>
|
|
4295
|
+
declare const Icon: React__default.MemoExoticComponent<(props: IconProps) => JSX.Element>;
|
|
4264
4296
|
/**
|
|
4265
4297
|
* Map of icons paths mapped to their respective name.
|
|
4266
4298
|
*
|
|
@@ -4271,165 +4303,165 @@ declare const Icon: React__default.MemoExoticComponent<(props: IconProps) => _em
|
|
|
4271
4303
|
* 3. Remove all fill attributes as these will be controlled by the wrapping component
|
|
4272
4304
|
*/
|
|
4273
4305
|
declare const Icons: {
|
|
4274
|
-
kanban:
|
|
4275
|
-
expand:
|
|
4276
|
-
collapse:
|
|
4277
|
-
drag:
|
|
4278
|
-
move:
|
|
4279
|
-
x:
|
|
4280
|
-
loader:
|
|
4281
|
-
link:
|
|
4282
|
-
linkExternal:
|
|
4283
|
-
upload:
|
|
4284
|
-
download:
|
|
4285
|
-
checkboxChecked:
|
|
4286
|
-
checkbox:
|
|
4287
|
-
check:
|
|
4288
|
-
search:
|
|
4289
|
-
comment:
|
|
4290
|
-
commentFilled:
|
|
4291
|
-
plus:
|
|
4292
|
-
minus:
|
|
4293
|
-
pencil:
|
|
4294
|
-
cloudUpload:
|
|
4295
|
-
toggleOn:
|
|
4296
|
-
trash:
|
|
4297
|
-
refresh:
|
|
4298
|
-
eyeball:
|
|
4299
|
-
thumbsUp:
|
|
4300
|
-
verticalDots:
|
|
4301
|
-
star:
|
|
4302
|
-
starFilled:
|
|
4303
|
-
cloudSave:
|
|
4304
|
-
attachment:
|
|
4305
|
-
archive:
|
|
4306
|
-
unarchive:
|
|
4307
|
-
duplicate:
|
|
4308
|
-
filter:
|
|
4309
|
-
errorCircle:
|
|
4310
|
-
checkCircle:
|
|
4311
|
-
infoCircle:
|
|
4312
|
-
helpCircle:
|
|
4313
|
-
error:
|
|
4314
|
-
xCircle:
|
|
4315
|
-
flag:
|
|
4316
|
-
outlineFlag:
|
|
4317
|
-
add:
|
|
4318
|
-
remove:
|
|
4319
|
-
loaderCircle:
|
|
4320
|
-
circleOutline:
|
|
4321
|
-
chevronsDown:
|
|
4322
|
-
chevronsRight:
|
|
4323
|
-
sortUp:
|
|
4324
|
-
sortDown:
|
|
4325
|
-
chevronDown:
|
|
4326
|
-
chevronUp:
|
|
4327
|
-
chevronLeft:
|
|
4328
|
-
chevronRight:
|
|
4329
|
-
arrowBack:
|
|
4330
|
-
arrowLeft:
|
|
4331
|
-
arrowUp:
|
|
4332
|
-
arrowDown:
|
|
4333
|
-
arrowRight:
|
|
4334
|
-
triangleLeft:
|
|
4335
|
-
triangleRight:
|
|
4336
|
-
triangleUp:
|
|
4337
|
-
triangleDown:
|
|
4338
|
-
menuClose:
|
|
4339
|
-
menuOpen:
|
|
4340
|
-
arrowFromLeft:
|
|
4341
|
-
arrowFromBottom:
|
|
4342
|
-
arrowFromRight:
|
|
4343
|
-
arrowFromTop:
|
|
4344
|
-
subDirectoryRight:
|
|
4345
|
-
camera:
|
|
4346
|
-
email:
|
|
4347
|
-
fileBlank:
|
|
4348
|
-
folder:
|
|
4349
|
-
image:
|
|
4350
|
-
file:
|
|
4351
|
-
images:
|
|
4352
|
-
openBook:
|
|
4353
|
-
inbox:
|
|
4354
|
-
criticalPath:
|
|
4355
|
-
nested:
|
|
4356
|
-
estimate:
|
|
4357
|
-
commentItem:
|
|
4358
|
-
todo:
|
|
4359
|
-
projectItem:
|
|
4360
|
-
bill:
|
|
4361
|
-
commitment:
|
|
4362
|
-
document:
|
|
4363
|
-
budgetReallocation:
|
|
4364
|
-
cog:
|
|
4365
|
-
abacus:
|
|
4366
|
-
hardHat:
|
|
4367
|
-
task:
|
|
4368
|
-
dollar:
|
|
4369
|
-
userCircle:
|
|
4370
|
-
calendar:
|
|
4371
|
-
calendarError:
|
|
4372
|
-
calendarX:
|
|
4373
|
-
changeEvent:
|
|
4374
|
-
buildingHouse:
|
|
4375
|
-
house:
|
|
4376
|
-
bell:
|
|
4377
|
-
customize:
|
|
4378
|
-
leaf:
|
|
4379
|
-
floorPlan:
|
|
4380
|
-
chair:
|
|
4381
|
-
bolt:
|
|
4382
|
-
checklistComplete:
|
|
4383
|
-
checklistNotComplete:
|
|
4384
|
-
faucet:
|
|
4385
|
-
bed:
|
|
4386
|
-
sqFeet:
|
|
4387
|
-
ruler:
|
|
4388
|
-
palette:
|
|
4389
|
-
bath:
|
|
4390
|
-
car:
|
|
4391
|
-
basement:
|
|
4392
|
-
cube:
|
|
4393
|
-
history:
|
|
4394
|
-
projects:
|
|
4395
|
-
tasks:
|
|
4396
|
-
finances:
|
|
4397
|
-
templates:
|
|
4398
|
-
tradePartners:
|
|
4399
|
-
menu:
|
|
4400
|
-
tile:
|
|
4401
|
-
list:
|
|
4402
|
-
cloudy:
|
|
4403
|
-
fog:
|
|
4404
|
-
hail:
|
|
4405
|
-
ice:
|
|
4406
|
-
partlyCloudy:
|
|
4407
|
-
rain:
|
|
4408
|
-
snow:
|
|
4409
|
-
sunny:
|
|
4410
|
-
thunderstorms:
|
|
4411
|
-
undoCircle:
|
|
4412
|
-
windy:
|
|
4413
|
-
circle:
|
|
4414
|
-
checkCircleFilled:
|
|
4415
|
-
cart:
|
|
4416
|
-
programChange:
|
|
4417
|
-
architectural:
|
|
4418
|
-
structural:
|
|
4419
|
-
mep:
|
|
4420
|
-
designPackage:
|
|
4421
|
-
updateDesignPackage:
|
|
4422
|
-
exteriorStyle:
|
|
4423
|
-
time:
|
|
4424
|
-
lockOpen:
|
|
4425
|
-
map:
|
|
4426
|
-
pin:
|
|
4427
|
-
mapGlobe:
|
|
4428
|
-
buildings:
|
|
4429
|
-
community:
|
|
4430
|
-
subdivision:
|
|
4431
|
-
lot:
|
|
4432
|
-
houseFilled:
|
|
4306
|
+
kanban: JSX.Element;
|
|
4307
|
+
expand: JSX.Element;
|
|
4308
|
+
collapse: JSX.Element;
|
|
4309
|
+
drag: JSX.Element;
|
|
4310
|
+
move: JSX.Element;
|
|
4311
|
+
x: JSX.Element;
|
|
4312
|
+
loader: JSX.Element;
|
|
4313
|
+
link: JSX.Element;
|
|
4314
|
+
linkExternal: JSX.Element;
|
|
4315
|
+
upload: JSX.Element;
|
|
4316
|
+
download: JSX.Element;
|
|
4317
|
+
checkboxChecked: JSX.Element;
|
|
4318
|
+
checkbox: JSX.Element;
|
|
4319
|
+
check: JSX.Element;
|
|
4320
|
+
search: JSX.Element;
|
|
4321
|
+
comment: JSX.Element;
|
|
4322
|
+
commentFilled: JSX.Element;
|
|
4323
|
+
plus: JSX.Element;
|
|
4324
|
+
minus: JSX.Element;
|
|
4325
|
+
pencil: JSX.Element;
|
|
4326
|
+
cloudUpload: JSX.Element;
|
|
4327
|
+
toggleOn: JSX.Element;
|
|
4328
|
+
trash: JSX.Element;
|
|
4329
|
+
refresh: JSX.Element;
|
|
4330
|
+
eyeball: JSX.Element;
|
|
4331
|
+
thumbsUp: JSX.Element;
|
|
4332
|
+
verticalDots: JSX.Element;
|
|
4333
|
+
star: JSX.Element;
|
|
4334
|
+
starFilled: JSX.Element;
|
|
4335
|
+
cloudSave: JSX.Element;
|
|
4336
|
+
attachment: JSX.Element;
|
|
4337
|
+
archive: JSX.Element;
|
|
4338
|
+
unarchive: JSX.Element;
|
|
4339
|
+
duplicate: JSX.Element;
|
|
4340
|
+
filter: JSX.Element;
|
|
4341
|
+
errorCircle: JSX.Element;
|
|
4342
|
+
checkCircle: JSX.Element;
|
|
4343
|
+
infoCircle: JSX.Element;
|
|
4344
|
+
helpCircle: JSX.Element;
|
|
4345
|
+
error: JSX.Element;
|
|
4346
|
+
xCircle: JSX.Element;
|
|
4347
|
+
flag: JSX.Element;
|
|
4348
|
+
outlineFlag: JSX.Element;
|
|
4349
|
+
add: JSX.Element;
|
|
4350
|
+
remove: JSX.Element;
|
|
4351
|
+
loaderCircle: JSX.Element;
|
|
4352
|
+
circleOutline: JSX.Element;
|
|
4353
|
+
chevronsDown: JSX.Element;
|
|
4354
|
+
chevronsRight: JSX.Element;
|
|
4355
|
+
sortUp: JSX.Element;
|
|
4356
|
+
sortDown: JSX.Element;
|
|
4357
|
+
chevronDown: JSX.Element;
|
|
4358
|
+
chevronUp: JSX.Element;
|
|
4359
|
+
chevronLeft: JSX.Element;
|
|
4360
|
+
chevronRight: JSX.Element;
|
|
4361
|
+
arrowBack: JSX.Element;
|
|
4362
|
+
arrowLeft: JSX.Element;
|
|
4363
|
+
arrowUp: JSX.Element;
|
|
4364
|
+
arrowDown: JSX.Element;
|
|
4365
|
+
arrowRight: JSX.Element;
|
|
4366
|
+
triangleLeft: JSX.Element;
|
|
4367
|
+
triangleRight: JSX.Element;
|
|
4368
|
+
triangleUp: JSX.Element;
|
|
4369
|
+
triangleDown: JSX.Element;
|
|
4370
|
+
menuClose: JSX.Element;
|
|
4371
|
+
menuOpen: JSX.Element;
|
|
4372
|
+
arrowFromLeft: JSX.Element;
|
|
4373
|
+
arrowFromBottom: JSX.Element;
|
|
4374
|
+
arrowFromRight: JSX.Element;
|
|
4375
|
+
arrowFromTop: JSX.Element;
|
|
4376
|
+
subDirectoryRight: JSX.Element;
|
|
4377
|
+
camera: JSX.Element;
|
|
4378
|
+
email: JSX.Element;
|
|
4379
|
+
fileBlank: JSX.Element;
|
|
4380
|
+
folder: JSX.Element;
|
|
4381
|
+
image: JSX.Element;
|
|
4382
|
+
file: JSX.Element;
|
|
4383
|
+
images: JSX.Element;
|
|
4384
|
+
openBook: JSX.Element;
|
|
4385
|
+
inbox: JSX.Element;
|
|
4386
|
+
criticalPath: JSX.Element;
|
|
4387
|
+
nested: JSX.Element;
|
|
4388
|
+
estimate: JSX.Element;
|
|
4389
|
+
commentItem: JSX.Element;
|
|
4390
|
+
todo: JSX.Element;
|
|
4391
|
+
projectItem: JSX.Element;
|
|
4392
|
+
bill: JSX.Element;
|
|
4393
|
+
commitment: JSX.Element;
|
|
4394
|
+
document: JSX.Element;
|
|
4395
|
+
budgetReallocation: JSX.Element;
|
|
4396
|
+
cog: JSX.Element;
|
|
4397
|
+
abacus: JSX.Element;
|
|
4398
|
+
hardHat: JSX.Element;
|
|
4399
|
+
task: JSX.Element;
|
|
4400
|
+
dollar: JSX.Element;
|
|
4401
|
+
userCircle: JSX.Element;
|
|
4402
|
+
calendar: JSX.Element;
|
|
4403
|
+
calendarError: JSX.Element;
|
|
4404
|
+
calendarX: JSX.Element;
|
|
4405
|
+
changeEvent: JSX.Element;
|
|
4406
|
+
buildingHouse: JSX.Element;
|
|
4407
|
+
house: JSX.Element;
|
|
4408
|
+
bell: JSX.Element;
|
|
4409
|
+
customize: JSX.Element;
|
|
4410
|
+
leaf: JSX.Element;
|
|
4411
|
+
floorPlan: JSX.Element;
|
|
4412
|
+
chair: JSX.Element;
|
|
4413
|
+
bolt: JSX.Element;
|
|
4414
|
+
checklistComplete: JSX.Element;
|
|
4415
|
+
checklistNotComplete: JSX.Element;
|
|
4416
|
+
faucet: JSX.Element;
|
|
4417
|
+
bed: JSX.Element;
|
|
4418
|
+
sqFeet: JSX.Element;
|
|
4419
|
+
ruler: JSX.Element;
|
|
4420
|
+
palette: JSX.Element;
|
|
4421
|
+
bath: JSX.Element;
|
|
4422
|
+
car: JSX.Element;
|
|
4423
|
+
basement: JSX.Element;
|
|
4424
|
+
cube: JSX.Element;
|
|
4425
|
+
history: JSX.Element;
|
|
4426
|
+
projects: JSX.Element;
|
|
4427
|
+
tasks: JSX.Element;
|
|
4428
|
+
finances: JSX.Element;
|
|
4429
|
+
templates: JSX.Element;
|
|
4430
|
+
tradePartners: JSX.Element;
|
|
4431
|
+
menu: JSX.Element;
|
|
4432
|
+
tile: JSX.Element;
|
|
4433
|
+
list: JSX.Element;
|
|
4434
|
+
cloudy: JSX.Element;
|
|
4435
|
+
fog: JSX.Element;
|
|
4436
|
+
hail: JSX.Element;
|
|
4437
|
+
ice: JSX.Element;
|
|
4438
|
+
partlyCloudy: JSX.Element;
|
|
4439
|
+
rain: JSX.Element;
|
|
4440
|
+
snow: JSX.Element;
|
|
4441
|
+
sunny: JSX.Element;
|
|
4442
|
+
thunderstorms: JSX.Element;
|
|
4443
|
+
undoCircle: JSX.Element;
|
|
4444
|
+
windy: JSX.Element;
|
|
4445
|
+
circle: JSX.Element;
|
|
4446
|
+
checkCircleFilled: JSX.Element;
|
|
4447
|
+
cart: JSX.Element;
|
|
4448
|
+
programChange: JSX.Element;
|
|
4449
|
+
architectural: JSX.Element;
|
|
4450
|
+
structural: JSX.Element;
|
|
4451
|
+
mep: JSX.Element;
|
|
4452
|
+
designPackage: JSX.Element;
|
|
4453
|
+
updateDesignPackage: JSX.Element;
|
|
4454
|
+
exteriorStyle: JSX.Element;
|
|
4455
|
+
time: JSX.Element;
|
|
4456
|
+
lockOpen: JSX.Element;
|
|
4457
|
+
map: JSX.Element;
|
|
4458
|
+
pin: JSX.Element;
|
|
4459
|
+
mapGlobe: JSX.Element;
|
|
4460
|
+
buildings: JSX.Element;
|
|
4461
|
+
community: JSX.Element;
|
|
4462
|
+
subdivision: JSX.Element;
|
|
4463
|
+
lot: JSX.Element;
|
|
4464
|
+
houseFilled: JSX.Element;
|
|
4433
4465
|
};
|
|
4434
4466
|
type IconKey = keyof typeof Icons;
|
|
4435
4467
|
|
|
@@ -4444,7 +4476,7 @@ interface ChipProps<X> {
|
|
|
4444
4476
|
icon?: IconKey;
|
|
4445
4477
|
}
|
|
4446
4478
|
/** Kinda like a chip, but read-only, so no `onClick` or `hover`. */
|
|
4447
|
-
declare function Chip<X extends Only<Xss<Margin | "color" | "backgroundColor">, X>>(props: ChipProps<X>):
|
|
4479
|
+
declare function Chip<X extends Only<Xss<Margin | "color" | "backgroundColor">, X>>(props: ChipProps<X>): JSX.Element;
|
|
4448
4480
|
declare const chipBaseStyles: (compact?: boolean) => {
|
|
4449
4481
|
fontWeight: csstype.Property.FontWeight | undefined;
|
|
4450
4482
|
} & {
|
|
@@ -4487,7 +4519,7 @@ interface ChipsProps<X> {
|
|
|
4487
4519
|
wrap?: boolean;
|
|
4488
4520
|
}
|
|
4489
4521
|
/** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */
|
|
4490
|
-
declare function Chips<X extends Only<ChipsXss, X>>(props: ChipsProps<X>):
|
|
4522
|
+
declare function Chips<X extends Only<ChipsXss, X>>(props: ChipsProps<X>): JSX.Element;
|
|
4491
4523
|
|
|
4492
4524
|
type ResizedWidths = Record<string, number>;
|
|
4493
4525
|
|
|
@@ -4516,7 +4548,7 @@ type PresentationContextProps = {
|
|
|
4516
4548
|
gridTableStyle?: GridStyle;
|
|
4517
4549
|
wrap?: boolean;
|
|
4518
4550
|
};
|
|
4519
|
-
declare function PresentationProvider(props: PropsWithChildren<PresentationContextProps>):
|
|
4551
|
+
declare function PresentationProvider(props: PropsWithChildren<PresentationContextProps>): JSX.Element;
|
|
4520
4552
|
/**
|
|
4521
4553
|
* Label settings for required/optional fields.
|
|
4522
4554
|
*
|
|
@@ -4696,6 +4728,8 @@ declare const rowClickRenderFn: (as: RenderAs, api: GridTableApi<any>, colSpan:
|
|
|
4696
4728
|
interface GridStyle {
|
|
4697
4729
|
/** Applied to the base div element. */
|
|
4698
4730
|
rootCss?: Properties;
|
|
4731
|
+
/** Extra bottom padding for the virtual-table footer loader/spacer, in pixels. */
|
|
4732
|
+
virtualFooterPaddingBottomPx?: number;
|
|
4699
4733
|
/**
|
|
4700
4734
|
* Applied as the base body-row cell styling (commonly used for row separators).
|
|
4701
4735
|
* This is applied to body rows broadly (including the last body row); use
|
|
@@ -4749,8 +4783,6 @@ interface GridStyle {
|
|
|
4749
4783
|
firstRowMessageCss?: Properties;
|
|
4750
4784
|
/** Applied on hover if a row has a rowLink/onClick set. */
|
|
4751
4785
|
rowHoverColor?: Palette | "none";
|
|
4752
|
-
/** Applied on hover of a row */
|
|
4753
|
-
nonHeaderRowHoverCss?: Properties;
|
|
4754
4786
|
/** Default content to put into an empty cell */
|
|
4755
4787
|
emptyCell?: ReactNode;
|
|
4756
4788
|
presentationSettings?: Pick<PresentationFieldProps, "borderless" | "borderOnHover" | "typeScale"> & Pick<PresentationContextProps, "wrap">;
|
|
@@ -5473,7 +5505,7 @@ interface GridTableProps<R extends Kinded, X> {
|
|
|
5473
5505
|
*
|
|
5474
5506
|
* https://docs.google.com/document/d/1DFnlkDubK4nG_GLf_hB8yp0flnSNt_3IBh5iOicuaFM/edit#heading=h.9m9cpwgeqfc9
|
|
5475
5507
|
*/
|
|
5476
|
-
declare function GridTable<R extends Kinded, X extends Only<GridTableXss, X> = any>(props: GridTableProps<R, X>):
|
|
5508
|
+
declare function GridTable<R extends Kinded, X extends Only<GridTableXss, X> = any>(props: GridTableProps<R, X>): JSX.Element;
|
|
5477
5509
|
|
|
5478
5510
|
type ToggleChipXss$2 = Xss<Margin>;
|
|
5479
5511
|
interface ToggleChipProps<X> {
|
|
@@ -5483,10 +5515,13 @@ interface ToggleChipProps<X> {
|
|
|
5483
5515
|
disabled?: boolean;
|
|
5484
5516
|
icon?: IconKey;
|
|
5485
5517
|
}
|
|
5486
|
-
declare function ToggleChip<X extends Only<ToggleChipXss$2, X>>(props: ToggleChipProps<X>):
|
|
5518
|
+
declare function ToggleChip<X extends Only<ToggleChipXss$2, X>>(props: ToggleChipProps<X>): JSX.Element;
|
|
5487
5519
|
declare const chipHoverStyles: {
|
|
5488
5520
|
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
5489
5521
|
};
|
|
5522
|
+
declare const chipHoverOnlyStyles: {
|
|
5523
|
+
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
5524
|
+
};
|
|
5490
5525
|
declare const chipDisabledStyles: {
|
|
5491
5526
|
color: csstype.Property.Color | undefined;
|
|
5492
5527
|
} & {
|
|
@@ -5501,7 +5536,7 @@ interface ToggleChipsProps<T, X> {
|
|
|
5501
5536
|
xss?: X;
|
|
5502
5537
|
}
|
|
5503
5538
|
/** Renders a list of `Chip`s, with wrapping & appropriate margin between each `Chip`. */
|
|
5504
|
-
declare function ToggleChips<T, X extends Only<ToggleChipXss$1, X>>(props: ToggleChipsProps<T, X>):
|
|
5539
|
+
declare function ToggleChips<T, X extends Only<ToggleChipXss$1, X>>(props: ToggleChipsProps<T, X>): JSX.Element;
|
|
5505
5540
|
|
|
5506
5541
|
type AccordionXss = Xss<Padding>;
|
|
5507
5542
|
interface AccordionProps<X = AccordionXss> {
|
|
@@ -5530,7 +5565,7 @@ interface AccordionProps<X = AccordionXss> {
|
|
|
5530
5565
|
/** Modifies the typography, padding, icon size and background color of the accordion header */
|
|
5531
5566
|
compact?: boolean;
|
|
5532
5567
|
}
|
|
5533
|
-
declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>):
|
|
5568
|
+
declare function Accordion<X extends Only<AccordionXss, X>>(props: AccordionProps<X>): JSX.Element;
|
|
5534
5569
|
type AccordionSize = "xs" | "sm" | "md" | "lg";
|
|
5535
5570
|
|
|
5536
5571
|
interface AccordionListProps {
|
|
@@ -5541,13 +5576,13 @@ interface AccordionListProps {
|
|
|
5541
5576
|
/** Modifies the typography, padding, icon size and background color of the accordion header */
|
|
5542
5577
|
compact?: boolean;
|
|
5543
5578
|
}
|
|
5544
|
-
declare function AccordionList(props: AccordionListProps):
|
|
5579
|
+
declare function AccordionList(props: AccordionListProps): JSX.Element;
|
|
5545
5580
|
|
|
5546
5581
|
interface AutoSaveIndicatorProps {
|
|
5547
5582
|
hideOnIdle?: boolean;
|
|
5548
5583
|
doNotReset?: boolean;
|
|
5549
5584
|
}
|
|
5550
|
-
declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps):
|
|
5585
|
+
declare function AutoSaveIndicator({ hideOnIdle, doNotReset }: AutoSaveIndicatorProps): JSX.Element | null;
|
|
5551
5586
|
|
|
5552
5587
|
interface AvatarProps {
|
|
5553
5588
|
src: string | undefined;
|
|
@@ -5556,7 +5591,7 @@ interface AvatarProps {
|
|
|
5556
5591
|
showName?: boolean;
|
|
5557
5592
|
disableTooltip?: boolean;
|
|
5558
5593
|
}
|
|
5559
|
-
declare function Avatar({ src, name, size, showName, disableTooltip, ...others }: AvatarProps):
|
|
5594
|
+
declare function Avatar({ src, name, size, showName, disableTooltip, ...others }: AvatarProps): JSX.Element;
|
|
5560
5595
|
type AvatarSize = "sm" | "md" | "lg" | "xl";
|
|
5561
5596
|
|
|
5562
5597
|
/** Base Interfaced */
|
|
@@ -5625,7 +5660,7 @@ interface AvatarButtonProps extends AvatarProps, BeamButtonProps, BeamFocusableP
|
|
|
5625
5660
|
pressed?: boolean;
|
|
5626
5661
|
};
|
|
5627
5662
|
}
|
|
5628
|
-
declare function AvatarButton(props: AvatarButtonProps):
|
|
5663
|
+
declare function AvatarButton(props: AvatarButtonProps): JSX.Element;
|
|
5629
5664
|
declare const hoverStyles: {
|
|
5630
5665
|
boxShadow: csstype.Property.BoxShadow | undefined;
|
|
5631
5666
|
};
|
|
@@ -5656,7 +5691,7 @@ interface AvatarGroupProps {
|
|
|
5656
5691
|
}[];
|
|
5657
5692
|
size?: AvatarSize;
|
|
5658
5693
|
}
|
|
5659
|
-
declare function AvatarGroup(props: AvatarGroupProps):
|
|
5694
|
+
declare function AvatarGroup(props: AvatarGroupProps): JSX.Element;
|
|
5660
5695
|
|
|
5661
5696
|
interface BannerProps {
|
|
5662
5697
|
type: BannerTypes;
|
|
@@ -5664,7 +5699,7 @@ interface BannerProps {
|
|
|
5664
5699
|
onClose?: VoidFunction;
|
|
5665
5700
|
showIcon?: boolean;
|
|
5666
5701
|
}
|
|
5667
|
-
declare function Banner(props: BannerProps):
|
|
5702
|
+
declare function Banner(props: BannerProps): JSX.Element;
|
|
5668
5703
|
type BannerTypes = "error" | "warning" | "success" | "info" | "alert";
|
|
5669
5704
|
|
|
5670
5705
|
type ModalSize = "sm" | "md" | "lg" | "xl" | "xxl";
|
|
@@ -5772,7 +5807,7 @@ declare function useSuperDrawer(): UseSuperDrawerHook;
|
|
|
5772
5807
|
|
|
5773
5808
|
interface BeamProviderProps extends PropsWithChildren<PresentationContextProps> {
|
|
5774
5809
|
}
|
|
5775
|
-
declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps):
|
|
5810
|
+
declare function BeamProvider({ children, ...presentationProps }: BeamProviderProps): JSX.Element;
|
|
5776
5811
|
|
|
5777
5812
|
interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
5778
5813
|
label: ReactNode;
|
|
@@ -5794,7 +5829,7 @@ interface ButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
|
5794
5829
|
/** Shows pressed/active styles (useful when a menu is open) */
|
|
5795
5830
|
active?: boolean;
|
|
5796
5831
|
}
|
|
5797
|
-
declare function Button(props: ButtonProps):
|
|
5832
|
+
declare function Button(props: ButtonProps): JSX.Element;
|
|
5798
5833
|
type ButtonSize = "sm" | "md" | "lg";
|
|
5799
5834
|
type ButtonVariant = "primary" | "secondary" | "secondaryBlack" | "tertiary" | "tertiaryDanger" | "caution" | "danger" | "quaternary" | "text" | "textSecondary";
|
|
5800
5835
|
|
|
@@ -5829,7 +5864,7 @@ interface IconButtonProps extends BeamButtonProps, BeamFocusableProps {
|
|
|
5829
5864
|
/** Provides label for screen readers - Will become a required soon */
|
|
5830
5865
|
label?: string;
|
|
5831
5866
|
}
|
|
5832
|
-
declare function IconButton(props: IconButtonProps):
|
|
5867
|
+
declare function IconButton(props: IconButtonProps): JSX.Element;
|
|
5833
5868
|
declare const iconButtonStylesHover: {
|
|
5834
5869
|
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
5835
5870
|
};
|
|
@@ -5895,7 +5930,7 @@ interface OverlayTriggerProps {
|
|
|
5895
5930
|
type ButtonDatePickerProps = {
|
|
5896
5931
|
defaultOpen?: boolean;
|
|
5897
5932
|
} & DatePickerProps & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
|
|
5898
|
-
declare function ButtonDatePicker(props: ButtonDatePickerProps):
|
|
5933
|
+
declare function ButtonDatePicker(props: ButtonDatePickerProps): JSX.Element;
|
|
5899
5934
|
|
|
5900
5935
|
interface ButtonGroupProps {
|
|
5901
5936
|
buttons: ButtonGroupButton[];
|
|
@@ -5916,7 +5951,7 @@ type ButtonGroupButton = {
|
|
|
5916
5951
|
/** Adds tooltip to the button */
|
|
5917
5952
|
tooltip?: ReactNode;
|
|
5918
5953
|
};
|
|
5919
|
-
declare function ButtonGroup(props: ButtonGroupProps):
|
|
5954
|
+
declare function ButtonGroup(props: ButtonGroupProps): JSX.Element;
|
|
5920
5955
|
type ButtonGroupSize = "xs" | "sm" | "md";
|
|
5921
5956
|
|
|
5922
5957
|
type ButtonMenuBaseProps = {
|
|
@@ -5932,7 +5967,7 @@ type SelectionButtonMenuProps = {
|
|
|
5932
5967
|
onChange: (key: string) => void;
|
|
5933
5968
|
} & ButtonMenuBaseProps;
|
|
5934
5969
|
type ButtonMenuProps = ButtonMenuBaseProps | SelectionButtonMenuProps;
|
|
5935
|
-
declare function ButtonMenu(props: ButtonMenuProps):
|
|
5970
|
+
declare function ButtonMenu(props: ButtonMenuProps): JSX.Element;
|
|
5936
5971
|
type MenuItemBase = {
|
|
5937
5972
|
label: string;
|
|
5938
5973
|
/** If the `onClick` property is set as a string, then the menu item will be rendered as a link with the `onClick` value being the href */
|
|
@@ -5965,7 +6000,7 @@ type ButtonModalProps = {
|
|
|
5965
6000
|
storybookDefaultOpen?: boolean;
|
|
5966
6001
|
hideEndAdornment?: boolean;
|
|
5967
6002
|
} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip" | "showActiveBorder">;
|
|
5968
|
-
declare function ButtonModal(props: ButtonModalProps):
|
|
6003
|
+
declare function ButtonModal(props: ButtonModalProps): JSX.Element;
|
|
5969
6004
|
|
|
5970
6005
|
type TagXss = Margin | "backgroundColor" | "color";
|
|
5971
6006
|
type TagType = "info" | "caution" | "warning" | "success" | "neutral";
|
|
@@ -5979,7 +6014,7 @@ interface TagProps<X> {
|
|
|
5979
6014
|
preventTooltip?: boolean;
|
|
5980
6015
|
}
|
|
5981
6016
|
/** Tag used for indicating a status */
|
|
5982
|
-
declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>):
|
|
6017
|
+
declare function Tag<X extends Only<Xss<TagXss>, X>>(props: TagProps<X>): JSX.Element;
|
|
5983
6018
|
|
|
5984
6019
|
type CardType = "card" | "list";
|
|
5985
6020
|
type ImageFitType = "contain" | "cover";
|
|
@@ -5999,11 +6034,11 @@ interface CardProps {
|
|
|
5999
6034
|
buttonMenuItems?: MenuItem[];
|
|
6000
6035
|
tag?: CardTag;
|
|
6001
6036
|
}
|
|
6002
|
-
declare function Card(props: CardProps):
|
|
6037
|
+
declare function Card(props: CardProps): JSX.Element;
|
|
6003
6038
|
|
|
6004
6039
|
declare function Copy(props: {
|
|
6005
6040
|
children: string | ReactNode;
|
|
6006
|
-
}):
|
|
6041
|
+
}): JSX.Element;
|
|
6007
6042
|
|
|
6008
6043
|
type CountBadgeXss = "color";
|
|
6009
6044
|
interface CountBadgeProps<X> {
|
|
@@ -6017,13 +6052,17 @@ interface CountBadgeProps<X> {
|
|
|
6017
6052
|
* CountBadge displays a numeric count in a circular badge.
|
|
6018
6053
|
* Automatically adjusts size for counts > 100 (increases from 16px to 18px).
|
|
6019
6054
|
*/
|
|
6020
|
-
declare function CountBadge<X extends Only<Xss<CountBadgeXss>, X>>(props: CountBadgeProps<X>):
|
|
6055
|
+
declare function CountBadge<X extends Only<Xss<CountBadgeXss>, X>>(props: CountBadgeProps<X>): JSX.Element | null;
|
|
6021
6056
|
|
|
6057
|
+
declare const navLink = "navLink";
|
|
6022
6058
|
/**
|
|
6023
6059
|
* Applies a CSS Reset that is based on modern-normalize + TW customizations.
|
|
6060
|
+
*
|
|
6061
|
+
* The reset styles are now in CssReset.css and are loaded via a side-effect
|
|
6062
|
+
* import. This component is kept for API compatibility — render it at the top
|
|
6063
|
+
* of your app to ensure the CSS file is included in the bundle.
|
|
6024
6064
|
*/
|
|
6025
|
-
declare function CssReset():
|
|
6026
|
-
declare const navLink = "navLink";
|
|
6065
|
+
declare function CssReset(): null;
|
|
6027
6066
|
|
|
6028
6067
|
interface DnDGridProps {
|
|
6029
6068
|
children: ReactNode;
|
|
@@ -6034,7 +6073,7 @@ interface DnDGridProps {
|
|
|
6034
6073
|
/** Returns the new order of the GridItems. */
|
|
6035
6074
|
onReorder: (items: string[]) => void;
|
|
6036
6075
|
}
|
|
6037
|
-
declare function DnDGrid(props: DnDGridProps):
|
|
6076
|
+
declare function DnDGrid(props: DnDGridProps): JSX.Element;
|
|
6038
6077
|
type GridStyles = Pick<Properties, "gridTemplate" | "gridTemplateColumns" | "gridTemplateRows" | "gridTemplateAreas" | "gridAutoFlow" | "gridAutoColumns" | "gridAutoRows" | "gap" | "columnGap" | "rowGap">;
|
|
6039
6078
|
|
|
6040
6079
|
interface useDnDGridItemProps {
|
|
@@ -6061,7 +6100,7 @@ interface DnDGridItemHandleProps {
|
|
|
6061
6100
|
color?: Palette;
|
|
6062
6101
|
}
|
|
6063
6102
|
/** Provides a specific handle element for dragging a GridItem. Includes handling behaviors and interactions */
|
|
6064
|
-
declare function DnDGridItemHandle(props: DnDGridItemHandleProps):
|
|
6103
|
+
declare function DnDGridItemHandle(props: DnDGridItemHandleProps): JSX.Element;
|
|
6065
6104
|
|
|
6066
6105
|
type TestIds = Record<string, object>;
|
|
6067
6106
|
/**
|
|
@@ -6183,7 +6222,7 @@ type AutocompleteProps<T> = {
|
|
|
6183
6222
|
reason: string;
|
|
6184
6223
|
})[];
|
|
6185
6224
|
} & Pick<PresentationFieldProps, "labelStyle"> & Pick<TextFieldBaseProps<any>, "label" | "clearable" | "startAdornment" | "fullWidth">;
|
|
6186
|
-
declare function Autocomplete<T extends object>(props: AutocompleteProps<T>):
|
|
6225
|
+
declare function Autocomplete<T extends object>(props: AutocompleteProps<T>): JSX.Element;
|
|
6187
6226
|
|
|
6188
6227
|
interface CheckboxProps {
|
|
6189
6228
|
label: string;
|
|
@@ -6213,7 +6252,7 @@ interface CheckboxProps {
|
|
|
6213
6252
|
/** Callback fired when focus is set to the component */
|
|
6214
6253
|
onFocus?: () => void;
|
|
6215
6254
|
}
|
|
6216
|
-
declare function Checkbox(props: CheckboxProps):
|
|
6255
|
+
declare function Checkbox(props: CheckboxProps): JSX.Element;
|
|
6217
6256
|
|
|
6218
6257
|
interface CheckboxGroupItemOption {
|
|
6219
6258
|
/** Additional text displayed below label */
|
|
@@ -6241,7 +6280,7 @@ interface CheckboxGroupProps extends Pick<PresentationFieldProps, "labelStyle">
|
|
|
6241
6280
|
/** Number of columns to display checkboxes */
|
|
6242
6281
|
columns?: number;
|
|
6243
6282
|
}
|
|
6244
|
-
declare function CheckboxGroup(props: CheckboxGroupProps):
|
|
6283
|
+
declare function CheckboxGroup(props: CheckboxGroupProps): JSX.Element;
|
|
6245
6284
|
|
|
6246
6285
|
interface ChipSelectFieldProps<O, V extends Value> {
|
|
6247
6286
|
label: string;
|
|
@@ -6332,11 +6371,11 @@ interface DateRangeFieldBaseProps extends DateFieldBaseProps {
|
|
|
6332
6371
|
|
|
6333
6372
|
interface DateFieldProps extends Omit<DateSingleFieldBaseProps, "mode"> {
|
|
6334
6373
|
}
|
|
6335
|
-
declare const DateField: (props: DateFieldProps) =>
|
|
6374
|
+
declare const DateField: (props: DateFieldProps) => JSX.Element;
|
|
6336
6375
|
|
|
6337
6376
|
interface DateRangeFieldProps extends Omit<DateRangeFieldBaseProps, "mode"> {
|
|
6338
6377
|
}
|
|
6339
|
-
declare function DateRangeField(props: DateRangeFieldProps):
|
|
6378
|
+
declare function DateRangeField(props: DateRangeFieldProps): JSX.Element;
|
|
6340
6379
|
|
|
6341
6380
|
interface ErrorMessageProps {
|
|
6342
6381
|
/** The dom id for `aria-errormessage` to point to us. */
|
|
@@ -6350,7 +6389,7 @@ interface ErrorMessageProps {
|
|
|
6350
6389
|
*
|
|
6351
6390
|
* Not currently exported as part of our public API.
|
|
6352
6391
|
*/
|
|
6353
|
-
declare function ErrorMessage(props: ErrorMessageProps):
|
|
6392
|
+
declare function ErrorMessage(props: ErrorMessageProps): JSX.Element;
|
|
6354
6393
|
|
|
6355
6394
|
interface IconCardProps {
|
|
6356
6395
|
/** The icon to use within the card. */
|
|
@@ -6363,7 +6402,7 @@ interface IconCardProps {
|
|
|
6363
6402
|
disabled?: boolean;
|
|
6364
6403
|
tooltip?: string;
|
|
6365
6404
|
}
|
|
6366
|
-
declare function IconCard(props: IconCardProps):
|
|
6405
|
+
declare function IconCard(props: IconCardProps): JSX.Element;
|
|
6367
6406
|
declare const selectedStyles: {
|
|
6368
6407
|
borderWidth: csstype.Property.BorderWidth<string | 0> | undefined;
|
|
6369
6408
|
} & {
|
|
@@ -6506,7 +6545,7 @@ interface NumberFieldProps extends Pick<PresentationFieldProps, "labelStyle" | "
|
|
|
6506
6545
|
alwaysShowHelperText?: boolean;
|
|
6507
6546
|
positiveOnly?: boolean;
|
|
6508
6547
|
}
|
|
6509
|
-
declare function NumberField(props: NumberFieldProps):
|
|
6548
|
+
declare function NumberField(props: NumberFieldProps): JSX.Element;
|
|
6510
6549
|
declare function formatValue(value: number, factor: number, numFractionDigits: number | undefined, numIntegerDigits: number | undefined, positiveOnly?: boolean): number | undefined;
|
|
6511
6550
|
|
|
6512
6551
|
type RadioFieldOption<K extends string> = {
|
|
@@ -6541,7 +6580,7 @@ type RadioGroupFieldProps<K extends string> = {
|
|
|
6541
6580
|
*
|
|
6542
6581
|
* TODO: Add hover (non selected and selected) styles
|
|
6543
6582
|
*/
|
|
6544
|
-
declare function RadioGroupField<K extends string>(props: RadioGroupFieldProps<K>):
|
|
6583
|
+
declare function RadioGroupField<K extends string>(props: RadioGroupFieldProps<K>): JSX.Element;
|
|
6545
6584
|
|
|
6546
6585
|
interface RichTextFieldProps extends Pick<PresentationFieldProps, "fullWidth"> {
|
|
6547
6586
|
/** The initial html value to show in the trix editor. */
|
|
@@ -6563,7 +6602,7 @@ interface RichTextFieldProps extends Pick<PresentationFieldProps, "fullWidth"> {
|
|
|
6563
6602
|
/** For rendering formatted text */
|
|
6564
6603
|
readOnly?: boolean;
|
|
6565
6604
|
}
|
|
6566
|
-
declare const RichTextField: (props: RichTextFieldProps) =>
|
|
6605
|
+
declare const RichTextField: (props: RichTextFieldProps) => JSX.Element;
|
|
6567
6606
|
/**
|
|
6568
6607
|
* Provides a simple rich text editor based on trix.
|
|
6569
6608
|
*
|
|
@@ -6571,7 +6610,7 @@ declare const RichTextField: (props: RichTextFieldProps) => _emotion_react_jsx_r
|
|
|
6571
6610
|
*
|
|
6572
6611
|
* We also integrate [tributejs]{@link https://github.com/zurb/tribute} for @ mentions.
|
|
6573
6612
|
*/
|
|
6574
|
-
declare function RichTextFieldImpl(props: RichTextFieldProps):
|
|
6613
|
+
declare function RichTextFieldImpl(props: RichTextFieldProps): JSX.Element;
|
|
6575
6614
|
|
|
6576
6615
|
type SelectFieldProps<O, V extends Value> = {
|
|
6577
6616
|
/** The current value; it can be `undefined`, even if `V` cannot be. */
|
|
@@ -6621,7 +6660,7 @@ interface SwitchProps {
|
|
|
6621
6660
|
focusVisible?: boolean;
|
|
6622
6661
|
};
|
|
6623
6662
|
}
|
|
6624
|
-
declare function Switch(props: SwitchProps):
|
|
6663
|
+
declare function Switch(props: SwitchProps): JSX.Element;
|
|
6625
6664
|
declare const switchHoverStyles: {
|
|
6626
6665
|
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
6627
6666
|
};
|
|
@@ -6638,7 +6677,7 @@ interface TextAreaFieldProps<X> extends BeamTextFieldProps<X> {
|
|
|
6638
6677
|
maxLines?: number;
|
|
6639
6678
|
}
|
|
6640
6679
|
/** Returns a <textarea /> element that auto-adjusts height based on the field's value */
|
|
6641
|
-
declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>):
|
|
6680
|
+
declare function TextAreaField<X extends Only<TextFieldXss, X>>(props: TextAreaFieldProps<X>): JSX.Element;
|
|
6642
6681
|
|
|
6643
6682
|
interface TextFieldProps<X> extends BeamTextFieldProps<X> {
|
|
6644
6683
|
compact?: boolean;
|
|
@@ -6661,7 +6700,7 @@ interface TextFieldProps<X> extends BeamTextFieldProps<X> {
|
|
|
6661
6700
|
/** Allow focusing without selecting, i.e. to let the user keep typing after we've pre-filled text + called focus, like the Add New component. */
|
|
6662
6701
|
selectOnFocus?: boolean;
|
|
6663
6702
|
}
|
|
6664
|
-
declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>):
|
|
6703
|
+
declare function TextField<X extends Only<TextFieldXss, X>>(props: TextFieldProps<X>): JSX.Element;
|
|
6665
6704
|
type TextFieldApi = {
|
|
6666
6705
|
focus: VoidFunction;
|
|
6667
6706
|
};
|
|
@@ -6683,7 +6722,7 @@ interface ToggleButtonProps {
|
|
|
6683
6722
|
focusVisible?: boolean;
|
|
6684
6723
|
};
|
|
6685
6724
|
}
|
|
6686
|
-
declare function ToggleButton(props: ToggleButtonProps):
|
|
6725
|
+
declare function ToggleButton(props: ToggleButtonProps): JSX.Element;
|
|
6687
6726
|
/** Styles */
|
|
6688
6727
|
declare const toggleHoverStyles: {
|
|
6689
6728
|
backgroundColor: csstype.Property.BackgroundColor | undefined;
|
|
@@ -6717,7 +6756,7 @@ interface ToggleChipGroupProps extends Pick<PresentationFieldProps, "labelStyle"
|
|
|
6717
6756
|
onChange: (values: string[]) => void;
|
|
6718
6757
|
xss?: ToggleChipXss;
|
|
6719
6758
|
}
|
|
6720
|
-
declare function ToggleChipGroup(props: ToggleChipGroupProps):
|
|
6759
|
+
declare function ToggleChipGroup(props: ToggleChipGroupProps): JSX.Element;
|
|
6721
6760
|
|
|
6722
6761
|
type NestedOption<O> = O & {
|
|
6723
6762
|
children?: NestedOption<O>[];
|
|
@@ -6927,7 +6966,7 @@ interface FilterDropdownMenuProps<F extends Record<string, unknown>, G extends V
|
|
|
6927
6966
|
}>;
|
|
6928
6967
|
};
|
|
6929
6968
|
}
|
|
6930
|
-
declare function FilterDropdownMenu<F extends Record<string, unknown>, G extends Value = string>(props: FilterDropdownMenuProps<F, G>):
|
|
6969
|
+
declare function FilterDropdownMenu<F extends Record<string, unknown>, G extends Value = string>(props: FilterDropdownMenuProps<F, G>): JSX.Element;
|
|
6931
6970
|
declare const _FilterDropdownMenu: typeof FilterDropdownMenu;
|
|
6932
6971
|
|
|
6933
6972
|
interface FilterModalProps<F> {
|
|
@@ -6935,11 +6974,11 @@ interface FilterModalProps<F> {
|
|
|
6935
6974
|
filters: FilterImpls<F>;
|
|
6936
6975
|
onApply: (f: F) => void;
|
|
6937
6976
|
}
|
|
6938
|
-
declare function FilterModal<F>(props: FilterModalProps<F>):
|
|
6977
|
+
declare function FilterModal<F>(props: FilterModalProps<F>): JSX.Element;
|
|
6939
6978
|
declare function ModalFilterItem({ label, children }: {
|
|
6940
6979
|
label?: string;
|
|
6941
6980
|
children: ReactNode;
|
|
6942
|
-
}):
|
|
6981
|
+
}): JSX.Element;
|
|
6943
6982
|
|
|
6944
6983
|
interface FilterProps<F extends Record<string, unknown>, G extends Value = string> {
|
|
6945
6984
|
/** List of filters */
|
|
@@ -6964,7 +7003,7 @@ interface FilterProps<F extends Record<string, unknown>, G extends Value = strin
|
|
|
6964
7003
|
/** Specifies the number of in line filters before more filters modal */
|
|
6965
7004
|
numberOfInlineFilters?: number;
|
|
6966
7005
|
}
|
|
6967
|
-
declare function Filters<F extends Record<string, unknown>, G extends Value = string>(props: FilterProps<F, G>):
|
|
7006
|
+
declare function Filters<F extends Record<string, unknown>, G extends Value = string>(props: FilterProps<F, G>): JSX.Element;
|
|
6968
7007
|
declare const _Filters: typeof Filters;
|
|
6969
7008
|
|
|
6970
7009
|
type ToggleFilterProps<V> = {
|
|
@@ -6992,13 +7031,13 @@ declare const filterTestIdPrefix = "filter";
|
|
|
6992
7031
|
interface ResponsiveGridProps extends PropsWithChildren<useResponsiveGridProps> {
|
|
6993
7032
|
}
|
|
6994
7033
|
/** Helper component for generating a responsive grid */
|
|
6995
|
-
declare function ResponsiveGrid(props: ResponsiveGridProps):
|
|
7034
|
+
declare function ResponsiveGrid(props: ResponsiveGridProps): JSX.Element;
|
|
6996
7035
|
|
|
6997
7036
|
type ResponsiveGridItemProps = PropsWithChildren<{
|
|
6998
7037
|
colSpan: number;
|
|
6999
7038
|
}>;
|
|
7000
7039
|
/** Helper component for generating grid items with the ResponsiveGrid */
|
|
7001
|
-
declare function ResponsiveGridItem(props: ResponsiveGridItemProps):
|
|
7040
|
+
declare function ResponsiveGridItem(props: ResponsiveGridItemProps): JSX.Element;
|
|
7002
7041
|
|
|
7003
7042
|
interface useResponsiveGridProps {
|
|
7004
7043
|
minColumnWidth: number;
|
|
@@ -7106,7 +7145,7 @@ interface UseResponsiveGridItemProps {
|
|
|
7106
7145
|
* config is unavailable, `gridItemStyles` will be an empty object.
|
|
7107
7146
|
*/
|
|
7108
7147
|
declare function useResponsiveGridItem(props: UseResponsiveGridItemProps): {
|
|
7109
|
-
gridItemProps: Record<string, number>;
|
|
7148
|
+
gridItemProps: Record<string, string | number>;
|
|
7110
7149
|
gridItemStyles: Properties;
|
|
7111
7150
|
};
|
|
7112
7151
|
|
|
@@ -7119,7 +7158,7 @@ interface HbLoadingSpinnerProps {
|
|
|
7119
7158
|
/** No text at all */
|
|
7120
7159
|
iconOnly?: boolean;
|
|
7121
7160
|
}
|
|
7122
|
-
declare function HbLoadingSpinner({ noQuips, extraQuips, extraQuipsOnly, iconOnly }: HbLoadingSpinnerProps):
|
|
7161
|
+
declare function HbLoadingSpinner({ noQuips, extraQuips, extraQuipsOnly, iconOnly }: HbLoadingSpinnerProps): JSX.Element;
|
|
7123
7162
|
/** Quips for Homebound's Mission Statement. Internal. */
|
|
7124
7163
|
declare const HB_QUIPS_MISSION: ReadonlyArray<string>;
|
|
7125
7164
|
/** Fun quips internal employees should recognize. Internal. */
|
|
@@ -7133,7 +7172,7 @@ interface HbSpinnerProviderProps {
|
|
|
7133
7172
|
quips?: string[];
|
|
7134
7173
|
children: ReactNode;
|
|
7135
7174
|
}
|
|
7136
|
-
declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps):
|
|
7175
|
+
declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps): JSX.Element;
|
|
7137
7176
|
|
|
7138
7177
|
/**
|
|
7139
7178
|
* A helper component for consistently showing helper text below form fields.
|
|
@@ -7141,7 +7180,7 @@ declare function HbSpinnerProvider({ quips, children }: HbSpinnerProviderProps):
|
|
|
7141
7180
|
declare function HelperText(props: {
|
|
7142
7181
|
helperText: string | ReactNode;
|
|
7143
7182
|
contrast?: boolean;
|
|
7144
|
-
}):
|
|
7183
|
+
}): JSX.Element;
|
|
7145
7184
|
|
|
7146
7185
|
type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "label"> & {
|
|
7147
7186
|
field: FieldState<boolean | null | undefined>;
|
|
@@ -7150,7 +7189,7 @@ type BoundCheckboxFieldProps = Omit<CheckboxProps, "selected" | "onChange" | "la
|
|
|
7150
7189
|
label?: string;
|
|
7151
7190
|
};
|
|
7152
7191
|
/** Wraps `Checkbox` and binds it to a form field. */
|
|
7153
|
-
declare function BoundCheckboxField(props: BoundCheckboxFieldProps):
|
|
7192
|
+
declare function BoundCheckboxField(props: BoundCheckboxFieldProps): JSX.Element;
|
|
7154
7193
|
|
|
7155
7194
|
type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChange" | "label"> & {
|
|
7156
7195
|
field: FieldState<string[] | null | undefined>;
|
|
@@ -7160,7 +7199,7 @@ type BoundCheckboxGroupFieldProps = Omit<CheckboxGroupProps, "values" | "onChang
|
|
|
7160
7199
|
};
|
|
7161
7200
|
/** Wraps `CheckboxGroup` and binds it to a form field.
|
|
7162
7201
|
* To make the field agnostic to the order of selected values, add `strictOrder: false` to the field's ObjectConfig */
|
|
7163
|
-
declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps):
|
|
7202
|
+
declare function BoundCheckboxGroupField(props: BoundCheckboxGroupFieldProps): JSX.Element;
|
|
7164
7203
|
|
|
7165
7204
|
type BoundChipSelectFieldProps<O, V extends Value> = {
|
|
7166
7205
|
onSelect?: (option: V | undefined) => void;
|
|
@@ -7176,7 +7215,7 @@ type BoundDateFieldProps = Omit<DateFieldProps, "label" | "value" | "onChange">
|
|
|
7176
7215
|
onChange?: (value: Date | undefined) => void;
|
|
7177
7216
|
};
|
|
7178
7217
|
/** Wraps `TextField` and binds it to a form field. */
|
|
7179
|
-
declare function BoundDateField(props: BoundDateFieldProps):
|
|
7218
|
+
declare function BoundDateField(props: BoundDateFieldProps): JSX.Element;
|
|
7180
7219
|
|
|
7181
7220
|
type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "onChange"> & {
|
|
7182
7221
|
field: FieldState<DateRange | null | undefined>;
|
|
@@ -7184,7 +7223,7 @@ type BoundDateRangeFieldProps = Omit<DateRangeFieldProps, "label" | "value" | "o
|
|
|
7184
7223
|
onChange?: (value: DateRange | undefined) => void;
|
|
7185
7224
|
};
|
|
7186
7225
|
/** Wraps `TextField` and binds it to a form field. */
|
|
7187
|
-
declare function BoundDateRangeField(props: BoundDateRangeFieldProps):
|
|
7226
|
+
declare function BoundDateRangeField(props: BoundDateRangeFieldProps): JSX.Element;
|
|
7188
7227
|
|
|
7189
7228
|
type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onChange"> & {
|
|
7190
7229
|
field: FieldState<boolean | null | undefined>;
|
|
@@ -7194,7 +7233,7 @@ type BoundIconCardFieldProps = Omit<IconCardProps, "label" | "selected" | "onCha
|
|
|
7194
7233
|
label?: string;
|
|
7195
7234
|
};
|
|
7196
7235
|
/** Wraps `IconCard` and binds it to a form field. */
|
|
7197
|
-
declare function BoundIconCardField(props: BoundIconCardFieldProps):
|
|
7236
|
+
declare function BoundIconCardField(props: BoundIconCardFieldProps): JSX.Element;
|
|
7198
7237
|
|
|
7199
7238
|
interface IconCardGroupItemOption<V extends Value> {
|
|
7200
7239
|
icon: IconProps["icon"];
|
|
@@ -7225,7 +7264,7 @@ type BoundIconCardGroupFieldProps<V extends Value> = Omit<IconCardGroupProps<V>,
|
|
|
7225
7264
|
label?: string;
|
|
7226
7265
|
};
|
|
7227
7266
|
/** Wraps `IconCardGroup` and binds it to a form field. */
|
|
7228
|
-
declare function BoundIconCardGroupField<V extends Value>(props: BoundIconCardGroupFieldProps<V>):
|
|
7267
|
+
declare function BoundIconCardGroupField<V extends Value>(props: BoundIconCardGroupFieldProps<V>): JSX.Element;
|
|
7229
7268
|
|
|
7230
7269
|
type ListFieldKey<F> = {
|
|
7231
7270
|
[K in keyof F]: F[K] extends (infer T)[] | null | undefined ? (T extends object ? K : never) : never;
|
|
@@ -7277,7 +7316,7 @@ type BoundNumberFieldProps = Omit<NumberFieldProps, "value" | "onChange" | "labe
|
|
|
7277
7316
|
onChange?: (value: number | undefined) => void;
|
|
7278
7317
|
};
|
|
7279
7318
|
/** Wraps `NumberField` and binds it to a form field. */
|
|
7280
|
-
declare function BoundNumberField(props: BoundNumberFieldProps):
|
|
7319
|
+
declare function BoundNumberField(props: BoundNumberFieldProps): JSX.Element;
|
|
7281
7320
|
|
|
7282
7321
|
type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>, "value" | "onChange" | "label"> & {
|
|
7283
7322
|
field: FieldState<K | null | undefined>;
|
|
@@ -7286,14 +7325,14 @@ type BoundRadioGroupFieldProps<K extends string> = Omit<RadioGroupFieldProps<K>,
|
|
|
7286
7325
|
label?: string;
|
|
7287
7326
|
};
|
|
7288
7327
|
/** Wraps `TextField` and binds it to a form field. */
|
|
7289
|
-
declare function BoundRadioGroupField<K extends string>(props: BoundRadioGroupFieldProps<K>):
|
|
7328
|
+
declare function BoundRadioGroupField<K extends string>(props: BoundRadioGroupFieldProps<K>): JSX.Element;
|
|
7290
7329
|
|
|
7291
7330
|
type BoundRichTextFieldProps = Omit<RichTextFieldProps, "value" | "onChange"> & {
|
|
7292
7331
|
field: FieldState<string | null | undefined>;
|
|
7293
7332
|
onChange?: (value: string | undefined) => void;
|
|
7294
7333
|
};
|
|
7295
7334
|
/** Wraps `RichTextField` and binds it to a form field. */
|
|
7296
|
-
declare function BoundRichTextField(props: BoundRichTextFieldProps):
|
|
7335
|
+
declare function BoundRichTextField(props: BoundRichTextFieldProps): JSX.Element;
|
|
7297
7336
|
|
|
7298
7337
|
type BoundSelectFieldProps<O, V extends Value> = Omit<SelectFieldProps<O, V>, "value" | "onSelect" | "label"> & {
|
|
7299
7338
|
/** Optional, to allow `onSelect` to be overridden to do more than just `field.set`. */
|
|
@@ -7329,7 +7368,7 @@ type BoundSwitchFieldProps = Omit<SwitchProps, "selected" | "onChange" | "label"
|
|
|
7329
7368
|
label?: string;
|
|
7330
7369
|
};
|
|
7331
7370
|
/** Wraps `Switch` and binds it to a form field. */
|
|
7332
|
-
declare function BoundSwitchField(props: BoundSwitchFieldProps):
|
|
7371
|
+
declare function BoundSwitchField(props: BoundSwitchFieldProps): JSX.Element;
|
|
7333
7372
|
|
|
7334
7373
|
type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChange" | "label"> & {
|
|
7335
7374
|
label?: string;
|
|
@@ -7337,7 +7376,7 @@ type BoundTextAreaFieldProps<X> = Omit<TextAreaFieldProps<X>, "value" | "onChang
|
|
|
7337
7376
|
onChange?: (value: string | undefined) => void;
|
|
7338
7377
|
};
|
|
7339
7378
|
/** Wraps `TextAreaField` and binds it to a form field. */
|
|
7340
|
-
declare function BoundTextAreaField<X extends Only<TextFieldXss, X>>(props: BoundTextAreaFieldProps<X>):
|
|
7379
|
+
declare function BoundTextAreaField<X extends Only<TextFieldXss, X>>(props: BoundTextAreaFieldProps<X>): JSX.Element;
|
|
7341
7380
|
|
|
7342
7381
|
type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "label"> & {
|
|
7343
7382
|
label?: string;
|
|
@@ -7345,7 +7384,7 @@ type BoundTextFieldProps<X> = Omit<TextFieldProps<X>, "value" | "onChange" | "la
|
|
|
7345
7384
|
onChange?: (value: string | undefined) => void;
|
|
7346
7385
|
};
|
|
7347
7386
|
/** Wraps `TextField` and binds it to a form field. */
|
|
7348
|
-
declare function BoundTextField<X extends Only<TextFieldXss, X>>(props: BoundTextFieldProps<X>):
|
|
7387
|
+
declare function BoundTextField<X extends Only<TextFieldXss, X>>(props: BoundTextFieldProps<X>): JSX.Element;
|
|
7349
7388
|
|
|
7350
7389
|
type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onChange" | "label"> & {
|
|
7351
7390
|
field: FieldState<string[] | null | undefined>;
|
|
@@ -7354,7 +7393,7 @@ type BoundToggleChipGroupFieldProps = Omit<ToggleChipGroupProps, "values" | "onC
|
|
|
7354
7393
|
label?: string;
|
|
7355
7394
|
};
|
|
7356
7395
|
/** Wraps `ToggleChipGroup` and binds it to a form field. */
|
|
7357
|
-
declare function BoundToggleChipGroupField(props: BoundToggleChipGroupFieldProps):
|
|
7396
|
+
declare function BoundToggleChipGroupField(props: BoundToggleChipGroupFieldProps): JSX.Element;
|
|
7358
7397
|
|
|
7359
7398
|
type BoundTreeSelectFieldProps<O, V extends Value> = Omit<TreeSelectFieldProps<O, V>, "values" | "onSelect" | "label"> & {
|
|
7360
7399
|
onSelect?: (options: TreeSelectResponse<O, V>) => void;
|
|
@@ -7416,11 +7455,11 @@ type BoundFormProps<F> = {
|
|
|
7416
7455
|
/>
|
|
7417
7456
|
* ```
|
|
7418
7457
|
*/
|
|
7419
|
-
declare function BoundForm<F>(props: BoundFormProps<F>):
|
|
7458
|
+
declare function BoundForm<F>(props: BoundFormProps<F>): JSX.Element;
|
|
7420
7459
|
declare function FormRow<F>({ row, formState }: {
|
|
7421
7460
|
row: BoundFormRowInputs<F>;
|
|
7422
7461
|
formState: ObjectState<F>;
|
|
7423
|
-
}):
|
|
7462
|
+
}): JSX.Element;
|
|
7424
7463
|
/**
|
|
7425
7464
|
* These field component functions are thin wrappers around the `BoundFoo` components which omit
|
|
7426
7465
|
* certain props that the caller doesn't need to pass or we specifically want to restrict to drive UX consistency.
|
|
@@ -7461,7 +7500,7 @@ interface FormHeadingProps {
|
|
|
7461
7500
|
xss?: Xss<Margin>;
|
|
7462
7501
|
isFirst?: boolean;
|
|
7463
7502
|
}
|
|
7464
|
-
declare function FormHeading(props: FormHeadingProps):
|
|
7503
|
+
declare function FormHeading(props: FormHeadingProps): JSX.Element;
|
|
7465
7504
|
declare namespace FormHeading {
|
|
7466
7505
|
var isFormHeading: boolean;
|
|
7467
7506
|
}
|
|
@@ -7488,9 +7527,9 @@ type FormLinesProps = {
|
|
|
7488
7527
|
* Lines can either be individual form fields, or a group of form fields
|
|
7489
7528
|
* (see the `FieldGroup` component), where they will be laid out side-by-side.
|
|
7490
7529
|
*/
|
|
7491
|
-
declare function FormLines(props: FormLinesProps):
|
|
7530
|
+
declare function FormLines(props: FormLinesProps): JSX.Element;
|
|
7492
7531
|
/** Draws a line between form lines. */
|
|
7493
|
-
declare function FormDivider():
|
|
7532
|
+
declare function FormDivider(): JSX.Element;
|
|
7494
7533
|
/** Groups multiple fields side-by-side. */
|
|
7495
7534
|
declare function FieldGroup(props: {
|
|
7496
7535
|
/** The legend/title for this group. */
|
|
@@ -7498,7 +7537,7 @@ declare function FieldGroup(props: {
|
|
|
7498
7537
|
children: JSX.Element[];
|
|
7499
7538
|
/** An array of widths for each child, if a number we use `fr` units. */
|
|
7500
7539
|
widths?: Array<number | string>;
|
|
7501
|
-
}):
|
|
7540
|
+
}): JSX.Element;
|
|
7502
7541
|
|
|
7503
7542
|
interface StaticFieldProps {
|
|
7504
7543
|
label: ReactNode;
|
|
@@ -7506,14 +7545,14 @@ interface StaticFieldProps {
|
|
|
7506
7545
|
children?: ReactNode;
|
|
7507
7546
|
labelStyle?: PresentationFieldProps["labelStyle"];
|
|
7508
7547
|
}
|
|
7509
|
-
declare function StaticField(props: StaticFieldProps):
|
|
7548
|
+
declare function StaticField(props: StaticFieldProps): JSX.Element;
|
|
7510
7549
|
|
|
7511
7550
|
type SubmitButtonProps<T> = Omit<ButtonProps, "label"> & {
|
|
7512
7551
|
label?: ButtonProps["label"];
|
|
7513
7552
|
form: ObjectState<T>;
|
|
7514
7553
|
};
|
|
7515
7554
|
/** Provides a Button that will auto-disable if `formState` is invalid. */
|
|
7516
|
-
declare function SubmitButton<T>(props: SubmitButtonProps<T>):
|
|
7555
|
+
declare function SubmitButton<T>(props: SubmitButtonProps<T>): JSX.Element;
|
|
7517
7556
|
|
|
7518
7557
|
type SidebarContentProps = {
|
|
7519
7558
|
icon: IconKey;
|
|
@@ -7526,7 +7565,7 @@ type RightSidebarProps = {
|
|
|
7526
7565
|
/** Exporting this value allows layout components to coordinate responsive column sizing
|
|
7527
7566
|
* while avoiding layout shift when the sidebar is opened */
|
|
7528
7567
|
declare const RIGHT_SIDEBAR_MIN_WIDTH = "250px";
|
|
7529
|
-
declare function RightSidebar({ content, headerHeightPx }: RightSidebarProps):
|
|
7568
|
+
declare function RightSidebar({ content, headerHeightPx }: RightSidebarProps): JSX.Element;
|
|
7530
7569
|
|
|
7531
7570
|
type HeaderBreadcrumb = {
|
|
7532
7571
|
href: string;
|
|
@@ -7551,7 +7590,7 @@ type FormPageLayoutProps<F> = {
|
|
|
7551
7590
|
tertiaryAction?: ActionButtonProps$1;
|
|
7552
7591
|
rightSideBar?: SidebarContentProps[];
|
|
7553
7592
|
};
|
|
7554
|
-
declare function FormPageLayoutComponent<F>(props: FormPageLayoutProps<F>):
|
|
7593
|
+
declare function FormPageLayoutComponent<F>(props: FormPageLayoutProps<F>): JSX.Element;
|
|
7555
7594
|
declare const FormPageLayout: typeof FormPageLayoutComponent;
|
|
7556
7595
|
|
|
7557
7596
|
/** Provides a way to extend the full width of the ScrollableParent */
|
|
@@ -7697,7 +7736,7 @@ interface PaginationProps {
|
|
|
7697
7736
|
totalCount: number;
|
|
7698
7737
|
pageSizes?: number[];
|
|
7699
7738
|
}
|
|
7700
|
-
declare function Pagination(props: PaginationProps):
|
|
7739
|
+
declare function Pagination(props: PaginationProps): JSX.Element;
|
|
7701
7740
|
declare function toLimitAndOffset(page: PageSettings): OffsetAndLimit;
|
|
7702
7741
|
declare function toPageNumberSize(page: PageSettings): PageNumberAndSize;
|
|
7703
7742
|
|
|
@@ -7705,21 +7744,21 @@ interface GridTableCollapseToggleProps extends Pick<IconButtonProps, "compact">
|
|
|
7705
7744
|
row: GridDataRow<any>;
|
|
7706
7745
|
}
|
|
7707
7746
|
/** Provides a chevron icons to collapse/un-collapse for parent/child tables. */
|
|
7708
|
-
declare function CollapseToggle(props: GridTableCollapseToggleProps):
|
|
7747
|
+
declare function CollapseToggle(props: GridTableCollapseToggleProps): JSX.Element | null;
|
|
7709
7748
|
|
|
7710
7749
|
type EditColumnsButtonProps<R extends Kinded> = {
|
|
7711
7750
|
columns: GridColumn<R>[];
|
|
7712
7751
|
api: GridTableApi<R>;
|
|
7713
7752
|
defaultOpen?: boolean;
|
|
7714
7753
|
} & Pick<OverlayTriggerProps, "trigger" | "placement" | "disabled" | "tooltip">;
|
|
7715
|
-
declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>):
|
|
7754
|
+
declare function EditColumnsButton<R extends Kinded>(props: EditColumnsButtonProps<R>): JSX.Element;
|
|
7716
7755
|
|
|
7717
7756
|
interface SelectToggleProps {
|
|
7718
7757
|
id: string;
|
|
7719
7758
|
disabled?: boolean | ReactNode;
|
|
7720
7759
|
}
|
|
7721
7760
|
/** Provides a checkbox to show/drive this row's selected state. */
|
|
7722
|
-
declare function SelectToggle({ id, disabled }: SelectToggleProps):
|
|
7761
|
+
declare function SelectToggle({ id, disabled }: SelectToggleProps): JSX.Element;
|
|
7723
7762
|
|
|
7724
7763
|
interface SortHeaderProps {
|
|
7725
7764
|
content: string;
|
|
@@ -7739,7 +7778,7 @@ interface SortHeaderProps {
|
|
|
7739
7778
|
* - Write their own component that uses `GridSortContext` to access the column's
|
|
7740
7779
|
* current sort state + `toggleSort` function
|
|
7741
7780
|
*/
|
|
7742
|
-
declare function SortHeader(props: SortHeaderProps):
|
|
7781
|
+
declare function SortHeader(props: SortHeaderProps): JSX.Element;
|
|
7743
7782
|
|
|
7744
7783
|
/**
|
|
7745
7784
|
* Calculates an array of sizes for each of our columns.
|
|
@@ -7894,7 +7933,7 @@ type LoadingSkeletonProps = {
|
|
|
7894
7933
|
randomizeWidths?: boolean;
|
|
7895
7934
|
contrast?: boolean;
|
|
7896
7935
|
};
|
|
7897
|
-
declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps):
|
|
7936
|
+
declare function LoadingSkeleton({ rows, columns, size, randomizeWidths, contrast, }: LoadingSkeletonProps): JSX.Element;
|
|
7898
7937
|
|
|
7899
7938
|
type QueryResult<QData> = {
|
|
7900
7939
|
loading: boolean;
|
|
@@ -7964,7 +8003,7 @@ type GridTableLayoutProps<F extends Record<string, unknown>, R extends Kinded, X
|
|
|
7964
8003
|
*
|
|
7965
8004
|
* Pagination is rendered when `totalCount` is provided. Use `layoutState.page` for server query variables.
|
|
7966
8005
|
*/
|
|
7967
|
-
declare function GridTableLayoutComponent<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData>(props: GridTableLayoutProps<F, R, X, QData>):
|
|
8006
|
+
declare function GridTableLayoutComponent<F extends Record<string, unknown>, R extends Kinded, X extends Only<GridTableXss, X>, QData>(props: GridTableLayoutProps<F, R, X, QData>): JSX.Element;
|
|
7968
8007
|
declare const GridTableLayout: typeof GridTableLayoutComponent;
|
|
7969
8008
|
/** Configuration for pagination in GridTableLayout */
|
|
7970
8009
|
type PaginationConfig = {
|
|
@@ -8009,7 +8048,7 @@ declare function useGridTableLayoutState<F extends Record<string, unknown>>({ pe
|
|
|
8009
8048
|
};
|
|
8010
8049
|
|
|
8011
8050
|
/** Intended to wrap the whole application to prevent the browser's native scrolling behavior while also taking the full height of the viewport */
|
|
8012
|
-
declare function PreventBrowserScroll({ children }: ChildrenOnly):
|
|
8051
|
+
declare function PreventBrowserScroll({ children }: ChildrenOnly): JSX.Element;
|
|
8013
8052
|
|
|
8014
8053
|
interface OpenRightPaneOpts {
|
|
8015
8054
|
content: ReactNode;
|
|
@@ -8024,7 +8063,7 @@ type RightPaneLayoutContextProps = {
|
|
|
8024
8063
|
declare const RightPaneContext: React__default.Context<RightPaneLayoutContextProps>;
|
|
8025
8064
|
declare function RightPaneProvider({ children }: {
|
|
8026
8065
|
children: ReactNode;
|
|
8027
|
-
}):
|
|
8066
|
+
}): JSX.Element;
|
|
8028
8067
|
declare function useRightPaneContext(): RightPaneLayoutContextProps;
|
|
8029
8068
|
|
|
8030
8069
|
declare function RightPaneLayout(props: {
|
|
@@ -8032,7 +8071,7 @@ declare function RightPaneLayout(props: {
|
|
|
8032
8071
|
paneBgColor?: Palette;
|
|
8033
8072
|
paneWidth?: number;
|
|
8034
8073
|
defaultPaneContent?: ReactElement;
|
|
8035
|
-
}):
|
|
8074
|
+
}): JSX.Element;
|
|
8036
8075
|
|
|
8037
8076
|
interface UseRightPaneHook {
|
|
8038
8077
|
/** Opens a right pane */
|
|
@@ -8061,12 +8100,15 @@ declare function ScrollableContent(props: ScrollableContentProps): ReactPortal |
|
|
|
8061
8100
|
|
|
8062
8101
|
interface ScrollableParentContextProps {
|
|
8063
8102
|
scrollableEl: HTMLElement | null;
|
|
8064
|
-
|
|
8065
|
-
|
|
8103
|
+
paddingRight: string;
|
|
8104
|
+
paddingLeft: string;
|
|
8066
8105
|
setPortalTick: Dispatch<SetStateAction<number>>;
|
|
8067
8106
|
}
|
|
8068
8107
|
interface ScrollableParentContextProviderProps {
|
|
8069
8108
|
xss?: Properties;
|
|
8109
|
+
px?: string | number;
|
|
8110
|
+
pl?: string | number;
|
|
8111
|
+
pr?: string | number;
|
|
8070
8112
|
tagName?: keyof JSX.IntrinsicElements;
|
|
8071
8113
|
}
|
|
8072
8114
|
/**
|
|
@@ -8093,19 +8135,19 @@ interface ScrollableParentContextProviderProps {
|
|
|
8093
8135
|
*
|
|
8094
8136
|
* See [this miro](https://miro.com/app/board/o9J_l-FQ-RU=/) and how we need to "cut the component in half".
|
|
8095
8137
|
*/
|
|
8096
|
-
declare function ScrollableParent(props: PropsWithChildren<ScrollableParentContextProviderProps>):
|
|
8138
|
+
declare function ScrollableParent(props: PropsWithChildren<ScrollableParentContextProviderProps>): JSX.Element;
|
|
8097
8139
|
declare function useScrollableParent(): ScrollableParentContextProps;
|
|
8098
8140
|
|
|
8099
8141
|
interface LoaderProps {
|
|
8100
8142
|
size?: "xs" | "sm" | "md" | "lg";
|
|
8101
8143
|
contrast?: boolean;
|
|
8102
8144
|
}
|
|
8103
|
-
declare function Loader({ size, contrast }: LoaderProps):
|
|
8145
|
+
declare function Loader({ size, contrast }: LoaderProps): JSX.Element;
|
|
8104
8146
|
|
|
8105
8147
|
type MaxLinesProps = PropsWithChildren<{
|
|
8106
8148
|
maxLines: number;
|
|
8107
8149
|
}>;
|
|
8108
|
-
declare function MaxLines({ maxLines, children }: MaxLinesProps):
|
|
8150
|
+
declare function MaxLines({ maxLines, children }: MaxLinesProps): JSX.Element;
|
|
8109
8151
|
|
|
8110
8152
|
interface OpenModalProps {
|
|
8111
8153
|
/** The custom modal content to show. */
|
|
@@ -8154,7 +8196,7 @@ interface ScrollShadowsProps {
|
|
|
8154
8196
|
/** Defines the background color for the shadows */
|
|
8155
8197
|
bgColor?: Palette;
|
|
8156
8198
|
}
|
|
8157
|
-
declare function ScrollShadows(props: ScrollShadowsProps):
|
|
8199
|
+
declare function ScrollShadows(props: ScrollShadowsProps): JSX.Element;
|
|
8158
8200
|
|
|
8159
8201
|
type SnackbarNoticeTypes = "error" | "warning" | "success" | "info" | "alert";
|
|
8160
8202
|
interface SnackbarNoticeProps {
|
|
@@ -8208,7 +8250,7 @@ interface StepperProps {
|
|
|
8208
8250
|
currentStep: Step["value"];
|
|
8209
8251
|
onChange: (stepValue: string) => void;
|
|
8210
8252
|
}
|
|
8211
|
-
declare function Stepper(props: StepperProps):
|
|
8253
|
+
declare function Stepper(props: StepperProps): JSX.Element;
|
|
8212
8254
|
|
|
8213
8255
|
interface SuperDrawerHeaderProps {
|
|
8214
8256
|
children: ReactNode;
|
|
@@ -8228,7 +8270,7 @@ interface ConfirmCloseModalProps {
|
|
|
8228
8270
|
continueText?: string;
|
|
8229
8271
|
}
|
|
8230
8272
|
/** Modal content to appear when a close checks fails */
|
|
8231
|
-
declare function ConfirmCloseModal(props: ConfirmCloseModalProps):
|
|
8273
|
+
declare function ConfirmCloseModal(props: ConfirmCloseModalProps): JSX.Element;
|
|
8232
8274
|
|
|
8233
8275
|
interface SuperDrawerContentProps {
|
|
8234
8276
|
children: ReactNode;
|
|
@@ -8247,7 +8289,7 @@ interface SuperDrawerContentProps {
|
|
|
8247
8289
|
* NOTE: This does not include the header props since the caller will be the one
|
|
8248
8290
|
* that knows how to handle the title, prev/next link and the onClose handler.
|
|
8249
8291
|
*/
|
|
8250
|
-
declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) =>
|
|
8292
|
+
declare const SuperDrawerContent: ({ children, actions }: SuperDrawerContentProps) => JSX.Element;
|
|
8251
8293
|
|
|
8252
8294
|
interface Tab<V extends string = string> {
|
|
8253
8295
|
name: string;
|
|
@@ -8264,6 +8306,8 @@ interface TabsProps<V extends string, X> {
|
|
|
8264
8306
|
tabs: Tab<V>[];
|
|
8265
8307
|
onChange: (value: V) => void;
|
|
8266
8308
|
contentXss?: X;
|
|
8309
|
+
/** If you want to set your own padding in `contentXss`, you can disable the default FullBleed padding here. */
|
|
8310
|
+
omitFullBleedPadding?: boolean;
|
|
8267
8311
|
alwaysShowAllTabs?: boolean;
|
|
8268
8312
|
includeBottomBorder?: boolean;
|
|
8269
8313
|
right?: ReactNode;
|
|
@@ -8296,12 +8340,12 @@ interface RequiredRenderRouteTabs<V extends string, X> extends Omit<RouteTabsPro
|
|
|
8296
8340
|
* If you want to tease apart Tabs from their TabContent, you can use the `Tab`
|
|
8297
8341
|
* and `TabContent` components directly.
|
|
8298
8342
|
*/
|
|
8299
|
-
declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: RequiredRenderTabs<V, X> | RequiredRenderRouteTabs<V, X>):
|
|
8300
|
-
declare function TabContent<V extends string>(props: Omit<RequiredRenderTabs<V, AnyObject>, "onChange"> | RequiredRenderRouteTabs<V, AnyObject>):
|
|
8343
|
+
declare function TabsWithContent<V extends string, X extends Only<TabsContentXss, X>>(props: RequiredRenderTabs<V, X> | RequiredRenderRouteTabs<V, X>): JSX.Element;
|
|
8344
|
+
declare function TabContent<V extends string>(props: Omit<RequiredRenderTabs<V, AnyObject>, "onChange"> | RequiredRenderRouteTabs<V, AnyObject>): JSX.Element;
|
|
8301
8345
|
/** The top list of tabs. */
|
|
8302
|
-
declare function Tabs<V extends string>(props: TabsProps<V, AnyObject> | RouteTabsProps<V, AnyObject>):
|
|
8346
|
+
declare function Tabs<V extends string>(props: TabsProps<V, AnyObject> | RouteTabsProps<V, AnyObject>): JSX.Element;
|
|
8303
8347
|
|
|
8304
|
-
declare function Toast():
|
|
8348
|
+
declare function Toast(): JSX.Element;
|
|
8305
8349
|
|
|
8306
8350
|
interface ToastNoticeProps extends Omit<BannerProps, "onClose"> {
|
|
8307
8351
|
}
|
|
@@ -8330,11 +8374,11 @@ interface TooltipProps {
|
|
|
8330
8374
|
bgColor?: Palette;
|
|
8331
8375
|
xss?: TooltipXss;
|
|
8332
8376
|
}
|
|
8333
|
-
declare function Tooltip(props: TooltipProps):
|
|
8377
|
+
declare function Tooltip(props: TooltipProps): JSX.Element;
|
|
8334
8378
|
type Placement = "top" | "bottom" | "left" | "right" | "auto";
|
|
8335
8379
|
declare function maybeTooltip(props: Omit<TooltipProps, "children"> & {
|
|
8336
8380
|
children: ReactNode;
|
|
8337
|
-
}):
|
|
8381
|
+
}): JSX.Element;
|
|
8338
8382
|
declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactNode, readOnly?: boolean | ReactNode): ReactNode | undefined;
|
|
8339
8383
|
|
|
8340
8384
|
/**
|
|
@@ -8348,4 +8392,4 @@ declare function resolveTooltip(disabled?: boolean | ReactNode, tooltip?: ReactN
|
|
|
8348
8392
|
*/
|
|
8349
8393
|
declare function defaultTestId(label: string): string;
|
|
8350
8394
|
|
|
8351
|
-
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BeamButtonProps, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, ConfirmCloseModal,
|
|
8395
|
+
export { ASC, Accordion, AccordionList, type AccordionProps, type AccordionSize, AutoSaveIndicator, AutoSaveStatus, AutoSaveStatusContext, AutoSaveStatusProvider, Autocomplete, type AutocompleteProps, Avatar, AvatarButton, type AvatarButtonProps, AvatarGroup, type AvatarGroupProps, type AvatarProps, type AvatarSize, Banner, type BannerProps, type BannerTypes, BaseFilter, type BeamButtonProps, type BeamFocusableProps, BeamProvider, type BeamTextFieldProps, BoundCheckboxField, type BoundCheckboxFieldProps, BoundCheckboxGroupField, type BoundCheckboxGroupFieldProps, BoundChipSelectField, BoundDateField, type BoundDateFieldProps, BoundDateRangeField, type BoundDateRangeFieldProps, BoundForm, type BoundFormInputConfig, type BoundFormProps, type BoundFormRowInputs, BoundIconCardField, type BoundIconCardFieldProps, BoundIconCardGroupField, type BoundIconCardGroupFieldProps, BoundMultiLineSelectField, type BoundMultiLineSelectFieldProps, BoundMultiSelectField, type BoundMultiSelectFieldProps, BoundNumberField, type BoundNumberFieldProps, BoundRadioGroupField, type BoundRadioGroupFieldProps, BoundRichTextField, type BoundRichTextFieldProps, BoundSelectAndTextField, BoundSelectField, type BoundSelectFieldProps, BoundSwitchField, type BoundSwitchFieldProps, BoundTextAreaField, type BoundTextAreaFieldProps, BoundTextField, type BoundTextFieldProps, BoundToggleChipGroupField, type BoundToggleChipGroupFieldProps, BoundTreeSelectField, type BoundTreeSelectFieldProps, type Breakpoint, Breakpoints, Button, ButtonDatePicker, ButtonGroup, type ButtonGroupButton, type ButtonGroupProps, ButtonMenu, type ButtonMenuProps, ButtonModal, type ButtonModalProps, type ButtonProps, type ButtonSize, type ButtonVariant, Card, type CardProps, type CardTag, type CardType, type CheckFn, Checkbox, CheckboxGroup, type CheckboxGroupItemOption, type CheckboxGroupProps, type CheckboxProps, Chip, type ChipProps, ChipSelectField, type ChipSelectFieldProps, type ChipType, ChipTypes, type ChipValue, Chips, type ChipsProps, CollapseToggle, CollapsedContext, ConfirmCloseModal, type ContentStack, Copy, CountBadge, type CountBadgeProps, Css, CssReset, DESC, DateField, type DateFieldMode, type DateFieldModeTuple, type DateFieldProps, type DateFilterValue, DateRangeField, type DateRangeFieldProps, type DateRangeFilterValue, type Direction, type DiscriminateUnion, type DividerMenuItemType, DnDGrid, DnDGridItemHandle, type DnDGridItemHandleProps, type DnDGridItemProps, type DnDGridProps, type DragData, EXPANDABLE_HEADER, EditColumnsButton, ErrorMessage, FieldGroup, type Filter, type FilterDefs, _FilterDropdownMenu as FilterDropdownMenu, type FilterImpls, FilterModal, _Filters as Filters, type Font, FormDivider, FormHeading, type FormHeadingProps, FormLines, type FormLinesProps, FormPageLayout, FormRow, type FormSectionConfig, type FormWidth, FullBleed, type GridCellAlignment, type GridCellContent, type GridColumn, type GridColumnBorder, type GridColumnWithId, type GridDataRow, type GridRowKind, type GridRowLookup, type GridSortConfig, type GridStyle, GridTable, type GridTableApi, type GridTableCollapseToggleProps, type GridTableDefaults, GridTableLayout, type GridTableLayoutProps, type GridTableProps, type GridTableScrollOptions, type GridTableXss, type GroupByHook, HB_QUIPS_FLAVOR, HB_QUIPS_MISSION, HEADER, type HasIdAndName, HbLoadingSpinner, HbSpinnerProvider, HelperText, Icon, IconButton, type IconButtonProps, IconCard, type IconCardProps, type IconKey, type IconMenuItemType, type IconProps, Icons, type IfAny, type ImageFitType, type ImageMenuItemType, type InfiniteScroll, type InputStylePalette, KEPT_GROUP, type Kinded, Loader, LoadingSkeleton, type LoadingSkeletonProps, type Margin, type Marker, MaxLines, type MaxLinesProps, type MaybeFn, type MenuItem, type MenuSection, ModalBody, ModalFilterItem, ModalFooter, ModalHeader, type ModalProps, type ModalSize, MultiLineSelectField, type MultiLineSelectFieldProps, MultiSelectField, type MultiSelectFieldProps, NavLink, type NestedOption, type NestedOptionsOrLoad, NumberField, type NumberFieldProps, type NumberFieldType, type OffsetAndLimit, type OnRowDragEvent, type OnRowSelect, type Only, type OpenDetailOpts, type OpenInDrawerOpts, OpenModal, type OpenRightPaneOpts, type Optional, type Padding, type PageNumberAndSize, type PageSettings, Pagination, type PaginationConfig, Palette, type Pin, type Placement, type PresentationFieldProps, PresentationProvider, PreventBrowserScroll, type Properties, RIGHT_SIDEBAR_MIN_WIDTH, type RadioFieldOption, RadioGroupField, type RadioGroupFieldProps, type RenderAs, type RenderCellFn, ResponsiveGrid, type ResponsiveGridConfig, ResponsiveGridContext, ResponsiveGridItem, type ResponsiveGridItemProps, type ResponsiveGridProps, RichTextField, RichTextFieldImpl, type RichTextFieldProps, RightPaneContext, RightPaneLayout, type RightPaneLayoutContextProps, RightPaneProvider, RightSidebar, type RightSidebarProps, type RouteTab, type RouteTabWithContent, Row, type RowStyle, type RowStyles, ScrollShadows, ScrollableContent, ScrollableParent, SelectField, type SelectFieldProps, SelectToggle, type SelectedState, type SidebarContentProps, type SimpleHeaderAndData, SortHeader, type SortOn, type SortState, StaticField, type Step, Stepper, type StepperProps, SubmitButton, type SubmitButtonProps, SuperDrawerContent, SuperDrawerHeader, SuperDrawerWidth, Switch, type SwitchProps, TOTALS, type Tab, TabContent, type TabWithContent, TableState, TableStateContext, Tabs, TabsWithContent, Tag, type TagType, type TestIds, TextAreaField, type TextAreaFieldProps, TextField, type TextFieldApi, type TextFieldInternalProps, type TextFieldProps, type TextFieldXss, Toast, ToggleButton, type ToggleButtonProps, ToggleChip, ToggleChipGroup, type ToggleChipGroupProps, type ToggleChipProps, ToggleChips, type ToggleChipsProps, Tooltip, TreeSelectField, type TreeSelectFieldProps, type TriggerNoticeProps, type Typography, type UseModalHook, type UsePersistedFilterProps, type UseQueryState, type UseRightPaneHook, type UseSnackbarHook, type UseSuperDrawerHook, type UseToastProps, type Value, type Xss, actionColumn, applyRowFn, assignDefaultColumnIds, booleanFilter, boundCheckboxField, boundCheckboxGroupField, boundDateField, boundDateRangeField, boundIconCardField, boundIconCardGroupField, boundMultiSelectField, boundMultilineSelectField, boundNumberField, boundRadioGroupField, boundRichTextField, boundSelectField, boundSwitchField, boundTextAreaField, boundTextField, boundToggleChipGroupField, boundTreeSelectField, calcColumnSizes, cardStyle, checkboxFilter, chipBaseStyles, chipDisabledStyles, chipHoverOnlyStyles, chipHoverStyles, collapseColumn, column, condensedStyle, createRowLookup, dateColumn, dateFilter, dateFormats, dateRangeFilter, defaultPage, defaultRenderFn, defaultStyle, defaultTestId, dragHandleColumn, emptyCell, ensureClientSideSortValueIsSortable, filterTestIdPrefix, formatDate, formatDateRange, formatValue, generateColumnId, getAlignment, getColumnBorderCss, getDateFormat, getFirstOrLastCellCss, getJustification, getTableRefWidthStyles, getTableStyles, headerRenderFn, hoverStyles, iconButtonCircleStylesHover, iconButtonContrastStylesHover, iconButtonStylesHover, iconCardStylesHover, increment, insertAtIndex, isCursorBelowMidpoint, isGridCellContent, isJSX, isListBoxSection, isPersistentItem, isPersistentKey, isValidDate, listFieldPrefix, loadArrayOrUndefined, marker, matchesFilter, maybeInc, maybeTooltip, multiFilter, navLink, newMethodMissingProxy, nonKindGridColumnKeys, numberRangeFilter, numericColumn, parseDate, parseDateRange, parseWidthToPx, persistentItemPrefix, pressedOverlayCss, px, recursivelyGetContainingRow, reservedRowKinds, resolveTooltip, rowClickRenderFn, rowLinkRenderFn, selectColumn, selectedStyles, setDefaultStyle, setGridTableDefaults, setRunningInJest, shouldSkipScrollTo, simpleDataRows, simpleHeader, singleFilter, sortFn, sortRows, switchFocusStyles, switchHoverStyles, switchSelectedHoverStyles, toContent, toLimitAndOffset, toPageNumberSize, toggleFilter, toggleFocusStyles, toggleHoverStyles, togglePressStyles, treeFilter, updateFilter, useAutoSaveStatus, useBreakpoint, useComputed, useDnDGridItem, type useDnDGridItemProps, useFilter, useGridTableApi, useGridTableLayoutState, useGroupBy, useHover, useModal, usePersistedFilter, useQueryState, useResponsiveGrid, useResponsiveGridItem, type useResponsiveGridProps, useRightPane, useRightPaneContext, useScrollableParent, useSessionStorage, useSetupColumnSizes, useSnackbar, useSuperDrawer, useTestIds, useToast, useTreeSelectFieldProvider, visit, zIndices };
|