newspack-components 4.7.0 → 4.8.0

package/dist/esm/stat-card/footer.js

@@ -0,0 +1,67 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["className", "children"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+/**
+ * WordPress dependencies.
+ */
+import { Children, forwardRef, Fragment, isValidElement } from '@wordpress/element';
+import { Stack } from '@wordpress/ui';
+
+/**
+ * External dependencies.
+ */
+import classnames from 'classnames';
+
+/**
+ * Internal dependencies.
+ */
+import { useStatCardContext } from './context';
+import { jsx as _jsx } from "react/jsx-runtime";
+// A run of text shares one wrapper, so `Applies to { count } products` is one
+// sentence rather than three stacked paragraphs.
+var asParts = function asParts(children) {
+  var parts = [];
+  var text = [];
+  var flushText = function flushText() {
+    if (text.some(function (part) {
+      return '' !== String(part).trim();
+    })) {
+      parts.push(/*#__PURE__*/_jsx("p", {
+        className: "newspack-stat-card__description",
+        children: text
+      }, "text-".concat(parts.length)));
+    }
+    text = [];
+  };
+  Children.toArray(children).forEach(function (child) {
+    // A Fragment is part of the run, not a block of its own:
+    // `createInterpolateElement` returns one, and the sentence it holds
+    // belongs in the description wrapper like any other text.
+    if (isValidElement(child) && Fragment !== child.type) {
+      flushText();
+      parts.push(child);
+    } else {
+      text.push(child);
+    }
+  });
+  flushText();
+  return parts;
+};
+var Footer = forwardRef(function Footer(_ref, ref) {
+  var className = _ref.className,
+    children = _ref.children,
+    props = _objectWithoutProperties(_ref, _excluded);
+  useStatCardContext();
+  return /*#__PURE__*/_jsx(Stack, _objectSpread(_objectSpread({
+    ref: ref,
+    direction: "column",
+    align: "flex-start",
+    gap: "xs",
+    className: classnames('newspack-stat-card__footer', className)
+  }, props), {}, {
+    children: asParts(children)
+  }));
+});
+export default Footer;

package/dist/esm/stat-card/index.js

@@ -0,0 +1,33 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+/**
+ * StatCard
+ */
+
+/**
+ * Internal dependencies.
+ */
+import Body from './body';
+import Delta from './delta';
+import Footer from './footer';
+import Label from './label';
+import Root from './root';
+import Secondary from './secondary';
+import Value from './value';
+export { STAT_CARD_NULL_GLYPH } from './constants';
+// Compound components here export one namespace object, as Drawer does.
+export var StatCard = {
+  Root: Root,
+  Label: Label,
+  Body: Body,
+  Value: Value,
+  Delta: Delta,
+  Secondary: Secondary,
+  Footer: Footer
+};
+Object.entries(StatCard).forEach(function (_ref) {
+  var _ref2 = _slicedToArray(_ref, 2),
+    name = _ref2[0],
+    part = _ref2[1];
+  part.displayName = "StatCard.".concat(name);
+});
+export default StatCard;