@authing/react-ui-components 3.0.0-rc.0 → 3.0.0-rc.12

package/lib/_utils/locales/zh/index.js

@@ -0,0 +1,39 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+Object.defineProperty(exports, "common", {
+  enumerable: true,
+  get: function get() {
+    return _common.default;
+  }
+});
+Object.defineProperty(exports, "login", {
+  enumerable: true,
+  get: function get() {
+    return _login.default;
+  }
+});
+Object.defineProperty(exports, "map", {
+  enumerable: true,
+  get: function get() {
+    return _map.default;
+  }
+});
+Object.defineProperty(exports, "user", {
+  enumerable: true,
+  get: function get() {
+    return _user.default;
+  }
+});
+
+var _common = _interopRequireDefault(require("./common.json"));
+
+var _login = _interopRequireDefault(require("./login.json"));
+
+var _user = _interopRequireDefault(require("./user.json"));
+
+var _map = _interopRequireDefault(require("./map.json"));

package/lib/_utils/popupCenter.d.ts

@@ -0,0 +1,9 @@
+/**
+ * 在屏幕中心弹出新窗口加载 url
+ * @param url
+ * @param param1
+ */
+export declare const popupCenter: (url: string, { w, h }?: {
+    w: number;
+    h: number;
+}) => void;

package/lib/_utils/popupCenter.js

@@ -0,0 +1,33 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.popupCenter = void 0;
+
+/**
+ * 在屏幕中心弹出新窗口加载 url
+ * @param url
+ * @param param1
+ */
+var popupCenter = function popupCenter(url) {
+  var _ref = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
+    w: 585,
+    h: 649
+  },
+      w = _ref.w,
+      h = _ref.h;
+
+  // Fixes dual-screen position                             Most browsers      Firefox
+  var dualScreenLeft = window.screenLeft !== undefined ? window.screenLeft : window.screenX;
+  var dualScreenTop = window.screenTop !== undefined ? window.screenTop : window.screenY;
+  var width = window.innerWidth ? window.innerWidth : document.documentElement.clientWidth ? document.documentElement.clientWidth : window.screen.width;
+  var height = window.innerHeight ? window.innerHeight : document.documentElement.clientHeight ? document.documentElement.clientHeight : window.screen.height;
+  var systemZoom = width / window.screen.availWidth;
+  var left = (width - w) / 2 / systemZoom + dualScreenLeft;
+  var top = (height - h) / 2 / systemZoom + dualScreenTop;
+  var newWindow = window.open(url, '_blank', "\n        toolbar=no,\n        menubar=no,\n        scrollbars=no,\n        resizable=no,\n        location=no,\n        status=no\n        width=".concat(w / systemZoom, ", \n        height=").concat(h / systemZoom, ", \n        top=").concat(top, ", \n        left=").concat(left, "\n        "));
+  newWindow === null || newWindow === void 0 ? void 0 : newWindow.focus();
+};
+
+exports.popupCenter = popupCenter;

package/lib/context/base.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare function createBaseContext<C>(): readonly [React.Context<C | undefined>, () => C];
+export interface IBaseAction<ActionType = string> {
+    type: ActionType & string;
+    payload?: any;
+    [key: string]: string;
+}
+export interface IBaseContext<S> {
+    state: S;
+    [k: string]: any;
+}
+export declare type BaseContextComponent<Props> = React.PropsWithChildren<Props>;

package/lib/context/base.js

@@ -0,0 +1,26 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.createBaseContext = createBaseContext;
+
+var _react = _interopRequireDefault(require("react"));
+
+// create context with no upfront defaultValue
+// without having to do undefined check all the time
+function createBaseContext() {
+  var ctx = /*#__PURE__*/_react.default.createContext(undefined);
+
+  function useBaseContext() {
+    var ctxConst = _react.default.useContext(ctx);
+
+    if (!ctxConst) throw new Error('useBaseContext must be inside a Provider with a value');
+    return ctxConst;
+  } // make TypeScript infer a tuple, not an array of union types
+
+
+  return [ctx, useBaseContext];
+}

package/lib/context/global/context.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { IBaseContext, BaseContextComponent } from '../base';
+import { IState } from './reducer';
+export interface IGuardContext extends IBaseContext<IState> {
+    dispatch: Function;
+    getValue: (key: keyof IState) => any;
+    setValue: (key: keyof IState, value: any) => void;
+}
+export declare function useGuardContext(): IGuardContext;
+export declare function GuardContext({ children, value, }: BaseContextComponent<Record<string, any>>): JSX.Element;

package/lib/context/global/context.js

