@selfcommunity/react-core 0.1.7-alpha.0 → 0.1.8-alpha.0

package/lib/esm/components/provider/SCThemeProvider/index.js

@@ -1,31 +1,9 @@
-"use strict";
-
-exports.__esModule = true;
-exports.SCThemeContext = void 0;
-exports.default = SCThemeProvider;
-exports.useSCTheme = useSCTheme;
-exports.withSCTheme = void 0;
-
-var _react = _interopRequireWildcard(require("react"));
-
-var _styles = require("@mui/material/styles");
-
-var _theme = _interopRequireDefault(require("../../../themes/theme"));
-
-var _SCContextProvider = require("../SCContextProvider");
-
-var _SCPreferencesProvider = require("../SCPreferencesProvider");
-
-var _useDeepCompareEffect = require("use-deep-compare-effect");
-
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
-
-function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
-
-function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
-
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
+import React, { createContext, useContext, useState } from 'react';
+import { StyledEngineProvider, ThemeProvider } from '@mui/material/styles';
+import getTheme from '../../../themes/theme';
+import { useSCContext } from '../SCContextProvider';
+import { useSCPreferences } from '../SCPreferencesProvider';
+import { useDeepCompareEffectNoCheck } from 'use-deep-compare-effect';
 /**
  * Creates Global Context
  *
@@ -44,7 +22,7 @@ function _extends() { _extends = Object.assign || function (target) { for (var i
  :::
 
  */
