@pingux/astro 2.141.1-alpha.0 → 2.142.0

package/lib/cjs/hooks/useGetTheme/useGetTheme.d.ts

@@ -1,4 +1,4 @@
-/// <reference types="react" />
+import React from 'react';
 export declare const baseState: {
     isOnyx: boolean;
     isAstro: boolean;
@@ -10,7 +10,7 @@ declare const useGetTheme: () => {
         [x: number]: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuDown: import("@pingux/mdi-react").MdiReactIconComponentType;
         MenuUp: import("@pingux/mdi-react").MdiReactIconComponentType;
-        pingLogoHorizontalSmall: import("react").JSX.Element;
+        pingLogoHorizontalSmall: React.JSX.Element;
         listViewMenu: import("@pingux/mdi-react").MdiReactIconComponentType;
         Ascending: import("@pingux/mdi-react").MdiReactIconComponentType;
         Descending: import("@pingux/mdi-react").MdiReactIconComponentType;

package/lib/cjs/hooks/useGetTheme/useGetTheme.js

@@ -13,10 +13,8 @@ _Object$defineProperty(exports, "__esModule", {
   value: true
 });
 exports["default"] = exports.baseState = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/defineProperty"));
-var _react = require("react");
-var _react2 = require("@emotion/react");
+var _react = require("@emotion/react");
 var _customProperties = require("../../styles/themeOverrides/nextGenDarkMode/customProperties");
 var _customProperties2 = require("../../styles/themes/astro/customProperties");
 var _customProperties3 = require("../../styles/themes/next-gen/customProperties");
@@ -55,28 +53,18 @@ var customThemeState = _objectSpread({
   }),
   name: 'custom'
 }, _customProperties2.astroThemeValues);
-var getTheme = function getTheme(theme) {
-  if (theme === _themes.themes.NEXT_GEN) {
+var useGetTheme = function useGetTheme() {
+  var theme = (0, _react.useTheme)();
+  if (theme.name === _themes.themes.NEXT_GEN) {
     return _objectSpread({}, onyxState);
   }
-  if (theme === _themes.themes.ASTRO) {
+  if (theme.name === _themes.themes.ASTRO) {
     return _objectSpread({}, astroState);
   }
-  if (theme === _themes.themes.NEXT_GEN_DARK) {
+  if (theme.name === _themes.themes.NEXT_GEN_DARK) {
     return _objectSpread({}, onyxDarkState);
   }
   return _objectSpread({}, customThemeState);
 };
-var useGetTheme = function useGetTheme() {
-  var theme = (0, _react2.useTheme)();
-  var _useState = (0, _react.useState)(getTheme(theme.name)),
-    _useState2 = (0, _slicedToArray2["default"])(_useState, 2),
-    themeObject = _useState2[0],
-    setThemeObject = _useState2[1];
-  (0, _react.useEffect)(function () {
-    setThemeObject(getTheme(theme.name));
-  }, [theme.name]);
-  return themeObject;
-};
 var _default = useGetTheme;
 exports["default"] = _default;

package/lib/hooks/useGetTheme/useGetTheme.js

@@ -6,12 +6,11 @@ import _forEachInstanceProperty from "@babel/runtime-corejs3/core-js-stable/inst
 import _Object$getOwnPropertyDescriptors from "@babel/runtime-corejs3/core-js-stable/object/get-own-property-descriptors";
 import _Object$defineProperties from "@babel/runtime-corejs3/core-js-stable/object/define-properties";
 import _Object$defineProperty from "@babel/runtime-corejs3/core-js-stable/object/define-property";
-import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
 import _defineProperty from "@babel/runtime-corejs3/helpers/esm/defineProperty";
 function ownKeys(object, enumerableOnly) { var keys = _Object$keys(object); if (_Object$getOwnPropertySymbols) { var symbols = _Object$getOwnPropertySymbols(object); enumerableOnly && (symbols = _filterInstanceProperty(symbols).call(symbols, 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 _context, _context2; var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? _forEachInstanceProperty(_context = ownKeys(Object(source), !0)).call(_context, function (key) { _defineProperty(target, key, source[key]); }) : _Object$getOwnPropertyDescriptors ? _Object$defineProperties(target, _Object$getOwnPropertyDescriptors(source)) : _forEachInstanceProperty(_context2 = ownKeys(Object(source))).call(_context2, function (key) { _Object$defineProperty(target, key, _Object$getOwnPropertyDescriptor(source, key)); }); } return target; }
 /* eslint-disable no-else-return */
-import { useEffect, useState } from 'react';
+
 import { useTheme } from '@emotion/react';
 import { nextGenDarkThemeValues } from '../../styles/themeOverrides/nextGenDarkMode/customProperties';
 import { astroThemeValues } from '../../styles/themes/astro/customProperties';
@@ -48,27 +47,17 @@ var customThemeState = _objectSpread({
   }),
   name: 'custom'
 }, astroThemeValues);
-var getTheme = function getTheme(theme) {
-  if (theme === themes.NEXT_GEN) {
+var useGetTheme = function useGetTheme() {
+  var theme = useTheme();
+  if (theme.name === themes.NEXT_GEN) {
     return _objectSpread({}, onyxState);
   }
-  if (theme === themes.ASTRO) {
+  if (theme.name === themes.ASTRO) {
     return _objectSpread({}, astroState);
   }
-  if (theme === themes.NEXT_GEN_DARK) {
+  if (theme.name === themes.NEXT_GEN_DARK) {
     return _objectSpread({}, onyxDarkState);
   }
   return _objectSpread({}, customThemeState);
 };
-var useGetTheme = function useGetTheme() {
-  var theme = useTheme();
-  var _useState = useState(getTheme(theme.name)),
-    _useState2 = _slicedToArray(_useState, 2),
-    themeObject = _useState2[0],
-    setThemeObject = _useState2[1];
-  useEffect(function () {
-    setThemeObject(getTheme(theme.name));
-  }, [theme.name]);
-  return themeObject;
-};
 export default useGetTheme;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "2.141.1-alpha.0",
+  "version": "2.142.0",
   "description": "React component library for Ping Identity's design system",
   "repository": {
     "type": "git",