@zendeskgarden/react-datepickers 9.0.0-next.0 → 9.0.0-next.10

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': '9.0.0-next.10'
+}).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,27 @@
+/**
+* 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, getMenuPosition, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'datepickers.menu_wrapper';
+const StyledMenuWrapper = styled.div.attrs(props => ({
+  className: props.isAnimated && 'is-animated'
+})).withConfig({
+  displayName: "StyledMenuWrapper",
+  componentId: "sc-6fowoz-0"
+})(["top:0;left: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,12 @@
+/**
+* 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 { PLACEMENT as PLACEMENT$1 } from '@zendeskgarden/react-theming';
+
+const WEEK_STARTS_ON = [0, 1, 2, 3, 4, 5, 6];
+const PLACEMENT = ['auto', ...PLACEMENT$1];
+
+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 };