@@ -0,0 +1,63 @@
+"use strict";
+
+var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.GuardContext = GuardContext;
+exports.useGuardContext = useGuardContext;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireWildcard(require("react"));
+
+var _base = require("../base");
+
+var _reducer = require("./reducer");
+
+// 实例化上下文，这里避免了为空检查
+var _createBaseContext = (0, _base.createBaseContext)(),
+    _createBaseContext2 = (0, _slicedToArray2.default)(_createBaseContext, 2),
+    Context = _createBaseContext2[0],
+    useBaseContext = _createBaseContext2[1];
+
+function useGuardContext() {
+  var guardContext = useBaseContext(); // TODO: custom some
+
+  return guardContext;
+}
+
+function GuardContext(_ref) {
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      value = _ref.value;
+
+  var _useReducer = (0, _react.useReducer)(_reducer.reducer, value),
+      _useReducer2 = (0, _slicedToArray2.default)(_useReducer, 2),
+      state = _useReducer2[0],
+      dispatch = _useReducer2[1];
+
+  var getValue = function getValue(key) {
+    return state[key];
+  };
+
+  var setValue = (0, _react.useCallback)(function (key, value) {
+    dispatch({
+      type: 'SET_VALUE',
+      key: key,
+      value: value
+    });
+  }, []);
+  var ctx = {
+    state: state,
+    dispatch: dispatch,
+    getValue: getValue,
+    setValue: setValue
+  };
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: ctx
+  }, children);
+}

package/lib/context/global/reducer.d.ts

@@ -0,0 +1,29 @@
+import { GuardConfig, ActiveTabs, GuardScenes, UserConfig, GuardEventsHandler, LocalesConfig, Lang } from '../../AuthingGuard/types';
+import { AuthenticationClient } from 'authing-js-sdk';
+import { IBaseAction } from '../base';
+import { ApplicationMfaType } from '../../AuthingGuard/api/appConfig';
+export declare type IState = {
+    config: GuardConfig;
+    userConfig: UserConfig;
+    authClient: AuthenticationClient;
+    activeTabs: ActiveTabs;
+    guardScenes: GuardScenes;
+    guardTitle: string;
+    mfaData: {
+        mfaToken: string;
+        phone?: string;
+        email?: string;
+        applicationMfa?: {
+            status: 0 | 1;
+            mfaPolicy: ApplicationMfaType;
+            sort: number;
+        }[];
+    };
+    userPoolId: string;
+    appId: string;
+    guardEvents: GuardEventsHandler;
+    localesConfig: LocalesConfig;
+    lang?: Lang;
+    realHost: string;
+};
+export declare const reducer: (state: IState, { type, ...payloads }: IBaseAction) => any;

package/lib/context/global/reducer.js

@@ -0,0 +1,36 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.reducer = void 0;
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _excluded = ["type"];
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { (0, _defineProperty2.default)(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+var handlers = (0, _defineProperty2.default)({}, 'SET_VALUE', function SET_VALUE(state, payloads) {
+  return _objectSpread(_objectSpread({}, state), {}, (0, _defineProperty2.default)({}, payloads.key, payloads.value));
+});
+
+var reducer = function reducer(state, _ref) {
+  var type = _ref.type,
+      payloads = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+  var handler = handlers[type];
+
+  if (handler) {
+    return handler(state, payloads);
+  }
+
+  return state;
+};
+
+exports.reducer = reducer;

package/lib/context/module/context.d.ts

@@ -0,0 +1,11 @@
+import React, { FC } from 'react';
+import { GuardModuleType } from '../../Guard/module';
+export interface IModuleContext {
+    module: string;
+    changeModule: React.Dispatch<GuardModuleType>;
+    setInitData: React.Dispatch<any>;
+}
+export declare const useModule: () => IModuleContext;
+export declare const ModuleContext: FC<{
+    value: IModuleContext;
+}>;

package/lib/context/module/context.js

@@ -0,0 +1,37 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useModule = exports.ModuleContext = void 0;
+
+var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
+
+var _react = _interopRequireDefault(require("react"));
+
+var _base = require("../base");
+
+var _createBaseContext = (0, _base.createBaseContext)(),
+    _createBaseContext2 = (0, _slicedToArray2.default)(_createBaseContext, 2),
+    Context = _createBaseContext2[0],
+    useBaseContext = _createBaseContext2[1];
+
+var useModule = function useModule() {
+  var guardContext = useBaseContext();
+  return guardContext;
+};
+
+exports.useModule = useModule;
+
+var ModuleContext = function ModuleContext(_ref) {
+  var _ref$children = _ref.children,
+      children = _ref$children === void 0 ? null : _ref$children,
+      value = _ref.value;
+  return /*#__PURE__*/_react.default.createElement(Context.Provider, {
+    value: value
+  }, children);
+};
+
+exports.ModuleContext = ModuleContext;