pricing4react
Version:
A library of components that ease the integration of feature toggling driven by pricing plans into your React application's UI.
32 lines (31 loc) • 1.78 kB
JavaScript
;
var __assign = (this && this.__assign) || function () {
__assign = Object.assign || function(t) {
for (var s, i = 1, n = arguments.length; i < n; i++) {
s = arguments[i];
for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
t[p] = s[p];
}
return t;
};
return __assign.apply(this, arguments);
};
exports.__esModule = true;
exports.PricingPlansEditor = void 0;
var jsx_runtime_1 = require("react/jsx-runtime");
var react_1 = require("react");
var react_router_dom_1 = require("react-router-dom");
var EditorContextProvider_1 = require("./context/EditorContextProvider");
var Toggle_1 = require("./components/Toggle");
var NavBar_1 = require("./components/NavBar");
require("./Form.css");
require("./PricingPlansEditor.css");
function PricingPlansEditor(_a) {
var theme = _a.theme, pricingContext = _a.pricingContext, returnTo = _a.returnTo, onSave = _a.onSave;
var _b = (0, react_1.useState)(false), hidden = _b[0], setHidden = _b[1];
var handleClick = function () {
setHidden(!hidden);
};
return ((0, jsx_runtime_1.jsx)(EditorContextProvider_1.EditorContextProvider, __assign({ pricingContext: pricingContext, theme: theme, returnTo: returnTo }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "pp-editor" }, { children: [(0, jsx_runtime_1.jsx)(NavBar_1.NavBar, { hidden: hidden, onSave: onSave }), (0, jsx_runtime_1.jsxs)("main", __assign({ className: "pp-content" }, { children: [(0, jsx_runtime_1.jsx)(Toggle_1.Toggle, { className: "pp-toggle pp-content__toggle", isHidden: hidden, onClick: handleClick }), (0, jsx_runtime_1.jsx)(react_router_dom_1.Outlet, {})] }))] })) })));
}
exports.PricingPlansEditor = PricingPlansEditor;