fix: prevent asset conflicts between React and Grid.js versions

Add coexistence checks to all enqueue methods to prevent loading
both React and Grid.js assets simultaneously.

Changes:
- ReactAdmin.php: Only enqueue React assets when ?react=1
- Init.php: Skip Grid.js when React active on admin pages
- Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0
- Customer.php, Product.php, License.php: Add coexistence checks

Now the toggle between Classic and React versions works correctly.

Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
This commit is contained in:
dwindown
2026-04-18 17:02:14 +07:00
parent bd9cdac02e
commit e8fbfb14c1
74973 changed files with 6658406 additions and 71 deletions

View File

@@ -0,0 +1,142 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _classnames = _interopRequireDefault(require("classnames"));
var _i18n = require("@wordpress/i18n");
var _element = require("@wordpress/element");
var _a11y = require("@wordpress/a11y");
var _icons = require("@wordpress/icons");
var _button = _interopRequireDefault(require("../button"));
var _visuallyHidden = require("../visually-hidden");
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const noop = () => {};
/**
* Custom hook which announces the message with the given politeness, if a
* valid message is provided.
*/
function useSpokenMessage(message, politeness) {
const spokenMessage = typeof message === 'string' ? message : (0, _element.renderToString)(message);
(0, _element.useEffect)(() => {
if (spokenMessage) {
(0, _a11y.speak)(spokenMessage, politeness);
}
}, [spokenMessage, politeness]);
}
function getDefaultPoliteness(status) {
switch (status) {
case 'success':
case 'warning':
case 'info':
return 'polite';
// The default will also catch the 'error' status.
default:
return 'assertive';
}
}
function getStatusLabel(status) {
switch (status) {
case 'warning':
return (0, _i18n.__)('Warning notice');
case 'info':
return (0, _i18n.__)('Information notice');
case 'error':
return (0, _i18n.__)('Error notice');
// The default will also catch the 'success' status.
default:
return (0, _i18n.__)('Notice');
}
}
/**
* `Notice` is a component used to communicate feedback to the user.
*
*```jsx
* import { Notice } from `@wordpress/components`;
*
* const MyNotice = () => (
* <Notice status="error">An unknown error occurred.</Notice>
* );
* ```
*/
function Notice({
className,
status = 'info',
children,
spokenMessage = children,
onRemove = noop,
isDismissible = true,
actions = [],
politeness = getDefaultPoliteness(status),
__unstableHTML,
// onDismiss is a callback executed when the notice is dismissed.
// It is distinct from onRemove, which _looks_ like a callback but is
// actually the function to call to remove the notice from the UI.
onDismiss = noop
}) {
useSpokenMessage(spokenMessage, politeness);
const classes = (0, _classnames.default)(className, 'components-notice', 'is-' + status, {
'is-dismissible': isDismissible
});
if (__unstableHTML && typeof children === 'string') {
children = (0, _react.createElement)(_element.RawHTML, null, children);
}
const onDismissNotice = () => {
onDismiss();
onRemove();
};
return (0, _react.createElement)("div", {
className: classes
}, (0, _react.createElement)(_visuallyHidden.VisuallyHidden, null, getStatusLabel(status)), (0, _react.createElement)("div", {
className: "components-notice__content"
}, children, (0, _react.createElement)("div", {
className: "components-notice__actions"
}, actions.map(({
className: buttonCustomClasses,
label,
isPrimary,
variant,
noDefaultClasses = false,
onClick,
url
}, index) => {
let computedVariant = variant;
if (variant !== 'primary' && !noDefaultClasses) {
computedVariant = !url ? 'secondary' : 'link';
}
if (typeof computedVariant === 'undefined' && isPrimary) {
computedVariant = 'primary';
}
return (0, _react.createElement)(_button.default, {
key: index,
href: url,
variant: computedVariant,
onClick: url ? undefined : onClick,
className: (0, _classnames.default)('components-notice__action', buttonCustomClasses)
}, label);
}))), isDismissible && (0, _react.createElement)(_button.default, {
className: "components-notice__dismiss",
icon: _icons.close,
label: (0, _i18n.__)('Close'),
onClick: onDismissNotice
}));
}
var _default = Notice;
exports.default = _default;
//# sourceMappingURL=index.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,102 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _reactNative = require("react-native");
var _blur = require("@react-native-community/blur");
var _element = require("@wordpress/element");
var _compose = require("@wordpress/compose");
var _style = _interopRequireDefault(require("./style.scss"));
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
const HIDE_TIMER = 3000;
const Notice = ({
onNoticeHidden,
content,
id,
status
}) => {
const {
width
} = (0, _reactNative.useWindowDimensions)();
const animationValue = (0, _element.useRef)(new _reactNative.Animated.Value(0)).current;
const timer = (0, _element.useRef)(null);
(0, _element.useEffect)(() => {
// start animation
_reactNative.Animated.timing(animationValue, {
toValue: 1,
duration: 300,
useNativeDriver: true,
easing: _reactNative.Easing.out(_reactNative.Easing.quad)
}).start(({
finished
}) => {
if (finished && onNoticeHidden) {
timer.current = setTimeout(() => {
onHide();
}, HIDE_TIMER);
}
});
return () => {
clearTimeout(timer?.current);
};
}, [animationValue, onHide, onNoticeHidden]);
const onHide = (0, _element.useCallback)(() => {
_reactNative.Animated.timing(animationValue, {
toValue: 0,
duration: 150,
useNativeDriver: true,
easing: _reactNative.Easing.out(_reactNative.Easing.quad)
}).start(({
finished
}) => {
if (finished && onNoticeHidden) {
onNoticeHidden(id);
}
});
}, [animationValue, onNoticeHidden, id]);
const noticeSolidStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.noticeSolid, _style.default.noticeSolidDark);
const successTextStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.successText, _style.default.successTextDark);
const errorTextStyles = (0, _compose.usePreferredColorSchemeStyle)(_style.default.errorText, _style.default.errorTextDark);
const textStyles = [status === 'success' && successTextStyles, status === 'error' && errorTextStyles];
const containerStyles = [_style.default.notice, !_element.Platform.isIOS && noticeSolidStyles, {
width,
transform: [{
translateY: animationValue.interpolate({
inputRange: [0, 1],
outputRange: [-24, 0]
})
}]
}];
return (0, _react.createElement)(_react.Fragment, null, (0, _react.createElement)(_reactNative.Animated.View, {
style: containerStyles
}, (0, _react.createElement)(_reactNative.TouchableWithoutFeedback, {
onPress: onHide
}, (0, _react.createElement)(_reactNative.View, {
style: _style.default.noticeContent
}, (0, _react.createElement)(_reactNative.Text, {
numberOfLines: 3,
style: textStyles
}, content))), _element.Platform.isIOS && (0, _react.createElement)(_blur.BlurView, {
style: _style.default.blurBackground,
blurType: "prominent",
blurAmount: 10
})));
};
var _default = Notice;
exports.default = _default;
//# sourceMappingURL=index.native.js.map

