@qualcomm-ui/react 1.11.0 → 1.12.0
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/alert-banner/alert-banner-action-container.d.ts +14 -0
- package/dist/alert-banner/alert-banner-action-container.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-close-button.d.ts +13 -0
- package/dist/alert-banner/alert-banner-close-button.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-description.d.ts +13 -0
- package/dist/alert-banner/alert-banner-description.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-heading.d.ts +13 -0
- package/dist/alert-banner/alert-banner-heading.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-icon.d.ts +16 -0
- package/dist/alert-banner/alert-banner-icon.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner-root.d.ts +18 -0
- package/dist/alert-banner/alert-banner-root.d.ts.map +1 -0
- package/dist/alert-banner/alert-banner.d.ts +82 -0
- package/dist/alert-banner/alert-banner.d.ts.map +1 -0
- package/dist/alert-banner/index.d.ts +41 -0
- package/dist/alert-banner/index.d.ts.map +1 -0
- package/dist/alert-banner/index.js +3 -0
- package/dist/alert-banner/index.js.map +7 -0
- package/dist/alert-banner/qds-alert-banner-context.d.ts +6 -0
- package/dist/alert-banner/qds-alert-banner-context.d.ts.map +1 -0
- package/dist/avatar/avatar-root.d.ts +7 -3
- package/dist/avatar/avatar-root.d.ts.map +1 -1
- package/dist/avatar/index.js +1 -1
- package/dist/avatar/index.js.map +2 -2
- package/dist/inline-notification/index.js +1 -1
- package/dist/inline-notification/index.js.map +2 -2
- package/dist/inline-notification/inline-notification-icon.d.ts.map +1 -1
- package/dist/select/index.d.ts +8 -1
- package/dist/select/index.d.ts.map +1 -1
- package/dist/select/index.js +1 -1
- package/dist/select/index.js.map +4 -4
- package/dist/select/select-item-checkbox.d.ts +11 -0
- package/dist/select/select-item-checkbox.d.ts.map +1 -0
- package/dist/select/select-items.d.ts.map +1 -1
- package/dist/select/select-root.d.ts +1 -1
- package/dist/select/select-root.d.ts.map +1 -1
- package/dist/tsbuildinfo +1 -1
- package/package.json +2 -2
|
@@ -0,0 +1,14 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerActionContainerProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* A container for the banner's primary action button. Renders a `<div>`
|
|
11
|
+
* element by default.
|
|
12
|
+
*/
|
|
13
|
+
export declare function AlertBannerActionContainer({ children, ...props }: AlertBannerActionContainerProps): ReactElement;
|
|
14
|
+
//# sourceMappingURL=alert-banner-action-container.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-action-container.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-action-container.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,+BACf,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAChC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;;GAGG;AACH,wBAAgB,0BAA0B,CAAC,EACzC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,+BAA+B,GAAG,YAAY,CAUhD"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerCloseButtonProps extends ElementRenderProp<"button"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Calls the root's `onClose` when clicked. Renders a `<button>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AlertBannerCloseButton({ children, ...props }: AlertBannerCloseButtonProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=alert-banner-close-button.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-close-button.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-close-button.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAKlD,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,2BACf,SAAQ,iBAAiB,CAAC,QAAQ,CAAC;IACnC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,GAAG,YAAY,CAqB5C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerDescriptionProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Description of the alert banner. Renders a `<div>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AlertBannerDescription({ children, ...props }: AlertBannerDescriptionProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=alert-banner-description.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-description.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-description.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,2BAA4B,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IAC3E;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,2BAA2B,GAAG,YAAY,CAU5C"}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
3
|
+
export interface AlertBannerHeadingProps extends ElementRenderProp<"div"> {
|
|
4
|
+
/**
|
|
5
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
6
|
+
*/
|
|
7
|
+
children?: ReactNode;
|
|
8
|
+
}
|
|
9
|
+
/**
|
|
10
|
+
* Heading of the alert banner. Renders a `<div>` element by default.
|
|
11
|
+
*/
|
|
12
|
+
export declare function AlertBannerHeading({ children, ...props }: AlertBannerHeadingProps): ReactElement;
|
|
13
|
+
//# sourceMappingURL=alert-banner-heading.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-heading.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-heading.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB,CAAC,KAAK,CAAC;IACvE;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,kBAAkB,CAAC,EACjC,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,uBAAuB,GAAG,YAAY,CAUxC"}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
import type { ReactElement } from "react";
|
|
2
|
+
import type { LucideIconOrNode } from "@qualcomm-ui/react-core/lucide";
|
|
3
|
+
import type { ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface AlertBannerIconProps extends ElementRenderProp<"span"> {
|
|
5
|
+
/**
|
|
6
|
+
* Override the icon displayed in the banner. When this prop is omitted,
|
|
7
|
+
* the icon is determined by the {@link emphasis} prop.
|
|
8
|
+
*/
|
|
9
|
+
icon?: LucideIconOrNode;
|
|
10
|
+
}
|
|
11
|
+
/**
|
|
12
|
+
* An icon that indicates the banner's status. Renders a `<span>` element by
|
|
13
|
+
* default.
|
|
14
|
+
*/
|
|
15
|
+
export declare function AlertBannerIcon({ icon: iconProp, ...props }: AlertBannerIconProps): ReactElement;
|
|
16
|
+
//# sourceMappingURL=alert-banner-icon.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-icon.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AAYvC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,oBAAqB,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IACrE;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,eAAe,CAAC,EAC9B,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,YAAY,CAWrC"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import { type ReactElement, type ReactNode } from "react";
|
|
2
|
+
import { type QdsAlertBannerApiProps } from "@qualcomm-ui/qds-core/alert-banner";
|
|
3
|
+
import { type ElementRenderProp } from "@qualcomm-ui/react-core/system";
|
|
4
|
+
export interface AlertBannerRootProps extends QdsAlertBannerApiProps, Omit<ElementRenderProp<"div">, "dir"> {
|
|
5
|
+
/**
|
|
6
|
+
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
7
|
+
*/
|
|
8
|
+
children?: ReactNode;
|
|
9
|
+
/**
|
|
10
|
+
* Callback fired when the close button is clicked.
|
|
11
|
+
*/
|
|
12
|
+
onClose?: () => void;
|
|
13
|
+
}
|
|
14
|
+
/**
|
|
15
|
+
* Groups all parts of the alert banner. Renders a `<div>` element by default.
|
|
16
|
+
*/
|
|
17
|
+
export declare function AlertBannerRoot({ children, closeButtonAriaLabel, dir, emphasis, onClose, variant, ...props }: AlertBannerRootProps): ReactElement;
|
|
18
|
+
//# sourceMappingURL=alert-banner-root.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner-root.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAEL,KAAK,sBAAsB,EAC5B,MAAM,oCAAoC,CAAA;AAE3C,OAAO,EACL,KAAK,iBAAiB,EAEvB,MAAM,gCAAgC,CAAA;AAQvC,MAAM,WAAW,oBACf,SAAQ,sBAAsB,EAC5B,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED;;GAEG;AACH,wBAAgB,eAAe,CAAC,EAC9B,QAAQ,EACR,oBAAoB,EACpB,GAAG,EACH,QAAQ,EACR,OAAO,EACP,OAAO,EACP,GAAG,KAAK,EACT,EAAE,oBAAoB,GAAG,YAAY,CAqBrC"}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from "react";
|
|
2
|
+
import type { LucideIconOrNode } from "@qualcomm-ui/react-core/lucide";
|
|
3
|
+
import { type AlertBannerActionContainerProps } from "./alert-banner-action-container";
|
|
4
|
+
import { type AlertBannerCloseButtonProps } from "./alert-banner-close-button";
|
|
5
|
+
import { type AlertBannerDescriptionProps } from "./alert-banner-description";
|
|
6
|
+
import { type AlertBannerHeadingProps } from "./alert-banner-heading";
|
|
7
|
+
import { type AlertBannerIconProps } from "./alert-banner-icon";
|
|
8
|
+
import { type AlertBannerRootProps } from "./alert-banner-root";
|
|
9
|
+
interface DismissableAlertBannerProps {
|
|
10
|
+
/**
|
|
11
|
+
* When `true`, renders a close button that calls `onClose` when clicked.
|
|
12
|
+
*/
|
|
13
|
+
dismissable: true;
|
|
14
|
+
/**
|
|
15
|
+
* Callback fired when the close button is clicked.
|
|
16
|
+
*/
|
|
17
|
+
onClose: NonNullable<AlertBannerRootProps["onClose"]>;
|
|
18
|
+
}
|
|
19
|
+
interface NonDismissableAlertBannerProps {
|
|
20
|
+
/**
|
|
21
|
+
* When `true`, renders a close button that calls `onClose` when clicked.
|
|
22
|
+
*
|
|
23
|
+
* @default false
|
|
24
|
+
*/
|
|
25
|
+
dismissable?: false;
|
|
26
|
+
/**
|
|
27
|
+
* Callback fired when the close button is clicked.
|
|
28
|
+
*/
|
|
29
|
+
onClose?: AlertBannerRootProps["onClose"];
|
|
30
|
+
}
|
|
31
|
+
interface AlertBannerSharedProps {
|
|
32
|
+
/**
|
|
33
|
+
* The component used for the content of the action element.
|
|
34
|
+
*/
|
|
35
|
+
action?: ReactNode;
|
|
36
|
+
/**
|
|
37
|
+
* Props applied to the action container element.
|
|
38
|
+
* @inheritDoc
|
|
39
|
+
*/
|
|
40
|
+
actionProps?: AlertBannerActionContainerProps;
|
|
41
|
+
/**
|
|
42
|
+
* The simple AlertBanner doesn't support children.
|
|
43
|
+
*/
|
|
44
|
+
children?: never;
|
|
45
|
+
/**
|
|
46
|
+
* Props applied to the close button element.
|
|
47
|
+
* @inheritDoc
|
|
48
|
+
*/
|
|
49
|
+
closeButtonProps?: AlertBannerCloseButtonProps;
|
|
50
|
+
/**
|
|
51
|
+
* Optional description text for the banner.
|
|
52
|
+
*/
|
|
53
|
+
description?: ReactNode;
|
|
54
|
+
/**
|
|
55
|
+
* Props applied to the description element.
|
|
56
|
+
* @inheritDoc
|
|
57
|
+
*/
|
|
58
|
+
descriptionProps?: AlertBannerDescriptionProps;
|
|
59
|
+
/**
|
|
60
|
+
* Optional heading text for the banner.
|
|
61
|
+
*/
|
|
62
|
+
heading?: ReactNode;
|
|
63
|
+
/**
|
|
64
|
+
* Props applied to the heading element.
|
|
65
|
+
* @inheritDoc
|
|
66
|
+
*/
|
|
67
|
+
headingProps?: AlertBannerHeadingProps;
|
|
68
|
+
/**
|
|
69
|
+
* Override the icon displayed in the banner. When this prop is omitted,
|
|
70
|
+
* the icon is determined by the {@link emphasis} prop.
|
|
71
|
+
*/
|
|
72
|
+
icon?: LucideIconOrNode;
|
|
73
|
+
/**
|
|
74
|
+
* Props applied to the icon element.
|
|
75
|
+
* @inheritDoc
|
|
76
|
+
*/
|
|
77
|
+
iconProps?: AlertBannerIconProps;
|
|
78
|
+
}
|
|
79
|
+
export type AlertBannerProps = Omit<AlertBannerRootProps, "children" | "onClose"> & AlertBannerSharedProps & (DismissableAlertBannerProps | NonDismissableAlertBannerProps);
|
|
80
|
+
export declare function AlertBanner({ action, actionProps, closeButtonProps, description, descriptionProps, dismissable, heading, headingProps, icon, iconProps, ...props }: AlertBannerProps): ReactElement;
|
|
81
|
+
export {};
|
|
82
|
+
//# sourceMappingURL=alert-banner.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"alert-banner.d.ts","sourceRoot":"","sources":["../../src/alert-banner/alert-banner.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAE,SAAS,EAAC,MAAM,OAAO,CAAA;AAElD,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAA;AAEpE,OAAO,EAEL,KAAK,+BAA+B,EACrC,MAAM,iCAAiC,CAAA;AACxC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,6BAA6B,CAAA;AACpC,OAAO,EAEL,KAAK,2BAA2B,EACjC,MAAM,4BAA4B,CAAA;AACnC,OAAO,EAEL,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAkB,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAE9E,UAAU,2BAA2B;IACnC;;OAEG;IACH,WAAW,EAAE,IAAI,CAAA;IAEjB;;OAEG;IACH,OAAO,EAAE,WAAW,CAAC,oBAAoB,CAAC,SAAS,CAAC,CAAC,CAAA;CACtD;AAED,UAAU,8BAA8B;IACtC;;;;OAIG;IACH,WAAW,CAAC,EAAE,KAAK,CAAA;IAEnB;;OAEG;IACH,OAAO,CAAC,EAAE,oBAAoB,CAAC,SAAS,CAAC,CAAA;CAC1C;AAED,UAAU,sBAAsB;IAC9B;;OAEG;IACH,MAAM,CAAC,EAAE,SAAS,CAAA;IAElB;;;OAGG;IACH,WAAW,CAAC,EAAE,+BAA+B,CAAA;IAE7C;;OAEG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAA;IAEhB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;IAE9C;;OAEG;IACH,WAAW,CAAC,EAAE,SAAS,CAAA;IAEvB;;;OAGG;IACH,gBAAgB,CAAC,EAAE,2BAA2B,CAAA;IAE9C;;OAEG;IACH,OAAO,CAAC,EAAE,SAAS,CAAA;IAEnB;;;OAGG;IACH,YAAY,CAAC,EAAE,uBAAuB,CAAA;IAEtC;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;IAEvB;;;OAGG;IACH,SAAS,CAAC,EAAE,oBAAoB,CAAA;CACjC;AAED,MAAM,MAAM,gBAAgB,GAAG,IAAI,CACjC,oBAAoB,EACpB,UAAU,GAAG,SAAS,CACvB,GACC,sBAAsB,GACtB,CAAC,2BAA2B,GAAG,8BAA8B,CAAC,CAAA;AAEhE,wBAAgB,WAAW,CAAC,EAC1B,MAAM,EACN,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,OAAO,EACP,YAAY,EACZ,IAAI,EACJ,SAAS,EACT,GAAG,KAAK,EACT,EAAE,gBAAgB,GAAG,YAAY,CA8BjC"}
|
|
@@ -0,0 +1,41 @@
|
|
|
1
|
+
import { AlertBanner as SimpleAlertBanner } from "./alert-banner";
|
|
2
|
+
import { AlertBannerActionContainer, type AlertBannerActionContainerProps } from "./alert-banner-action-container";
|
|
3
|
+
import { AlertBannerCloseButton, type AlertBannerCloseButtonProps } from "./alert-banner-close-button";
|
|
4
|
+
import { AlertBannerDescription, type AlertBannerDescriptionProps } from "./alert-banner-description";
|
|
5
|
+
import { AlertBannerHeading, type AlertBannerHeadingProps } from "./alert-banner-heading";
|
|
6
|
+
import { AlertBannerIcon, type AlertBannerIconProps } from "./alert-banner-icon";
|
|
7
|
+
import { AlertBannerRoot, type AlertBannerRootProps } from "./alert-banner-root";
|
|
8
|
+
export { AlertBannerContextProvider, type AlertBannerContextValue, useAlertBannerContext, } from "./qds-alert-banner-context";
|
|
9
|
+
export type { AlertBannerActionContainerProps, AlertBannerCloseButtonProps, AlertBannerDescriptionProps, AlertBannerHeadingProps, AlertBannerIconProps, AlertBannerRootProps, };
|
|
10
|
+
type AlertBannerComponent = typeof SimpleAlertBanner & {
|
|
11
|
+
/**
|
|
12
|
+
* A container for the banner's action button. Renders a `<div>` element by
|
|
13
|
+
* default.
|
|
14
|
+
*/
|
|
15
|
+
ActionContainer: typeof AlertBannerActionContainer;
|
|
16
|
+
/**
|
|
17
|
+
* Calls the root's `onClose` when clicked. Renders a `<button>` element by
|
|
18
|
+
* default.
|
|
19
|
+
*/
|
|
20
|
+
CloseButton: typeof AlertBannerCloseButton;
|
|
21
|
+
/**
|
|
22
|
+
* A paragraph with additional information about the banner. Renders a
|
|
23
|
+
* `<div>` element by default.
|
|
24
|
+
*/
|
|
25
|
+
Description: typeof AlertBannerDescription;
|
|
26
|
+
/**
|
|
27
|
+
* A heading that labels the banner. Renders a `<div>` element by default.
|
|
28
|
+
*/
|
|
29
|
+
Heading: typeof AlertBannerHeading;
|
|
30
|
+
/**
|
|
31
|
+
* An icon that indicates the banner's status. Renders a `<span>` element by
|
|
32
|
+
* default.
|
|
33
|
+
*/
|
|
34
|
+
Icon: typeof AlertBannerIcon;
|
|
35
|
+
/**
|
|
36
|
+
* Groups all parts of the banner. Renders a `<div>` element by default.
|
|
37
|
+
*/
|
|
38
|
+
Root: typeof AlertBannerRoot;
|
|
39
|
+
};
|
|
40
|
+
export declare const AlertBanner: AlertBannerComponent;
|
|
41
|
+
//# sourceMappingURL=index.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/alert-banner/index.ts"],"names":[],"mappings":"AAGA,OAAO,EAAC,WAAW,IAAI,iBAAiB,EAAC,MAAM,gBAAgB,CAAA;AAC/D,OAAO,EACL,0BAA0B,EAC1B,KAAK,+BAA+B,EACrC,MAAM,iCAAiC,CAAA;AACxC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,6BAA6B,CAAA;AACpC,OAAO,EACL,sBAAsB,EACtB,KAAK,2BAA2B,EACjC,MAAM,4BAA4B,CAAA;AACnC,OAAO,EACL,kBAAkB,EAClB,KAAK,uBAAuB,EAC7B,MAAM,wBAAwB,CAAA;AAC/B,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAC9E,OAAO,EAAC,eAAe,EAAE,KAAK,oBAAoB,EAAC,MAAM,qBAAqB,CAAA;AAE9E,OAAO,EACL,0BAA0B,EAC1B,KAAK,uBAAuB,EAC5B,qBAAqB,GACtB,MAAM,4BAA4B,CAAA;AAEnC,YAAY,EACV,+BAA+B,EAC/B,2BAA2B,EAC3B,2BAA2B,EAC3B,uBAAuB,EACvB,oBAAoB,EACpB,oBAAoB,GACrB,CAAA;AAED,KAAK,oBAAoB,GAAG,OAAO,iBAAiB,GAAG;IACrD;;;OAGG;IACH,eAAe,EAAE,OAAO,0BAA0B,CAAA;IAClD;;;OAGG;IACH,WAAW,EAAE,OAAO,sBAAsB,CAAA;IAC1C;;;OAGG;IACH,WAAW,EAAE,OAAO,sBAAsB,CAAA;IAC1C;;OAEG;IACH,OAAO,EAAE,OAAO,kBAAkB,CAAA;IAClC;;;OAGG;IACH,IAAI,EAAE,OAAO,eAAe,CAAA;IAC5B;;OAEG;IACH,IAAI,EAAE,OAAO,eAAe,CAAA;CAC7B,CAAA;AAED,eAAO,MAAM,WAAW,EAAE,oBACiB,CAAA"}
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
"use client";
|
|
2
|
+
import{jsx as jsx7,jsxs}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[AlertBannerContextProvider,useAlertBannerContext]=createGuardedContext({hookName:"useAlertBannerContext",providerName:"<AlertBannerContextProvider>",strict:!0});function AlertBannerActionContainer(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps(context.getActionBindings(),props);return jsx(PolymorphicElement,{as:"div",...mergedProps,children})}import{jsx as jsx2}from"react/jsx-runtime";import{X}from"lucide-react";import{InlineIconButton}from"@qualcomm-ui/react/inline-icon-button";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function AlertBannerCloseButton(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps2({onClick:context.onClose},context.getCloseButtonBindings(),props),emphasis=context.variant==="strong"?context.emphasis==="warning"?"persistent-black":"persistent-white":void 0;return jsx2(InlineIconButton,{emphasis,icon:X,size:"md",...mergedProps,children})}import{jsx as jsx3}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function AlertBannerDescription(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps3(context.getDescriptionBindings(),props);return jsx3(PolymorphicElement2,{as:"div",...mergedProps,children})}import{jsx as jsx4}from"react/jsx-runtime";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function AlertBannerHeading(t0){let{children,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps4(context.getHeadingBindings(),props);return jsx4(PolymorphicElement3,{as:"div",...mergedProps,children})}import{jsx as jsx5}from"react/jsx-runtime";import{BellRing,CircleAlert,CircleCheck,Info,TriangleAlert}from"lucide-react";import{IconOrNode}from"@qualcomm-ui/react/icon";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function AlertBannerIcon(t0){let{icon:iconProp,...props}=t0,context=useAlertBannerContext(),mergedProps=mergeProps5(context.getIconBindings(),props);return jsx5(IconOrNode,{icon:iconProp||icons[context.emphasis]||Info,size:"lg",...mergedProps})}var icons={danger:CircleAlert,info:Info,neutral:BellRing,success:CircleCheck,warning:TriangleAlert};import{c as _c}from"react/compiler-runtime";import{jsx as jsx6}from"react/jsx-runtime";import"react";import{createQdsAlertBannerApi}from"@qualcomm-ui/qds-core/alert-banner";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps6}from"@qualcomm-ui/utils/merge-props";function AlertBannerRoot(t0){let $=_c(10),t1;if($[0]!==t0){let{children,closeButtonAriaLabel,dir,emphasis,onClose,variant,...props}=t0,t2;$[2]!==closeButtonAriaLabel||$[3]!==dir||$[4]!==emphasis||$[5]!==variant?(t2=createQdsAlertBannerApi({closeButtonAriaLabel,dir,emphasis,variant},normalizeProps),$[2]=closeButtonAriaLabel,$[3]=dir,$[4]=emphasis,$[5]=variant,$[6]=t2):t2=$[6];let t3;$[7]!==onClose||$[8]!==t2?(t3={...t2,onClose},$[7]=onClose,$[8]=t2,$[9]=t3):t3=$[9];let context=t3,mergedProps=mergeProps6(context.getRootBindings(),props);t1=jsx6(AlertBannerContextProvider,{value:context,children:jsx6(PolymorphicElement4,{as:"div",...mergedProps,children})}),$[0]=t0,$[1]=t1}else t1=$[1];return t1}function AlertBanner({action,actionProps,closeButtonProps,description,descriptionProps,dismissable,heading,headingProps,icon,iconProps,...props}){let headingContent=heading||headingProps?.children,descriptionContent=description||descriptionProps?.children,actionContent=action||actionProps?.children;return jsxs(AlertBannerRoot,{...props,children:[jsx7(AlertBannerIcon,{icon,...iconProps}),headingContent?jsx7(AlertBannerHeading,{...headingProps,children:headingContent}):null,descriptionContent?jsx7(AlertBannerDescription,{...descriptionProps,children:descriptionContent}):null,actionContent?jsx7(AlertBannerActionContainer,{...actionProps,children:actionContent}):null,dismissable?jsx7(AlertBannerCloseButton,{...closeButtonProps}):null]})}var AlertBanner2=AlertBanner;AlertBanner2.ActionContainer=AlertBannerActionContainer;AlertBanner2.CloseButton=AlertBannerCloseButton;AlertBanner2.Description=AlertBannerDescription;AlertBanner2.Heading=AlertBannerHeading;AlertBanner2.Icon=AlertBannerIcon;AlertBanner2.Root=AlertBannerRoot;export{AlertBanner2 as AlertBanner,AlertBannerContextProvider,useAlertBannerContext};
|
|
3
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
{
|
|
2
|
+
"version": 3,
|
|
3
|
+
"sources": ["../../src/alert-banner/alert-banner.tsx", "../../src/alert-banner/alert-banner-action-container.tsx", "../../src/alert-banner/qds-alert-banner-context.ts", "../../src/alert-banner/alert-banner-close-button.tsx", "../../src/alert-banner/alert-banner-description.tsx", "../../src/alert-banner/alert-banner-heading.tsx", "../../src/alert-banner/alert-banner-icon.tsx", "../../src/alert-banner/alert-banner-root.tsx", "../../src/alert-banner/index.ts"],
|
|
4
|
+
"sourcesContent": ["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { AlertBannerActionContainer } from \"./alert-banner-action-container\";\nimport { AlertBannerCloseButton } from \"./alert-banner-close-button\";\nimport { AlertBannerDescription } from \"./alert-banner-description\";\nimport { AlertBannerHeading } from \"./alert-banner-heading\";\nimport { AlertBannerIcon } from \"./alert-banner-icon\";\nimport { AlertBannerRoot } from \"./alert-banner-root\";\nexport function AlertBanner({\n action,\n actionProps,\n closeButtonProps,\n description,\n descriptionProps,\n dismissable,\n heading,\n headingProps,\n icon,\n iconProps,\n ...props\n}) {\n const headingContent = heading || headingProps?.children;\n const descriptionContent = description || descriptionProps?.children;\n const actionContent = action || actionProps?.children;\n return /* @__PURE__ */jsxs(AlertBannerRoot, {\n ...props,\n children: [/* @__PURE__ */jsx(AlertBannerIcon, {\n icon,\n ...iconProps\n }), headingContent ? /* @__PURE__ */jsx(AlertBannerHeading, {\n ...headingProps,\n children: headingContent\n }) : null, descriptionContent ? /* @__PURE__ */jsx(AlertBannerDescription, {\n ...descriptionProps,\n children: descriptionContent\n }) : null, actionContent ? /* @__PURE__ */jsx(AlertBannerActionContainer, {\n ...actionProps,\n children: actionContent\n }) : null, dismissable ? /* @__PURE__ */jsx(AlertBannerCloseButton, {\n ...closeButtonProps\n }) : null]\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerActionContainer(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getActionBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [AlertBannerContextProvider, useAlertBannerContext] = createGuardedContext({\n hookName: \"useAlertBannerContext\",\n providerName: \"<AlertBannerContextProvider>\",\n strict: true\n});", "import { jsx } from \"react/jsx-runtime\";\nimport { X } from \"lucide-react\";\nimport { InlineIconButton } from \"@qualcomm-ui/react/inline-icon-button\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerCloseButton(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps({\n onClick: context.onClose\n }, context.getCloseButtonBindings(), props);\n const emphasis = context.variant === \"strong\" ? context.emphasis === \"warning\" ? \"persistent-black\" : \"persistent-white\" : void 0;\n return jsx(InlineIconButton, {\n emphasis,\n icon: X,\n size: \"md\",\n ...mergedProps,\n children\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerDescription(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getDescriptionBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerHeading(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getHeadingBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { BellRing, CircleAlert, CircleCheck, Info, TriangleAlert } from \"lucide-react\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport function AlertBannerIcon(t0) {\n const {\n icon: iconProp,\n ...props\n } = t0;\n const context = useAlertBannerContext();\n const mergedProps = mergeProps(context.getIconBindings(), props);\n return jsx(IconOrNode, {\n icon: iconProp || icons[context.emphasis] || Info,\n size: \"lg\",\n ...mergedProps\n });\n}\nconst icons = {\n danger: CircleAlert,\n info: Info,\n neutral: BellRing,\n success: CircleCheck,\n warning: TriangleAlert\n};", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { createQdsAlertBannerApi } from \"@qualcomm-ui/qds-core/alert-banner\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { AlertBannerContextProvider } from \"./qds-alert-banner-context\";\nexport function AlertBannerRoot(t0) {\n const $ = _c(10);\n let t1;\n if ($[0] !== t0) {\n const {\n children,\n closeButtonAriaLabel,\n dir,\n emphasis,\n onClose,\n variant,\n ...props\n } = t0;\n let t2;\n if ($[2] !== closeButtonAriaLabel || $[3] !== dir || $[4] !== emphasis || $[5] !== variant) {\n t2 = createQdsAlertBannerApi({\n closeButtonAriaLabel,\n dir,\n emphasis,\n variant\n }, normalizeProps);\n $[2] = closeButtonAriaLabel;\n $[3] = dir;\n $[4] = emphasis;\n $[5] = variant;\n $[6] = t2;\n } else {\n t2 = $[6];\n }\n let t3;\n if ($[7] !== onClose || $[8] !== t2) {\n t3 = {\n ...t2,\n onClose\n };\n $[7] = onClose;\n $[8] = t2;\n $[9] = t3;\n } else {\n t3 = $[9];\n }\n const context = t3;\n const mergedProps = mergeProps(context.getRootBindings(), props);\n t1 = jsx(AlertBannerContextProvider, {\n value: context,\n children: jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n })\n });\n $[0] = t0;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n return t1;\n}", "import { AlertBanner as SimpleAlertBanner } from \"./alert-banner\";\nimport { AlertBannerActionContainer } from \"./alert-banner-action-container\";\nimport { AlertBannerCloseButton } from \"./alert-banner-close-button\";\nimport { AlertBannerDescription } from \"./alert-banner-description\";\nimport { AlertBannerHeading } from \"./alert-banner-heading\";\nimport { AlertBannerIcon } from \"./alert-banner-icon\";\nimport { AlertBannerRoot } from \"./alert-banner-root\";\nexport { AlertBannerContextProvider, useAlertBannerContext } from \"./qds-alert-banner-context\";\nexport const AlertBanner = SimpleAlertBanner;\nAlertBanner.ActionContainer = AlertBannerActionContainer;\nAlertBanner.CloseButton = AlertBannerCloseButton;\nAlertBanner.Description = AlertBannerDescription;\nAlertBanner.Heading = AlertBannerHeading;\nAlertBanner.Icon = AlertBannerIcon;\nAlertBanner.Root = AlertBannerRoot;"],
|
|
5
|
+
"mappings": "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",
|
|
6
|
+
"names": ["jsx", "jsx", "mergeProps", "mergeProps", "jsx", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "jsx", "mergeProps", "mergeProps", "jsx", "jsx", "PolymorphicElement", "mergeProps", "mergeProps", "jsx", "PolymorphicElement", "jsx", "AlertBanner"]
|
|
7
|
+
}
|
|
@@ -0,0 +1,6 @@
|
|
|
1
|
+
import type { QdsAlertBannerApi } from "@qualcomm-ui/qds-core/alert-banner";
|
|
2
|
+
export interface AlertBannerContextValue extends QdsAlertBannerApi {
|
|
3
|
+
onClose?: () => void;
|
|
4
|
+
}
|
|
5
|
+
export declare const AlertBannerContextProvider: import("react").Provider<AlertBannerContextValue>, useAlertBannerContext: (requireContext?: boolean) => AlertBannerContextValue;
|
|
6
|
+
//# sourceMappingURL=qds-alert-banner-context.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"qds-alert-banner-context.d.ts","sourceRoot":"","sources":["../../src/alert-banner/qds-alert-banner-context.ts"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,oCAAoC,CAAA;AAGzE,MAAM,WAAW,uBAAwB,SAAQ,iBAAiB;IAChE,OAAO,CAAC,EAAE,MAAM,IAAI,CAAA;CACrB;AAED,eAAO,MAAO,0BAA0B,qDAAE,qBAAqB,uDAK3D,CAAA"}
|
|
@@ -1,16 +1,20 @@
|
|
|
1
1
|
import { type ReactElement, type ReactNode } from "react";
|
|
2
2
|
import { type AvatarApiProps } from "@qualcomm-ui/core/avatar";
|
|
3
|
-
import { type QdsAvatarApiProps } from "@qualcomm-ui/qds-core/avatar";
|
|
3
|
+
import { type QdsAvatarApiProps, type QdsAvatarVariant } from "@qualcomm-ui/qds-core/avatar";
|
|
4
4
|
import { type ElementRenderProp, type IdProp } from "@qualcomm-ui/react-core/system";
|
|
5
|
-
export interface AvatarRootProps extends AvatarApiProps, QdsAvatarApiProps, IdProp, Omit<ElementRenderProp<"div">, "dir"> {
|
|
5
|
+
export interface AvatarRootProps extends AvatarApiProps, Omit<QdsAvatarApiProps, "variant">, IdProp, Omit<ElementRenderProp<"div">, "dir"> {
|
|
6
6
|
/**
|
|
7
7
|
* React {@link https://react.dev/learn/passing-props-to-a-component#passing-jsx-as-children children} prop.
|
|
8
8
|
*/
|
|
9
9
|
children?: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* @deprecated use {@link emphasis} instead
|
|
12
|
+
*/
|
|
13
|
+
variant?: QdsAvatarVariant;
|
|
10
14
|
}
|
|
11
15
|
/**
|
|
12
16
|
* Displays a user's profile picture, initials, or fallback icon. Renders a `<span>`
|
|
13
17
|
* element by default.
|
|
14
18
|
*/
|
|
15
|
-
export declare function AvatarRoot({ children, id, size, status, variant, ...props }: AvatarRootProps): ReactElement;
|
|
19
|
+
export declare function AvatarRoot({ children, emphasis, id, size, status, variant, ...props }: AvatarRootProps): ReactElement;
|
|
16
20
|
//# sourceMappingURL=avatar-root.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"avatar-root.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAC,KAAK,cAAc,EAAmB,MAAM,0BAA0B,CAAA;AAC9E,OAAO,EAEL,KAAK,iBAAiB,
|
|
1
|
+
{"version":3,"file":"avatar-root.d.ts","sourceRoot":"","sources":["../../src/avatar/avatar-root.tsx"],"names":[],"mappings":"AAGA,OAAO,EAAC,KAAK,YAAY,EAAE,KAAK,SAAS,EAAU,MAAM,OAAO,CAAA;AAEhE,OAAO,EAAC,KAAK,cAAc,EAAmB,MAAM,0BAA0B,CAAA;AAC9E,OAAO,EAEL,KAAK,iBAAiB,EACtB,KAAK,gBAAgB,EACtB,MAAM,8BAA8B,CAAA;AAIrC,OAAO,EACL,KAAK,iBAAiB,EACtB,KAAK,MAAM,EAEZ,MAAM,gCAAgC,CAAA;AAKvC,MAAM,WAAW,eACf,SAAQ,cAAc,EACpB,IAAI,CAAC,iBAAiB,EAAE,SAAS,CAAC,EAClC,MAAM,EACN,IAAI,CAAC,iBAAiB,CAAC,KAAK,CAAC,EAAE,KAAK,CAAC;IACvC;;OAEG;IACH,QAAQ,CAAC,EAAE,SAAS,CAAA;IAEpB;;OAEG;IACH,OAAO,CAAC,EAAE,gBAAgB,CAAA;CAC3B;AAED;;;GAGG;AACH,wBAAgB,UAAU,CAAC,EACzB,QAAQ,EACR,QAAQ,EACR,EAAE,EACF,IAAI,EACJ,MAAM,EACN,OAAO,EACP,GAAG,KAAK,EACT,EAAE,eAAe,GAAG,YAAY,CAsBhC"}
|
package/dist/avatar/index.js
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{IconOrNode}from"@qualcomm-ui/react/icon";import{useAvatarContent}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsAvatarContextProvider,useQdsAvatarContext]=createGuardedContext({hookName:"useQdsAvatarContext",providerName:"<QdsAvatarContextProvider>",strict:!0});function AvatarContent(t0){let $=_c(2),{children,icon,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarContent(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps(contextProps,qdsContext.getContentBindings(),props);return jsx(PolymorphicElement,{as:"span",...mergedProps,children:icon?jsx(IconOrNode,{icon}):children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{useAvatarImage}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function AvatarImage(t0){let $=_c2(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarImage(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps2(contextProps,qdsContext.getImageBindings(),props);return jsx2(PolymorphicElement2,{as:"img",...mergedProps,children})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{splitAvatarProps}from"@qualcomm-ui/core/avatar";import{createQdsAvatarApi}from"@qualcomm-ui/qds-core/avatar";import{AvatarContextProvider,useAvatar}from"@qualcomm-ui/react-core/avatar";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{useControlledId}from"@qualcomm-ui/react-core/state";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function AvatarRoot(t0){let $=_c3(
|
|
2
|
+
import{c as _c}from"react/compiler-runtime";import{jsx}from"react/jsx-runtime";import{IconOrNode}from"@qualcomm-ui/react/icon";import{useAvatarContent}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsAvatarContextProvider,useQdsAvatarContext]=createGuardedContext({hookName:"useQdsAvatarContext",providerName:"<QdsAvatarContextProvider>",strict:!0});function AvatarContent(t0){let $=_c(2),{children,icon,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarContent(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps(contextProps,qdsContext.getContentBindings(),props);return jsx(PolymorphicElement,{as:"span",...mergedProps,children:icon?jsx(IconOrNode,{icon}):children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{useAvatarImage}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement as PolymorphicElement2}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function AvatarImage(t0){let $=_c2(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarImage(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps2(contextProps,qdsContext.getImageBindings(),props);return jsx2(PolymorphicElement2,{as:"img",...mergedProps,children})}import{c as _c3}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import"react";import{splitAvatarProps}from"@qualcomm-ui/core/avatar";import{createQdsAvatarApi}from"@qualcomm-ui/qds-core/avatar";import{AvatarContextProvider,useAvatar}from"@qualcomm-ui/react-core/avatar";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{useControlledId}from"@qualcomm-ui/react-core/state";import{PolymorphicElement as PolymorphicElement3}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function AvatarRoot(t0){let $=_c3(5),{children,emphasis,id,size,status,variant,...props}=t0,[avatarProps,localProps]=splitAvatarProps(props),context=useAvatar(avatarProps),t1;$[0]!==emphasis||$[1]!==size||$[2]!==status||$[3]!==variant?(t1=createQdsAvatarApi({emphasis,size,status,variant},normalizeProps),$[0]=emphasis,$[1]=size,$[2]=status,$[3]=variant,$[4]=t1):t1=$[4];let qdsContext=t1,mergedProps=mergeProps3(context.getRootBindings({id:useControlledId(id)}),qdsContext.getRootBindings(),localProps);return jsx3(QdsAvatarContextProvider,{value:qdsContext,children:jsx3(AvatarContextProvider,{value:context,children:jsx3(PolymorphicElement3,{as:"div",...mergedProps,children})})})}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx4}from"react/jsx-runtime";import{useAvatarStatus}from"@qualcomm-ui/react-core/avatar";import{PolymorphicElement as PolymorphicElement4}from"@qualcomm-ui/react-core/system";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function AvatarStatus(t0){let $=_c4(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let contextProps=useAvatarStatus(t1),qdsContext=useQdsAvatarContext(),mergedProps=mergeProps4(contextProps,qdsContext.getStatusBindings(),props);return jsx4(PolymorphicElement4,{as:"div",...mergedProps,children})}var Avatar={Content:AvatarContent,Image:AvatarImage,Root:AvatarRoot,Status:AvatarStatus};export{Avatar};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
package/dist/avatar/index.js.map
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/avatar/avatar-content.tsx", "../../src/avatar/qds-avatar-context.ts", "../../src/avatar/avatar-image.tsx", "../../src/avatar/avatar-root.tsx", "../../src/avatar/avatar-status.tsx", "../../src/avatar/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { useAvatarContent } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarContent(t0) {\n const $ = _c(2);\n const {\n children,\n icon,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarContent(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getContentBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"span\",\n ...mergedProps,\n children: icon ? jsx(IconOrNode, {\n icon\n }) : children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsAvatarContextProvider, useQdsAvatarContext] = createGuardedContext({\n hookName: \"useQdsAvatarContext\",\n providerName: \"<QdsAvatarContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useAvatarImage } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarImage(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarImage(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getImageBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"img\",\n ...mergedProps,\n children\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { splitAvatarProps } from \"@qualcomm-ui/core/avatar\";\nimport { createQdsAvatarApi } from \"@qualcomm-ui/qds-core/avatar\";\nimport { AvatarContextProvider, useAvatar } from \"@qualcomm-ui/react-core/avatar\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { useControlledId } from \"@qualcomm-ui/react-core/state\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsAvatarContextProvider } from \"./qds-avatar-context\";\nexport function AvatarRoot(t0) {\n const $ = _c(
|
|
5
|
-
"mappings": ";AAAA,OAAS,KAAK,OAAU,yBACxB,OAAS,QAAW,oBACpB,OAAS,eAAkB,0BAC3B,OAAS,qBAAwB,iCACjC,OAAS,uBAA0B,iCACnC,OAAS,eAAkB,iCCL3B,OAAS,yBAA4B,kCAC9B,GAAM,CAAC,yBAA0B,mBAAmB,EAAI,qBAAqB,CAClF,SAAU,sBACV,aAAc,6BACd,OAAQ,EACV,CAAC,EDEM,SAAS,cAAc,GAAI,CAChC,IAAM,EAAI,GAAG,CAAC,EACR,CACJ,SACA,KACA,GACA,GAAG,KACL,EAAI,GACA,GACA,EAAE,CAAC,IAAM,IACX,GAAK,CACH,EACF,EACA,EAAE,CAAC,EAAI,GACP,EAAE,CAAC,EAAI,IAEP,GAAK,EAAE,CAAC,EAEV,IAAM,aAAe,iBAAiB,EAAE,EAClC,WAAa,oBAAoB,EACjC,YAAc,WAAW,aAAc,WAAW,mBAAmB,EAAG,KAAK,EACnF,OAAO,IAAI,mBAAoB,CAC7B,GAAI,OACJ,GAAG,YACH,SAAU,KAAO,IAAI,WAAY,CAC/B,IACF,CAAC,EAAI,QACP,CAAC,CACH,CEnCA,OAAS,KAAKA,QAAU,yBACxB,OAAS,OAAAC,SAAW,oBACpB,OAAS,mBAAsB,iCAC/B,OAAS,sBAAAC,wBAA0B,iCACnC,OAAS,cAAAC,gBAAkB,iCAEpB,SAAS,YAAY,GAAI,CAC9B,IAAM,EAAIC,IAAG,CAAC,EACR,CACJ,SACA,GACA,GAAG,KACL,EAAI,GACA,GACA,EAAE,CAAC,IAAM,IACX,GAAK,CACH,EACF,EACA,EAAE,CAAC,EAAI,GACP,EAAE,CAAC,EAAI,IAEP,GAAK,EAAE,CAAC,EAEV,IAAM,aAAe,eAAe,EAAE,EAChC,WAAa,oBAAoB,EACjC,YAAcC,YAAW,aAAc,WAAW,iBAAiB,EAAG,KAAK,EACjF,OAAOC,KAAIC,oBAAoB,CAC7B,GAAI,MACJ,GAAG,YACH,QACF,CAAC,CACH,CC/BA,OAAS,KAAKC,QAAU,yBACxB,OAAS,OAAAC,SAAW,oBACpB,MAAwB,QACxB,OAAS,qBAAwB,2BACjC,OAAS,uBAA0B,+BACnC,OAAS,sBAAuB,cAAiB,iCACjD,OAAS,mBAAsB,kCAC/B,OAAS,oBAAuB,gCAChC,OAAS,sBAAAC,wBAA0B,iCACnC,OAAS,cAAAC,gBAAkB,iCAEpB,SAAS,WAAW,GAAI,CAC7B,IAAM,EAAIC,IAAG,CAAC,EACR,CACJ,SACA,GACA,KACA,OACA,QACA,GAAG,KACL,EAAI,GACE,CAAC,YAAa,UAAU,EAAI,iBAAiB,KAAK,EAClD,QAAU,UAAU,WAAW,EACjC,GACA,EAAE,CAAC,IAAM,MAAQ,EAAE,CAAC,IAAM,QAAU,EAAE,CAAC,IAAM,
|
|
4
|
+
"sourcesContent": ["import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { useAvatarContent } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarContent(t0) {\n const $ = _c(2);\n const {\n children,\n icon,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarContent(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getContentBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"span\",\n ...mergedProps,\n children: icon ? jsx(IconOrNode, {\n icon\n }) : children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsAvatarContextProvider, useQdsAvatarContext] = createGuardedContext({\n hookName: \"useQdsAvatarContext\",\n providerName: \"<QdsAvatarContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useAvatarImage } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarImage(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarImage(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getImageBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"img\",\n ...mergedProps,\n children\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { splitAvatarProps } from \"@qualcomm-ui/core/avatar\";\nimport { createQdsAvatarApi } from \"@qualcomm-ui/qds-core/avatar\";\nimport { AvatarContextProvider, useAvatar } from \"@qualcomm-ui/react-core/avatar\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { useControlledId } from \"@qualcomm-ui/react-core/state\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsAvatarContextProvider } from \"./qds-avatar-context\";\nexport function AvatarRoot(t0) {\n const $ = _c(5);\n const {\n children,\n emphasis,\n id,\n size,\n status,\n variant,\n ...props\n } = t0;\n const [avatarProps, localProps] = splitAvatarProps(props);\n const context = useAvatar(avatarProps);\n let t1;\n if ($[0] !== emphasis || $[1] !== size || $[2] !== status || $[3] !== variant) {\n t1 = createQdsAvatarApi({\n emphasis,\n size,\n status,\n variant\n }, normalizeProps);\n $[0] = emphasis;\n $[1] = size;\n $[2] = status;\n $[3] = variant;\n $[4] = t1;\n } else {\n t1 = $[4];\n }\n const qdsContext = t1;\n const mergedProps = mergeProps(context.getRootBindings({\n id: useControlledId(id)\n }), qdsContext.getRootBindings(), localProps);\n return jsx(QdsAvatarContextProvider, {\n value: qdsContext,\n children: jsx(AvatarContextProvider, {\n value: context,\n children: jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n })\n })\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useAvatarStatus } from \"@qualcomm-ui/react-core/avatar\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsAvatarContext } from \"./qds-avatar-context\";\nexport function AvatarStatus(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const contextProps = useAvatarStatus(t1);\n const qdsContext = useQdsAvatarContext();\n const mergedProps = mergeProps(contextProps, qdsContext.getStatusBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { AvatarContent } from \"./avatar-content\";\nimport { AvatarImage } from \"./avatar-image\";\nimport { AvatarRoot } from \"./avatar-root\";\nimport { AvatarStatus } from \"./avatar-status\";\nexport const Avatar = {\n Content: AvatarContent,\n Image: AvatarImage,\n Root: AvatarRoot,\n Status: AvatarStatus\n};"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement", "_c", "jsx", "PolymorphicElement", "mergeProps", "_c", "mergeProps", "jsx", "PolymorphicElement"]
|
|
7
7
|
}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
"use client";
|
|
2
|
-
import{jsx as jsx7,jsxs}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{useInlineNotificationContext}from"@qualcomm-ui/react-core/inline-notification";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsInlineNotificationContextProvider,useQdsInlineNotificationContext]=createGuardedContext({hookName:"useQdsInlineNotificationContext",providerName:"<QdsInlineNotificationContextProvider>",strict:!0});function InlineNotificationActionContainer(t0){let{children,...props}=t0,context=useInlineNotificationContext(),qdsContext=useQdsInlineNotificationContext(),mergedProps=mergeProps(context.getActionBindings(),qdsContext.getActionBindings(),props);return jsx(PolymorphicElement,{as:"div",...mergedProps,children})}import{c as _c}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{X}from"lucide-react";import{InlineIconButton}from"@qualcomm-ui/react/inline-icon-button";import{useInlineNotificationCloseTrigger}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function InlineNotificationCloseButton(t0){let $=_c(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let buttonProps=useInlineNotificationCloseTrigger(t1),qdsContext=useQdsInlineNotificationContext(),mergedProps=mergeProps2(buttonProps,qdsContext.getCloseButtonBindings(),props);return jsx2(InlineIconButton,{icon:X,size:"md",...mergedProps,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{CoreInlineNotification}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function InlineNotificationDescription(props){let $=_c2(3),qdsContext=useQdsInlineNotificationContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps3(qdsContext.getDescriptionBindings(),props);t0=jsx3(CoreInlineNotification.Description,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{jsx as jsx4}from"react/jsx-runtime";import{BellRing,CircleAlert,CircleCheck,TriangleAlert}from"lucide-react";import{IconOrNode}from"@qualcomm-ui/react/icon";import{ProgressRing}from"@qualcomm-ui/react/progress-ring";import{useInlineNotificationContext as useInlineNotificationContext2}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function InlineNotificationIcon(t0){let{icon:iconProp,...props}=t0,context=useInlineNotificationContext2(),qdsContext=useQdsInlineNotificationContext(),mergedProps=mergeProps4(context.getIconBindings(),qdsContext.getIconBindings(),props);return jsx4(IconOrNode,{icon:iconProp||icons[qdsContext.emphasis]||CircleAlert,size:"lg",...mergedProps})}var icons={danger:CircleAlert,info:
|
|
2
|
+
import{jsx as jsx7,jsxs}from"react/jsx-runtime";import{jsx}from"react/jsx-runtime";import{useInlineNotificationContext}from"@qualcomm-ui/react-core/inline-notification";import{PolymorphicElement}from"@qualcomm-ui/react-core/system";import{mergeProps}from"@qualcomm-ui/utils/merge-props";import{createGuardedContext}from"@qualcomm-ui/react-core/context";var[QdsInlineNotificationContextProvider,useQdsInlineNotificationContext]=createGuardedContext({hookName:"useQdsInlineNotificationContext",providerName:"<QdsInlineNotificationContextProvider>",strict:!0});function InlineNotificationActionContainer(t0){let{children,...props}=t0,context=useInlineNotificationContext(),qdsContext=useQdsInlineNotificationContext(),mergedProps=mergeProps(context.getActionBindings(),qdsContext.getActionBindings(),props);return jsx(PolymorphicElement,{as:"div",...mergedProps,children})}import{c as _c}from"react/compiler-runtime";import{jsx as jsx2}from"react/jsx-runtime";import{X}from"lucide-react";import{InlineIconButton}from"@qualcomm-ui/react/inline-icon-button";import{useInlineNotificationCloseTrigger}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps2}from"@qualcomm-ui/utils/merge-props";function InlineNotificationCloseButton(t0){let $=_c(2),{children,id,...props}=t0,t1;$[0]!==id?(t1={id},$[0]=id,$[1]=t1):t1=$[1];let buttonProps=useInlineNotificationCloseTrigger(t1),qdsContext=useQdsInlineNotificationContext(),mergedProps=mergeProps2(buttonProps,qdsContext.getCloseButtonBindings(),props);return jsx2(InlineIconButton,{icon:X,size:"md",...mergedProps,children})}import{c as _c2}from"react/compiler-runtime";import{jsx as jsx3}from"react/jsx-runtime";import{CoreInlineNotification}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps3}from"@qualcomm-ui/utils/merge-props";function InlineNotificationDescription(props){let $=_c2(3),qdsContext=useQdsInlineNotificationContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps3(qdsContext.getDescriptionBindings(),props);t0=jsx3(CoreInlineNotification.Description,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{jsx as jsx4}from"react/jsx-runtime";import{BellRing,CircleAlert,CircleCheck,Info,TriangleAlert}from"lucide-react";import{IconOrNode}from"@qualcomm-ui/react/icon";import{ProgressRing}from"@qualcomm-ui/react/progress-ring";import{useInlineNotificationContext as useInlineNotificationContext2}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps4}from"@qualcomm-ui/utils/merge-props";function InlineNotificationIcon(t0){let{icon:iconProp,...props}=t0,context=useInlineNotificationContext2(),qdsContext=useQdsInlineNotificationContext(),mergedProps=mergeProps4(context.getIconBindings(),qdsContext.getIconBindings(),props);return jsx4(IconOrNode,{icon:iconProp||icons[qdsContext.emphasis]||CircleAlert,size:"lg",...mergedProps})}var icons={danger:CircleAlert,info:Info,loading:jsx4(ProgressRing,{}),neutral:BellRing,success:CircleCheck,warning:TriangleAlert};import{c as _c3}from"react/compiler-runtime";import{jsx as jsx5}from"react/jsx-runtime";import{CoreInlineNotification as CoreInlineNotification2}from"@qualcomm-ui/react-core/inline-notification";import{mergeProps as mergeProps5}from"@qualcomm-ui/utils/merge-props";function InlineNotificationLabel(props){let $=_c3(3),qdsContext=useQdsInlineNotificationContext(),t0;if($[0]!==props||$[1]!==qdsContext){let mergedProps=mergeProps5(qdsContext.getHeadingBindings(),props);t0=jsx5(CoreInlineNotification2.Label,{...mergedProps}),$[0]=props,$[1]=qdsContext,$[2]=t0}else t0=$[2];return t0}import{c as _c4}from"react/compiler-runtime";import{jsx as jsx6}from"react/jsx-runtime";import"react";import{createQdsInlineNotificationApi}from"@qualcomm-ui/qds-core/inline-notification";import{CoreInlineNotification as CoreInlineNotification3}from"@qualcomm-ui/react-core/inline-notification";import{normalizeProps}from"@qualcomm-ui/react-core/machine";import{mergeProps as mergeProps6}from"@qualcomm-ui/utils/merge-props";function InlineNotificationRoot(t0){let $=_c4(5),t1;if($[0]!==t0){let{children,emphasis,orientation,...props}=t0,t2;$[2]!==emphasis||$[3]!==orientation?(t2=createQdsInlineNotificationApi({emphasis,orientation},normalizeProps),$[2]=emphasis,$[3]=orientation,$[4]=t2):t2=$[4];let qdsContext=t2,mergedProps=mergeProps6(qdsContext.getRootBindings(),props);t1=jsx6(QdsInlineNotificationContextProvider,{value:qdsContext,children:jsx6(CoreInlineNotification3.Root,{...mergedProps,children})}),$[0]=t0,$[1]=t1}else t1=$[1];return t1}function InlineNotification({action,actionProps,closeButtonProps,description,descriptionProps,dismissable,icon,iconProps,label,labelProps,...props}){let headingContent=label||labelProps?.children,descriptionContent=description||descriptionProps?.children,actionContent=action||actionProps?.children;return jsxs(InlineNotificationRoot,{...props,children:[jsx7(InlineNotificationIcon,{icon,...iconProps}),headingContent?jsx7(InlineNotificationLabel,{...labelProps,children:headingContent}):null,descriptionContent?jsx7(InlineNotificationDescription,{...descriptionProps,children:descriptionContent}):null,actionContent?jsx7(InlineNotificationActionContainer,{...actionProps,children:actionContent}):null,dismissable?jsx7(InlineNotificationCloseButton,{...closeButtonProps}):null]})}var InlineNotification2=InlineNotification;InlineNotification2.ActionContainer=InlineNotificationActionContainer;InlineNotification2.CloseButton=InlineNotificationCloseButton;InlineNotification2.Description=InlineNotificationDescription;InlineNotification2.Icon=InlineNotificationIcon;InlineNotification2.Label=InlineNotificationLabel;InlineNotification2.Root=InlineNotificationRoot;export{InlineNotification2 as InlineNotification,QdsInlineNotificationContextProvider,useQdsInlineNotificationContext};
|
|
3
3
|
//# sourceMappingURL=index.js.map
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"version": 3,
|
|
3
3
|
"sources": ["../../src/inline-notification/inline-notification.tsx", "../../src/inline-notification/inline-notification-action-container.tsx", "../../src/inline-notification/qds-inline-notification-context.ts", "../../src/inline-notification/inline-notification-close-button.tsx", "../../src/inline-notification/inline-notification-description.tsx", "../../src/inline-notification/inline-notification-icon.tsx", "../../src/inline-notification/inline-notification-label.tsx", "../../src/inline-notification/inline-notification-root.tsx", "../../src/inline-notification/index.ts"],
|
|
4
|
-
"sourcesContent": ["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { InlineNotificationActionContainer } from \"./inline-notification-action-container\";\nimport { InlineNotificationCloseButton } from \"./inline-notification-close-button\";\nimport { InlineNotificationDescription } from \"./inline-notification-description\";\nimport { InlineNotificationIcon } from \"./inline-notification-icon\";\nimport { InlineNotificationLabel } from \"./inline-notification-label\";\nimport { InlineNotificationRoot } from \"./inline-notification-root\";\nexport function InlineNotification({\n action,\n actionProps,\n closeButtonProps,\n description,\n descriptionProps,\n dismissable,\n icon,\n iconProps,\n label,\n labelProps,\n ...props\n}) {\n const headingContent = label || labelProps?.children;\n const descriptionContent = description || descriptionProps?.children;\n const actionContent = action || actionProps?.children;\n return /* @__PURE__ */jsxs(InlineNotificationRoot, {\n ...props,\n children: [/* @__PURE__ */jsx(InlineNotificationIcon, {\n icon,\n ...iconProps\n }), headingContent ? /* @__PURE__ */jsx(InlineNotificationLabel, {\n ...labelProps,\n children: headingContent\n }) : null, descriptionContent ? /* @__PURE__ */jsx(InlineNotificationDescription, {\n ...descriptionProps,\n children: descriptionContent\n }) : null, actionContent ? /* @__PURE__ */jsx(InlineNotificationActionContainer, {\n ...actionProps,\n children: actionContent\n }) : null, dismissable ? /* @__PURE__ */jsx(InlineNotificationCloseButton, {\n ...closeButtonProps\n }) : null]\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { useInlineNotificationContext } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationActionContainer(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useInlineNotificationContext();\n const qdsContext = useQdsInlineNotificationContext();\n const mergedProps = mergeProps(context.getActionBindings(), qdsContext.getActionBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsInlineNotificationContextProvider, useQdsInlineNotificationContext] = createGuardedContext({\n hookName: \"useQdsInlineNotificationContext\",\n providerName: \"<QdsInlineNotificationContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { X } from \"lucide-react\";\nimport { InlineIconButton } from \"@qualcomm-ui/react/inline-icon-button\";\nimport { useInlineNotificationCloseTrigger } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationCloseButton(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const buttonProps = useInlineNotificationCloseTrigger(t1);\n const qdsContext = useQdsInlineNotificationContext();\n const mergedProps = mergeProps(buttonProps, qdsContext.getCloseButtonBindings(), props);\n return jsx(InlineIconButton, {\n icon: X,\n size: \"md\",\n ...mergedProps,\n children\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { CoreInlineNotification } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationDescription(props) {\n const $ = _c(3);\n const qdsContext = useQdsInlineNotificationContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getDescriptionBindings(), props);\n t0 = jsx(CoreInlineNotification.Description, {\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { BellRing, CircleAlert, CircleCheck, TriangleAlert } from \"lucide-react\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { useInlineNotificationContext } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationIcon(t0) {\n const {\n icon: iconProp,\n ...props\n } = t0;\n const context = useInlineNotificationContext();\n const qdsContext = useQdsInlineNotificationContext();\n const mergedProps = mergeProps(context.getIconBindings(), qdsContext.getIconBindings(), props);\n return jsx(IconOrNode, {\n icon: iconProp || icons[qdsContext.emphasis] || CircleAlert,\n size: \"lg\",\n ...mergedProps\n });\n}\nconst icons = {\n danger: CircleAlert,\n info:
|
|
5
|
-
"mappings": ";AAAA,OAAS,OAAAA,KAAK,SAAY,oBCA1B,OAAS,QAAW,oBACpB,OAAS,iCAAoC,8CAC7C,OAAS,uBAA0B,iCACnC,OAAS,eAAkB,iCCH3B,OAAS,yBAA4B,kCAC9B,GAAM,CAAC,qCAAsC,+BAA+B,EAAI,qBAAqB,CAC1G,SAAU,kCACV,aAAc,yCACd,OAAQ,EACV,CAAC,EDAM,SAAS,kCAAkC,GAAI,CACpD,GAAM,CACJ,SACA,GAAG,KACL,EAAI,GACE,QAAU,6BAA6B,EACvC,WAAa,gCAAgC,EAC7C,YAAc,WAAW,QAAQ,kBAAkB,EAAG,WAAW,kBAAkB,EAAG,KAAK,EACjG,OAAO,IAAI,mBAAoB,CAC7B,GAAI,MACJ,GAAG,YACH,QACF,CAAC,CACH,CElBA,OAAS,KAAK,OAAU,yBACxB,OAAS,OAAAC,SAAW,oBACpB,OAAS,MAAS,eAClB,OAAS,qBAAwB,wCACjC,OAAS,sCAAyC,8CAClD,OAAS,cAAAC,gBAAkB,iCAEpB,SAAS,8BAA8B,GAAI,CAChD,IAAM,EAAI,GAAG,CAAC,EACR,CACJ,SACA,GACA,GAAG,KACL,EAAI,GACA,GACA,EAAE,CAAC,IAAM,IACX,GAAK,CACH,EACF,EACA,EAAE,CAAC,EAAI,GACP,EAAE,CAAC,EAAI,IAEP,GAAK,EAAE,CAAC,EAEV,IAAM,YAAc,kCAAkC,EAAE,EAClD,WAAa,gCAAgC,EAC7C,YAAcC,YAAW,YAAa,WAAW,uBAAuB,EAAG,KAAK,EACtF,OAAOC,KAAI,iBAAkB,CAC3B,KAAM,EACN,KAAM,KACN,GAAG,YACH,QACF,CAAC,CACH,CCjCA,OAAS,KAAKC,QAAU,yBACxB,OAAS,OAAAC,SAAW,oBACpB,OAAS,2BAA8B,8CACvC,OAAS,cAAAC,gBAAkB,iCAEpB,SAAS,8BAA8B,MAAO,CACnD,IAAM,EAAIC,IAAG,CAAC,EACR,WAAa,gCAAgC,EAC/C,GACJ,GAAI,EAAE,CAAC,IAAM,OAAS,EAAE,CAAC,IAAM,WAAY,CACzC,IAAM,YAAcC,YAAW,WAAW,uBAAuB,EAAG,KAAK,EACzE,GAAKC,KAAI,uBAAuB,YAAa,CAC3C,GAAG,WACL,CAAC,EACD,EAAE,CAAC,EAAI,MACP,EAAE,CAAC,EAAI,WACP,EAAE,CAAC,EAAI,EACT,MACE,GAAK,EAAE,CAAC,EAEV,OAAO,EACT,CCrBA,OAAS,OAAAC,SAAW,oBACpB,OAAS,SAAU,YAAa,YAAa,kBAAqB,
|
|
4
|
+
"sourcesContent": ["import { jsx, jsxs } from \"react/jsx-runtime\";\nimport { InlineNotificationActionContainer } from \"./inline-notification-action-container\";\nimport { InlineNotificationCloseButton } from \"./inline-notification-close-button\";\nimport { InlineNotificationDescription } from \"./inline-notification-description\";\nimport { InlineNotificationIcon } from \"./inline-notification-icon\";\nimport { InlineNotificationLabel } from \"./inline-notification-label\";\nimport { InlineNotificationRoot } from \"./inline-notification-root\";\nexport function InlineNotification({\n action,\n actionProps,\n closeButtonProps,\n description,\n descriptionProps,\n dismissable,\n icon,\n iconProps,\n label,\n labelProps,\n ...props\n}) {\n const headingContent = label || labelProps?.children;\n const descriptionContent = description || descriptionProps?.children;\n const actionContent = action || actionProps?.children;\n return /* @__PURE__ */jsxs(InlineNotificationRoot, {\n ...props,\n children: [/* @__PURE__ */jsx(InlineNotificationIcon, {\n icon,\n ...iconProps\n }), headingContent ? /* @__PURE__ */jsx(InlineNotificationLabel, {\n ...labelProps,\n children: headingContent\n }) : null, descriptionContent ? /* @__PURE__ */jsx(InlineNotificationDescription, {\n ...descriptionProps,\n children: descriptionContent\n }) : null, actionContent ? /* @__PURE__ */jsx(InlineNotificationActionContainer, {\n ...actionProps,\n children: actionContent\n }) : null, dismissable ? /* @__PURE__ */jsx(InlineNotificationCloseButton, {\n ...closeButtonProps\n }) : null]\n });\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { useInlineNotificationContext } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { PolymorphicElement } from \"@qualcomm-ui/react-core/system\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationActionContainer(t0) {\n const {\n children,\n ...props\n } = t0;\n const context = useInlineNotificationContext();\n const qdsContext = useQdsInlineNotificationContext();\n const mergedProps = mergeProps(context.getActionBindings(), qdsContext.getActionBindings(), props);\n return jsx(PolymorphicElement, {\n as: \"div\",\n ...mergedProps,\n children\n });\n}", "import { createGuardedContext } from \"@qualcomm-ui/react-core/context\";\nexport const [QdsInlineNotificationContextProvider, useQdsInlineNotificationContext] = createGuardedContext({\n hookName: \"useQdsInlineNotificationContext\",\n providerName: \"<QdsInlineNotificationContextProvider>\",\n strict: true\n});", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { X } from \"lucide-react\";\nimport { InlineIconButton } from \"@qualcomm-ui/react/inline-icon-button\";\nimport { useInlineNotificationCloseTrigger } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationCloseButton(t0) {\n const $ = _c(2);\n const {\n children,\n id,\n ...props\n } = t0;\n let t1;\n if ($[0] !== id) {\n t1 = {\n id\n };\n $[0] = id;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n const buttonProps = useInlineNotificationCloseTrigger(t1);\n const qdsContext = useQdsInlineNotificationContext();\n const mergedProps = mergeProps(buttonProps, qdsContext.getCloseButtonBindings(), props);\n return jsx(InlineIconButton, {\n icon: X,\n size: \"md\",\n ...mergedProps,\n children\n });\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { CoreInlineNotification } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationDescription(props) {\n const $ = _c(3);\n const qdsContext = useQdsInlineNotificationContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getDescriptionBindings(), props);\n t0 = jsx(CoreInlineNotification.Description, {\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { jsx } from \"react/jsx-runtime\";\nimport { BellRing, CircleAlert, CircleCheck, Info, TriangleAlert } from \"lucide-react\";\nimport { IconOrNode } from \"@qualcomm-ui/react/icon\";\nimport { ProgressRing } from \"@qualcomm-ui/react/progress-ring\";\nimport { useInlineNotificationContext } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationIcon(t0) {\n const {\n icon: iconProp,\n ...props\n } = t0;\n const context = useInlineNotificationContext();\n const qdsContext = useQdsInlineNotificationContext();\n const mergedProps = mergeProps(context.getIconBindings(), qdsContext.getIconBindings(), props);\n return jsx(IconOrNode, {\n icon: iconProp || icons[qdsContext.emphasis] || CircleAlert,\n size: \"lg\",\n ...mergedProps\n });\n}\nconst icons = {\n danger: CircleAlert,\n info: Info,\n loading: /* @__PURE__ */jsx(ProgressRing, {}),\n neutral: BellRing,\n success: CircleCheck,\n warning: TriangleAlert\n};", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { CoreInlineNotification } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { useQdsInlineNotificationContext } from \"./qds-inline-notification-context\";\nexport function InlineNotificationLabel(props) {\n const $ = _c(3);\n const qdsContext = useQdsInlineNotificationContext();\n let t0;\n if ($[0] !== props || $[1] !== qdsContext) {\n const mergedProps = mergeProps(qdsContext.getHeadingBindings(), props);\n t0 = jsx(CoreInlineNotification.Label, {\n ...mergedProps\n });\n $[0] = props;\n $[1] = qdsContext;\n $[2] = t0;\n } else {\n t0 = $[2];\n }\n return t0;\n}", "import { c as _c } from \"react/compiler-runtime\";\nimport { jsx } from \"react/jsx-runtime\";\nimport { useMemo } from \"react\";\nimport { createQdsInlineNotificationApi } from \"@qualcomm-ui/qds-core/inline-notification\";\nimport { CoreInlineNotification } from \"@qualcomm-ui/react-core/inline-notification\";\nimport { normalizeProps } from \"@qualcomm-ui/react-core/machine\";\nimport { mergeProps } from \"@qualcomm-ui/utils/merge-props\";\nimport { QdsInlineNotificationContextProvider } from \"./qds-inline-notification-context\";\nexport function InlineNotificationRoot(t0) {\n const $ = _c(5);\n let t1;\n if ($[0] !== t0) {\n const {\n children,\n emphasis,\n orientation,\n ...props\n } = t0;\n let t2;\n if ($[2] !== emphasis || $[3] !== orientation) {\n t2 = createQdsInlineNotificationApi({\n emphasis,\n orientation\n }, normalizeProps);\n $[2] = emphasis;\n $[3] = orientation;\n $[4] = t2;\n } else {\n t2 = $[4];\n }\n const qdsContext = t2;\n const mergedProps = mergeProps(qdsContext.getRootBindings(), props);\n t1 = jsx(QdsInlineNotificationContextProvider, {\n value: qdsContext,\n children: jsx(CoreInlineNotification.Root, {\n ...mergedProps,\n children\n })\n });\n $[0] = t0;\n $[1] = t1;\n } else {\n t1 = $[1];\n }\n return t1;\n}", "import { InlineNotification as SimpleInlineNotification } from \"./inline-notification\";\nimport { InlineNotificationActionContainer } from \"./inline-notification-action-container\";\nimport { InlineNotificationCloseButton } from \"./inline-notification-close-button\";\nimport { InlineNotificationDescription } from \"./inline-notification-description\";\nimport { InlineNotificationIcon } from \"./inline-notification-icon\";\nimport { InlineNotificationLabel } from \"./inline-notification-label\";\nimport { InlineNotificationRoot } from \"./inline-notification-root\";\nexport * from \"./qds-inline-notification-context\";\nexport const InlineNotification = SimpleInlineNotification;\nInlineNotification.ActionContainer = InlineNotificationActionContainer;\nInlineNotification.CloseButton = InlineNotificationCloseButton;\nInlineNotification.Description = InlineNotificationDescription;\nInlineNotification.Icon = InlineNotificationIcon;\nInlineNotification.Label = InlineNotificationLabel;\nInlineNotification.Root = InlineNotificationRoot;"],
|
|
5
|
+
"mappings": "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",
|
|
6
6
|
"names": ["jsx", "jsx", "mergeProps", "mergeProps", "jsx", "_c", "jsx", "mergeProps", "_c", "mergeProps", "jsx", "jsx", "useInlineNotificationContext", "mergeProps", "useInlineNotificationContext", "mergeProps", "jsx", "_c", "jsx", "CoreInlineNotification", "mergeProps", "_c", "mergeProps", "jsx", "CoreInlineNotification", "_c", "jsx", "CoreInlineNotification", "mergeProps", "_c", "mergeProps", "jsx", "CoreInlineNotification", "jsx", "InlineNotification"]
|
|
7
7
|
}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"inline-notification-icon.d.ts","sourceRoot":"","sources":["../../src/inline-notification/inline-notification-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;
|
|
1
|
+
{"version":3,"file":"inline-notification-icon.d.ts","sourceRoot":"","sources":["../../src/inline-notification/inline-notification-icon.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAC,YAAY,EAAC,MAAM,OAAO,CAAA;AAcvC,OAAO,KAAK,EAAC,gBAAgB,EAAC,MAAM,gCAAgC,CAAA;AACpE,OAAO,KAAK,EAAC,iBAAiB,EAAC,MAAM,gCAAgC,CAAA;AAKrE,MAAM,WAAW,2BAA4B,SAAQ,iBAAiB,CAAC,MAAM,CAAC;IAC5E;;;OAGG;IACH,IAAI,CAAC,EAAE,gBAAgB,CAAA;CACxB;AAED;;;GAGG;AACH,wBAAgB,sBAAsB,CAAC,EACrC,IAAI,EAAE,QAAQ,EACd,GAAG,KAAK,EACT,EAAE,2BAA2B,GAAG,YAAY,CAiB5C"}
|
package/dist/select/index.d.ts
CHANGED
|
@@ -9,6 +9,7 @@ import { SelectHint, type SelectHintProps } from "./select-hint";
|
|
|
9
9
|
import { SelectIcon, type SelectIconProps } from "./select-icon";
|
|
10
10
|
import { SelectIndicator, type SelectIndicatorProps } from "./select-indicator";
|
|
11
11
|
import { SelectItem, type SelectItemProps } from "./select-item";
|
|
12
|
+
import { SelectItemCheckbox, type SelectItemCheckboxProps } from "./select-item-checkbox";
|
|
12
13
|
import { SelectItemIndicator, type SelectItemIndicatorProps } from "./select-item-indicator";
|
|
13
14
|
import { SelectItemText, type SelectItemTextProps } from "./select-item-text";
|
|
14
15
|
import { SelectItems } from "./select-items";
|
|
@@ -17,7 +18,7 @@ import { SelectPositioner, type SelectPositionerProps } from "./select-positione
|
|
|
17
18
|
import { SelectRoot, type SelectRootProps } from "./select-root";
|
|
18
19
|
import { SelectValueText, type SelectValueTextProps } from "./select-value-text";
|
|
19
20
|
export * from "./qds-select-context";
|
|
20
|
-
export type { SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectErrorIndicatorProps, SelectErrorTextProps, SelectHiddenSelectProps, SelectHintProps, SelectIconProps, SelectIndicatorProps, SelectItemIndicatorProps, SelectItemTextProps, SelectItemProps, SelectLabelProps, SelectPositionerProps, SelectRootProps, SelectValueTextProps, };
|
|
21
|
+
export type { SelectClearTriggerProps, SelectContentProps, SelectControlProps, SelectErrorIndicatorProps, SelectErrorTextProps, SelectHiddenSelectProps, SelectHintProps, SelectIconProps, SelectIndicatorProps, SelectItemCheckboxProps, SelectItemIndicatorProps, SelectItemTextProps, SelectItemProps, SelectLabelProps, SelectPositionerProps, SelectRootProps, SelectValueTextProps, };
|
|
21
22
|
type SelectComponent = typeof SimpleSelect & {
|
|
22
23
|
/**
|
|
23
24
|
* Button that clears the selected value. Renders a `<button>` element by default.
|
|
@@ -60,6 +61,12 @@ type SelectComponent = typeof SimpleSelect & {
|
|
|
60
61
|
* Individual option within the select menu. Renders a `<div>` element by default.
|
|
61
62
|
*/
|
|
62
63
|
Item: typeof SelectItem;
|
|
64
|
+
/**
|
|
65
|
+
* Checkbox-style indicator for select items. Always visible, showing a checkbox
|
|
66
|
+
* that fills when selected. Use with `selectionIndicator="checkbox"` on the
|
|
67
|
+
* Select root.
|
|
68
|
+
*/
|
|
69
|
+
ItemCheckbox: typeof SelectItemCheckbox;
|
|
63
70
|
/**
|
|
64
71
|
* Visual indicator showing the selected state of an item. Renders a `<span>`
|
|
65
72
|
* element by default.
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/select/index.ts"],"names":[],"mappings":"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"}
|