@zendeskgarden/react-datepickers 8.75.1 → 8.76.0

package/dist/esm/styled/StyledHighlight.js

@@ -0,0 +1,50 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled, { css } from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME, getColorV8 } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'datepickers.highlight';
+const retrieveBorderRadius = _ref => {
+  let {
+    theme,
+    isEnd,
+    isStart
+  } = _ref;
+  const startValue = 'border-radius: 0 50% 50% 0;';
+  const endValue = 'border-radius: 50% 0 0 50%;';
+  if (theme.rtl) {
+    if (isStart) {
+      return startValue;
+    } else if (isEnd) {
+      return endValue;
+    }
+  }
+  if (isStart) {
+    return endValue;
+  } else if (isEnd) {
+    return startValue;
+  }
+  return '';
+};
+const retrieveColor = _ref2 => {
+  let {
+    isHighlighted,
+    theme
+  } = _ref2;
+  return css(["background-color:", ";"], isHighlighted && getColorV8('primaryHue', 600, theme, 0.08));
+};
+const StyledHighlight = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID
+}).withConfig({
+  displayName: "StyledHighlight",
+  componentId: "sc-16vr32x-0"
+})(["position:absolute;top:0;left:0;width:100%;height:100%;", " ", " ", ";"], retrieveBorderRadius, retrieveColor, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledHighlight.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledHighlight };

package/dist/esm/styled/StyledMenu.js

@@ -0,0 +1,22 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled from 'styled-components';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'datepickers.menu';
+const StyledMenu = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '8.76.0'
+}).withConfig({
+  displayName: "StyledMenu",
+  componentId: "sc-1npbkk0-0"
+})(["", ";"], props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMenu.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMenu };

package/dist/esm/styled/StyledMenuWrapper.js

@@ -0,0 +1,28 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled from 'styled-components';
+import { menuStyles, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { getMenuPosition } from '../elements/Datepicker/utils/garden-placements.js';
+
+const COMPONENT_ID = 'datepickers.menu_wrapper';
+const StyledMenuWrapper = styled.div.attrs(props => ({
+  className: props.isAnimated && 'is-animated'
+})).withConfig({
+  displayName: "StyledMenuWrapper",
+  componentId: "sc-6fowoz-0"
+})(["", ";", ";"], props => menuStyles(getMenuPosition(props.placement), {
+  theme: props.theme,
+  hidden: props.isHidden,
+  margin: `${props.theme.space.base}px`,
+  zIndex: props.zIndex,
+  animationModifier: props.isAnimated ? '.is-animated' : undefined
+}), props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledMenuWrapper.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledMenuWrapper };

package/dist/esm/styled/StyledRangeCalendar.js

@@ -0,0 +1,22 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+import styled from 'styled-components';
+import { StyledDatepicker } from './StyledDatepicker.js';
+import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'datepickers.range_calendar';
+const StyledRangeCalendar = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID
+}).withConfig({
+  displayName: "StyledRangeCalendar",
+  componentId: "sc-1og46sy-0"
+})(["display:flex;overflow:auto;", "{margin:0;", "}", ";"], StyledDatepicker, props => props.theme.rtl ? `&:last-of-type {margin-right: ${props.theme.space.base * 5}px}` : `&:first-of-type {margin-right: ${props.theme.space.base * 5}px}`, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledRangeCalendar.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledRangeCalendar };

package/dist/esm/types/index.js

@@ -0,0 +1,11 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+const WEEK_STARTS_ON = [0, 1, 2, 3, 4, 5, 6];
+const SHARED_PLACEMENT = ['auto', 'top', 'top-start', 'top-end', 'bottom', 'bottom-start', 'bottom-end'];
+const PLACEMENT = [...SHARED_PLACEMENT, 'end', 'end-top', 'end-bottom', 'start', 'start-top', 'start-bottom'];
+
+export { PLACEMENT, WEEK_STARTS_ON };

package/dist/esm/utils/calendar-utils.js

