@stripe/ui-extension-sdk - npm Package Compare versions

Comparing version 1.0.4 to 1.1.4

context.d.ts

@@ -21,1 +21,2 @@ export declare type TailorExtensionContextValue = {
 };
+export declare const useRefreshDashboardData: () => (() => void);

context.js

 "use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
+exports.useRefreshDashboardData = void 0;
+const React = __importStar(require("react"));
+const _endpoint_1 = require("./_endpoint");
+const useRefreshDashboardData = () => {
+    return React.useCallback(() => {
+        (0, _endpoint_1.getHostEndpoint)().call.refreshDashboardData();
+    }, []);
+};
+exports.useRefreshDashboardData = useRefreshDashboardData;
 //# sourceMappingURL=context.js.map

package.json

 {
   "name": "@stripe/ui-extension-sdk",
-  "version": "1.0.4",
+  "version": "1.1.4",
   "description": "The suite of functionality available to UI extensions in Stripe Tailor apps",
@@ -16,2 +16,3 @@ "author": "Stripe, Inc.",
     "@remote-ui/react": "^4.3.0",
+    "@types/stylis": "^4.0.2",
     "invariant": "^2.2.4",
@@ -25,3 +26,3 @@ "react": "^17.0.2",
   "devDependencies": {
-    "@sail/ui": "^25.0.0",
+    "@sail/ui": "^26.1.0",
     "@stripe-internal/npm-publish": "^4.1.0",
@@ -38,3 +39,3 @@ "@stripe-internal/typescriptify": "^0.6.2",
     "tsc-alias": "^1.3.7",
-    "typescript": "^4.5.0-dev.20210912"
+    "typescript": "^4.5.0-dev.20211206"
   },
@@ -41,0 +42,0 @@ "keywords": [

platform_rpcs.d.ts

 import type { StripeApiFetch } from './api_fetch';
 export interface PlatformRPCs {
     stripeApiFetch: StripeApiFetch;
+    refreshDashboardData: () => void;
 }

ui/@sail/ui/index.d.ts

@@ -19,2 +19,8 @@ import { BadgeProps } from "./internal/interface";
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Checkbox", CheckboxProps, true>>;
+import { DividerProps } from "./internal/interface";
+export declare const Divider: "Divider" & {
+    readonly type?: "Divider";
+    readonly props?: DividerProps;
+    readonly children?: true;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Divider", DividerProps, true>>;
 import { LinkProps } from "./internal/interface";
@@ -110,2 +116,8 @@ export declare const Link: "Link" & {
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TableHeaderCell", TableHeaderCellProps, true>>;
+import { TextAreaProps } from "./internal/interface";
+export declare const TextArea: "TextArea" & {
+    readonly type?: "TextArea";
+    readonly props?: TextAreaProps;
+    readonly children?: true;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TextArea", TextAreaProps, true>>;
 import { TextFieldProps } from "./internal/interface";
@@ -117,20 +129,13 @@ export declare const TextField: "TextField" & {
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"TextField", TextFieldProps, true>>;
-import { SectionProps } from "./internal/interface";
-export declare const Section: "Section" & {
-    readonly type?: "Section";
-    readonly props?: SectionProps;
+import { ListItemProps } from "./internal/interface";
+export declare const ListItem: "ListItem" & {
+    readonly type?: "ListItem";
+    readonly props?: ListItemProps;
     readonly children?: true;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Section", SectionProps, true>>;
-import { SectionListItemProps } from "./internal/interface";
-export declare const SectionListItem: "SectionListItem" & {
-    readonly type?: "SectionListItem";
-    readonly props?: SectionListItemProps;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"ListItem", ListItemProps, true>>;
+import { ListProps } from "./internal/interface";
+export declare const List: "List" & {
+    readonly type?: "List";
+    readonly props?: ListProps;
     readonly children?: true;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SectionListItem", SectionListItemProps, true>>;
-import { SectionListProps } from "./internal/interface";
-export declare const SectionList: "SectionList" & {
-    readonly type?: "SectionList";
-    readonly props?: SectionListProps;
-    readonly children?: true;
-} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SectionList", SectionListProps, true>>;
-export * from './intrinsics';
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"List", ListProps, true>>;

ui/@sail/ui/index.js

 "use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SectionList = exports.SectionListItem = exports.Section = exports.TextField = exports.TableHeaderCell = exports.TableCell = exports.TableFooter = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.Switch = exports.Select = exports.Radio = exports.MenuTrigger = exports.MenuGroup = exports.MenuItem = exports.Menu = exports.Link = exports.Checkbox = exports.Button = exports.Badge = void 0;
+exports.List = exports.ListItem = exports.TextField = exports.TextArea = exports.TableHeaderCell = exports.TableCell = exports.TableFooter = exports.TableRow = exports.TableBody = exports.TableHead = exports.Table = exports.Switch = exports.Select = exports.Radio = exports.MenuTrigger = exports.MenuGroup = exports.MenuItem = exports.Menu = exports.Link = exports.Divider = exports.Checkbox = exports.Button = exports.Badge = void 0;
 const react_1 = require("@remote-ui/react");
@@ -18,2 +8,3 @@ exports.Badge = (0, react_1.createRemoteReactComponent)("Badge");
 exports.Checkbox = (0, react_1.createRemoteReactComponent)("Checkbox");
+exports.Divider = (0, react_1.createRemoteReactComponent)("Divider");
 exports.Link = (0, react_1.createRemoteReactComponent)("Link");
@@ -34,7 +25,6 @@ exports.Menu = (0, react_1.createRemoteReactComponent)("Menu");
 exports.TableHeaderCell = (0, react_1.createRemoteReactComponent)("TableHeaderCell");
+exports.TextArea = (0, react_1.createRemoteReactComponent)("TextArea");
 exports.TextField = (0, react_1.createRemoteReactComponent)("TextField");
-exports.Section = (0, react_1.createRemoteReactComponent)("Section");
-exports.SectionListItem = (0, react_1.createRemoteReactComponent)("SectionListItem");
-exports.SectionList = (0, react_1.createRemoteReactComponent)("SectionList");
-__exportStar(require("./intrinsics"), exports);
+exports.ListItem = (0, react_1.createRemoteReactComponent)("ListItem");
+exports.List = (0, react_1.createRemoteReactComponent)("List");
 //# sourceMappingURL=index.js.map

ui/index.d.ts

@@ -1,2 +0,3 @@
-export * from "./@sail/ui";
+import { StylableProps } from './@sail/ui/internal/interface';
+export * from './@sail/ui';
 export declare const ContextView: "ContextView" & {
@@ -17,1 +18,11 @@ readonly type?: "ContextView";
 } & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"SettingsView", any, true>>;
+export declare const Box: "Box" & {
+    readonly type?: "Box";
+    readonly props?: StylableProps;
+    readonly children?: true;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Box", StylableProps, true>>;
+export declare const Inline: "Inline" & {
+    readonly type?: "Inline";
+    readonly props?: StylableProps;
+    readonly children?: true;
+} & import("@remote-ui/react").ReactComponentTypeFromRemoteComponentType<import("@remote-ui/types").RemoteComponentType<"Inline", StylableProps, true>>;

ui/index.js

@@ -13,8 +13,10 @@ "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.SettingsView = exports.FocusView = exports.ContextView = void 0;
+exports.Inline = exports.Box = exports.SettingsView = exports.FocusView = exports.ContextView = void 0;
 const react_1 = require("@remote-ui/react");
 __exportStar(require("./@sail/ui"), exports);
-exports.ContextView = (0, react_1.createRemoteReactComponent)("ContextView");
-exports.FocusView = (0, react_1.createRemoteReactComponent)("FocusView", { fragmentProps: ['primaryAction', 'secondaryAction'] });
-exports.SettingsView = (0, react_1.createRemoteReactComponent)("SettingsView");
+exports.ContextView = (0, react_1.createRemoteReactComponent)('ContextView');
+exports.FocusView = (0, react_1.createRemoteReactComponent)('FocusView', { fragmentProps: ['primaryAction', 'secondaryAction'] });
+exports.SettingsView = (0, react_1.createRemoteReactComponent)('SettingsView');
+exports.Box = (0, react_1.createRemoteReactComponent)('Box');
+exports.Inline = (0, react_1.createRemoteReactComponent)('Inline');
 //# sourceMappingURL=index.js.map

version.d.ts

@@ -1,1 +0,1 @@
-export declare const SDK_VERSION = "1.0.4";
+export declare const SDK_VERSION = "1.1.4";

version.js

 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SDK_VERSION = void 0;
-exports.SDK_VERSION = '1.0.4';
+exports.SDK_VERSION = '1.1.4';
 //# sourceMappingURL=version.js.map

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

622787

increased by1667.87%

Number of package files

44

increased by2.33%

Lines of code

13936

increased by2600.78%

Worsened metrics

Dependency count

6

increased by20%

Number of medium supply chain risk alerts

2

increased by100%

Dependency changes

• + Added@types/stylis@^4.0.2

• + Added@types/stylis@4.2.6(transitive)