@pingux/astro 1.42.2-alpha.1 → 1.42.2-alpha.3

package/lib/cjs/components/CodeView/CodeView.stories.js

@@ -20,8 +20,6 @@ require("prismjs/components/prism-powershell");
 
 var _CodeView = _interopRequireDefault(require("./CodeView"));
 
-var _ = require("../..");
-
 var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 
 var _CodeView2 = _interopRequireDefault(require("./CodeView.mdx"));
@@ -69,21 +67,13 @@ var _default = {
 exports["default"] = _default;
 
 var Default = function Default(args) {
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Text, {
-    sx: {
-      fontWeight: 2
-    }
-  }, "JSON"), (0, _react2.jsx)(_CodeView["default"], args));
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_CodeView["default"], args));
 };
 
 exports.Default = Default;
 
 var WithLineNumbers = function WithLineNumbers() {
-  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_.Text, {
-    sx: {
-      fontWeight: 2
-    }
-  }, "JSON"), (0, _react2.jsx)(_CodeView["default"], {
+  return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_CodeView["default"], {
     hasLineNumbers: true
   }, code));
 };

package/lib/cjs/components/ColorField/ColorField.js

@@ -173,6 +173,7 @@ var ColorField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     hasNoArrow: true,
     isDismissable: true,
     isNonModal: true,
+    isNotClosedOnBlur: true,
     isOpen: popoverState.isOpen,
     onClose: popoverState.close,
     ref: overlayRef

package/lib/cjs/components/ColorField/ColorField.test.js

@@ -68,4 +68,24 @@ test('will call onChange with arguments if provided', function () {
   _userEvent["default"].type(hexInput, testColor2);
 
   expect(testOnChange).toHaveBeenCalled();
+});
+test('clicking within the popover does not close it', function () {
+  var testOnChange = jest.fn();
+  getComponent({
+    onChange: testOnChange,
+    value: testColor1
+  });
+
+  var button = _testWrapper.screen.getByRole('button');
+
+  _userEvent["default"].click(button); // should be open now
+
+
+  var hexLabelElement = _testWrapper.screen.queryByText(hexLabel);
+
+  expect(hexLabelElement).toBeInTheDocument(); // click the popover container, which has caused closing in regressions
+
+  _userEvent["default"].click(_testWrapper.screen.queryByRole('presentation'));
+
+  expect(_testWrapper.screen.queryByRole('presentation')).toBeInTheDocument();
 });

package/lib/cjs/components/CopyText/CopyButton.js

@@ -43,7 +43,7 @@ var CopyButton = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     variant: "buttons.copy"
   }, (0, _lodash.omit)(props, 'iconProps')), (0, _react2.jsx)(_Icon["default"], (0, _extends2["default"])({
     icon: _ContentCopyIcon["default"],
-    size: 15,
+    size: "xs",
     color: "text.secondary"
   }, props === null || props === void 0 ? void 0 : props.iconProps)));
 });

package/lib/cjs/components/Icon/Icon.stories.js

@@ -115,7 +115,7 @@ var SVGIcons = function SVGIcons() {
   return (0, _react2.jsx)(_index.Icon, {
     icon: SVGComponent,
     color: "active",
-    size: 40
+    size: "sm"
   });
 };
 

package/lib/components/CodeView/CodeView.stories.js

@@ -3,7 +3,6 @@ import React from 'react';
 import Prism from 'prismjs';
 import 'prismjs/components/prism-powershell';
 import CodeView from './CodeView';
-import { Text } from '../..';
 import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import CodeViewReadme from './CodeView.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
@@ -46,18 +45,10 @@ export default {
   }
 };
 export var Default = function Default(args) {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
-    sx: {
-      fontWeight: 2
-    }
-  }, "JSON"), ___EmotionJSX(CodeView, args));
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CodeView, args));
 };
 export var WithLineNumbers = function WithLineNumbers() {
-  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {
-    sx: {
-      fontWeight: 2
-    }
-  }, "JSON"), ___EmotionJSX(CodeView, {
+  return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CodeView, {
     hasLineNumbers: true
   }, code));
 };

package/lib/components/ColorField/ColorField.js

@@ -127,6 +127,7 @@ var ColorField = /*#__PURE__*/forwardRef(function (props, ref) {
     hasNoArrow: true,
     isDismissable: true,
     isNonModal: true,
+    isNotClosedOnBlur: true,
     isOpen: popoverState.isOpen,
     onClose: popoverState.close,
     ref: overlayRef

package/lib/components/ColorField/ColorField.test.js

@@ -47,4 +47,19 @@ test('will call onChange with arguments if provided', function () {
   userEvent.clear(hexInput);
   userEvent.type(hexInput, testColor2);
   expect(testOnChange).toHaveBeenCalled();
+});
+test('clicking within the popover does not close it', function () {
+  var testOnChange = jest.fn();
+  getComponent({
+    onChange: testOnChange,
+    value: testColor1
+  });
+  var button = screen.getByRole('button');
+  userEvent.click(button); // should be open now
+
+  var hexLabelElement = screen.queryByText(hexLabel);
+  expect(hexLabelElement).toBeInTheDocument(); // click the popover container, which has caused closing in regressions
+
+  userEvent.click(screen.queryByRole('presentation'));
+  expect(screen.queryByRole('presentation')).toBeInTheDocument();
 });

package/lib/components/CopyText/CopyButton.js

@@ -13,7 +13,7 @@ var CopyButton = /*#__PURE__*/forwardRef(function (props, ref) {
     variant: "buttons.copy"
   }, omit(props, 'iconProps')), ___EmotionJSX(Icon, _extends({
     icon: ContentCopy,
-    size: 15,
+    size: "xs",
     color: "text.secondary"
   }, props === null || props === void 0 ? void 0 : props.iconProps)));
 });

package/lib/components/Icon/Icon.stories.js

@@ -81,7 +81,7 @@ export var SVGIcons = function SVGIcons() {
   return ___EmotionJSX(Icon, {
     icon: SVGComponent,
     color: "active",
-    size: 40
+    size: "sm"
   });
 };
 var rowHeadings = ['SVG Size', 'Code Example', 'Icon Example'];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@pingux/astro",
-  "version": "1.42.2-alpha.1",
+  "version": "1.42.2-alpha.3",
   "description": "PingUX themeable React component library",
   "repository": {
     "type": "git",