@pingux/astro 2.9.0-alpha.0 → 2.9.0-alpha.1

package/lib/cjs/components/Calendar/Calendar.js

@@ -36,13 +36,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "functi
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 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; }
-/**
- * A simple component to display a monthly grid for date selection.
- * Utilizes [useCalendar, useCalendarGrid, useCalendarCell](https://react-spectrum.adobe.com/react-aria/useCalendar.html),
- * from React Aria and [useCalendarState](https://react-spectrum.adobe.com/react-stately/useCalendarState.html)
- * from React Stately.
- */
-
 var Calendar = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var value = props.value,
     defaultValue = props.defaultValue,

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

@@ -22,9 +22,11 @@ var _defineProperty2 = _interopRequireDefault(require("@babel/runtime-corejs3/he
 var _react = _interopRequireWildcard(require("react"));
 var _date = require("@internationalized/date");
 var _storybookAddonDesigns = require("storybook-addon-designs");
+var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _figmaLinks = require("../../utils/designUtils/figmaLinks.js");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _Calendar = _interopRequireDefault(require("./Calendar"));
+var _Calendar2 = _interopRequireDefault(require("./Calendar.mdx"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -41,6 +43,9 @@ var _default = {
     docs: {
       source: {
         type: 'code'
+      },
+      page: function page() {
+        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_Calendar2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
   },

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

@@ -40,16 +40,6 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
  * The `is-selected` class is added to the button after the component unmounts.
  */
 
-/**
- * Combines an DateField with a calendar to enter or select a date.
- *
- * Utilizes [useDatePicker](https://react-spectrum.adobe.com/react-aria/useDatePicker.html) from React
- * Aria and [useDatePickerState](https://react-spectrum.adobe.com/react-stately/useDatePickerState.html)
- * from React Stately.
- *
- * Props not specified are passed along to the underlying `DateField` component.
- */
-
 var DatePicker = /*#__PURE__*/(0, _react.forwardRef)(function (props, ref) {
   var defaultValue = props.defaultValue,
     hasAutoFocus = props.hasAutoFocus,

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

@@ -22,9 +22,11 @@ var _react = _interopRequireWildcard(require("react"));
 var _date = require("@internationalized/date");
 var _utils = require("@react-aria/utils");
 var _addonActions = require("@storybook/addon-actions");
+var _storybookDocsLayout = _interopRequireDefault(require("../../../.storybook/storybookDocsLayout"));
 var _index = require("../../index");
 var _ariaAttributes = require("../../utils/docUtils/ariaAttributes");
 var _DatePicker = _interopRequireDefault(require("./DatePicker"));
+var _DatePicker2 = _interopRequireDefault(require("./DatePicker.mdx"));
 var _react2 = require("@emotion/react");
 function _getRequireWildcardCache(nodeInterop) { if (typeof _WeakMap !== "function") return null; var cacheBabelInterop = new _WeakMap(); var cacheNodeInterop = new _WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { "default": obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = _Object$defineProperty && _Object$getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? _Object$getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { _Object$defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj["default"] = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
@@ -37,6 +39,9 @@ var _default = {
     docs: {
       source: {
         type: 'code'
+      },
+      page: function page() {
+        return (0, _react2.jsx)(_react["default"].Fragment, null, (0, _react2.jsx)(_DatePicker2["default"], null), (0, _react2.jsx)(_storybookDocsLayout["default"], null));
       }
     }
   },

package/lib/components/Calendar/Calendar.js

@@ -24,13 +24,6 @@ import { useCalendarState } from '@react-stately/calendar';
 import PropTypes from 'prop-types';
 import { Box, Button, Icon, IconButton, Text } from '../../index';
 import CalendarGrid from './CalendarGrid';
-
-/**
- * A simple component to display a monthly grid for date selection.
- * Utilizes [useCalendar, useCalendarGrid, useCalendarCell](https://react-spectrum.adobe.com/react-aria/useCalendar.html),
- * from React Aria and [useCalendarState](https://react-spectrum.adobe.com/react-stately/useCalendarState.html)
- * from React Stately.
- */
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var Calendar = /*#__PURE__*/forwardRef(function (props, ref) {
   var value = props.value,

package/lib/components/Calendar/Calendar.stories.js

@@ -15,9 +15,11 @@ function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { va
 import React, { useState } from 'react';
 import { parseDate } from '@internationalized/date';
 import { withDesign } from 'storybook-addon-designs';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { FIGMA_LINKS } from '../../utils/designUtils/figmaLinks.js';
 import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import Calendar from './Calendar';
+import CalendarReadme from './Calendar.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Components/Calendar',
@@ -30,6 +32,9 @@ export default {
     docs: {
       source: {
         type: 'code'
+      },
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(CalendarReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
   },

package/lib/components/DatePicker/DatePicker.js

@@ -28,16 +28,6 @@ import DateField from './DateField';
  * Console Warning: The state update warning is a known issue coming from the react-aria library.
  * The `is-selected` class is added to the button after the component unmounts.
  */
-
-/**
- * Combines an DateField with a calendar to enter or select a date.
- *
- * Utilizes [useDatePicker](https://react-spectrum.adobe.com/react-aria/useDatePicker.html) from React
- * Aria and [useDatePickerState](https://react-spectrum.adobe.com/react-stately/useDatePickerState.html)
- * from React Stately.
- *
- * Props not specified are passed along to the underlying `DateField` component.
- */
 import { jsx as ___EmotionJSX } from "@emotion/react";
 var DatePicker = /*#__PURE__*/forwardRef(function (props, ref) {
   var defaultValue = props.defaultValue,

package/lib/components/DatePicker/DatePicker.stories.js

@@ -15,9 +15,11 @@ import React, { useState } from 'react';
 import { parseDate } from '@internationalized/date';
 import { chain } from '@react-aria/utils';
 import { actions } from '@storybook/addon-actions';
+import DocsLayout from '../../../.storybook/storybookDocsLayout';
 import { Box, Button } from '../../index';
 import { ariaAttributeBaseArgTypes } from '../../utils/docUtils/ariaAttributes';
 import DatePicker from './DatePicker';
+import DatePickerReadme from './DatePicker.mdx';
 import { jsx as ___EmotionJSX } from "@emotion/react";
 export default {
   title: 'Form/DatePicker',
@@ -26,6 +28,9 @@ export default {
     docs: {
       source: {
         type: 'code'
+      },
+      page: function page() {
+        return ___EmotionJSX(React.Fragment, null, ___EmotionJSX(DatePickerReadme, null), ___EmotionJSX(DocsLayout, null));
       }
     }
   },

package/package.json

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