@pingux/astro 2.2.0 → 2.3.0-alpha.1

package/lib/cjs/components/DatePicker/index.js

@@ -0,0 +1,14 @@
+"use strict";
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+_Object$defineProperty(exports, "default", {
+  enumerable: true,
+  get: function get() {
+    return _DatePicker["default"];
+  }
+});
+var _DatePicker = _interopRequireDefault(require("./DatePicker"));

package/lib/cjs/components/IconButton/IconButton.styles.js

@@ -18,6 +18,7 @@ var _Badge = require("../Badge/Badge.styles");
 var _Buttons = require("../Button/Buttons.styles");
 var _CollapsiblePanel = require("../CollapsiblePanel/CollapsiblePanel.styles");
 var _CopyText = require("../CopyText/CopyText.styles");
+var _DatePicker = require("../DatePicker/DatePicker.styles");
 var _HelpHint = require("../HelpHint/HelpHint.styles");
 var _Message = require("../Messages/Message.styles");
 var _Modal = require("../Modal/Modal.styles");
@@ -147,6 +148,9 @@ var _default = {
   },
   badgeDeleteButton: _Badge.badgeDeleteButton,
   copyButton: _CopyText.copyButton,
+  datePicker: {
+    containedIcon: _objectSpread(_objectSpread({}, base), _DatePicker.containedIcon)
+  },
   hintButton: _objectSpread(_objectSpread({}, base), _HelpHint.hintButton),
   inverted: inverted,
   messageCloseButton: _objectSpread(_objectSpread({}, base), _Message.messageCloseButton),

package/lib/cjs/components/TextField/TextField.js

@@ -36,6 +36,7 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  */
 var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var helperText = props.helperText,
+    helpHintProps = props.helpHintProps,
     slots = props.slots,
     status = props.status;
   var _useField = (0, _hooks.useField)(props),