File diff suppressed because one or more lines are too long

View File

@@ -0,0 +1,71 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _classnames = _interopRequireDefault(require("classnames"));
var _ = _interopRequireDefault(require("."));
/**
* External dependencies
*/
/**
* Internal dependencies
*/
const noop = () => {};
/**
* `NoticeList` is a component used to render a collection of notices.
*
*```jsx
* import { Notice, NoticeList } from `@wordpress/components`;
*
* const MyNoticeList = () => {
* const [ notices, setNotices ] = useState( [
* {
* id: 'second-notice',
* content: 'second notice content',
* },
* {
* id: 'fist-notice',
* content: 'first notice content',
* },
* ] );
*
* const removeNotice = ( id ) => {
* setNotices( notices.filter( ( notice ) => notice.id !== id ) );
* };
*
* return <NoticeList notices={ notices } onRemove={ removeNotice } />;
*};
*```
*/
function NoticeList({
notices,
onRemove = noop,
className,
children
}) {
const removeNotice = id => () => onRemove(id);
className = (0, _classnames.default)('components-notice-list', className);
return (0, _react.createElement)("div", {
className: className
}, children, [...notices].reverse().map(notice => {
const {
content,
...restNotice
} = notice;
return (0, _react.createElement)(_.default, {
...restNotice,
key: notice.id,
onRemove: removeNotice(notice.id)
}, notice.content);
}));
}
var _default = NoticeList;
exports.default = _default;
//# sourceMappingURL=list.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["_classnames","_interopRequireDefault","require","_","noop","NoticeList","notices","onRemove","className","children","removeNotice","id","classnames","_react","createElement","reverse","map","notice","content","restNotice","default","key","_default","exports"],"sources":["@wordpress/components/src/notice/list.tsx"],"sourcesContent":["/**\n * External dependencies\n */\nimport classnames from 'classnames';\n\n/**\n * Internal dependencies\n */\nimport Notice from '.';\nimport type { WordPressComponentProps } from '../context';\nimport type { NoticeListProps } from './types';\n\nconst noop = () => {};\n\n/**\n * `NoticeList` is a component used to render a collection of notices.\n *\n *```jsx\n * import { Notice, NoticeList } from `@wordpress/components`;\n *\n * const MyNoticeList = () => {\n *\tconst [ notices, setNotices ] = useState( [\n *\t\t{\n *\t\t\tid: 'second-notice',\n *\t\t\tcontent: 'second notice content',\n *\t\t},\n *\t\t{\n *\t\t\tid: 'fist-notice',\n *\t\t\tcontent: 'first notice content',\n *\t\t},\n *\t] );\n *\n *\tconst removeNotice = ( id ) => {\n *\t\tsetNotices( notices.filter( ( notice ) => notice.id !== id ) );\n *\t};\n *\n *\treturn <NoticeList notices={ notices } onRemove={ removeNotice } />;\n *};\n *```\n */\nfunction NoticeList( {\n\tnotices,\n\tonRemove = noop,\n\tclassName,\n\tchildren,\n}: WordPressComponentProps< NoticeListProps, 'div', false > ) {\n\tconst removeNotice =\n\t\t( id: NoticeListProps[ 'notices' ][ number ][ 'id' ] ) => () =>\n\t\t\tonRemove( id );\n\n\tclassName = classnames( 'components-notice-list', className );\n\n\treturn (\n\t\t<div className={ className }>\n\t\t\t{ children }\n\t\t\t{ [ ...notices ].reverse().map( ( notice ) => {\n\t\t\t\tconst { content, ...restNotice } = notice;\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...restNotice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonRemove={ removeNotice( notice.id ) }\n\t\t\t\t\t>\n\t\t\t\t\t\t{ notice.content }\n\t\t\t\t\t</Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</div>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,WAAA,GAAAC,sBAAA,CAAAC,OAAA;AAKA,IAAAC,CAAA,GAAAF,sBAAA,CAAAC,OAAA;AARA;AACA;AACA;;AAGA;AACA;AACA;;AAKA,MAAME,IAAI,GAAGA,CAAA,KAAM,CAAC,CAAC;;AAErB;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,SAASC,UAAUA,CAAE;EACpBC,OAAO;EACPC,QAAQ,GAAGH,IAAI;EACfI,SAAS;EACTC;AACyD,CAAC,EAAG;EAC7D,MAAMC,YAAY,GACfC,EAAkD,IAAM,MACzDJ,QAAQ,CAAEI,EAAG,CAAC;EAEhBH,SAAS,GAAG,IAAAI,mBAAU,EAAE,wBAAwB,EAAEJ,SAAU,CAAC;EAE7D,OACC,IAAAK,MAAA,CAAAC,aAAA;IAAKN,SAAS,EAAGA;EAAW,GACzBC,QAAQ,EACR,CAAE,GAAGH,OAAO,CAAE,CAACS,OAAO,CAAC,CAAC,CAACC,GAAG,CAAIC,MAAM,IAAM;IAC7C,MAAM;MAAEC,OAAO;MAAE,GAAGC;IAAW,CAAC,GAAGF,MAAM;IACzC,OACC,IAAAJ,MAAA,CAAAC,aAAA,EAACX,CAAA,CAAAiB,OAAM;MAAA,GACDD,UAAU;MACfE,GAAG,EAAGJ,MAAM,CAACN,EAAI;MACjBJ,QAAQ,EAAGG,YAAY,CAAEO,MAAM,CAACN,EAAG;IAAG,GAEpCM,MAAM,CAACC,OACF,CAAC;EAEX,CAAE,CACE,CAAC;AAER;AAAC,IAAAI,QAAA,GAEcjB,UAAU;AAAAkB,OAAA,CAAAH,OAAA,GAAAE,QAAA"}

