{ value.map( ( url, i ) => (
diff --git a/src/components/wordpress/layout-menu.tsx b/src/components/wordpress/layout-menu.tsx
index 8a45560..5223ead 100644
--- a/src/components/wordpress/layout-menu.tsx
+++ b/src/components/wordpress/layout-menu.tsx
@@ -150,7 +150,7 @@ export const LayoutMenuSearch = forwardRef<
diff --git a/src/components/wordpress/style.css b/src/components/wordpress/style.css
index d228592..c937b81 100644
--- a/src/components/wordpress/style.css
+++ b/src/components/wordpress/style.css
@@ -85,6 +85,9 @@
border-bottom-left-radius: var(--dokan-dataviews-radius);
border-bottom-right-radius: var(--dokan-dataviews-radius);
}
+.pui-root-dataviews .dataviews-pagination .components-select-control {
+ margin: 0 !important;
+}
.pui-root-dataviews .dataviews-wrapper .dataviews-view-table tr td:first-child,
.pui-root-dataviews .dataviews-wrapper .dataviews-view-table tr th:first-child {
padding-left: 20px !important;
diff --git a/src/hooks/use-notices.ts b/src/hooks/use-notices.ts
index 1a038f5..90895e5 100644
--- a/src/hooks/use-notices.ts
+++ b/src/hooks/use-notices.ts
@@ -1,5 +1,6 @@
import { Notice, NoticeAction } from '@/components/wordpress/AdminNotice';
-import { useEffect, useState } from 'react';
+import apiFetch from '@wordpress/api-fetch';
+import { useCallback, useEffect, useState } from 'react';
interface NoticesOptions {
interval?: number;
@@ -27,8 +28,9 @@ export const useNotices = ({
[key: number]: boolean;
}>({});
- const fetchNotices = async () => {
+ const fetchNotices = useCallback(async () => {
setIsLoading(true);
+ setError(null);
try {
const url = new URL(noticesUrl as string, window.location.href);
@@ -39,13 +41,10 @@ export const useNotices = ({
});
}
- const res = await fetch(url.toString());
+ const data = await apiFetch({
+ url: url.toString()
+ });
- if (!res.ok) {
- throw new Error(`Failed to fetch notices: ${res.status}`);
- }
-
- const data: Notice[] | { success: boolean; data: Notice[] } = await res.json();
const fetched = Array.isArray(data) ? data : data.data;
setNotices(fetched);
} catch (err) {
@@ -53,7 +52,7 @@ export const useNotices = ({
} finally {
setIsLoading(false);
}
- };
+ }, [noticesUrl, noticesUrlArgs]);
useEffect(() => {
if (!noticesUrl) {
@@ -61,7 +60,7 @@ export const useNotices = ({
}
fetchNotices();
- }, [noticesUrl, noticesUrlArgs]);
+ }, [noticesUrl, noticesUrlArgs, fetchNotices]);
useEffect(() => {
if (!isAutoSliding || notices.length <= 1) {
@@ -122,16 +121,13 @@ export const useNotices = ({
body.append(key, String(value));
});
- const response = await fetch(actionUrl, {
+ await apiFetch({
+ url: actionUrl,
method: 'POST',
- headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
- body
+ body,
+ parse: false
});
- if (!response.ok) {
- throw new Error(`Request failed: ${response.status}`);
- }
-
removeNoticeAt(noticeIndex);
} else {
removeNoticeAt(noticeIndex);
diff --git a/src/index.ts b/src/index.ts
index 4306d4b..3c9e06d 100644
--- a/src/index.ts
+++ b/src/index.ts
@@ -148,6 +148,8 @@ export {
ModalFooter, ModalHeader, ModalOverlay, ModalTitle,
// Notice
Notice, NoticeAction, NoticeTitle,
+ // AdminNotice (WP-style admin notice card)
+ AdminNotice,
// Popover
Popover,
PopoverContent,
@@ -354,13 +356,16 @@ export { License, type LicenseProps, type LicenseLabels, type LicenseStatus, typ
// Settings (schema-driven settings page)
export {
Settings,
+ SettingsProvider,
useSettings,
+ FieldRenderer,
formatSettingsData,
extractValues,
type ApplyFiltersFunction,
type SettingsProps,
type SettingsElement,
type FieldComponentProps,
+ type SaveButtonRenderProps,
} from './components/settings';
export { SettingsSkeleton } from './components/settings/settings-skeleton';
diff --git a/src/styles.css b/src/styles.css
index 71ff9c1..b6b57b9 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -252,6 +252,11 @@
background-color: transparent;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
+
+ button:not(:disabled),
+ [role="button"]:not(:disabled) {
+ cursor: pointer;
+ }
}
/* ============================================
diff --git a/webpack.config.js b/webpack.config.js
index ae69f63..2c7371f 100644
--- a/webpack.config.js
+++ b/webpack.config.js
@@ -21,6 +21,7 @@ module.exports = {
'react-dom': 'react-dom',
'react/jsx-runtime': 'react/jsx-runtime',
'@wordpress/element': '@wordpress/element',
+ '@wordpress/api-fetch': '@wordpress/api-fetch',
'@wordpress/components': '@wordpress/components',
'@wordpress/block-editor': '@wordpress/block-editor',
'@wordpress/date': '@wordpress/date',