@pingux/astro 1.1.0-alpha.7 → 1.1.1-alpha.0

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

@@ -12,12 +12,12 @@ _Object$defineProperty(exports, "__esModule", {
 
 exports["default"] = void 0;
 
-var _extends2 = _interopRequireDefault(require("@babel/runtime-corejs3/helpers/extends"));
-
 var _setTimeout2 = _interopRequireDefault(require("@babel/runtime-corejs3/core-js-stable/set-timeout"));
 
 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"));
 
 var _react = _interopRequireWildcard(require("react"));
@@ -40,19 +40,19 @@ var _react2 = require("@emotion/react");
 
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var children = _ref.children,
-      isOpen = _ref.isOpen,
-      tooltip = _ref.tooltip;
-  return (0, _react2.jsx)(_index.TooltipTrigger, {
+      tooltip = _ref.tooltip,
+      others = (0, _objectWithoutProperties2["default"])(_ref, ["children", "tooltip"]);
+  return (0, _react2.jsx)(_index.TooltipTrigger, (0, _extends2["default"])({
     key: tooltip,
     direction: "top",
     isNotFlippable: true,
-    isOpen: isOpen,
     offset: 5
-  }, children, (0, _react2.jsx)(_index.Tooltip, null, tooltip));
+  }, others), children, (0, _react2.jsx)(_index.Tooltip, null, tooltip));
 };
 
 TooltipWrapper.propTypes = {
   isOpen: _propTypes["default"].bool,
+  targetRef: _propTypes["default"].shape({}),
   tooltip: _propTypes["default"].string
 };
 /**
@@ -64,7 +64,9 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
       textToCopy = props.textToCopy,
       tooltipText = props.tooltipText,
       mode = props.mode,
-      others = (0, _objectWithoutProperties2["default"])(props, ["children", "textToCopy", "tooltipText", "mode"]);
+      tooltipProps = props.tooltipProps,
+      wrapperProps = props.wrapperProps,
+      others = (0, _objectWithoutProperties2["default"])(props, ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps"]);
   var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
 
   var _useState = (0, _react.useState)(false),
@@ -99,13 +101,28 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
     return undefined;
   }, [isCopied]);
   var copyToClipboard = (0, _useCopyToClipboard["default"])(value, setIsCopied);
-  var content = mode === 'link' ? children : (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({
+  var content = mode === 'link' || mode === 'nonClickableContent' ? children : (0, _react2.jsx)(_index.Button, (0, _extends2["default"])({
     variant: "quiet",
     onPress: copyToClipboard,
     "aria-label": "copy-content"
   }, focusProps), children);
   var tooltip = isCopied ? 'Copied!' : tooltipText;
   var isTooltipOpen = isFocusVisible || isHovered || isCopied;
+  var wrapperRef = (0, _react.useRef)();
+
+  if (mode === 'nonClickableContent') {
+    return (0, _react2.jsx)(TooltipWrapper, (0, _extends2["default"])({
+      isOpen: isTooltipOpen,
+      tooltip: tooltip,
+      targetRef: wrapperRef
+    }, tooltipProps), (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
+      ref: wrapperRef,
+      isRow: true,
+      tabIndex: 0
+    }, (0, _utils.mergeProps)(hoverProps, others), wrapperProps), content, (0, _react2.jsx)(_CopyButton["default"], (0, _extends2["default"])({
+      onPress: copyToClipboard
+    }, focusProps))));
+  }
 
   if (mode === 'link') {
     return (0, _react2.jsx)(_index.Box, (0, _extends2["default"])({
@@ -133,13 +150,19 @@ var CopyText = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
 });
 CopyText.propTypes = {
   /** The behavioral pattern to apply to the component. */
-  mode: _propTypes["default"].oneOf(['text', 'link']),
+  mode: _propTypes["default"].oneOf(['text', 'link', 'nonClickableContent']),
 
   /** The text to be copied instead of the text inside the child component. */
   textToCopy: _propTypes["default"].string,
 
   /** The text to be displayed in the tooltip. */
-  tooltipText: _propTypes["default"].string
+  tooltipText: _propTypes["default"].string,
+
+  /** Props to apply to the tooltip in nonClickableContent mode. */
+  tooltipProps: _propTypes["default"].shape({}),
+
+  /** Props to apply to the wrapper in nonClickableContent mode. */
+  wrapperProps: _propTypes["default"].shape({})
 };
 CopyText.defaultProps = {
   mode: 'text',

package/lib/cjs/components/FileInputField/FileItem.js

@@ -61,7 +61,8 @@ var FileItem = function FileItem(props) {
 
       default:
         return {
-          icon: _InsertDriveFileIcon["default"]
+          icon: _InsertDriveFileIcon["default"],
+          color: 'neutral.10'
         };
     }
   }, [status]);

package/lib/cjs/components/List/List.js

@@ -20,6 +20,8 @@ var _react = _interopRequireWildcard(require("react"));
 
 var _Box = _interopRequireDefault(require("../Box/Box"));
 
+var _hooks = require("../../hooks");
+
 var _react2 = require("@emotion/react");
 
 /**
@@ -29,6 +31,7 @@ var _react2 = require("@emotion/react");
 var List = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var children = props.children,
       others = (0, _objectWithoutProperties2["default"])(props, ["children"]);
+  (0, _hooks.useDeprecationWarning)('The  List component will be deprecated in Astro-UI 2.0.0, use ListView instead.');
   return (0, _react2.jsx)(_Box["default"], (0, _extends2["default"])({
     ref: ref,
     role: "list",

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

@@ -20,11 +20,16 @@ var _Text = _interopRequireDefault(require("../Text"));
 
 var _Separator = _interopRequireDefault(require("../Separator"));
 
+var _withDeprecationWarning = _interopRequireDefault(require("../../utils/devUtils/decorators/withDeprecationWarning"));
+
 var _react2 = require("@emotion/react");
 
 var _default = {
-  title: 'List',
-  component: [_["default"], _ListItem["default"]]
+  title: 'Deprecated/List',
+  component: [_["default"], _ListItem["default"]],
+  decorators: [function (Story, context) {
+    return (0, _withDeprecationWarning["default"])(Story, context, 'The `List` component will be deprecated in Astro-UI 2.0.0, use `ListView` instead.');
+  }]
 };
 exports["default"] = _default;
 

package/lib/cjs/components/NavBar/NavBar.js

@@ -0,0 +1,38 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime-corejs3/helpers/interopRequireDefault");
+
+var _Object$defineProperty = require("@babel/runtime-corejs3/core-js-stable/object/define-property");
+
+_Object$defineProperty(exports, "__esModule", {
+  value: true
+});
+
+exports["default"] = void 0;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _Box = _interopRequireDefault(require("../Box/Box"));
+
+var _react2 = require("@emotion/react");
+
+/**
+ * Composed component that spreads children.
+ *
+ * This component is built to have the NavBarSection component passed into it.
+ *
+ * NavBarSection is an iterative component that
+ * will build an AccordionGridGroup using
+ * the array of objects that is passed into it.
+ *
+ */
+var NavBar = function NavBar(props) {
+  return (0, _react2.jsx)(_Box["default"], {
+    variant: "boxes.navBar",
+    role: "navigation",
+    as: "nav"
+  }, props.children);
+};
+
+var _default = NavBar;
+exports["default"] = _default;