View File

@@ -0,0 +1,59 @@
"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = void 0;
var _react = require("react");
var _reactNative = require("react-native");
var _data = require("@wordpress/data");
var _notices = require("@wordpress/notices");
var _ = _interopRequireDefault(require("./"));
var _style = _interopRequireDefault(require("./style.scss"));
var _element = require("@wordpress/element");
/**
* External dependencies
*/
/**
* WordPress dependencies
*/
/**
* Internal dependencies
*/
function NoticeList() {
const {
notices
} = (0, _data.useSelect)(select => {
const {
getNotices
} = select(_notices.store);
return {
notices: getNotices()
};
}, []);
const {
removeNotice
} = (0, _data.useDispatch)(_notices.store);
const onRemoveNotice = (0, _element.useCallback)(id => {
removeNotice(id);
}, [removeNotice]);
if (!notices.length) {
return null;
}
return (0, _react.createElement)(_reactNative.View, {
style: _style.default.list
}, notices.map(notice => {
return (0, _react.createElement)(_.default, {
...notice,
key: notice.id,
onNoticeHidden: onRemoveNotice
});
}));
}
var _default = NoticeList;
exports.default = _default;
//# sourceMappingURL=list.native.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":["_reactNative","require","_data","_notices","_","_interopRequireDefault","_style","_element","NoticeList","notices","useSelect","select","getNotices","noticesStore","removeNotice","useDispatch","onRemoveNotice","useCallback","id","length","_react","createElement","View","style","styles","list","map","notice","default","key","onNoticeHidden","_default","exports"],"sources":["@wordpress/components/src/notice/list.native.js"],"sourcesContent":["/**\n * External dependencies\n */\nimport { View } from 'react-native';\n\n/**\n * WordPress dependencies\n */\nimport { useSelect, useDispatch } from '@wordpress/data';\nimport { store as noticesStore } from '@wordpress/notices';\n\n/**\n * Internal dependencies\n */\nimport Notice from './';\nimport styles from './style.scss';\nimport { useCallback } from '@wordpress/element';\n\nfunction NoticeList() {\n\tconst { notices } = useSelect( ( select ) => {\n\t\tconst { getNotices } = select( noticesStore );\n\t\treturn {\n\t\t\tnotices: getNotices(),\n\t\t};\n\t}, [] );\n\n\tconst { removeNotice } = useDispatch( noticesStore );\n\n\tconst onRemoveNotice = useCallback(\n\t\t( id ) => {\n\t\t\tremoveNotice( id );\n\t\t},\n\t\t[ removeNotice ]\n\t);\n\n\tif ( ! notices.length ) {\n\t\treturn null;\n\t}\n\n\treturn (\n\t\t<View style={ styles.list }>\n\t\t\t{ notices.map( ( notice ) => {\n\t\t\t\treturn (\n\t\t\t\t\t<Notice\n\t\t\t\t\t\t{ ...notice }\n\t\t\t\t\t\tkey={ notice.id }\n\t\t\t\t\t\tonNoticeHidden={ onRemoveNotice }\n\t\t\t\t\t></Notice>\n\t\t\t\t);\n\t\t\t} ) }\n\t\t</View>\n\t);\n}\n\nexport default NoticeList;\n"],"mappings":";;;;;;;;AAGA,IAAAA,YAAA,GAAAC,OAAA;AAKA,IAAAC,KAAA,GAAAD,OAAA;AACA,IAAAE,QAAA,GAAAF,OAAA;AAKA,IAAAG,CAAA,GAAAC,sBAAA,CAAAJ,OAAA;AACA,IAAAK,MAAA,GAAAD,sBAAA,CAAAJ,OAAA;AACA,IAAAM,QAAA,GAAAN,OAAA;AAhBA;AACA;AACA;;AAGA;AACA;AACA;;AAIA;AACA;AACA;;AAKA,SAASO,UAAUA,CAAA,EAAG;EACrB,MAAM;IAAEC;EAAQ,CAAC,GAAG,IAAAC,eAAS,EAAIC,MAAM,IAAM;IAC5C,MAAM;MAAEC;IAAW,CAAC,GAAGD,MAAM,CAAEE,cAAa,CAAC;IAC7C,OAAO;MACNJ,OAAO,EAAEG,UAAU,CAAC;IACrB,CAAC;EACF,CAAC,EAAE,EAAG,CAAC;EAEP,MAAM;IAAEE;EAAa,CAAC,GAAG,IAAAC,iBAAW,EAAEF,cAAa,CAAC;EAEpD,MAAMG,cAAc,GAAG,IAAAC,oBAAW,EAC/BC,EAAE,IAAM;IACTJ,YAAY,CAAEI,EAAG,CAAC;EACnB,CAAC,EACD,CAAEJ,YAAY,CACf,CAAC;EAED,IAAK,CAAEL,OAAO,CAACU,MAAM,EAAG;IACvB,OAAO,IAAI;EACZ;EAEA,OACC,IAAAC,MAAA,CAAAC,aAAA,EAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAGC,cAAM,CAACC;EAAM,GACxBhB,OAAO,CAACiB,GAAG,CAAIC,MAAM,IAAM;IAC5B,OACC,IAAAP,MAAA,CAAAC,aAAA,EAACjB,CAAA,CAAAwB,OAAM;MAAA,GACDD,MAAM;MACXE,GAAG,EAAGF,MAAM,CAACT,EAAI;MACjBY,cAAc,EAAGd;IAAgB,CACzB,CAAC;EAEZ,CAAE,CACG,CAAC;AAET;AAAC,IAAAe,QAAA,GAEcvB,UAAU;AAAAwB,OAAA,CAAAJ,OAAA,GAAAG,QAAA"}

