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

package/lib/components/KeyboardShortcutRow.js

@@ -0,0 +1,76 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _airbnbPropTypes = require("airbnb-prop-types");
+var _reactWithStyles = require("react-with-styles");
+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) { (0, _defineProperty2["default"])(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; }
+var propTypes = process.env.NODE_ENV !== "production" ? (0, _airbnbPropTypes.forbidExtraProps)(_objectSpread(_objectSpread({}, _reactWithStyles.withStylesPropTypes), {}, {
+  unicode: _propTypes["default"].string.isRequired,
+  label: _propTypes["default"].string.isRequired,
+  action: _propTypes["default"].string.isRequired,
+  block: _propTypes["default"].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["default"].createElement("li", css(styles.KeyboardShortcutRow, block && styles.KeyboardShortcutRow__block), /*#__PURE__*/_react["default"].createElement("div", css(styles.KeyboardShortcutRow_keyContainer, block && styles.KeyboardShortcutRow_keyContainer__block), /*#__PURE__*/_react["default"].createElement("span", (0, _extends2["default"])({}, css(styles.KeyboardShortcutRow_key), {
+    role: "img",
+    "aria-label": "".concat(label, ",") // add comma so screen readers will pause before reading action
+  }), unicode)), /*#__PURE__*/_react["default"].createElement("div", css(styles.KeyboardShortcutRow_action), action));
+}
+KeyboardShortcutRow.propTypes = process.env.NODE_ENV !== "production" ? propTypes : {};
+KeyboardShortcutRow.defaultProps = defaultProps;
+var _default = exports["default"] = (0, _reactWithStyles.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["default"].PureComponent !== 'undefined'
+})(KeyboardShortcutRow);

package/lib/components/LeftArrow.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var LeftArrow = function LeftArrow(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].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"
+};
+var _default = exports["default"] = LeftArrow;

package/lib/components/RightArrow.js

@@ -0,0 +1,18 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+var _react = _interopRequireDefault(require("react"));
+var RightArrow = function RightArrow(props) {
+  return /*#__PURE__*/_react["default"].createElement("svg", props, /*#__PURE__*/_react["default"].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"
+};
+var _default = exports["default"] = RightArrow;