@react-spectrum/inlinealert 3.1.3-nightly.4252 → 3.1.3-nightly.4266
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/import.mjs +18 -5
- package/dist/main.css +1 -1
- package/dist/main.js +17 -4
- package/dist/main.js.map +1 -1
- package/dist/module.js +18 -5
- package/dist/module.js.map +1 -1
- package/dist/types.d.ts +4 -0
- package/dist/types.d.ts.map +1 -1
- package/package.json +10 -9
- package/src/InlineAlert.tsx +38 -20
package/dist/import.mjs
CHANGED
@@ -2,9 +2,10 @@ import "./main.css";
|
|
2
2
|
import $d32NX$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
|
3
3
|
import {useStyleProps as $d32NX$useStyleProps, useDOMRef as $d32NX$useDOMRef, classNames as $d32NX$classNames, SlotProvider as $d32NX$SlotProvider} from "@react-spectrum/utils";
|
4
4
|
import {filterDOMProps as $d32NX$filterDOMProps} from "@react-aria/utils";
|
5
|
+
import {FocusRing as $d32NX$FocusRing} from "@react-aria/focus";
|
5
6
|
import {Grid as $d32NX$Grid} from "@react-spectrum/layout";
|
6
7
|
import $d32NX$spectrumiconsuiInfoMedium from "@spectrum-icons/ui/InfoMedium";
|
7
|
-
import $d32NX$react from "react";
|
8
|
+
import $d32NX$react, {useRef as $d32NX$useRef, useEffect as $d32NX$useEffect} from "react";
|
8
9
|
import $d32NX$spectrumiconsuiSuccessMedium from "@spectrum-icons/ui/SuccessMedium";
|
9
10
|
import {useLocalizedStringFormatter as $d32NX$useLocalizedStringFormatter} from "@react-aria/i18n";
|
10
11
|
import {useProviderProps as $d32NX$useProviderProps} from "@react-spectrum/provider";
|
@@ -43,6 +44,7 @@ function $parcel$export(e, n, v, s) {
|
|
43
44
|
|
44
45
|
|
45
46
|
|
47
|
+
|
46
48
|
var $a0360622247416a9$exports = {};
|
47
49
|
var $7c06d136a7db332f$exports = {};
|
48
50
|
$7c06d136a7db332f$exports = {
|
@@ -435,7 +437,7 @@ $48fe1f4c438508c0$export$1ca1ec8b29a4ce27 = `G_feca_icon`;
|
|
435
437
|
$48fe1f4c438508c0$export$4109102f950813a6 = `G_feca_spectrum-FocusRing-ring`;
|
436
438
|
$48fe1f4c438508c0$export$24c7f46a6e3605dd = `G_feca_spectrum-FocusRing ${$48fe1f4c438508c0$export$4109102f950813a6}`;
|
437
439
|
$48fe1f4c438508c0$export$2927016961429360 = `G_feca_spectrum-FocusRing--quiet`;
|
438
|
-
$48fe1f4c438508c0$export$73769bb5d26d9ff7 = `G_feca_spectrum-InLineAlert`;
|
440
|
+
$48fe1f4c438508c0$export$73769bb5d26d9ff7 = `G_feca_spectrum-InLineAlert ${$48fe1f4c438508c0$export$24c7f46a6e3605dd}`;
|
439
441
|
$48fe1f4c438508c0$export$71c1df0099076ffd = `G_feca_spectrum-InLineAlert--info`;
|
440
442
|
$48fe1f4c438508c0$export$22162c465dd1f294 = `G_feca_spectrum-InLineAlert--negative`;
|
441
443
|
$48fe1f4c438508c0$export$1d6dd31283ff6c5c = `G_feca_spectrum-InLineAlert--neutral`;
|
@@ -458,7 +460,7 @@ let $abf1e6290496dda5$var$ICONS = {
|
|
458
460
|
};
|
459
461
|
function $abf1e6290496dda5$var$InlineAlert(props, ref) {
|
460
462
|
props = (0, $d32NX$useProviderProps)(props);
|
461
|
-
let { children: children, variant: variant = "neutral", ...otherProps } = props;
|
463
|
+
let { children: children, variant: variant = "neutral", autoFocus: autoFocus, ...otherProps } = props;
|
462
464
|
let { styleProps: styleProps } = (0, $d32NX$useStyleProps)(otherProps);
|
463
465
|
let domRef = (0, $d32NX$useDOMRef)(ref);
|
464
466
|
let slots = {
|
@@ -476,10 +478,21 @@ function $abf1e6290496dda5$var$InlineAlert(props, ref) {
|
|
476
478
|
Icon = $abf1e6290496dda5$var$ICONS[variant];
|
477
479
|
iconAlt = stringFormatter.format(variant);
|
478
480
|
}
|
479
|
-
|
481
|
+
let autoFocusRef = (0, $d32NX$useRef)(props.autoFocus);
|
482
|
+
(0, $d32NX$useEffect)(()=>{
|
483
|
+
if (autoFocusRef.current && domRef.current) domRef.current.focus();
|
484
|
+
autoFocusRef.current = false;
|
485
|
+
}, [
|
486
|
+
domRef
|
487
|
+
]);
|
488
|
+
return /*#__PURE__*/ (0, $d32NX$react).createElement((0, $d32NX$FocusRing), {
|
489
|
+
focusRingClass: (0, (/*@__PURE__*/$parcel$interopDefault($48fe1f4c438508c0$exports)))["focus-ring"]
|
490
|
+
}, /*#__PURE__*/ (0, $d32NX$react).createElement("div", {
|
480
491
|
...(0, $d32NX$filterDOMProps)(props),
|
481
492
|
...styleProps,
|
482
493
|
ref: domRef,
|
494
|
+
tabIndex: autoFocus ? -1 : undefined,
|
495
|
+
autoFocus: autoFocus,
|
483
496
|
className: (0, $d32NX$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($48fe1f4c438508c0$exports))), "spectrum-InLineAlert", `spectrum-InLineAlert--${variant}`, styleProps.className),
|
484
497
|
role: "alert"
|
485
498
|
}, /*#__PURE__*/ (0, $d32NX$react).createElement((0, $d32NX$Grid), {
|
@@ -489,7 +502,7 @@ function $abf1e6290496dda5$var$InlineAlert(props, ref) {
|
|
489
502
|
}, Icon && /*#__PURE__*/ (0, $d32NX$react).createElement(Icon, {
|
490
503
|
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($48fe1f4c438508c0$exports)))["spectrum-InLineAlert-icon"],
|
491
504
|
"aria-label": iconAlt
|
492
|
-
}), children)));
|
505
|
+
}), children))));
|
493
506
|
}
|
494
507
|
/**
|
495
508
|
* Inline alerts display a non-modal message associated with objects in a view.
|
package/dist/main.css
CHANGED
@@ -1 +1 @@
|
|
1
|
-
.G_feca_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.G_feca_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.G_feca_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.G_feca_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.G_feca_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.G_feca_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.G_feca_i18nFontFamily:lang(zh-SG),.G_feca_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.G_feca_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.G_feca_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.G_feca_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.G_feca_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.G_feca_spectrum-FocusRing.G_feca_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.G_feca_spectrum-FocusRing--quiet:after{border-radius:0}.G_feca_spectrum-FocusRing--quiet.G_feca_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.G_feca_spectrum-InLineAlert{box-sizing:border-box;padding-block:var(--spectrum-global-dimension-static-size-300,24px);padding-inline:var(--spectrum-global-dimension-static-size-300,24px);border-block-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-inline-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-style:solid;min-inline-size:240px;display:inline-block;position:relative}.G_feca_spectrum-InLineAlert .G_feca_spectrum-InLineAlert-grid{column-gap:var(--spectrum-global-dimension-static-size-300,24px);grid-template:"G_feca_heading G_feca_icon""G_feca_content G_feca_content"/1fr auto;width:100%;display:grid}.G_feca_spectrum-InLineAlert.G_feca_spectrum-InLineAlert--neutral .G_feca_spectrum-InLineAlert-grid{grid-template-areas:"G_feca_heading""G_feca_content";column-gap:0}.G_feca_spectrum-InLineAlert-icon{inline-size:var(--spectrum-global-dimension-size-225);block-size:var(--spectrum-global-dimension-size-225);grid-area:G_feca_icon}.G_feca_spectrum-InLineAlert-heading{font-weight:var(--spectrum-alias-heading-text-font-weight-regular,var(--spectrum-global-font-weight-bold));font-style:var(--spectrum-global-font-style-regular,normal);font-size:var(--spectrum-alias-heading-xxs-text-size,var(--spectrum-global-dimension-font-size-100));line-height:var(--spectrum-alias-heading-text-line-height,var(--spectrum-global-font-line-height-small));text-transform:none;min-block-size:var(--spectrum-global-dimension-size-250);grid-area:G_feca_heading;margin-top:0;margin-bottom:0;display:block}.G_feca_spectrum-InLineAlert-content{word-wrap:break-word;font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-global-font-style-regular,normal);font-size:var(--spectrum-global-dimension-font-size-100);line-height:var(--spectrum-alias-line-height-body,var(--spectrum-global-font-line-height-medium));margin-top:var(--spectrum-global-dimension-static-size-200,16px);grid-area:G_feca_content;margin-bottom:0;margin-left:0;margin-right:0;padding:0;display:block}@media (forced-colors:active){.G_feca_spectrum-InLineAlert{--highcontrast-inlinealert-background-color:Background;--highcontrast-inlinealert-heading-color:CanvasText;--highcontrast-inlinealert-content-color:CanvasText;--highcontrast-inlinealert-border-and-icon-color:ButtonBorder}}.G_feca_spectrum-InLineAlert{background-color:var(--highcontrast-inlinealert-background-color,var(--spectrum-global-color-gray-50));border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-gray-visual-color))}.G_feca_spectrum-InLineAlert-heading{color:var(--highcontrast-inlinealert-heading-color,var(--spectrum-alias-heading-text-color,var(--spectrum-global-color-gray-900)))}.G_feca_spectrum-InLineAlert-content{color:var(--highcontrast-inlinealert-content-color,var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800)))}.G_feca_spectrum-InLineAlert--info{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-informative-visual-color))}.G_feca_spectrum-InLineAlert--info .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-informative-visual-color))}.G_feca_spectrum-InLineAlert--notice{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-notice-visual-color))}.G_feca_spectrum-InLineAlert--notice .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-notice-visual-color))}.G_feca_spectrum-InLineAlert--positive{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-positive-visual-color))}.G_feca_spectrum-InLineAlert--positive .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-positive-visual-color))}.G_feca_spectrum-InLineAlert--negative{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-negative-visual-color))}.G_feca_spectrum-InLineAlert--negative .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-negative-visual-color))}
|
1
|
+
.G_feca_i18nFontFamily{font-synthesis:weight;font-family:adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.G_feca_i18nFontFamily:lang(ar){font-family:myriad-arabic,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.G_feca_i18nFontFamily:lang(he){font-family:myriad-hebrew,adobe-clean,Source Sans Pro,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Ubuntu,Trebuchet MS,Lucida Grande,sans-serif}.G_feca_i18nFontFamily:lang(zh){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Heiti TC Light,sans-serif}.G_feca_i18nFontFamily:lang(zh-Hans){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.G_feca_i18nFontFamily:lang(zh-Hant){font-family:adobe-clean-han-traditional,source-han-traditional,MingLiu,Microsoft JhengHei UI,Microsoft JhengHei,Heiti TC Light,sans-serif}.G_feca_i18nFontFamily:lang(zh-SG),.G_feca_i18nFontFamily:lang(zh-CN){font-family:adobe-clean-han-simplified-c,source-han-simplified-c,SimSun,Heiti SC Light,sans-serif}.G_feca_i18nFontFamily:lang(ko){font-family:adobe-clean-han-korean,source-han-korean,Malgun Gothic,Apple Gothic,sans-serif}.G_feca_i18nFontFamily:lang(ja){font-family:adobe-clean-han-japanese,Hiragino Kaku Gothic ProN,ヒラギノ角ゴ ProN W3,Osaka,YuGothic,Yu Gothic,メイリオ,Meiryo,MS Pゴシック,MS PGothic,sans-serif}.G_feca_spectrum-FocusRing-ring{--spectrum-focus-ring-border-radius:var(--spectrum-textfield-border-radius,var(--spectrum-alias-border-radius-regular));--spectrum-focus-ring-gap:var(--spectrum-alias-input-focusring-gap);--spectrum-focus-ring-size:var(--spectrum-alias-input-focusring-size);--spectrum-focus-ring-border-size:0px;--spectrum-focus-ring-color:var(--spectrum-high-contrast-focus-ring-color,var(--spectrum-alias-focus-ring-color,var(--spectrum-alias-focus-color)))}.G_feca_spectrum-FocusRing-ring:after{border-radius:calc(var(--spectrum-focus-ring-border-radius) + var(--spectrum-focus-ring-gap));content:"";margin:calc(-1*var(--spectrum-focus-ring-border-size));pointer-events:none;transition:box-shadow var(--spectrum-global-animation-duration-100,.13s)ease-out,margin var(--spectrum-global-animation-duration-100,.13s)ease-out;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.G_feca_spectrum-FocusRing.G_feca_focus-ring:after{margin:calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size));box-shadow:0 0 0 var(--spectrum-focus-ring-size)var(--spectrum-focus-ring-color)}.G_feca_spectrum-FocusRing--quiet:after{border-radius:0}.G_feca_spectrum-FocusRing--quiet.G_feca_focus-ring:after{margin:0 0 calc(var(--spectrum-focus-ring-gap)*-1 - var(--spectrum-focus-ring-border-size))0;box-shadow:0 var(--spectrum-focus-ring-size)0 var(--spectrum-focus-ring-color)}.G_feca_spectrum-InLineAlert{--spectrum-focus-ring-gap:var(--spectrum-alias-focus-ring-gap,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-border-size:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));--spectrum-focus-ring-border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));--spectrum-focus-ring-size:var(--spectrum-button-primary-focus-ring-size-key-focus,var(--spectrum-alias-focus-ring-size));box-sizing:border-box;padding-block:var(--spectrum-global-dimension-static-size-300,24px);padding-inline:var(--spectrum-global-dimension-static-size-300,24px);border-block-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-inline-width:var(--spectrum-alias-border-size-thick,var(--spectrum-global-dimension-static-size-25));border-radius:var(--spectrum-alias-border-radius-regular,var(--spectrum-global-dimension-size-50));border-style:solid;outline:none;min-inline-size:240px;display:inline-block;position:relative}.G_feca_spectrum-InLineAlert .G_feca_spectrum-InLineAlert-grid{column-gap:var(--spectrum-global-dimension-static-size-300,24px);grid-template:"G_feca_heading G_feca_icon""G_feca_content G_feca_content"/1fr auto;width:100%;display:grid}.G_feca_spectrum-InLineAlert.G_feca_spectrum-InLineAlert--neutral .G_feca_spectrum-InLineAlert-grid{grid-template-areas:"G_feca_heading""G_feca_content";column-gap:0}.G_feca_spectrum-InLineAlert-icon{inline-size:var(--spectrum-global-dimension-size-225);block-size:var(--spectrum-global-dimension-size-225);grid-area:G_feca_icon}.G_feca_spectrum-InLineAlert-heading{font-weight:var(--spectrum-alias-heading-text-font-weight-regular,var(--spectrum-global-font-weight-bold));font-style:var(--spectrum-global-font-style-regular,normal);font-size:var(--spectrum-alias-heading-xxs-text-size,var(--spectrum-global-dimension-font-size-100));line-height:var(--spectrum-alias-heading-text-line-height,var(--spectrum-global-font-line-height-small));text-transform:none;min-block-size:var(--spectrum-global-dimension-size-250);grid-area:G_feca_heading;margin-top:0;margin-bottom:0;display:block}.G_feca_spectrum-InLineAlert-content{word-wrap:break-word;font-weight:var(--spectrum-alias-body-text-font-weight,var(--spectrum-global-font-weight-regular));font-style:var(--spectrum-global-font-style-regular,normal);font-size:var(--spectrum-global-dimension-font-size-100);line-height:var(--spectrum-alias-line-height-body,var(--spectrum-global-font-line-height-medium));margin-top:var(--spectrum-global-dimension-static-size-200,16px);grid-area:G_feca_content;margin-bottom:0;margin-left:0;margin-right:0;padding:0;display:block}@media (forced-colors:active){.G_feca_spectrum-InLineAlert{--highcontrast-inlinealert-background-color:Background;--highcontrast-inlinealert-heading-color:CanvasText;--highcontrast-inlinealert-content-color:CanvasText;--highcontrast-inlinealert-border-and-icon-color:ButtonBorder}}.G_feca_spectrum-InLineAlert{background-color:var(--highcontrast-inlinealert-background-color,var(--spectrum-global-color-gray-50));border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-gray-visual-color))}.G_feca_spectrum-InLineAlert-heading{color:var(--highcontrast-inlinealert-heading-color,var(--spectrum-alias-heading-text-color,var(--spectrum-global-color-gray-900)))}.G_feca_spectrum-InLineAlert-content{color:var(--highcontrast-inlinealert-content-color,var(--spectrum-alias-text-color,var(--spectrum-global-color-gray-800)))}.G_feca_spectrum-InLineAlert--info{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-informative-visual-color))}.G_feca_spectrum-InLineAlert--info .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-informative-visual-color))}.G_feca_spectrum-InLineAlert--notice{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-notice-visual-color))}.G_feca_spectrum-InLineAlert--notice .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-notice-visual-color))}.G_feca_spectrum-InLineAlert--positive{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-positive-visual-color))}.G_feca_spectrum-InLineAlert--positive .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-positive-visual-color))}.G_feca_spectrum-InLineAlert--negative{border-color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-negative-visual-color))}.G_feca_spectrum-InLineAlert--negative .G_feca_spectrum-InLineAlert-icon{color:var(--highcontrast-inlinealert-border-and-icon-color,var(--spectrum-negative-visual-color))}
|
package/dist/main.js
CHANGED
@@ -2,6 +2,7 @@ require("./main.css");
|
|
2
2
|
var $RX49b$spectrumiconsuiAlertMedium = require("@spectrum-icons/ui/AlertMedium");
|
3
3
|
var $RX49b$reactspectrumutils = require("@react-spectrum/utils");
|
4
4
|
var $RX49b$reactariautils = require("@react-aria/utils");
|
5
|
+
var $RX49b$reactariafocus = require("@react-aria/focus");
|
5
6
|
var $RX49b$reactspectrumlayout = require("@react-spectrum/layout");
|
6
7
|
var $RX49b$spectrumiconsuiInfoMedium = require("@spectrum-icons/ui/InfoMedium");
|
7
8
|
var $RX49b$react = require("react");
|
@@ -45,6 +46,7 @@ $parcel$export(module.exports, "InlineAlert", () => $5de8c6729f05c665$export$a3b
|
|
45
46
|
|
46
47
|
|
47
48
|
|
49
|
+
|
48
50
|
var $cf1d087b199fc7c5$exports = {};
|
49
51
|
var $70305e81a8d2187b$exports = {};
|
50
52
|
$70305e81a8d2187b$exports = {
|
@@ -437,7 +439,7 @@ $8d976ce4ebad141b$export$1ca1ec8b29a4ce27 = `G_feca_icon`;
|
|
437
439
|
$8d976ce4ebad141b$export$4109102f950813a6 = `G_feca_spectrum-FocusRing-ring`;
|
438
440
|
$8d976ce4ebad141b$export$24c7f46a6e3605dd = `G_feca_spectrum-FocusRing ${$8d976ce4ebad141b$export$4109102f950813a6}`;
|
439
441
|
$8d976ce4ebad141b$export$2927016961429360 = `G_feca_spectrum-FocusRing--quiet`;
|
440
|
-
$8d976ce4ebad141b$export$73769bb5d26d9ff7 = `G_feca_spectrum-InLineAlert`;
|
442
|
+
$8d976ce4ebad141b$export$73769bb5d26d9ff7 = `G_feca_spectrum-InLineAlert ${$8d976ce4ebad141b$export$24c7f46a6e3605dd}`;
|
441
443
|
$8d976ce4ebad141b$export$71c1df0099076ffd = `G_feca_spectrum-InLineAlert--info`;
|
442
444
|
$8d976ce4ebad141b$export$22162c465dd1f294 = `G_feca_spectrum-InLineAlert--negative`;
|
443
445
|
$8d976ce4ebad141b$export$1d6dd31283ff6c5c = `G_feca_spectrum-InLineAlert--neutral`;
|
@@ -460,7 +462,7 @@ let $5de8c6729f05c665$var$ICONS = {
|
|
460
462
|
};
|
461
463
|
function $5de8c6729f05c665$var$InlineAlert(props, ref) {
|
462
464
|
props = (0, $RX49b$reactspectrumprovider.useProviderProps)(props);
|
463
|
-
let { children: children, variant: variant = "neutral", ...otherProps } = props;
|
465
|
+
let { children: children, variant: variant = "neutral", autoFocus: autoFocus, ...otherProps } = props;
|
464
466
|
let { styleProps: styleProps } = (0, $RX49b$reactspectrumutils.useStyleProps)(otherProps);
|
465
467
|
let domRef = (0, $RX49b$reactspectrumutils.useDOMRef)(ref);
|
466
468
|
let slots = {
|
@@ -478,10 +480,21 @@ function $5de8c6729f05c665$var$InlineAlert(props, ref) {
|
|
478
480
|
Icon = $5de8c6729f05c665$var$ICONS[variant];
|
479
481
|
iconAlt = stringFormatter.format(variant);
|
480
482
|
}
|
481
|
-
|
483
|
+
let autoFocusRef = (0, $RX49b$react.useRef)(props.autoFocus);
|
484
|
+
(0, $RX49b$react.useEffect)(()=>{
|
485
|
+
if (autoFocusRef.current && domRef.current) domRef.current.focus();
|
486
|
+
autoFocusRef.current = false;
|
487
|
+
}, [
|
488
|
+
domRef
|
489
|
+
]);
|
490
|
+
return /*#__PURE__*/ (0, ($parcel$interopDefault($RX49b$react))).createElement((0, $RX49b$reactariafocus.FocusRing), {
|
491
|
+
focusRingClass: (0, (/*@__PURE__*/$parcel$interopDefault($8d976ce4ebad141b$exports)))["focus-ring"]
|
492
|
+
}, /*#__PURE__*/ (0, ($parcel$interopDefault($RX49b$react))).createElement("div", {
|
482
493
|
...(0, $RX49b$reactariautils.filterDOMProps)(props),
|
483
494
|
...styleProps,
|
484
495
|
ref: domRef,
|
496
|
+
tabIndex: autoFocus ? -1 : undefined,
|
497
|
+
autoFocus: autoFocus,
|
485
498
|
className: (0, $RX49b$reactspectrumutils.classNames)((0, (/*@__PURE__*/$parcel$interopDefault($8d976ce4ebad141b$exports))), "spectrum-InLineAlert", `spectrum-InLineAlert--${variant}`, styleProps.className),
|
486
499
|
role: "alert"
|
487
500
|
}, /*#__PURE__*/ (0, ($parcel$interopDefault($RX49b$react))).createElement((0, $RX49b$reactspectrumlayout.Grid), {
|
@@ -491,7 +504,7 @@ function $5de8c6729f05c665$var$InlineAlert(props, ref) {
|
|
491
504
|
}, Icon && /*#__PURE__*/ (0, ($parcel$interopDefault($RX49b$react))).createElement(Icon, {
|
492
505
|
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($8d976ce4ebad141b$exports)))["spectrum-InLineAlert-icon"],
|
493
506
|
"aria-label": iconAlt
|
494
|
-
}), children)));
|
507
|
+
}), children))));
|
495
508
|
}
|
496
509
|
/**
|
497
510
|
* Inline alerts display a non-modal message associated with objects in a view.
|
package/dist/main.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/inlinealert/src/index.ts","packages/@react-spectrum/inlinealert/src/InlineAlert.tsx","packages/@react-spectrum/inlinealert/src/*.js","packages/@react-spectrum/inlinealert/intl/ar-AE.json","packages/@react-spectrum/inlinealert/intl/bg-BG.json","packages/@react-spectrum/inlinealert/intl/cs-CZ.json","packages/@react-spectrum/inlinealert/intl/da-DK.json","packages/@react-spectrum/inlinealert/intl/de-DE.json","packages/@react-spectrum/inlinealert/intl/el-GR.json","packages/@react-spectrum/inlinealert/intl/en-US.json","packages/@react-spectrum/inlinealert/intl/es-ES.json","packages/@react-spectrum/inlinealert/intl/et-EE.json","packages/@react-spectrum/inlinealert/intl/fi-FI.json","packages/@react-spectrum/inlinealert/intl/fr-FR.json","packages/@react-spectrum/inlinealert/intl/he-IL.json","packages/@react-spectrum/inlinealert/intl/hr-HR.json","packages/@react-spectrum/inlinealert/intl/hu-HU.json","packages/@react-spectrum/inlinealert/intl/it-IT.json","packages/@react-spectrum/inlinealert/intl/ja-JP.json","packages/@react-spectrum/inlinealert/intl/ko-KR.json","packages/@react-spectrum/inlinealert/intl/lt-LT.json","packages/@react-spectrum/inlinealert/intl/lv-LV.json","packages/@react-spectrum/inlinealert/intl/nb-NO.json","packages/@react-spectrum/inlinealert/intl/nl-NL.json","packages/@react-spectrum/inlinealert/intl/pl-PL.json","packages/@react-spectrum/inlinealert/intl/pt-BR.json","packages/@react-spectrum/inlinealert/intl/pt-PT.json","packages/@react-spectrum/inlinealert/intl/ro-RO.json","packages/@react-spectrum/inlinealert/intl/ru-RU.json","packages/@react-spectrum/inlinealert/intl/sk-SK.json","packages/@react-spectrum/inlinealert/intl/sl-SI.json","packages/@react-spectrum/inlinealert/intl/sr-SP.json","packages/@react-spectrum/inlinealert/intl/sv-SE.json","packages/@react-spectrum/inlinealert/intl/tr-TR.json","packages/@react-spectrum/inlinealert/intl/uk-UA.json","packages/@react-spectrum/inlinealert/intl/zh-CN.json","packages/@react-spectrum/inlinealert/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {InlineAlert} from './InlineAlert';\nexport type {SpectrumInlineAlertProps} from './InlineAlert';\n","/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n /**\n * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n * @default 'neutral'\n */\n variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n /**\n * The contents of the Inline Alert.\n */\n children: ReactNode\n}\n\nlet ICONS = {\n info: InfoMedium,\n positive: SuccessMedium,\n notice: AlertMedium,\n negative: AlertMedium\n};\n\nfunction InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n let {\n children,\n variant = 'neutral',\n ...otherProps\n } = props;\n\n let {styleProps} = useStyleProps(otherProps);\n let domRef = useDOMRef(ref);\n\n let slots = {\n heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n };\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let Icon = null;\n let iconAlt: string;\n if (variant in ICONS) {\n Icon = ICONS[variant];\n iconAlt = stringFormatter.format(variant);\n }\n\n return (\n <div\n {...filterDOMProps(props)}\n {...styleProps}\n ref={domRef}\n className={classNames(\n styles,\n 'spectrum-InLineAlert',\n `spectrum-InLineAlert--${variant}`,\n styleProps.className\n )}\n role=\"alert\">\n <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n <SlotProvider slots={slots}>\n {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n {children}\n </SlotProvider>\n </Grid>\n </div>\n );\n}\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nconst _InlineAlert = React.forwardRef(InlineAlert);\nexport {_InlineAlert as InlineAlert};\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"info\": \"معلومات\",\n \"negative\": \"خطأ\",\n \"notice\": \"تحذير\",\n \"positive\": \"تم بنجاح\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Грешка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informace\",\n \"negative\": \"Chyba\",\n \"notice\": \"Varování\",\n \"positive\": \"Úspěch\"\n}\n","{\n \"info\": \"Oplysninger\",\n \"negative\": \"Fejl\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Fuldført\"\n}\n","{\n \"info\": \"Informationen\",\n \"negative\": \"Fehler\",\n \"notice\": \"Warnung\",\n \"positive\": \"Erfolg\"\n}\n","{\n \"info\": \"Πληροφορίες\",\n \"negative\": \"Σφάλμα\",\n \"notice\": \"Προειδοποίηση\",\n \"positive\": \"Επιτυχία\"\n}\n","{\n \"negative\": \"Error\",\n \"notice\": \"Warning\",\n \"info\": \"Information\",\n \"positive\": \"Success\"\n}\n","{\n \"info\": \"Información\",\n \"negative\": \"Error\",\n \"notice\": \"Advertencia\",\n \"positive\": \"Éxito\"\n}\n","{\n \"info\": \"Teave\",\n \"negative\": \"Tõrge\",\n \"notice\": \"Hoiatus\",\n \"positive\": \"Valmis\"\n}\n","{\n \"info\": \"Tiedot\",\n \"negative\": \"Virhe\",\n \"notice\": \"Varoitus\",\n \"positive\": \"Onnistui\"\n}\n","{\n \"info\": \"Informations\",\n \"negative\": \"Erreur\",\n \"notice\": \"Avertissement\",\n \"positive\": \"Succès\"\n}\n","{\n \"info\": \"מידע\",\n \"negative\": \"שגיאה\",\n \"notice\": \"אזהרה\",\n \"positive\": \"הצלחה\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Pogreška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspješno\"\n}\n","{\n \"info\": \"Információ\",\n \"negative\": \"Hiba\",\n \"notice\": \"Figyelmeztetés\",\n \"positive\": \"Siker\"\n}\n","{\n \"info\": \"Informazioni\",\n \"negative\": \"Errore\",\n \"notice\": \"Avviso\",\n \"positive\": \"Operazione riuscita\"\n}\n","{\n \"info\": \"情報\",\n \"negative\": \"エラー\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"정보\",\n \"negative\": \"오류\",\n \"notice\": \"경고\",\n \"positive\": \"성공\"\n}\n","{\n \"info\": \"Informacija\",\n \"negative\": \"Klaida\",\n \"notice\": \"Įspėjimas\",\n \"positive\": \"Sėkmingai\"\n}\n","{\n \"info\": \"Informācija\",\n \"negative\": \"Kļūda\",\n \"notice\": \"Brīdinājums\",\n \"positive\": \"Izdevās\"\n}\n","{\n \"info\": \"Informasjon\",\n \"negative\": \"Feil\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Vellykket\"\n}\n","{\n \"info\": \"Informatie\",\n \"negative\": \"Fout\",\n \"notice\": \"Waarschuwing\",\n \"positive\": \"Geslaagd\"\n}\n","{\n \"info\": \"Informacja\",\n \"negative\": \"Błąd\",\n \"notice\": \"Ostrzeżenie\",\n \"positive\": \"Powodzenie\"\n}\n","{\n \"info\": \"Informações\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informação\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informații\",\n \"negative\": \"Eroare\",\n \"notice\": \"Avertisment\",\n \"positive\": \"Succes\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Ошибка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informácie\",\n \"negative\": \"Chyba\",\n \"notice\": \"Upozornenie\",\n \"positive\": \"Úspech\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Napaka\",\n \"notice\": \"Opozorilo\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Greška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Information\",\n \"negative\": \"Fel\",\n \"notice\": \"Varning\",\n \"positive\": \"Lyckades\"\n}\n","{\n \"info\": \"Bilgiler\",\n \"negative\": \"Hata\",\n \"notice\": \"Uyarı\",\n \"positive\": \"Başarılı\"\n}\n","{\n \"info\": \"Інформація\",\n \"negative\": \"Помилка\",\n \"notice\": \"Попередження\",\n \"positive\": \"Успішно\"\n}\n","{\n \"info\": \"信息\",\n \"negative\": \"错误\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"資訊\",\n \"negative\": \"錯誤\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/inlinealert/src/index.ts","packages/@react-spectrum/inlinealert/src/InlineAlert.tsx","packages/@react-spectrum/inlinealert/src/*.js","packages/@react-spectrum/inlinealert/intl/ar-AE.json","packages/@react-spectrum/inlinealert/intl/bg-BG.json","packages/@react-spectrum/inlinealert/intl/cs-CZ.json","packages/@react-spectrum/inlinealert/intl/da-DK.json","packages/@react-spectrum/inlinealert/intl/de-DE.json","packages/@react-spectrum/inlinealert/intl/el-GR.json","packages/@react-spectrum/inlinealert/intl/en-US.json","packages/@react-spectrum/inlinealert/intl/es-ES.json","packages/@react-spectrum/inlinealert/intl/et-EE.json","packages/@react-spectrum/inlinealert/intl/fi-FI.json","packages/@react-spectrum/inlinealert/intl/fr-FR.json","packages/@react-spectrum/inlinealert/intl/he-IL.json","packages/@react-spectrum/inlinealert/intl/hr-HR.json","packages/@react-spectrum/inlinealert/intl/hu-HU.json","packages/@react-spectrum/inlinealert/intl/it-IT.json","packages/@react-spectrum/inlinealert/intl/ja-JP.json","packages/@react-spectrum/inlinealert/intl/ko-KR.json","packages/@react-spectrum/inlinealert/intl/lt-LT.json","packages/@react-spectrum/inlinealert/intl/lv-LV.json","packages/@react-spectrum/inlinealert/intl/nb-NO.json","packages/@react-spectrum/inlinealert/intl/nl-NL.json","packages/@react-spectrum/inlinealert/intl/pl-PL.json","packages/@react-spectrum/inlinealert/intl/pt-BR.json","packages/@react-spectrum/inlinealert/intl/pt-PT.json","packages/@react-spectrum/inlinealert/intl/ro-RO.json","packages/@react-spectrum/inlinealert/intl/ru-RU.json","packages/@react-spectrum/inlinealert/intl/sk-SK.json","packages/@react-spectrum/inlinealert/intl/sl-SI.json","packages/@react-spectrum/inlinealert/intl/sr-SP.json","packages/@react-spectrum/inlinealert/intl/sv-SE.json","packages/@react-spectrum/inlinealert/intl/tr-TR.json","packages/@react-spectrum/inlinealert/intl/uk-UA.json","packages/@react-spectrum/inlinealert/intl/zh-CN.json","packages/@react-spectrum/inlinealert/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {InlineAlert} from './InlineAlert';\nexport type {SpectrumInlineAlertProps} from './InlineAlert';\n","/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n /**\n * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n * @default 'neutral'\n */\n variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n /**\n * The contents of the Inline Alert.\n */\n children: ReactNode,\n /**\n * Whether to automatically focus the Inline Alert when it first renders.\n */\n autoFocus?: boolean\n}\n\nlet ICONS = {\n info: InfoMedium,\n positive: SuccessMedium,\n notice: AlertMedium,\n negative: AlertMedium\n};\n\nfunction InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n let {\n children,\n variant = 'neutral',\n autoFocus,\n ...otherProps\n } = props;\n\n let {styleProps} = useStyleProps(otherProps);\n let domRef = useDOMRef(ref);\n\n let slots = {\n heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n };\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let Icon = null;\n let iconAlt: string;\n if (variant in ICONS) {\n Icon = ICONS[variant];\n iconAlt = stringFormatter.format(variant);\n }\n\n let autoFocusRef = useRef(props.autoFocus);\n useEffect(() => {\n if (autoFocusRef.current && domRef.current) {\n domRef.current.focus();\n }\n autoFocusRef.current = false;\n }, [domRef]);\n\n return (\n <FocusRing focusRingClass={styles['focus-ring']}>\n <div\n {...filterDOMProps(props)}\n {...styleProps}\n ref={domRef}\n tabIndex={autoFocus ? -1 : undefined}\n autoFocus={autoFocus}\n className={classNames(\n styles,\n 'spectrum-InLineAlert',\n `spectrum-InLineAlert--${variant}`,\n styleProps.className\n )}\n role=\"alert\">\n <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n <SlotProvider slots={slots}>\n {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n {children}\n </SlotProvider>\n </Grid>\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nconst _InlineAlert = React.forwardRef(InlineAlert);\nexport {_InlineAlert as InlineAlert};\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"info\": \"معلومات\",\n \"negative\": \"خطأ\",\n \"notice\": \"تحذير\",\n \"positive\": \"تم بنجاح\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Грешка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informace\",\n \"negative\": \"Chyba\",\n \"notice\": \"Varování\",\n \"positive\": \"Úspěch\"\n}\n","{\n \"info\": \"Oplysninger\",\n \"negative\": \"Fejl\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Fuldført\"\n}\n","{\n \"info\": \"Informationen\",\n \"negative\": \"Fehler\",\n \"notice\": \"Warnung\",\n \"positive\": \"Erfolg\"\n}\n","{\n \"info\": \"Πληροφορίες\",\n \"negative\": \"Σφάλμα\",\n \"notice\": \"Προειδοποίηση\",\n \"positive\": \"Επιτυχία\"\n}\n","{\n \"negative\": \"Error\",\n \"notice\": \"Warning\",\n \"info\": \"Information\",\n \"positive\": \"Success\"\n}\n","{\n \"info\": \"Información\",\n \"negative\": \"Error\",\n \"notice\": \"Advertencia\",\n \"positive\": \"Éxito\"\n}\n","{\n \"info\": \"Teave\",\n \"negative\": \"Tõrge\",\n \"notice\": \"Hoiatus\",\n \"positive\": \"Valmis\"\n}\n","{\n \"info\": \"Tiedot\",\n \"negative\": \"Virhe\",\n \"notice\": \"Varoitus\",\n \"positive\": \"Onnistui\"\n}\n","{\n \"info\": \"Informations\",\n \"negative\": \"Erreur\",\n \"notice\": \"Avertissement\",\n \"positive\": \"Succès\"\n}\n","{\n \"info\": \"מידע\",\n \"negative\": \"שגיאה\",\n \"notice\": \"אזהרה\",\n \"positive\": \"הצלחה\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Pogreška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspješno\"\n}\n","{\n \"info\": \"Információ\",\n \"negative\": \"Hiba\",\n \"notice\": \"Figyelmeztetés\",\n \"positive\": \"Siker\"\n}\n","{\n \"info\": \"Informazioni\",\n \"negative\": \"Errore\",\n \"notice\": \"Avviso\",\n \"positive\": \"Operazione riuscita\"\n}\n","{\n \"info\": \"情報\",\n \"negative\": \"エラー\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"정보\",\n \"negative\": \"오류\",\n \"notice\": \"경고\",\n \"positive\": \"성공\"\n}\n","{\n \"info\": \"Informacija\",\n \"negative\": \"Klaida\",\n \"notice\": \"Įspėjimas\",\n \"positive\": \"Sėkmingai\"\n}\n","{\n \"info\": \"Informācija\",\n \"negative\": \"Kļūda\",\n \"notice\": \"Brīdinājums\",\n \"positive\": \"Izdevās\"\n}\n","{\n \"info\": \"Informasjon\",\n \"negative\": \"Feil\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Vellykket\"\n}\n","{\n \"info\": \"Informatie\",\n \"negative\": \"Fout\",\n \"notice\": \"Waarschuwing\",\n \"positive\": \"Geslaagd\"\n}\n","{\n \"info\": \"Informacja\",\n \"negative\": \"Błąd\",\n \"notice\": \"Ostrzeżenie\",\n \"positive\": \"Powodzenie\"\n}\n","{\n \"info\": \"Informações\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informação\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informații\",\n \"negative\": \"Eroare\",\n \"notice\": \"Avertisment\",\n \"positive\": \"Succes\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Ошибка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informácie\",\n \"negative\": \"Chyba\",\n \"notice\": \"Upozornenie\",\n \"positive\": \"Úspech\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Napaka\",\n \"notice\": \"Opozorilo\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Greška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Information\",\n \"negative\": \"Fel\",\n \"notice\": \"Varning\",\n \"positive\": \"Lyckades\"\n}\n","{\n \"info\": \"Bilgiler\",\n \"negative\": \"Hata\",\n \"notice\": \"Uyarı\",\n \"positive\": \"Başarılı\"\n}\n","{\n \"info\": \"Інформація\",\n \"negative\": \"Помилка\",\n \"notice\": \"Попередження\",\n \"positive\": \"Успішно\"\n}\n","{\n \"info\": \"信息\",\n \"negative\": \"错误\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"資訊\",\n \"negative\": \"錯誤\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"main.js.map"}
|
package/dist/module.js
CHANGED
@@ -2,9 +2,10 @@ import "./main.css";
|
|
2
2
|
import $d32NX$spectrumiconsuiAlertMedium from "@spectrum-icons/ui/AlertMedium";
|
3
3
|
import {useStyleProps as $d32NX$useStyleProps, useDOMRef as $d32NX$useDOMRef, classNames as $d32NX$classNames, SlotProvider as $d32NX$SlotProvider} from "@react-spectrum/utils";
|
4
4
|
import {filterDOMProps as $d32NX$filterDOMProps} from "@react-aria/utils";
|
5
|
+
import {FocusRing as $d32NX$FocusRing} from "@react-aria/focus";
|
5
6
|
import {Grid as $d32NX$Grid} from "@react-spectrum/layout";
|
6
7
|
import $d32NX$spectrumiconsuiInfoMedium from "@spectrum-icons/ui/InfoMedium";
|
7
|
-
import $d32NX$react from "react";
|
8
|
+
import $d32NX$react, {useRef as $d32NX$useRef, useEffect as $d32NX$useEffect} from "react";
|
8
9
|
import $d32NX$spectrumiconsuiSuccessMedium from "@spectrum-icons/ui/SuccessMedium";
|
9
10
|
import {useLocalizedStringFormatter as $d32NX$useLocalizedStringFormatter} from "@react-aria/i18n";
|
10
11
|
import {useProviderProps as $d32NX$useProviderProps} from "@react-spectrum/provider";
|
@@ -43,6 +44,7 @@ function $parcel$export(e, n, v, s) {
|
|
43
44
|
|
44
45
|
|
45
46
|
|
47
|
+
|
46
48
|
var $a0360622247416a9$exports = {};
|
47
49
|
var $7c06d136a7db332f$exports = {};
|
48
50
|
$7c06d136a7db332f$exports = {
|
@@ -435,7 +437,7 @@ $48fe1f4c438508c0$export$1ca1ec8b29a4ce27 = `G_feca_icon`;
|
|
435
437
|
$48fe1f4c438508c0$export$4109102f950813a6 = `G_feca_spectrum-FocusRing-ring`;
|
436
438
|
$48fe1f4c438508c0$export$24c7f46a6e3605dd = `G_feca_spectrum-FocusRing ${$48fe1f4c438508c0$export$4109102f950813a6}`;
|
437
439
|
$48fe1f4c438508c0$export$2927016961429360 = `G_feca_spectrum-FocusRing--quiet`;
|
438
|
-
$48fe1f4c438508c0$export$73769bb5d26d9ff7 = `G_feca_spectrum-InLineAlert`;
|
440
|
+
$48fe1f4c438508c0$export$73769bb5d26d9ff7 = `G_feca_spectrum-InLineAlert ${$48fe1f4c438508c0$export$24c7f46a6e3605dd}`;
|
439
441
|
$48fe1f4c438508c0$export$71c1df0099076ffd = `G_feca_spectrum-InLineAlert--info`;
|
440
442
|
$48fe1f4c438508c0$export$22162c465dd1f294 = `G_feca_spectrum-InLineAlert--negative`;
|
441
443
|
$48fe1f4c438508c0$export$1d6dd31283ff6c5c = `G_feca_spectrum-InLineAlert--neutral`;
|
@@ -458,7 +460,7 @@ let $abf1e6290496dda5$var$ICONS = {
|
|
458
460
|
};
|
459
461
|
function $abf1e6290496dda5$var$InlineAlert(props, ref) {
|
460
462
|
props = (0, $d32NX$useProviderProps)(props);
|
461
|
-
let { children: children, variant: variant = "neutral", ...otherProps } = props;
|
463
|
+
let { children: children, variant: variant = "neutral", autoFocus: autoFocus, ...otherProps } = props;
|
462
464
|
let { styleProps: styleProps } = (0, $d32NX$useStyleProps)(otherProps);
|
463
465
|
let domRef = (0, $d32NX$useDOMRef)(ref);
|
464
466
|
let slots = {
|
@@ -476,10 +478,21 @@ function $abf1e6290496dda5$var$InlineAlert(props, ref) {
|
|
476
478
|
Icon = $abf1e6290496dda5$var$ICONS[variant];
|
477
479
|
iconAlt = stringFormatter.format(variant);
|
478
480
|
}
|
479
|
-
|
481
|
+
let autoFocusRef = (0, $d32NX$useRef)(props.autoFocus);
|
482
|
+
(0, $d32NX$useEffect)(()=>{
|
483
|
+
if (autoFocusRef.current && domRef.current) domRef.current.focus();
|
484
|
+
autoFocusRef.current = false;
|
485
|
+
}, [
|
486
|
+
domRef
|
487
|
+
]);
|
488
|
+
return /*#__PURE__*/ (0, $d32NX$react).createElement((0, $d32NX$FocusRing), {
|
489
|
+
focusRingClass: (0, (/*@__PURE__*/$parcel$interopDefault($48fe1f4c438508c0$exports)))["focus-ring"]
|
490
|
+
}, /*#__PURE__*/ (0, $d32NX$react).createElement("div", {
|
480
491
|
...(0, $d32NX$filterDOMProps)(props),
|
481
492
|
...styleProps,
|
482
493
|
ref: domRef,
|
494
|
+
tabIndex: autoFocus ? -1 : undefined,
|
495
|
+
autoFocus: autoFocus,
|
483
496
|
className: (0, $d32NX$classNames)((0, (/*@__PURE__*/$parcel$interopDefault($48fe1f4c438508c0$exports))), "spectrum-InLineAlert", `spectrum-InLineAlert--${variant}`, styleProps.className),
|
484
497
|
role: "alert"
|
485
498
|
}, /*#__PURE__*/ (0, $d32NX$react).createElement((0, $d32NX$Grid), {
|
@@ -489,7 +502,7 @@ function $abf1e6290496dda5$var$InlineAlert(props, ref) {
|
|
489
502
|
}, Icon && /*#__PURE__*/ (0, $d32NX$react).createElement(Icon, {
|
490
503
|
UNSAFE_className: (0, (/*@__PURE__*/$parcel$interopDefault($48fe1f4c438508c0$exports)))["spectrum-InLineAlert-icon"],
|
491
504
|
"aria-label": iconAlt
|
492
|
-
}), children)));
|
505
|
+
}), children))));
|
493
506
|
}
|
494
507
|
/**
|
495
508
|
* Inline alerts display a non-modal message associated with objects in a view.
|
package/dist/module.js.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":"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","sources":["packages/@react-spectrum/inlinealert/src/index.ts","packages/@react-spectrum/inlinealert/src/InlineAlert.tsx","packages/@react-spectrum/inlinealert/src/*.js","packages/@react-spectrum/inlinealert/intl/ar-AE.json","packages/@react-spectrum/inlinealert/intl/bg-BG.json","packages/@react-spectrum/inlinealert/intl/cs-CZ.json","packages/@react-spectrum/inlinealert/intl/da-DK.json","packages/@react-spectrum/inlinealert/intl/de-DE.json","packages/@react-spectrum/inlinealert/intl/el-GR.json","packages/@react-spectrum/inlinealert/intl/en-US.json","packages/@react-spectrum/inlinealert/intl/es-ES.json","packages/@react-spectrum/inlinealert/intl/et-EE.json","packages/@react-spectrum/inlinealert/intl/fi-FI.json","packages/@react-spectrum/inlinealert/intl/fr-FR.json","packages/@react-spectrum/inlinealert/intl/he-IL.json","packages/@react-spectrum/inlinealert/intl/hr-HR.json","packages/@react-spectrum/inlinealert/intl/hu-HU.json","packages/@react-spectrum/inlinealert/intl/it-IT.json","packages/@react-spectrum/inlinealert/intl/ja-JP.json","packages/@react-spectrum/inlinealert/intl/ko-KR.json","packages/@react-spectrum/inlinealert/intl/lt-LT.json","packages/@react-spectrum/inlinealert/intl/lv-LV.json","packages/@react-spectrum/inlinealert/intl/nb-NO.json","packages/@react-spectrum/inlinealert/intl/nl-NL.json","packages/@react-spectrum/inlinealert/intl/pl-PL.json","packages/@react-spectrum/inlinealert/intl/pt-BR.json","packages/@react-spectrum/inlinealert/intl/pt-PT.json","packages/@react-spectrum/inlinealert/intl/ro-RO.json","packages/@react-spectrum/inlinealert/intl/ru-RU.json","packages/@react-spectrum/inlinealert/intl/sk-SK.json","packages/@react-spectrum/inlinealert/intl/sl-SI.json","packages/@react-spectrum/inlinealert/intl/sr-SP.json","packages/@react-spectrum/inlinealert/intl/sv-SE.json","packages/@react-spectrum/inlinealert/intl/tr-TR.json","packages/@react-spectrum/inlinealert/intl/uk-UA.json","packages/@react-spectrum/inlinealert/intl/zh-CN.json","packages/@react-spectrum/inlinealert/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {InlineAlert} from './InlineAlert';\nexport type {SpectrumInlineAlertProps} from './InlineAlert';\n","/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {ReactNode} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n /**\n * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n * @default 'neutral'\n */\n variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n /**\n * The contents of the Inline Alert.\n */\n children: ReactNode\n}\n\nlet ICONS = {\n info: InfoMedium,\n positive: SuccessMedium,\n notice: AlertMedium,\n negative: AlertMedium\n};\n\nfunction InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n let {\n children,\n variant = 'neutral',\n ...otherProps\n } = props;\n\n let {styleProps} = useStyleProps(otherProps);\n let domRef = useDOMRef(ref);\n\n let slots = {\n heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n };\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let Icon = null;\n let iconAlt: string;\n if (variant in ICONS) {\n Icon = ICONS[variant];\n iconAlt = stringFormatter.format(variant);\n }\n\n return (\n <div\n {...filterDOMProps(props)}\n {...styleProps}\n ref={domRef}\n className={classNames(\n styles,\n 'spectrum-InLineAlert',\n `spectrum-InLineAlert--${variant}`,\n styleProps.className\n )}\n role=\"alert\">\n <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n <SlotProvider slots={slots}>\n {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n {children}\n </SlotProvider>\n </Grid>\n </div>\n );\n}\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nconst _InlineAlert = React.forwardRef(InlineAlert);\nexport {_InlineAlert as InlineAlert};\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"info\": \"معلومات\",\n \"negative\": \"خطأ\",\n \"notice\": \"تحذير\",\n \"positive\": \"تم بنجاح\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Грешка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informace\",\n \"negative\": \"Chyba\",\n \"notice\": \"Varování\",\n \"positive\": \"Úspěch\"\n}\n","{\n \"info\": \"Oplysninger\",\n \"negative\": \"Fejl\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Fuldført\"\n}\n","{\n \"info\": \"Informationen\",\n \"negative\": \"Fehler\",\n \"notice\": \"Warnung\",\n \"positive\": \"Erfolg\"\n}\n","{\n \"info\": \"Πληροφορίες\",\n \"negative\": \"Σφάλμα\",\n \"notice\": \"Προειδοποίηση\",\n \"positive\": \"Επιτυχία\"\n}\n","{\n \"negative\": \"Error\",\n \"notice\": \"Warning\",\n \"info\": \"Information\",\n \"positive\": \"Success\"\n}\n","{\n \"info\": \"Información\",\n \"negative\": \"Error\",\n \"notice\": \"Advertencia\",\n \"positive\": \"Éxito\"\n}\n","{\n \"info\": \"Teave\",\n \"negative\": \"Tõrge\",\n \"notice\": \"Hoiatus\",\n \"positive\": \"Valmis\"\n}\n","{\n \"info\": \"Tiedot\",\n \"negative\": \"Virhe\",\n \"notice\": \"Varoitus\",\n \"positive\": \"Onnistui\"\n}\n","{\n \"info\": \"Informations\",\n \"negative\": \"Erreur\",\n \"notice\": \"Avertissement\",\n \"positive\": \"Succès\"\n}\n","{\n \"info\": \"מידע\",\n \"negative\": \"שגיאה\",\n \"notice\": \"אזהרה\",\n \"positive\": \"הצלחה\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Pogreška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspješno\"\n}\n","{\n \"info\": \"Információ\",\n \"negative\": \"Hiba\",\n \"notice\": \"Figyelmeztetés\",\n \"positive\": \"Siker\"\n}\n","{\n \"info\": \"Informazioni\",\n \"negative\": \"Errore\",\n \"notice\": \"Avviso\",\n \"positive\": \"Operazione riuscita\"\n}\n","{\n \"info\": \"情報\",\n \"negative\": \"エラー\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"정보\",\n \"negative\": \"오류\",\n \"notice\": \"경고\",\n \"positive\": \"성공\"\n}\n","{\n \"info\": \"Informacija\",\n \"negative\": \"Klaida\",\n \"notice\": \"Įspėjimas\",\n \"positive\": \"Sėkmingai\"\n}\n","{\n \"info\": \"Informācija\",\n \"negative\": \"Kļūda\",\n \"notice\": \"Brīdinājums\",\n \"positive\": \"Izdevās\"\n}\n","{\n \"info\": \"Informasjon\",\n \"negative\": \"Feil\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Vellykket\"\n}\n","{\n \"info\": \"Informatie\",\n \"negative\": \"Fout\",\n \"notice\": \"Waarschuwing\",\n \"positive\": \"Geslaagd\"\n}\n","{\n \"info\": \"Informacja\",\n \"negative\": \"Błąd\",\n \"notice\": \"Ostrzeżenie\",\n \"positive\": \"Powodzenie\"\n}\n","{\n \"info\": \"Informações\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informação\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informații\",\n \"negative\": \"Eroare\",\n \"notice\": \"Avertisment\",\n \"positive\": \"Succes\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Ошибка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informácie\",\n \"negative\": \"Chyba\",\n \"notice\": \"Upozornenie\",\n \"positive\": \"Úspech\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Napaka\",\n \"notice\": \"Opozorilo\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Greška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Information\",\n \"negative\": \"Fel\",\n \"notice\": \"Varning\",\n \"positive\": \"Lyckades\"\n}\n","{\n \"info\": \"Bilgiler\",\n \"negative\": \"Hata\",\n \"notice\": \"Uyarı\",\n \"positive\": \"Başarılı\"\n}\n","{\n \"info\": \"Інформація\",\n \"negative\": \"Помилка\",\n \"notice\": \"Попередження\",\n \"positive\": \"Успішно\"\n}\n","{\n \"info\": \"信息\",\n \"negative\": \"错误\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"資訊\",\n \"negative\": \"錯誤\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
1
|
+
{"mappings":"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","sources":["packages/@react-spectrum/inlinealert/src/index.ts","packages/@react-spectrum/inlinealert/src/InlineAlert.tsx","packages/@react-spectrum/inlinealert/src/*.js","packages/@react-spectrum/inlinealert/intl/ar-AE.json","packages/@react-spectrum/inlinealert/intl/bg-BG.json","packages/@react-spectrum/inlinealert/intl/cs-CZ.json","packages/@react-spectrum/inlinealert/intl/da-DK.json","packages/@react-spectrum/inlinealert/intl/de-DE.json","packages/@react-spectrum/inlinealert/intl/el-GR.json","packages/@react-spectrum/inlinealert/intl/en-US.json","packages/@react-spectrum/inlinealert/intl/es-ES.json","packages/@react-spectrum/inlinealert/intl/et-EE.json","packages/@react-spectrum/inlinealert/intl/fi-FI.json","packages/@react-spectrum/inlinealert/intl/fr-FR.json","packages/@react-spectrum/inlinealert/intl/he-IL.json","packages/@react-spectrum/inlinealert/intl/hr-HR.json","packages/@react-spectrum/inlinealert/intl/hu-HU.json","packages/@react-spectrum/inlinealert/intl/it-IT.json","packages/@react-spectrum/inlinealert/intl/ja-JP.json","packages/@react-spectrum/inlinealert/intl/ko-KR.json","packages/@react-spectrum/inlinealert/intl/lt-LT.json","packages/@react-spectrum/inlinealert/intl/lv-LV.json","packages/@react-spectrum/inlinealert/intl/nb-NO.json","packages/@react-spectrum/inlinealert/intl/nl-NL.json","packages/@react-spectrum/inlinealert/intl/pl-PL.json","packages/@react-spectrum/inlinealert/intl/pt-BR.json","packages/@react-spectrum/inlinealert/intl/pt-PT.json","packages/@react-spectrum/inlinealert/intl/ro-RO.json","packages/@react-spectrum/inlinealert/intl/ru-RU.json","packages/@react-spectrum/inlinealert/intl/sk-SK.json","packages/@react-spectrum/inlinealert/intl/sl-SI.json","packages/@react-spectrum/inlinealert/intl/sr-SP.json","packages/@react-spectrum/inlinealert/intl/sv-SE.json","packages/@react-spectrum/inlinealert/intl/tr-TR.json","packages/@react-spectrum/inlinealert/intl/uk-UA.json","packages/@react-spectrum/inlinealert/intl/zh-CN.json","packages/@react-spectrum/inlinealert/intl/zh-TW.json","packages/@adobe/spectrum-css-temp/components/inlinealert/vars.css"],"sourcesContent":["/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {InlineAlert} from './InlineAlert';\nexport type {SpectrumInlineAlertProps} from './InlineAlert';\n","/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\nimport AlertMedium from '@spectrum-icons/ui/AlertMedium';\nimport {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';\nimport {DOMProps, DOMRef, StyleProps} from '@react-types/shared';\nimport {filterDOMProps} from '@react-aria/utils';\nimport {FocusRing} from '@react-aria/focus';\nimport {Grid} from '@react-spectrum/layout';\nimport InfoMedium from '@spectrum-icons/ui/InfoMedium';\n// @ts-ignore\nimport intlMessages from '../intl/*.json';\nimport React, {ReactNode, useEffect, useRef} from 'react';\nimport styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';\nimport SuccessMedium from '@spectrum-icons/ui/SuccessMedium';\nimport {useLocalizedStringFormatter} from '@react-aria/i18n';\nimport {useProviderProps} from '@react-spectrum/provider';\n\nexport interface SpectrumInlineAlertProps extends DOMProps, StyleProps {\n /**\n * The [visual style](https://spectrum.adobe.com/page/in-line-alert/#Options) of the Inline Alert.\n * @default 'neutral'\n */\n variant?: 'neutral' | 'info' | 'positive' | 'notice' | 'negative',\n /**\n * The contents of the Inline Alert.\n */\n children: ReactNode,\n /**\n * Whether to automatically focus the Inline Alert when it first renders.\n */\n autoFocus?: boolean\n}\n\nlet ICONS = {\n info: InfoMedium,\n positive: SuccessMedium,\n notice: AlertMedium,\n negative: AlertMedium\n};\n\nfunction InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement>) {\n props = useProviderProps(props);\n let {\n children,\n variant = 'neutral',\n autoFocus,\n ...otherProps\n } = props;\n\n let {styleProps} = useStyleProps(otherProps);\n let domRef = useDOMRef(ref);\n\n let slots = {\n heading: {UNSAFE_className: styles['spectrum-InLineAlert-heading']},\n content: {UNSAFE_className: styles['spectrum-InLineAlert-content']}\n };\n\n let stringFormatter = useLocalizedStringFormatter(intlMessages);\n let Icon = null;\n let iconAlt: string;\n if (variant in ICONS) {\n Icon = ICONS[variant];\n iconAlt = stringFormatter.format(variant);\n }\n\n let autoFocusRef = useRef(props.autoFocus);\n useEffect(() => {\n if (autoFocusRef.current && domRef.current) {\n domRef.current.focus();\n }\n autoFocusRef.current = false;\n }, [domRef]);\n\n return (\n <FocusRing focusRingClass={styles['focus-ring']}>\n <div\n {...filterDOMProps(props)}\n {...styleProps}\n ref={domRef}\n tabIndex={autoFocus ? -1 : undefined}\n autoFocus={autoFocus}\n className={classNames(\n styles,\n 'spectrum-InLineAlert',\n `spectrum-InLineAlert--${variant}`,\n styleProps.className\n )}\n role=\"alert\">\n <Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>\n <SlotProvider slots={slots}>\n {Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}\n {children}\n </SlotProvider>\n </Grid>\n </div>\n </FocusRing>\n );\n}\n\n/**\n * Inline alerts display a non-modal message associated with objects in a view.\n * These are often used in form validation, providing a place to aggregate feedback related to multiple fields.\n */\nconst _InlineAlert = React.forwardRef(InlineAlert);\nexport {_InlineAlert as InlineAlert};\n","const _temp0 = require(\"../intl/ar-AE.json\");\nconst _temp1 = require(\"../intl/bg-BG.json\");\nconst _temp2 = require(\"../intl/cs-CZ.json\");\nconst _temp3 = require(\"../intl/da-DK.json\");\nconst _temp4 = require(\"../intl/de-DE.json\");\nconst _temp5 = require(\"../intl/el-GR.json\");\nconst _temp6 = require(\"../intl/en-US.json\");\nconst _temp7 = require(\"../intl/es-ES.json\");\nconst _temp8 = require(\"../intl/et-EE.json\");\nconst _temp9 = require(\"../intl/fi-FI.json\");\nconst _temp10 = require(\"../intl/fr-FR.json\");\nconst _temp11 = require(\"../intl/he-IL.json\");\nconst _temp12 = require(\"../intl/hr-HR.json\");\nconst _temp13 = require(\"../intl/hu-HU.json\");\nconst _temp14 = require(\"../intl/it-IT.json\");\nconst _temp15 = require(\"../intl/ja-JP.json\");\nconst _temp16 = require(\"../intl/ko-KR.json\");\nconst _temp17 = require(\"../intl/lt-LT.json\");\nconst _temp18 = require(\"../intl/lv-LV.json\");\nconst _temp19 = require(\"../intl/nb-NO.json\");\nconst _temp20 = require(\"../intl/nl-NL.json\");\nconst _temp21 = require(\"../intl/pl-PL.json\");\nconst _temp22 = require(\"../intl/pt-BR.json\");\nconst _temp23 = require(\"../intl/pt-PT.json\");\nconst _temp24 = require(\"../intl/ro-RO.json\");\nconst _temp25 = require(\"../intl/ru-RU.json\");\nconst _temp26 = require(\"../intl/sk-SK.json\");\nconst _temp27 = require(\"../intl/sl-SI.json\");\nconst _temp28 = require(\"../intl/sr-SP.json\");\nconst _temp29 = require(\"../intl/sv-SE.json\");\nconst _temp30 = require(\"../intl/tr-TR.json\");\nconst _temp31 = require(\"../intl/uk-UA.json\");\nconst _temp32 = require(\"../intl/zh-CN.json\");\nconst _temp33 = require(\"../intl/zh-TW.json\");\nmodule.exports = {\n \"ar-AE\": _temp0,\n \"bg-BG\": _temp1,\n \"cs-CZ\": _temp2,\n \"da-DK\": _temp3,\n \"de-DE\": _temp4,\n \"el-GR\": _temp5,\n \"en-US\": _temp6,\n \"es-ES\": _temp7,\n \"et-EE\": _temp8,\n \"fi-FI\": _temp9,\n \"fr-FR\": _temp10,\n \"he-IL\": _temp11,\n \"hr-HR\": _temp12,\n \"hu-HU\": _temp13,\n \"it-IT\": _temp14,\n \"ja-JP\": _temp15,\n \"ko-KR\": _temp16,\n \"lt-LT\": _temp17,\n \"lv-LV\": _temp18,\n \"nb-NO\": _temp19,\n \"nl-NL\": _temp20,\n \"pl-PL\": _temp21,\n \"pt-BR\": _temp22,\n \"pt-PT\": _temp23,\n \"ro-RO\": _temp24,\n \"ru-RU\": _temp25,\n \"sk-SK\": _temp26,\n \"sl-SI\": _temp27,\n \"sr-SP\": _temp28,\n \"sv-SE\": _temp29,\n \"tr-TR\": _temp30,\n \"uk-UA\": _temp31,\n \"zh-CN\": _temp32,\n \"zh-TW\": _temp33\n}","{\n \"info\": \"معلومات\",\n \"negative\": \"خطأ\",\n \"notice\": \"تحذير\",\n \"positive\": \"تم بنجاح\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Грешка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informace\",\n \"negative\": \"Chyba\",\n \"notice\": \"Varování\",\n \"positive\": \"Úspěch\"\n}\n","{\n \"info\": \"Oplysninger\",\n \"negative\": \"Fejl\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Fuldført\"\n}\n","{\n \"info\": \"Informationen\",\n \"negative\": \"Fehler\",\n \"notice\": \"Warnung\",\n \"positive\": \"Erfolg\"\n}\n","{\n \"info\": \"Πληροφορίες\",\n \"negative\": \"Σφάλμα\",\n \"notice\": \"Προειδοποίηση\",\n \"positive\": \"Επιτυχία\"\n}\n","{\n \"negative\": \"Error\",\n \"notice\": \"Warning\",\n \"info\": \"Information\",\n \"positive\": \"Success\"\n}\n","{\n \"info\": \"Información\",\n \"negative\": \"Error\",\n \"notice\": \"Advertencia\",\n \"positive\": \"Éxito\"\n}\n","{\n \"info\": \"Teave\",\n \"negative\": \"Tõrge\",\n \"notice\": \"Hoiatus\",\n \"positive\": \"Valmis\"\n}\n","{\n \"info\": \"Tiedot\",\n \"negative\": \"Virhe\",\n \"notice\": \"Varoitus\",\n \"positive\": \"Onnistui\"\n}\n","{\n \"info\": \"Informations\",\n \"negative\": \"Erreur\",\n \"notice\": \"Avertissement\",\n \"positive\": \"Succès\"\n}\n","{\n \"info\": \"מידע\",\n \"negative\": \"שגיאה\",\n \"notice\": \"אזהרה\",\n \"positive\": \"הצלחה\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Pogreška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspješno\"\n}\n","{\n \"info\": \"Információ\",\n \"negative\": \"Hiba\",\n \"notice\": \"Figyelmeztetés\",\n \"positive\": \"Siker\"\n}\n","{\n \"info\": \"Informazioni\",\n \"negative\": \"Errore\",\n \"notice\": \"Avviso\",\n \"positive\": \"Operazione riuscita\"\n}\n","{\n \"info\": \"情報\",\n \"negative\": \"エラー\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"정보\",\n \"negative\": \"오류\",\n \"notice\": \"경고\",\n \"positive\": \"성공\"\n}\n","{\n \"info\": \"Informacija\",\n \"negative\": \"Klaida\",\n \"notice\": \"Įspėjimas\",\n \"positive\": \"Sėkmingai\"\n}\n","{\n \"info\": \"Informācija\",\n \"negative\": \"Kļūda\",\n \"notice\": \"Brīdinājums\",\n \"positive\": \"Izdevās\"\n}\n","{\n \"info\": \"Informasjon\",\n \"negative\": \"Feil\",\n \"notice\": \"Advarsel\",\n \"positive\": \"Vellykket\"\n}\n","{\n \"info\": \"Informatie\",\n \"negative\": \"Fout\",\n \"notice\": \"Waarschuwing\",\n \"positive\": \"Geslaagd\"\n}\n","{\n \"info\": \"Informacja\",\n \"negative\": \"Błąd\",\n \"notice\": \"Ostrzeżenie\",\n \"positive\": \"Powodzenie\"\n}\n","{\n \"info\": \"Informações\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informação\",\n \"negative\": \"Erro\",\n \"notice\": \"Aviso\",\n \"positive\": \"Sucesso\"\n}\n","{\n \"info\": \"Informații\",\n \"negative\": \"Eroare\",\n \"notice\": \"Avertisment\",\n \"positive\": \"Succes\"\n}\n","{\n \"info\": \"Информация\",\n \"negative\": \"Ошибка\",\n \"notice\": \"Предупреждение\",\n \"positive\": \"Успешно\"\n}\n","{\n \"info\": \"Informácie\",\n \"negative\": \"Chyba\",\n \"notice\": \"Upozornenie\",\n \"positive\": \"Úspech\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Napaka\",\n \"notice\": \"Opozorilo\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Informacije\",\n \"negative\": \"Greška\",\n \"notice\": \"Upozorenje\",\n \"positive\": \"Uspešno\"\n}\n","{\n \"info\": \"Information\",\n \"negative\": \"Fel\",\n \"notice\": \"Varning\",\n \"positive\": \"Lyckades\"\n}\n","{\n \"info\": \"Bilgiler\",\n \"negative\": \"Hata\",\n \"notice\": \"Uyarı\",\n \"positive\": \"Başarılı\"\n}\n","{\n \"info\": \"Інформація\",\n \"negative\": \"Помилка\",\n \"notice\": \"Попередження\",\n \"positive\": \"Успішно\"\n}\n","{\n \"info\": \"信息\",\n \"negative\": \"错误\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","{\n \"info\": \"資訊\",\n \"negative\": \"錯誤\",\n \"notice\": \"警告\",\n \"positive\": \"成功\"\n}\n","/*\nCopyright 2023 Adobe. All rights reserved.\nThis file is licensed to you under the Apache License, Version 2.0 (the \"License\");\nyou may not use this file except in compliance with the License. You may obtain a copy\nof the License at http://www.apache.org/licenses/LICENSE-2.0\n\nUnless required by applicable law or agreed to in writing, software distributed under\nthe License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\nOF ANY KIND, either express or implied. See the License for the specific language\ngoverning permissions and limitations under the License.\n*/\n\n@import './index.css';\n@import './skin.css';\n"],"names":[],"version":3,"file":"module.js.map"}
|
package/dist/types.d.ts
CHANGED
@@ -10,6 +10,10 @@ export interface SpectrumInlineAlertProps extends DOMProps, StyleProps {
|
|
10
10
|
* The contents of the Inline Alert.
|
11
11
|
*/
|
12
12
|
children: ReactNode;
|
13
|
+
/**
|
14
|
+
* Whether to automatically focus the Inline Alert when it first renders.
|
15
|
+
*/
|
16
|
+
autoFocus?: boolean;
|
13
17
|
}
|
14
18
|
/**
|
15
19
|
* Inline alerts display a non-modal message associated with objects in a view.
|
package/dist/types.d.ts.map
CHANGED
@@ -1 +1 @@
|
|
1
|
-
{"mappings":";;
|
1
|
+
{"mappings":";;AA2BA,yCAA0C,SAAQ,QAAQ,EAAE,UAAU;IACpE;;;OAGG;IACH,OAAO,CAAC,EAAE,SAAS,GAAG,MAAM,GAAG,UAAU,GAAG,QAAQ,GAAG,UAAU,CAAC;IAClE;;OAEG;IACH,QAAQ,EAAE,SAAS,CAAC;IACpB;;OAEG;IACH,SAAS,CAAC,EAAE,OAAO,CAAA;CACpB;AAoED;;;GAGG;AACH,OAAA,MAAM,uJAA4C,CAAC","sources":["packages/@react-spectrum/inlinealert/src/packages/@react-spectrum/inlinealert/src/InlineAlert.tsx","packages/@react-spectrum/inlinealert/src/packages/@react-spectrum/inlinealert/src/index.ts","packages/@react-spectrum/inlinealert/src/index.ts"],"sourcesContent":[null,null,"/*\n * Copyright 2023 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n/// <reference types=\"css-module-types\" />\n\nexport {InlineAlert} from './InlineAlert';\nexport type {SpectrumInlineAlertProps} from './InlineAlert';\n"],"names":[],"version":3,"file":"types.d.ts.map"}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@react-spectrum/inlinealert",
|
3
|
-
"version": "3.1.3-nightly.
|
3
|
+
"version": "3.1.3-nightly.4266+0b541f488",
|
4
4
|
"description": "Spectrum UI components in React",
|
5
5
|
"license": "Apache-2.0",
|
6
6
|
"main": "dist/main.js",
|
@@ -36,16 +36,17 @@
|
|
36
36
|
"url": "https://github.com/adobe/react-spectrum"
|
37
37
|
},
|
38
38
|
"dependencies": {
|
39
|
-
"@react-aria/
|
40
|
-
"@react-aria/
|
41
|
-
"@react-
|
42
|
-
"@react-spectrum/
|
43
|
-
"@react-
|
44
|
-
"@
|
39
|
+
"@react-aria/focus": "3.0.0-nightly.2555+0b541f488",
|
40
|
+
"@react-aria/i18n": "3.0.0-nightly.2555+0b541f488",
|
41
|
+
"@react-aria/utils": "3.0.0-nightly.2555+0b541f488",
|
42
|
+
"@react-spectrum/layout": "3.5.8-nightly.4266+0b541f488",
|
43
|
+
"@react-spectrum/utils": "3.0.0-nightly.2555+0b541f488",
|
44
|
+
"@react-types/shared": "3.0.0-nightly.2555+0b541f488",
|
45
|
+
"@spectrum-icons/ui": "3.0.0-nightly.2555+0b541f488",
|
45
46
|
"@swc/helpers": "^0.5.0"
|
46
47
|
},
|
47
48
|
"devDependencies": {
|
48
|
-
"@adobe/spectrum-css-temp": "3.0.0-nightly.
|
49
|
+
"@adobe/spectrum-css-temp": "3.0.0-nightly.2555+0b541f488"
|
49
50
|
},
|
50
51
|
"peerDependencies": {
|
51
52
|
"@react-spectrum/provider": "^3.0.0",
|
@@ -54,5 +55,5 @@
|
|
54
55
|
"publishConfig": {
|
55
56
|
"access": "public"
|
56
57
|
},
|
57
|
-
"gitHead": "
|
58
|
+
"gitHead": "0b541f48848eb43f74ae57e8b21dc4455d95040b"
|
58
59
|
}
|
package/src/InlineAlert.tsx
CHANGED
@@ -14,11 +14,12 @@ import AlertMedium from '@spectrum-icons/ui/AlertMedium';
|
|
14
14
|
import {classNames, SlotProvider, useDOMRef, useStyleProps} from '@react-spectrum/utils';
|
15
15
|
import {DOMProps, DOMRef, StyleProps} from '@react-types/shared';
|
16
16
|
import {filterDOMProps} from '@react-aria/utils';
|
17
|
+
import {FocusRing} from '@react-aria/focus';
|
17
18
|
import {Grid} from '@react-spectrum/layout';
|
18
19
|
import InfoMedium from '@spectrum-icons/ui/InfoMedium';
|
19
20
|
// @ts-ignore
|
20
21
|
import intlMessages from '../intl/*.json';
|
21
|
-
import React, {ReactNode} from 'react';
|
22
|
+
import React, {ReactNode, useEffect, useRef} from 'react';
|
22
23
|
import styles from '@adobe/spectrum-css-temp/components/inlinealert/vars.css';
|
23
24
|
import SuccessMedium from '@spectrum-icons/ui/SuccessMedium';
|
24
25
|
import {useLocalizedStringFormatter} from '@react-aria/i18n';
|
@@ -33,7 +34,11 @@ export interface SpectrumInlineAlertProps extends DOMProps, StyleProps {
|
|
33
34
|
/**
|
34
35
|
* The contents of the Inline Alert.
|
35
36
|
*/
|
36
|
-
children: ReactNode
|
37
|
+
children: ReactNode,
|
38
|
+
/**
|
39
|
+
* Whether to automatically focus the Inline Alert when it first renders.
|
40
|
+
*/
|
41
|
+
autoFocus?: boolean
|
37
42
|
}
|
38
43
|
|
39
44
|
let ICONS = {
|
@@ -48,6 +53,7 @@ function InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement
|
|
48
53
|
let {
|
49
54
|
children,
|
50
55
|
variant = 'neutral',
|
56
|
+
autoFocus,
|
51
57
|
...otherProps
|
52
58
|
} = props;
|
53
59
|
|
@@ -67,25 +73,37 @@ function InlineAlert(props: SpectrumInlineAlertProps, ref: DOMRef<HTMLDivElement
|
|
67
73
|
iconAlt = stringFormatter.format(variant);
|
68
74
|
}
|
69
75
|
|
76
|
+
let autoFocusRef = useRef(props.autoFocus);
|
77
|
+
useEffect(() => {
|
78
|
+
if (autoFocusRef.current && domRef.current) {
|
79
|
+
domRef.current.focus();
|
80
|
+
}
|
81
|
+
autoFocusRef.current = false;
|
82
|
+
}, [domRef]);
|
83
|
+
|
70
84
|
return (
|
71
|
-
<
|
72
|
-
|
73
|
-
|
74
|
-
|
75
|
-
|
76
|
-
|
77
|
-
|
78
|
-
|
79
|
-
|
80
|
-
|
81
|
-
|
82
|
-
|
83
|
-
|
84
|
-
|
85
|
-
|
86
|
-
|
87
|
-
|
88
|
-
|
85
|
+
<FocusRing focusRingClass={styles['focus-ring']}>
|
86
|
+
<div
|
87
|
+
{...filterDOMProps(props)}
|
88
|
+
{...styleProps}
|
89
|
+
ref={domRef}
|
90
|
+
tabIndex={autoFocus ? -1 : undefined}
|
91
|
+
autoFocus={autoFocus}
|
92
|
+
className={classNames(
|
93
|
+
styles,
|
94
|
+
'spectrum-InLineAlert',
|
95
|
+
`spectrum-InLineAlert--${variant}`,
|
96
|
+
styleProps.className
|
97
|
+
)}
|
98
|
+
role="alert">
|
99
|
+
<Grid UNSAFE_className={styles['spectrum-InLineAlert-grid']}>
|
100
|
+
<SlotProvider slots={slots}>
|
101
|
+
{Icon && <Icon UNSAFE_className={styles['spectrum-InLineAlert-icon']} aria-label={iconAlt} />}
|
102
|
+
{children}
|
103
|
+
</SlotProvider>
|
104
|
+
</Grid>
|
105
|
+
</div>
|
106
|
+
</FocusRing>
|
89
107
|
);
|
90
108
|
}
|
91
109
|
|