View File

@@ -0,0 +1,6 @@
"use strict";
Object.defineProperty(exports, "__esModule", {
value: true
});
//# sourceMappingURL=types.js.map

View File

@@ -0,0 +1 @@
{"version":3,"names":[],"sources":["@wordpress/components/src/notice/types.ts"],"sourcesContent":["/**\n * External dependencies\n */\nimport type { MouseEventHandler, ReactNode } from 'react';\n\ntype CommonNoticeActionProps = {\n\tlabel: string;\n\tclassName?: string;\n\tnoDefaultClasses?: boolean;\n\tvariant?: 'primary' | 'secondary' | 'link';\n};\n// `url` and `onClick` can both be provided, but `url` takes precedence. If\n// `url` is provided, the action's button will be rendered as an anchor and\n// `onClick` will be ignored.\ntype NoticeActionWithURL = CommonNoticeActionProps & {\n\turl: string;\n\tonClick?: never;\n};\ntype NoticeActionWithOnClick = CommonNoticeActionProps & {\n\turl?: never;\n\tonClick: MouseEventHandler< HTMLButtonElement >;\n};\n\nexport type NoticeAction = NoticeActionWithURL | NoticeActionWithOnClick;\n\nexport type NoticeChildren = string | JSX.Element;\n\nexport type NoticeProps = {\n\t/**\n\t * A CSS `class` to give to the wrapper element.\n\t */\n\tclassName?: string;\n\t/**\n\t * The displayed message of a notice. Also used as the spoken message for\n\t * assistive technology, unless `spokenMessage` is provided as an alternative message.\n\t */\n\tchildren: ReactNode;\n\t/**\n\t * Used to provide a custom spoken message in place of the `children` default.\n\t *\n\t * @default `children`\n\t */\n\tspokenMessage?: ReactNode;\n\t/**\n\t * Determines the color of the notice: `warning` (yellow),\n\t * `success` (green), `error` (red), or `'info'`.\n\t * By default `'info'` will be blue, but if there is a parent Theme component\n\t * with an accent color prop, the notice will take on that color instead.\n\t *\n\t * @default 'info'\n\t */\n\tstatus?: 'warning' | 'success' | 'error' | 'info';\n\t/**\n\t * Function called when dismissing the notice\n\t *\n\t * @default noop\n\t */\n\tonRemove?: () => void;\n\t/**\n\t * A politeness level for the notice's spoken message. Should be provided as\n\t * one of the valid options for an `aria-live` attribute value.\n\t *\n\t * A value of `'assertive'` is to be used for important, and usually\n\t * time-sensitive, information. It will interrupt anything else the screen\n\t * reader is announcing in that moment.\n\t * A value of `'polite'` is to be used for advisory information. It should\n\t * not interrupt what the screen reader is announcing in that moment\n\t * (the \"speech queue\") or interrupt the current task.\n\t *\n\t * Note that this value should be considered a suggestion; assistive\n\t * technologies may override it based on internal heuristics.\n\t *\n\t * @see https://www.w3.org/TR/wai-aria-1.1/#aria-live\n\t *\n\t * @default 'assertive' for 'error' status, 'polite' for all other statuses\n\t */\n\tpoliteness?: 'polite' | 'assertive';\n\t/**\n\t * Whether the notice should be dismissible or not\n\t *\n\t * @default true\n\t */\n\tisDismissible?: boolean;\n\t/**\n\t * A deprecated alternative to `onRemove`. This prop is kept for\n\t * compatibilty reasons but should be avoided.\n\t *\n\t * @default noop\n\t */\n\tonDismiss?: () => void;\n\t/**\n\t * An array of action objects. Each member object should contain:\n\t *\n\t * - `label`: `string` containing the text of the button/link\n\t * - `url`: `string` OR `onClick`: `( event: SyntheticEvent ) => void` to specify\n\t * what the action does.\n\t * - `className`: `string` (optional) to add custom classes to the button styles.\n\t * - `noDefaultClasses`: `boolean` (optional) A value of `true` will remove all\n\t * default styling.\n\t * - `variant`: `'primary' | 'secondary' | 'link'` (optional) You can denote a\n\t * primary button action for a notice by passing a value of `primary`.\n\t *\n\t * The default appearance of an action button is inferred based on whether\n\t * `url` or `onClick` are provided, rendering the button as a link if\n\t * appropriate. If both props are provided, `url` takes precedence, and the\n\t * action button will render as an anchor tag.\n\t *\n\t * @default []\n\t */\n\tactions?: Array< NoticeAction >;\n\t/**\n\t * Determines whether or not the message should be parsed as custom HTML\n\t * instead of a string.\n\t */\n\t__unstableHTML?: boolean;\n};\n\nexport type NoticeListProps = {\n\t/**\n\t * Array of notices to render.\n\t */\n\tnotices: Array<\n\t\tOmit< NoticeProps, 'children' > & {\n\t\t\tid: string;\n\t\t\tcontent: string;\n\t\t}\n\t>;\n\t/**\n\t * Function called when a notice should be removed / dismissed.\n\t */\n\tonRemove?: ( id: string ) => void;\n\t/**\n\t * Children to be rendered inside the notice list.\n\t */\n\tchildren?: ReactNode;\n};\n"],"mappings":""}