@@ -67,7 +68,8 @@ var TextField = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     ref: labelRef,
     sx: isLabelHigher && {
       gridRow: '1/5'
-    }
+    },
+    helpHintProps: helpHintProps
   })), (0, _react2.jsx)(_.Box, (0, _extends2["default"])({
     variant: "forms.input.fieldControlWrapper"
   }, fieldControlWrapperProps), slots === null || slots === void 0 ? void 0 : slots.beforeInput, (0, _react2.jsx)(_.Input, (0, _extends2["default"])({
@@ -99,7 +101,7 @@ TextField.propTypes = _objectSpread(_objectSpread(_objectSpread({
    */
   onChange: _propTypes["default"].func,
   /** The value for the input element (controlled). */
-  value: _propTypes["default"].string,
+  value: _propTypes["default"].oneOfType([_propTypes["default"].string, _propTypes["default"].object]),
   /** How the input should handle autocompletion according to the browser. See [MDN](https://developer.mozilla.org/en-US/docs/Web/HTML/Element/input#htmlattrdefautocomplete). The `autocomplete` prop is an alias for this. */
   autoComplete: _propTypes["default"].string,
   /** @ignore Alias for `autoComplete` prop. Exists for backwards-compatibility. */
@@ -114,6 +116,8 @@ TextField.propTypes = _objectSpread(_objectSpread(_objectSpread({
   hintText: _propTypes["default"].string,
   /** Whether the field has a status indicator. */
   hasNoStatusIndicator: _propTypes["default"].bool,
+  /** Props object that is spread directly into the helphint element. */
+  helpHintProps: _propTypes["default"].shape({}),
   /** Whether the field is disabled. */
   isDisabled: _propTypes["default"].bool,
   /** Whether the input can be selected, but not changed by the user. */

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

@@ -14,7 +14,7 @@ var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequ
 _Object$defineProperty(exports, "__esModule", {
   value: true
 });
-exports["default"] = exports.WithoutStatusIndicator = exports.WithSlots = exports.WithHelpHint = exports.Warning = exports.Success = exports.SmallVariant = exports.Required = exports.ReadOnly = exports.Password = exports.MaxLength = exports.LeftLabel = exports.FloatLabel = exports.Error = exports.DynamicRequired = exports.Disabled = exports.Default = exports.Controlled = void 0;
+exports["default"] = exports.WithoutStatusIndicator = exports.WithSlots = exports.WithHelpHintCustomWidth = exports.WithHelpHint = exports.Warning = exports.Success = exports.SmallVariant = exports.Required = exports.ReadOnly = exports.Password = exports.MaxLength = exports.LeftLabel = exports.FloatLabel = exports.Error = exports.DynamicRequired = exports.Disabled = exports.Default = exports.Controlled = void 0;
 var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/slicedToArray"));
 var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
 var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/objectWithoutProperties"));
@@ -213,6 +213,18 @@ var WithHelpHint = function WithHelpHint() {
   });
 };
 exports.WithHelpHint = WithHelpHint;
+var WithHelpHintCustomWidth = function WithHelpHintCustomWidth() {
+  return (0, _react2.jsx)(_index.TextField, {
+    id: "with-help-hint-id",
+    name: "custom-name",
+    hintText: "Example Hint",
+    label: "Example Label",
+    helpHintProps: {
+      width: '300px'
+    }
+  });
+};
+exports.WithHelpHintCustomWidth = WithHelpHintCustomWidth;
 var WithoutStatusIndicator = function WithoutStatusIndicator() {
   return (0, _react2.jsx)(_index.TextField, {
     label: "Example Label",

package/lib/cjs/components/TooltipTrigger/Tooltip.js

@@ -14,7 +14,6 @@ var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime-c
 var _react = _interopRequireWildcard(require("react"));
 var _reactAria = require("react-aria");
 var _index = require("../../context/TooltipContext/index");
-var _Box = _interopRequireDefault(require("../Box"));
 var _Text = _interopRequireDefault(require("../Text"));
 var _react2 = require("@emotion/react");
 var _excluded = ["children"];
@@ -33,12 +32,11 @@ var Tooltip = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   (0, _react.useImperativeHandle)(ref, function () {
     return tooltipRef.current;
   });
-  return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
+  return (0, _react2.jsx)(_Text["default"], (0, _extends2["default"])({
     ref: tooltipRef,
-    variant: "tooltip.container"
-  }, tooltipProps, others), (0, _react2.jsx)(_Text["default"], {
-    variant: "variants.tooltip.content"
-  }, children));
+    variant: "variants.tooltip.container",
+    p: "sm"
+  }, tooltipProps, others), children);
 });
 var _default = Tooltip;
 exports["default"] = _default;

package/lib/cjs/components/TooltipTrigger/Tooltip.styles.js

@@ -19,7 +19,19 @@ var _Buttons = require("../Button/Buttons.styles");
 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) { (0, _defineProperty2["default"])(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; }
 var container = {
-  p: 'sm'
+  maxWidth: '11.3em',
+  maxHeight: '15em',
+  overflow: 'hidden',
+  textOverflow: 'ellipsis',
+  WebkitLineClamp: '10',
+  WebkitBoxOrient: 'vertical',
+  display: '-webkit-box !important',
+  wordBreak: 'break-word',
+  '.is-right > * > &, .is-left > * > &': {
+    maxWidth: '24em',
+    maxHeight: '6.5em',
+    WebkitLineClamp: '4'
+  }
 };
 var badge = _objectSpread(_objectSpread({}, _Badge.baseBadge), {}, {
   cursor: 'default',
@@ -48,26 +60,10 @@ var inline = _objectSpread(_objectSpread({}, _Buttons.text), {}, {
     textDecoration: 'inherit'
   }
 });
-var content = {
-  maxWidth: '10em',
-  maxHeight: '15em',
-  overflow: 'hidden',
-  textOverflow: 'ellipsis',
-  WebkitLineClamp: '10',
-  WebkitBoxOrient: 'vertical',
-  display: '-webkit-box !important',
-  wordBreak: 'break-word',
-  '.is-right > * > &, .is-left > * > &': {
-    maxWidth: '24em',
-    maxHeight: '6.5em',
-    WebkitLineClamp: '4'
-  }
-};
 var _default = {
   container: container,
   badge: badge,
   button: button,
-  inline: inline,
-  content: content
+  inline: inline
 };
 exports["default"] = _default;

package/lib/cjs/hooks/useOverlayPanelState/useOverlayPanelState.test.js

@@ -13,9 +13,9 @@ test('default useOverlayPanelState', function () {
       open: expect.any(Function),
       close: expect.any(Function),
       toggle: expect.any(Function),
-      isOpen: expect.any(Boolean),
       isTransitioning: expect.any(Boolean),
-      setOpen: expect.any(Function)
+      setOpen: expect.any(Function),
+      isOpen: expect.any(Boolean)
     },
     onClose: expect.any(Function),
     isTransitioning: expect.any(Boolean)