@@ -0,0 +1,88 @@
+/**
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
+const REGION_MAPPINGS = {
+  'ar-DZ': 0,
+  'ar-SA': 0,
+  'en-CA': 0,
+  'en-GB': 1,
+  'en-US': 0,
+  'fa-IR': 0,
+  'fr-CH': 1,
+  'nl-BE': 1,
+  'pt-BR': 0,
+  'zh-CN': 1,
+  'zh-TW': 1
+};
+const LANGUAGE_MAPPINGS = {
+  af: 0,
+  ar: 6,
+  be: 1,
+  bg: 1,
+  bn: 0,
+  ca: 1,
+  cs: 1,
+  da: 1,
+  de: 1,
+  el: 1,
+  en: 0,
+  eo: 1,
+  es: 1,
+  et: 1,
+  fa: 0,
+  fi: 1,
+  fil: 0,
+  fr: 1,
+  gl: 1,
+  he: 0,
+  hr: 1,
+  hu: 1,
+  id: 1,
+  is: 1,
+  it: 1,
+  ja: 1,
+  ka: 1,
+  ko: 0,
+  lt: 1,
+  lv: 1,
+  mk: 1,
+  ms: 1,
+  nb: 1,
+  nl: 1,
+  nn: 1,
+  pl: 1,
+  pt: 0,
+  ro: 1,
+  ru: 1,
+  sk: 1,
+  sl: 1,
+  sr: 1,
+  sv: 1,
+  th: 1,
+  tr: 1,
+  ug: 0,
+  uk: 1,
+  vi: 1,
+  zh: 1
+};
+function getStartOfWeek(locale) {
+  if (!locale) {
+    return 0;
+  }
+  for (const region in REGION_MAPPINGS) {
+    if (locale.startsWith(region)) {
+      return REGION_MAPPINGS[region];
+    }
+  }
+  for (const language in LANGUAGE_MAPPINGS) {
+    if (locale.startsWith(language)) {
+      return LANGUAGE_MAPPINGS[language];
+    }
+  }
+  return 0;
+}
+
+export { getStartOfWeek };

package/dist/index.cjs.js

@@ -1,10 +1,9 @@
 /**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
 'use strict';
 
 var React = require('react');
@@ -112,7 +111,7 @@ function getMenuPosition(popperPlacement) {
 const COMPONENT_ID$b = 'datepickers.menu';
 const StyledMenu = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '8.75.1'
+  'data-garden-version': '8.76.0'
 }).withConfig({
   displayName: "StyledMenu",
   componentId: "sc-1npbkk0-0"
@@ -438,9 +437,9 @@ function getStartOfWeek(locale) {
 }
 
 var _path$1;
-function _extends$2() { _extends$2 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
+function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -454,9 +453,9 @@ var SvgChevronLeftStroke = function SvgChevronLeftStroke(props) {
 };
 
 var _path;
-function _extends$1() { _extends$1 = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 var SvgChevronRightStroke = function SvgChevronRightStroke(props) {
-  return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
+  return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
@@ -1385,21 +1384,6 @@ const End = props => {
 };
 End.displayName = 'DatepickerRange.End';
 
-function _extends() {
-  _extends = Object.assign ? Object.assign.bind() : function (target) {
-    for (var i = 1; i < arguments.length; i++) {
-      var source = arguments[i];
-      for (var key in source) {
-        if (Object.prototype.hasOwnProperty.call(source, key)) {
-          target[key] = source[key];
-        }
-      }
-    }
-    return target;
-  };
-  return _extends.apply(this, arguments);
-}
-
 const Month = React.forwardRef((_ref, ref) => {
   let {
     displayDate,
@@ -1636,10 +1620,10 @@ const Calendar = React.forwardRef((props, ref) => {
   const {
     state
   } = useDatepickerContext();
-  return React__namespace.default.createElement(StyledRangeCalendar, _extends({
+  return React__namespace.default.createElement(StyledRangeCalendar, Object.assign({
     ref: ref,
     "data-garden-id": "datepickers.range",
-    "data-garden-version": '8.75.1'
+    "data-garden-version": '8.76.0'
   }, props), React__namespace.default.createElement(Month, {
     displayDate: state.previewDate,
     isNextHidden: true

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-datepickers",
-  "version": "8.75.1",
+  "version": "8.76.0",
   "description": "Components relating to datepickers in the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -27,13 +27,13 @@
     "react-popper": "^1.3.4"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.1.0",
+    "@zendeskgarden/react-theming": "^8.75.0",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": "^4.2.0 || ^5.0.0"
   },
   "devDependencies": {
-    "@zendeskgarden/react-theming": "^8.75.1",
+    "@zendeskgarden/react-theming": "^8.76.0",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -46,5 +46,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "8e2bb36bcfef722db47a135fc987f72597be5000"
+  "gitHead": "3e52650c39fd1085a2e97b40a43eed7bc1e21937"
 }