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

package/lib/components/CopyText/CopyText.js

@@ -1,8 +1,8 @@
-import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _setTimeout from "@babel/runtime-corejs3/core-js-stable/set-timeout";
 import _slicedToArray from "@babel/runtime-corejs3/helpers/esm/slicedToArray";
+import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
-import React, { forwardRef, useEffect, useState } from 'react';
+import React, { forwardRef, useEffect, useRef, useState } from 'react';
 import PropTypes from 'prop-types';
 import { useFocusRing } from '@react-aria/focus';
 import { Pressable, useHover } from '@react-aria/interactions';
@@ -14,19 +14,20 @@ import { jsx as ___EmotionJSX } from "@emotion/react";
 
 var TooltipWrapper = function TooltipWrapper(_ref) {
   var children = _ref.children,
-      isOpen = _ref.isOpen,
-      tooltip = _ref.tooltip;
-  return ___EmotionJSX(TooltipTrigger, {
+      tooltip = _ref.tooltip,
+      others = _objectWithoutProperties(_ref, ["children", "tooltip"]);
+
+  return ___EmotionJSX(TooltipTrigger, _extends({
     key: tooltip,
     direction: "top",
     isNotFlippable: true,
-    isOpen: isOpen,
     offset: 5
-  }, children, ___EmotionJSX(Tooltip, null, tooltip));
+  }, others), children, ___EmotionJSX(Tooltip, null, tooltip));
 };
 
 TooltipWrapper.propTypes = {
   isOpen: PropTypes.bool,
+  targetRef: PropTypes.shape({}),
   tooltip: PropTypes.string
 };
 /**
@@ -38,7 +39,9 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
       textToCopy = props.textToCopy,
       tooltipText = props.tooltipText,
       mode = props.mode,
-      others = _objectWithoutProperties(props, ["children", "textToCopy", "tooltipText", "mode"]);
+      tooltipProps = props.tooltipProps,
+      wrapperProps = props.wrapperProps,
+      others = _objectWithoutProperties(props, ["children", "textToCopy", "tooltipText", "mode", "tooltipProps", "wrapperProps"]);
 
   var value = textToCopy || (mode === 'link' ? children.props.href : children.props.children);
 
@@ -75,13 +78,28 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
     return undefined;
   }, [isCopied]);
   var copyToClipboard = useCopyToClipboard(value, setIsCopied);
-  var content = mode === 'link' ? children : ___EmotionJSX(Button, _extends({
+  var content = mode === 'link' || mode === 'nonClickableContent' ? children : ___EmotionJSX(Button, _extends({
     variant: "quiet",
     onPress: copyToClipboard,
     "aria-label": "copy-content"
   }, focusProps), children);
   var tooltip = isCopied ? 'Copied!' : tooltipText;
   var isTooltipOpen = isFocusVisible || isHovered || isCopied;
+  var wrapperRef = useRef();
+
+  if (mode === 'nonClickableContent') {
+    return ___EmotionJSX(TooltipWrapper, _extends({
+      isOpen: isTooltipOpen,
+      tooltip: tooltip,
+      targetRef: wrapperRef
+    }, tooltipProps), ___EmotionJSX(Box, _extends({
+      ref: wrapperRef,
+      isRow: true,
+      tabIndex: 0
+    }, mergeProps(hoverProps, others), wrapperProps), content, ___EmotionJSX(CopyButton, _extends({
+      onPress: copyToClipboard
+    }, focusProps))));
+  }
 
   if (mode === 'link') {
     return ___EmotionJSX(Box, _extends({
@@ -109,13 +127,19 @@ var CopyText = /*#__PURE__*/forwardRef(function (props, ref) {
 });
 CopyText.propTypes = {
   /** The behavioral pattern to apply to the component. */
-  mode: PropTypes.oneOf(['text', 'link']),
+  mode: PropTypes.oneOf(['text', 'link', 'nonClickableContent']),
 
   /** The text to be copied instead of the text inside the child component. */
   textToCopy: PropTypes.string,
 
   /** The text to be displayed in the tooltip. */
-  tooltipText: PropTypes.string
+  tooltipText: PropTypes.string,
+
+  /** Props to apply to the tooltip in nonClickableContent mode. */
+  tooltipProps: PropTypes.shape({}),
+
+  /** Props to apply to the wrapper in nonClickableContent mode. */
+  wrapperProps: PropTypes.shape({})
 };
 CopyText.defaultProps = {
   mode: 'text',

package/lib/components/FileInputField/FileItem.js

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

package/lib/components/List/List.js

@@ -2,6 +2,7 @@ import _extends from "@babel/runtime-corejs3/helpers/esm/extends";
 import _objectWithoutProperties from "@babel/runtime-corejs3/helpers/esm/objectWithoutProperties";
 import React, { forwardRef } from 'react';
 import Box from '../Box/Box';
+import { useDeprecationWarning } from '../../hooks';
 /**
  * The intended use of List is to hold a collection of <ListItem/> components.
  * Accepts most of the styling props from [styled-system](https://styled-system.com/table).
@@ -12,6 +13,7 @@ var List = /*#__PURE__*/forwardRef(function (props, ref) {
   var children = props.children,
       others = _objectWithoutProperties(props, ["children"]);
 
+  useDeprecationWarning('The  List component will be deprecated in Astro-UI 2.0.0, use ListView instead.');
   return ___EmotionJSX(Box, _extends({
     ref: ref,
     role: "list",

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

@@ -3,10 +3,14 @@ import List from '.';
 import ListItem from '../ListItem';
 import Text from '../Text';
 import Separator from '../Separator';
+import withDeprecationWarning from '../../utils/devUtils/decorators/withDeprecationWarning';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
-  title: 'List',
-  component: [List, ListItem]
+  title: 'Deprecated/List',
+  component: [List, ListItem],
+  decorators: [function (Story, context) {
+    return withDeprecationWarning(Story, context, 'The `List` component will be deprecated in Astro-UI 2.0.0, use `ListView` instead.');
+  }]
 };
 export var Default = function Default() {
   return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(Text, {

package/lib/components/NavBar/NavBar.js

@@ -0,0 +1,24 @@
+import React from 'react';
+import Box from '../Box/Box';
+/**
+ * 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.
+ *
+ */
+
+import { jsx as ___EmotionJSX } from "@emotion/react";
+
+var NavBar = function NavBar(props) {
+  return ___EmotionJSX(Box, {
+    variant: "boxes.navBar",
+    role: "navigation",
+    as: "nav"
+  }, props.children);
+};
+
+export default NavBar;