-const SCThemeContext = /*#__PURE__*/(0, _react.createContext)({});
+export const SCThemeContext = createContext({});
 /**
  * #### Description:
  * This component makes the `theme` available down the React tree.
@@ -59,65 +37,42 @@ const SCThemeContext = /*#__PURE__*/(0, _react.createContext)({});
  * </SCThemeContext.Provider>
  * ```
  */
-
-exports.SCThemeContext = SCThemeContext;
-
-function SCThemeProvider({
-  children = null
-}) {
-  const scContext = (0, _SCContextProvider.useSCContext)();
-  const scPreferencesContext = (0, _SCPreferencesProvider.useSCPreferences)();
-  const [theme, setTheme] = (0, _react.useState)((0, _theme.default)(scContext.settings.theme, scPreferencesContext.preferences));
-  /**
-   * Set custom theme
-   * Merge with scPreferencesContext.preferences
-   * @param theme
-   */
-
-  const setCustomTheme = theme => {
-    setTheme((0, _theme.default)(theme, scPreferencesContext.preferences));
-  };
-  /**
-   * Update theme if initial conf changes
-   */
-
-
-  (0, _useDeepCompareEffect.useDeepCompareEffectNoCheck)(() => {
-    setCustomTheme(theme);
-  }, [scContext.settings.theme]);
-  return /*#__PURE__*/_react.default.createElement(_styles.StyledEngineProvider, {
-    injectFirst: true
-  }, /*#__PURE__*/_react.default.createElement(SCThemeContext.Provider, {
-    value: {
-      theme,
-      setTheme: setCustomTheme
-    }
-  }, /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-    theme: theme
-  }, children)));
+export default function SCThemeProvider({ children = null }) {
+    const scContext = useSCContext();
+    const scPreferencesContext = useSCPreferences();
+    const [theme, setTheme] = useState(getTheme(scContext.settings.theme, scPreferencesContext.preferences));
+    /**
+     * Set custom theme
+     * Merge with scPreferencesContext.preferences
+     * @param theme
+     */
+    const setCustomTheme = (theme) => {
+        setTheme(getTheme(theme, scPreferencesContext.preferences));
+    };
+    /**
+     * Update theme if initial conf changes
+     */
+    useDeepCompareEffectNoCheck(() => {
+        setCustomTheme(theme);
+    }, [scContext.settings.theme]);
+    return (React.createElement(StyledEngineProvider, { injectFirst: true },
+        React.createElement(SCThemeContext.Provider, { value: { theme, setTheme: setCustomTheme } },
+            React.createElement(ThemeProvider, { theme: theme }, children))));
 }
 /**
  * Export hoc to inject the base theme to components
  * @param Component
  */
-
-
-const withSCTheme = Component => props => {
-  const scThemeContext = (0, _react.useContext)(SCThemeContext);
-  return /*#__PURE__*/_react.default.createElement(_styles.ThemeProvider, {
-    theme: scThemeContext.theme
-  }, /*#__PURE__*/_react.default.createElement(Component, _extends({
-    setTheme: scThemeContext.setTheme
-  }, props)));
+export const withSCTheme = (Component) => (props) => {
+    const scThemeContext = useContext(SCThemeContext);
+    return (React.createElement(ThemeProvider, { theme: scThemeContext.theme },
+        React.createElement(Component, Object.assign({ setTheme: scThemeContext.setTheme }, props))));
 };
 /**
  * Let's only export the `useSCTheme` hook instead of the context.
  * We only want to use the hook directly and never the context component.
  */
-
-
-exports.withSCTheme = withSCTheme;
-
-function useSCTheme() {
-  return (0, _react.useContext)(SCThemeContext);
-}
+export function useSCTheme() {
+    return useContext(SCThemeContext);
+}
+//# sourceMappingURL=index.js.map

package/lib/esm/components/provider/SCThemeProvider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/provider/SCThemeProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAC,aAAa,EAAE,UAAU,EAAE,QAAQ,EAAC,MAAM,OAAO,CAAC;AACjE,OAAO,EAAC,oBAAoB,EAAE,aAAa,EAAC,MAAM,sBAAsB,CAAC;AACzE,OAAO,QAAQ,MAAM,uBAAuB,CAAC;AAE7C,OAAO,EAAC,YAAY,EAAC,MAAM,sBAAsB,CAAC;AAGlD,OAAO,EAAC,gBAAgB,EAAC,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAC,2BAA2B,EAAC,MAAM,yBAAyB,CAAC;AAEpE;;;;;;;;;;;;;;;;;GAiBG;AACH,MAAM,CAAC,MAAM,cAAc,GAAG,aAAa,CAAqB,EAAwB,CAAC,CAAC;AAE1F;;;;;;;;;;;;;GAaG;AACH,MAAM,CAAC,OAAO,UAAU,eAAe,CAAC,EAAC,QAAQ,GAAG,IAAI,EAA8B;IACpF,MAAM,SAAS,GAAkB,YAAY,EAAE,CAAC;IAChD,MAAM,oBAAoB,GAA6B,gBAAgB,EAAE,CAAC;IAC1E,MAAM,CAAC,KAAK,EAAE,QAAQ,CAAC,GAAG,QAAQ,CAAsB,QAAQ,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;IAE9H;;;;OAIG;IACH,MAAM,cAAc,GAAG,CAAC,KAAK,EAAE,EAAE;QAC/B,QAAQ,CAAC,QAAQ,CAAC,KAAK,EAAE,oBAAoB,CAAC,WAAW,CAAC,CAAC,CAAC;IAC9D,CAAC,CAAC;IAEF;;OAEG;IACH,2BAA2B,CAAC,GAAG,EAAE;QAC/B,cAAc,CAAC,KAAK,CAAC,CAAC;IACxB,CAAC,EAAE,CAAC,SAAS,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC;IAE/B,OAAO,CACL,oBAAC,oBAAoB,IAAC,WAAW;QAC/B,oBAAC,cAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,EAAC,KAAK,EAAE,QAAQ,EAAE,cAAc,EAAC;YAC/D,oBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,IAAG,QAAQ,CAAiB,CAC/B,CACL,CACxB,CAAC;AACJ,CAAC;AAED;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG,CAAC,SAAS,EAAE,EAAE,CAAC,CAAC,KAAK,EAAE,EAAE;IAClD,MAAM,cAAc,GAAuB,UAAU,CAAC,cAAc,CAAC,CAAC;IACtE,OAAO,CACL,oBAAC,aAAa,IAAC,KAAK,EAAE,cAAc,CAAC,KAAK;QACxC,oBAAC,SAAS,kBAAC,QAAQ,EAAE,cAAc,CAAC,QAAQ,IAAM,KAAK,EAAI,CAC7C,CACjB,CAAC;AACJ,CAAC,CAAC;AAEF;;;GAGG;AACH,MAAM,UAAU,UAAU;IACxB,OAAO,UAAU,CAAC,cAAc,CAAC,CAAC;AACpC,CAAC"}

package/lib/esm/components/provider/SCUserProvider/index.d.ts

@@ -0,0 +1,38 @@
+import React from 'react';
+import { SCUserContextType } from '../../../types';
+/**
+ * SCUserContext (Authentication Context)
+ *
+ :::tipContext can be consumed in one of the following ways:
+
+
+ ```jsx
+ 1. <SCUserContext.Consumer>{(user, session, error, loading, logout) => (...)}</SCUserContext.Consumer>
+ ```
+ ```jsx
+ 2. const scUserContext: SCUserContextType = useContext(SCUserContext);
+ ```
+ ```jsx
+ 3. const scUserContext: SCUserContextType = useSCUser();
+ ````
+ :::
+ */
+export declare const SCUserContext: React.Context<SCUserContextType>;
+/**
+ * #### Description:
+ * This component keeps current user logged and session; it is exported as we need to wrap the entire app with it
+ * @param children
+ * @return
+ * ```jsx
+ * <SCUserContext.Provider value={contextValue}>{!state.loading && children}</SCUserContext.Provider>
+ * ```
+ */
+export default function SCUserProvider({ children }: {
+    children: React.ReactNode;
+}): JSX.Element;
+/**
+ * Let's only export the `useSCUser` hook instead of the context.
+ * We only want to use the hook directly and never the context component.
+ */
+export declare function useSCUser(): SCUserContextType;
+//# sourceMappingURL=index.d.ts.map

package/lib/esm/components/provider/SCUserProvider/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/provider/SCUserProvider/index.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA8D,MAAM,OAAO,CAAC;AAWnF,OAAO,EACL,iBAAiB,EAOlB,MAAM,gBAAgB,CAAC;AAIxB;;;;;;;;;;;;;;;;GAgBG;AACH,eAAO,MAAM,aAAa,kCAA4D,CAAC;AAEvF;;;;;;;;GAQG;AACH,MAAM,CAAC,OAAO,UAAU,cAAc,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,KAAK,CAAC,SAAS,CAAA;CAAC,GAAG,GAAG,CAAC,OAAO,CA0M3F;AAED;;;GAGG;AACH,wBAAgB,SAAS,IAAI,iBAAiB,CAE7C"}