@birdnet/advanced-react-dates 0.0.0-stage → 1.0.0

package/esm/components/KeyboardShortcutRow.js

@@ -0,0 +1,69 @@
+import _extends from "@babel/runtime/helpers/esm/extends";
+import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
+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; }
+import React from 'react';
+import PropTypes from 'prop-types';
+import { forbidExtraProps } from 'airbnb-prop-types';
+import { withStyles, withStylesPropTypes } from 'react-with-styles';
+var propTypes = process.env.NODE_ENV !== "production" ? forbidExtraProps(_objectSpread(_objectSpread({}, withStylesPropTypes), {}, {
+  unicode: PropTypes.string.isRequired,
+  label: PropTypes.string.isRequired,
+  action: PropTypes.string.isRequired,
+  block: PropTypes.bool
+})) : {};
+var defaultProps = {
+  block: false
+};
+function KeyboardShortcutRow(_ref) {
+  var unicode = _ref.unicode,
+    label = _ref.label,
+    action = _ref.action,
+    block = _ref.block,
+    css = _ref.css,
+    styles = _ref.styles;
+  return /*#__PURE__*/React.createElement("li", css(styles.KeyboardShortcutRow, block && styles.KeyboardShortcutRow__block), /*#__PURE__*/React.createElement("div", css(styles.KeyboardShortcutRow_keyContainer, block && styles.KeyboardShortcutRow_keyContainer__block), /*#__PURE__*/React.createElement("span", _extends({}, css(styles.KeyboardShortcutRow_key), {
+    role: "img",
+    "aria-label": "".concat(label, ",") // add comma so screen readers will pause before reading action
+  }), unicode)), /*#__PURE__*/React.createElement("div", css(styles.KeyboardShortcutRow_action), action));
+}
+KeyboardShortcutRow.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+KeyboardShortcutRow.defaultProps = defaultProps;
+export default withStyles(function (_ref2) {
+  var color = _ref2.reactDates.color;
+  return {
+    KeyboardShortcutRow: {
+      listStyle: 'none',
+      margin: '6px 0'
+    },
+    KeyboardShortcutRow__block: {
+      marginBottom: 16
+    },
+    KeyboardShortcutRow_keyContainer: {
+      display: 'inline-block',
+      whiteSpace: 'nowrap',
+      textAlign: 'right',
+      // is not handled by isRTL
+      marginRight: 6 // is not handled by isRTL
+    },
+    KeyboardShortcutRow_keyContainer__block: {
+      textAlign: 'left',
+      // is not handled by isRTL
+      display: 'inline'
+    },
+    KeyboardShortcutRow_key: {
+      fontFamily: 'monospace',
+      fontSize: 12,
+      textTransform: 'uppercase',
+      background: color.core.grayLightest,
+      padding: '2px 6px'
+    },
+    KeyboardShortcutRow_action: {
+      display: 'inline',
+      wordBreak: 'break-word',
+      marginLeft: 8 // is not handled by isRTL
+    }
+  };
+}, {
+  pureComponent: typeof React.PureComponent !== 'undefined'
+})(KeyboardShortcutRow);

package/esm/components/LeftArrow.js

@@ -0,0 +1,11 @@
+import React from "react";
+var LeftArrow = function LeftArrow(props) {
+  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
+    d: "M336 275L126 485h806c13 0 23 10 23 23s-10 23-23 23H126l210 210c11 11 11 21 0 32-5 5-10 7-16 7s-11-2-16-7L55 524c-11-11-11-21 0-32l249-249c21-22 53 10 32 32z"
+  }));
+};
+LeftArrow.defaultProps = {
+  focusable: "false",
+  viewBox: "0 0 1000 1000"
+};
+export default LeftArrow;

package/esm/components/RightArrow.js

@@ -0,0 +1,11 @@
+import React from "react";
+var RightArrow = function RightArrow(props) {
+  return /*#__PURE__*/React.createElement("svg", props, /*#__PURE__*/React.createElement("path", {
+    d: "M694 242l249 250c12 11 12 21 1 32L694 773c-5 5-10 7-16 7s-11-2-16-7c-11-11-11-21 0-32l210-210H68c-13 0-23-10-23-23s10-23 23-23h806L662 275c-21-22 11-54 32-33z"
+  }));
+};
+RightArrow.defaultProps = {
+  focusable: "false",
+  viewBox: "0 0 1000 1000"
+};
+export default RightArrow;