@zendeskgarden/react-datepickers 9.0.0-next.2 → 9.0.0-next.20

package/dist/esm/styled/StyledHeaderPaddle.js

@@ -0,0 +1,71 @@
+/**
+* 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, getColor } from '@zendeskgarden/react-theming';
+
+const sizeStyles = _ref => {
+  let {
+    $isCompact,
+    theme
+  } = _ref;
+  const iconSize = theme.iconSizes.md;
+  const size = theme.space.base * ($isCompact ? 8 : 10);
+  return css(["width:", "px;height:", "px;svg{width:", ";height:", ";}"], size, size, iconSize, iconSize);
+};
+const colorStyles = _ref2 => {
+  let {
+    theme
+  } = _ref2;
+  const foreground = getColor({
+    variable: 'foreground.subtle',
+    theme
+  });
+  const foregroundHover = getColor({
+    variable: 'foreground.subtle',
+    light: {
+      offset: 100
+    },
+    dark: {
+      offset: -100
+    },
+    theme
+  });
+  const backgroundHover = getColor({
+    variable: 'background.primaryEmphasis',
+    theme,
+    transparency: theme.opacity[100]
+  });
+  const foregroundActive = getColor({
+    variable: 'foreground.subtle',
+    light: {
+      offset: 200
+    },
+    dark: {
+      offset: -200
+    },
+    theme
+  });
+  const backgroundActive = getColor({
+    variable: 'background.primaryEmphasis',
+    theme,
+    transparency: theme.opacity[200]
+  });
+  return css(["color:", ";:hover{background-color:", ";color:", ";}:active{background-color:", ";color:", ";}"], foreground, backgroundHover, foregroundHover, backgroundActive, foregroundActive);
+};
+const COMPONENT_ID = 'datepickers.header_paddle';
+const StyledHeaderPaddle = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledHeaderPaddle",
+  componentId: "sc-2oqh0g-0"
+})(["display:flex;align-items:center;justify-content:center;transform:", ";border-radius:50%;cursor:pointer;&[aria-hidden]{visibility:hidden;}", " ", " ", ";"], props => props.theme.rtl && 'rotate(180deg)', sizeStyles, colorStyles, props => retrieveComponentStyles(COMPONENT_ID, props));
+StyledHeaderPaddle.defaultProps = {
+  theme: DEFAULT_THEME
+};
+
+export { StyledHeaderPaddle };

package/dist/esm/styled/StyledHighlight.js

@@ -0,0 +1,56 @@
+/**
+* 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, getColor } from '@zendeskgarden/react-theming';
+
+const COMPONENT_ID = 'datepickers.highlight';
+const sizeStyles = _ref => {
+  let {
+    theme,
+    $isEnd,
+    $isStart
+  } = _ref;
+  let borderRadius;
+  const startValue = '0 50% 50% 0;';
+  const endValue = '50% 0 0 50%;';
+  if (theme.rtl) {
+    if ($isStart) {
+      borderRadius = startValue;
+    } else if ($isEnd) {
+      borderRadius = endValue;
+    }
+  }
+  if ($isStart) {
+    borderRadius = endValue;
+  } else if ($isEnd) {
+    borderRadius = startValue;
+  }
+  return css(["border-radius:", ";width:100%;height:100%;"], borderRadius);
+};
+const colorStyles = _ref2 => {
+  let {
+    $isHighlighted,
+    theme
+  } = _ref2;
+  return css(["background-color:", ";"], $isHighlighted && getColor({
+    variable: 'background.primaryEmphasis',
+    transparency: theme.opacity[100],
+    theme
+  }));
+};
+const StyledHighlight = styled.div.attrs({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20'
+}).withConfig({
+  displayName: "StyledHighlight",
+  componentId: "sc-16vr32x-0"
+})(["position:absolute;top:0;left:0;", " ", " ", ";"], sizeStyles, colorStyles, 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.20'
+}).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,29 @@
+/**
+* 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 => ({
+  'data-garden-id': COMPONENT_ID,
+  'data-garden-version': '9.0.0-next.20',
+  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['aria-hidden'],
+  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,23 @@
+/**
+* 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,
+  'data-garden-version': '9.0.0-next.20'
+}).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 };