@abgov/react-components 6.11.0-dev.6 → 6.11.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/experimental/index.d.ts +0 -3
- package/experimental/tabs/tabs.d.ts +3 -5
- package/experimental.js +2 -58
- package/experimental.js.map +1 -1
- package/experimental.mjs +3 -59
- package/experimental.mjs.map +1 -1
- package/package.json +1 -1
- package/experimental/menu-action/menu-action.d.ts +0 -10
- package/experimental/menu-button/menu-button.d.ts +0 -16
- package/experimental/tab/tab.d.ts +0 -21
package/experimental/index.d.ts
CHANGED
|
@@ -16,8 +16,6 @@ export * from './footer-meta-section/footer-meta-section';
|
|
|
16
16
|
export * from './footer-nav-section/footer-nav-section';
|
|
17
17
|
export * from './input/input';
|
|
18
18
|
export * from './link/link';
|
|
19
|
-
export * from './menu-action/menu-action';
|
|
20
|
-
export * from './menu-button/menu-button';
|
|
21
19
|
export * from './modal/modal';
|
|
22
20
|
export * from './notification/notification';
|
|
23
21
|
export * from './pagination/pagination';
|
|
@@ -27,7 +25,6 @@ export * from './side-menu-group/side-menu-group';
|
|
|
27
25
|
export * from './side-menu-heading/side-menu-heading';
|
|
28
26
|
export * from './table/table';
|
|
29
27
|
export * from './table/table-sort-header';
|
|
30
|
-
export * from './tab/tab';
|
|
31
28
|
export * from './tabs/tabs';
|
|
32
29
|
export * from './textarea/textarea';
|
|
33
30
|
export * from './work-side-menu/work-side-menu';
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { default as React, JSX } from 'react';
|
|
2
|
-
import { GoabTabsOnChangeDetail,
|
|
2
|
+
import { GoabTabsOnChangeDetail, GoabTabsVariant } from '@abgov/ui-components-common';
|
|
3
3
|
interface WCProps {
|
|
4
4
|
initialtab?: number;
|
|
5
5
|
ref: React.RefObject<HTMLElement | null>;
|
|
@@ -7,7 +7,6 @@ interface WCProps {
|
|
|
7
7
|
testid?: string;
|
|
8
8
|
variant?: GoabTabsVariant;
|
|
9
9
|
version?: string;
|
|
10
|
-
orientation?: string;
|
|
11
10
|
}
|
|
12
11
|
declare module "react" {
|
|
13
12
|
namespace JSX {
|
|
@@ -21,9 +20,8 @@ export interface GoabxTabsProps {
|
|
|
21
20
|
children?: React.ReactNode;
|
|
22
21
|
testId?: string;
|
|
23
22
|
variant?: GoabTabsVariant;
|
|
24
|
-
/** Tab layout orientation. "auto" stacks vertically on mobile (default), "horizontal" keeps horizontal on all screen sizes. */
|
|
25
|
-
orientation?: GoabTabsOrientation;
|
|
26
23
|
onChange?: (detail: GoabTabsOnChangeDetail) => void;
|
|
24
|
+
version?: string;
|
|
27
25
|
}
|
|
28
|
-
export declare function GoabxTabs({ initialTab, children, testId, onChange, variant,
|
|
26
|
+
export declare function GoabxTabs({ initialTab, children, testId, onChange, variant, version, }: GoabxTabsProps): JSX.Element;
|
|
29
27
|
export default GoabxTabs;
|
package/experimental.js
CHANGED
|
@@ -746,44 +746,6 @@ function GoabxLink({
|
|
|
746
746
|
}
|
|
747
747
|
);
|
|
748
748
|
}
|
|
749
|
-
function GoabxMenuAction(props) {
|
|
750
|
-
const _props = parseISO.transformProps(props, parseISO.lowercase);
|
|
751
|
-
return /* @__PURE__ */ jsxRuntime.jsx("goa-menu-action", { ..._props });
|
|
752
|
-
}
|
|
753
|
-
function GoabxMenuButton({
|
|
754
|
-
type = "primary",
|
|
755
|
-
testId,
|
|
756
|
-
onAction,
|
|
757
|
-
children,
|
|
758
|
-
...rest
|
|
759
|
-
}) {
|
|
760
|
-
const el = react.useRef(null);
|
|
761
|
-
const _props = parseISO.transformProps(
|
|
762
|
-
{ type, testid: testId, ...rest },
|
|
763
|
-
parseISO.kebab
|
|
764
|
-
);
|
|
765
|
-
react.useEffect(() => {
|
|
766
|
-
if (!el.current) {
|
|
767
|
-
return;
|
|
768
|
-
}
|
|
769
|
-
if (!onAction) {
|
|
770
|
-
return;
|
|
771
|
-
}
|
|
772
|
-
const current = el.current;
|
|
773
|
-
const listener = (e) => {
|
|
774
|
-
const detail = e.detail;
|
|
775
|
-
onAction == null ? void 0 : onAction(detail);
|
|
776
|
-
};
|
|
777
|
-
current.addEventListener("_action", listener);
|
|
778
|
-
return () => {
|
|
779
|
-
current.removeEventListener("_action", listener);
|
|
780
|
-
};
|
|
781
|
-
}, [el, onAction]);
|
|
782
|
-
return (
|
|
783
|
-
// @ts-expect-error - stable WCProps requires text, but experimental supports icon-only mode
|
|
784
|
-
/* @__PURE__ */ jsxRuntime.jsx("goa-menu-button", { ..._props, version: "2", ref: el, children })
|
|
785
|
-
);
|
|
786
|
-
}
|
|
787
749
|
function GoabxModal({
|
|
788
750
|
heading,
|
|
789
751
|
children,
|
|
@@ -1080,27 +1042,13 @@ function GoabxTableSortHeader({
|
|
|
1080
1042
|
const _props = parseISO.transformProps(rest, parseISO.lowercase);
|
|
1081
1043
|
return /* @__PURE__ */ jsxRuntime.jsx("goa-table-sort-header", { ..._props, children });
|
|
1082
1044
|
}
|
|
1083
|
-
function GoabxTab({ heading, disabled, slug, children }) {
|
|
1084
|
-
return /* @__PURE__ */ jsxRuntime.jsxs(
|
|
1085
|
-
"goa-tab",
|
|
1086
|
-
{
|
|
1087
|
-
slug,
|
|
1088
|
-
disabled: disabled ? "true" : void 0,
|
|
1089
|
-
heading: typeof heading === "string" ? heading : void 0,
|
|
1090
|
-
children: [
|
|
1091
|
-
typeof heading !== "string" && /* @__PURE__ */ jsxRuntime.jsx("span", { slot: "heading", children: heading }),
|
|
1092
|
-
children
|
|
1093
|
-
]
|
|
1094
|
-
}
|
|
1095
|
-
);
|
|
1096
|
-
}
|
|
1097
1045
|
function GoabxTabs({
|
|
1098
1046
|
initialTab,
|
|
1099
1047
|
children,
|
|
1100
1048
|
testId,
|
|
1101
1049
|
onChange,
|
|
1102
1050
|
variant,
|
|
1103
|
-
|
|
1051
|
+
version = "2"
|
|
1104
1052
|
}) {
|
|
1105
1053
|
const ref = react.useRef(null);
|
|
1106
1054
|
react.useEffect(() => {
|
|
@@ -1123,8 +1071,7 @@ function GoabxTabs({
|
|
|
1123
1071
|
initialtab: initialTab,
|
|
1124
1072
|
testid: testId,
|
|
1125
1073
|
variant,
|
|
1126
|
-
version
|
|
1127
|
-
orientation,
|
|
1074
|
+
version,
|
|
1128
1075
|
children
|
|
1129
1076
|
}
|
|
1130
1077
|
);
|
|
@@ -1280,8 +1227,6 @@ exports.GoabxInputText = GoabxInputText;
|
|
|
1280
1227
|
exports.GoabxInputTime = GoabxInputTime;
|
|
1281
1228
|
exports.GoabxInputUrl = GoabxInputUrl;
|
|
1282
1229
|
exports.GoabxLink = GoabxLink;
|
|
1283
|
-
exports.GoabxMenuAction = GoabxMenuAction;
|
|
1284
|
-
exports.GoabxMenuButton = GoabxMenuButton;
|
|
1285
1230
|
exports.GoabxModal = GoabxModal;
|
|
1286
1231
|
exports.GoabxNotification = GoabxNotification;
|
|
1287
1232
|
exports.GoabxPagination = GoabxPagination;
|
|
@@ -1290,7 +1235,6 @@ exports.GoabxRadioItem = GoabxRadioItem;
|
|
|
1290
1235
|
exports.GoabxSideMenu = GoabxSideMenu;
|
|
1291
1236
|
exports.GoabxSideMenuGroup = GoabxSideMenuGroup;
|
|
1292
1237
|
exports.GoabxSideMenuHeading = GoabxSideMenuHeading;
|
|
1293
|
-
exports.GoabxTab = GoabxTab;
|
|
1294
1238
|
exports.GoabxTable = GoabxTable;
|
|
1295
1239
|
exports.GoabxTableSortHeader = GoabxTableSortHeader;
|
|
1296
1240
|
exports.GoabxTabs = GoabxTabs;
|