@shopify/app-bridge-react 2.0.21 → 2.0.24
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/CHANGELOG.md +36 -0
- package/components/ClientRouter/ClientRouter.js +3 -1
- package/components/ClientRouter/index.js +6 -2
- package/components/ClientRouter/router.d.ts +1 -1
- package/components/Loading/Loading.js +3 -1
- package/components/Modal/Modal.js +4 -3
- package/components/Modal/ModalContent/ModalContent.js +3 -1
- package/components/Modal/index.js +2 -1
- package/components/NavigationMenu/NavigationMenu.d.ts +17 -0
- package/components/NavigationMenu/NavigationMenu.js +55 -0
- package/components/NavigationMenu/index.d.ts +3 -0
- package/components/NavigationMenu/index.js +7 -0
- package/components/Provider/Provider.d.ts +1 -2
- package/components/Provider/Provider.js +6 -3
- package/components/ResourcePicker/ResourcePicker.js +3 -1
- package/components/RoutePropagator/RoutePropagator.js +3 -1
- package/components/RoutePropagator/index.js +6 -2
- package/components/RoutePropagator/route-propagator.d.ts +1 -1
- package/components/TitleBar/TitleBar.js +3 -1
- package/components/Toast/Toast.js +3 -1
- package/components/index.d.ts +4 -3
- package/components/index.js +17 -11
- package/context.d.ts +2 -2
- package/hooks/index.d.ts +2 -0
- package/hooks/index.js +5 -0
- package/hooks/useAppBridgeState/index.d.ts +1 -0
- package/hooks/useAppBridgeState/index.js +13 -0
- package/hooks/useAppBridgeState/useAppBridgeState.d.ts +10 -0
- package/hooks/useAppBridgeState/useAppBridgeState.js +75 -0
- package/hooks/useContextualSaveBar/index.js +1 -0
- package/hooks/useLocale/index.d.ts +1 -0
- package/hooks/useLocale/index.js +5 -0
- package/hooks/useLocale/useLocale.d.ts +1 -0
- package/hooks/useLocale/useLocale.js +8 -0
- package/hooks/useNavigate/index.d.ts +1 -0
- package/hooks/useNavigate/index.js +5 -0
- package/hooks/useNavigate/useNavigate.d.ts +24 -0
- package/hooks/useNavigate/useNavigate.js +109 -0
- package/hooks/useNavigationHistory/index.js +1 -0
- package/hooks/useToast/index.js +1 -0
- package/index.d.ts +1 -0
- package/index.js +3 -1
- package/package.json +3 -3
- package/umd/index.js +3 -3
- package/useAppBridge.d.ts +1 -1
- package/utilities/transformers.d.ts +3 -3
- package/utilities/transformers.js +7 -9
package/useAppBridge.d.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
export declare function useAppBridge(): import("@shopify/app-bridge").ClientApplication<
|
|
1
|
+
export declare function useAppBridge(): import("@shopify/app-bridge").ClientApplication<import("@shopify/app-bridge").AppBridgeState>;
|
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
import { ClientApplication } from '@shopify/app-bridge';
|
|
2
2
|
import { Button, ButtonGroup } from '@shopify/app-bridge/actions';
|
|
3
3
|
import { Target, ActionProps, ActionGroupProps } from '../types';
|
|
4
|
-
export declare function generateRedirect(appBridge: ClientApplication
|
|
5
|
-
export declare function transformActions(appBridge: ClientApplication
|
|
4
|
+
export declare function generateRedirect(appBridge: ClientApplication, url?: string, target?: Target, external?: boolean): (() => void) | undefined;
|
|
5
|
+
export declare function transformActions(appBridge: ClientApplication, { primaryAction, secondaryActions, }: {
|
|
6
6
|
primaryAction?: ActionProps;
|
|
7
7
|
secondaryActions?: ActionProps[];
|
|
8
8
|
}): {
|
|
9
9
|
primary?: Button.Button;
|
|
10
10
|
secondary?: Button.Button[];
|
|
11
11
|
};
|
|
12
|
-
export declare function transformActions(appBridge: ClientApplication
|
|
12
|
+
export declare function transformActions(appBridge: ClientApplication, { primaryAction, secondaryActions, actionGroups, }: {
|
|
13
13
|
primaryAction?: ActionProps;
|
|
14
14
|
secondaryActions?: ActionProps[];
|
|
15
15
|
actionGroups?: ActionGroupProps[];
|
|
@@ -1,10 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
|
-
var
|
|
3
|
-
for (var
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
r[k] = a[j];
|
|
7
|
-
return r;
|
|
2
|
+
var __spreadArray = (this && this.__spreadArray) || function (to, from) {
|
|
3
|
+
for (var i = 0, il = from.length, j = to.length; i < il; i++, j++)
|
|
4
|
+
to[j] = from[i];
|
|
5
|
+
return to;
|
|
8
6
|
};
|
|
9
7
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
10
8
|
exports.transformActions = exports.generateRedirect = void 0;
|
|
@@ -35,7 +33,7 @@ function redirectAction(target, external) {
|
|
|
35
33
|
function transformActions(appBridge, _a) {
|
|
36
34
|
var primaryAction = _a.primaryAction, secondaryActions = _a.secondaryActions, actionGroups = _a.actionGroups;
|
|
37
35
|
var primary = transformPrimaryAction(appBridge, primaryAction);
|
|
38
|
-
var secondary =
|
|
36
|
+
var secondary = __spreadArray(__spreadArray([], transformSecondaryActions(appBridge, secondaryActions)), transformActionGroups(appBridge, actionGroups));
|
|
39
37
|
return {
|
|
40
38
|
primary: primary,
|
|
41
39
|
secondary: secondary,
|
|
@@ -69,14 +67,14 @@ function transformPrimaryAction(appBridge, primaryAction) {
|
|
|
69
67
|
}
|
|
70
68
|
function transformSecondaryActions(appBridge, secondaryActions) {
|
|
71
69
|
if (secondaryActions === void 0) { secondaryActions = []; }
|
|
72
|
-
var secondary =
|
|
70
|
+
var secondary = __spreadArray([], secondaryActions.map(function (secondaryAction) {
|
|
73
71
|
return transformAction(appBridge, secondaryAction);
|
|
74
72
|
}));
|
|
75
73
|
return secondary;
|
|
76
74
|
}
|
|
77
75
|
function transformActionGroups(appBridge, actionGroups) {
|
|
78
76
|
if (actionGroups === void 0) { actionGroups = []; }
|
|
79
|
-
var buttonGroups =
|
|
77
|
+
var buttonGroups = __spreadArray([], actionGroups.map(function (group) {
|
|
80
78
|
var buttons = group.actions.map(function (groupAction) {
|
|
81
79
|
return transformAction(appBridge, groupAction);
|
|
82
80
|
});
|