@synerise/ds-date-range-picker 1.6.10 → 1.6.12

package/dist/Footer/Footer.js

@@ -1,70 +1,68 @@
-var _excluded = ["canApply", "onApply", "canSwitchMode", "onSwitchMode", "mode", "dateOnly", "message", "texts", "value", "format", "valueFormatOptions", "showTime", "displayDateContainerClass"];
-function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
-function _objectWithoutPropertiesLoose(r, e) { if (null == r) return {}; var t = {}; for (var n in r) if ({}.hasOwnProperty.call(r, n)) { if (-1 !== e.indexOf(n)) continue; t[n] = r[n]; } return t; }
-import React, { useCallback, useMemo } from 'react';
-import { useIntl } from 'react-intl';
-import Button from '@synerise/ds-button';
-import { getDefaultDataTimeOptions, useDataFormat } from '@synerise/ds-core';
-import Icon, { ArrowRightS } from '@synerise/ds-icon';
-import Tooltip from '@synerise/ds-tooltip';
-import { isLifetime } from '../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown';
-import * as CONST from '../constants';
-import fnsFormat from '../dateUtils/format';
-import getDateFromString from '../dateUtils/getDateFromString';
-import { toIsoStringWithoutZone } from '../utils';
-import * as S from './Footer.styles';
-var Footer = function Footer(_ref) {
-  var canApply = _ref.canApply,
-    onApply = _ref.onApply,
-    canSwitchMode = _ref.canSwitchMode,
-    onSwitchMode = _ref.onSwitchMode,
-    mode = _ref.mode,
-    dateOnly = _ref.dateOnly,
-    message = _ref.message,
-    texts = _ref.texts,
-    value = _ref.value,
-    format = _ref.format,
-    valueFormatOptions = _ref.valueFormatOptions,
-    showTime = _ref.showTime,
-    _ref$displayDateConta = _ref.displayDateContainerClass,
-    displayDateContainerClass = _ref$displayDateConta === void 0 ? 'ds-date-range-picker-value' : _ref$displayDateConta,
-    rest = _objectWithoutPropertiesLoose(_ref, _excluded);
-  var _useDataFormat = useDataFormat(),
-    formatValue = _useDataFormat.formatValue;
-  var _useIntl = useIntl(),
-    locale = _useIntl.locale;
-  var footerFormat = format || (showTime ? 'MMM D, YYYY, HH:mm' : 'MMM D, YYYY');
-  var footerDateToString = useCallback(function (date) {
-    if (format || typeof date === 'string') {
-      return fnsFormat(getDateFromString(date), footerFormat, locale);
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useCallback, useMemo } from "react";
+import { useIntl } from "react-intl";
+import Button from "@synerise/ds-button";
+import { useDataFormat, getDefaultDataTimeOptions } from "@synerise/ds-core";
+import Icon, { ArrowRightS } from "@synerise/ds-icon";
+import Tooltip from "@synerise/ds-tooltip";
+import { isLifetime } from "../RelativeRangePicker/Elements/RangeDropdown/RangeDropdown.js";
+import { ALL_TIME } from "../constants.js";
+import format from "../dateUtils/format.js";
+import getDateFromString from "../dateUtils/getDateFromString.js";
+import { toIsoStringWithoutZone } from "../utils.js";
+import { ChosenRange, InvisibleTextContent, Container, ActionsPlaceholder, Actions } from "./Footer.styles.js";
+const Footer = ({
+  canApply,
+  onApply,
+  canSwitchMode,
+  onSwitchMode,
+  mode,
+  dateOnly,
+  message,
+  texts,
+  value,
+  format: format$1,
+  valueFormatOptions,
+  showTime,
+  displayDateContainerClass = "ds-date-range-picker-value",
+  ...rest
+}) => {
+  const {
+    formatValue
+  } = useDataFormat();
+  const {
+    locale
+  } = useIntl();
+  const footerFormat = format$1 || (showTime ? "MMM D, YYYY, HH:mm" : "MMM D, YYYY");
+  const footerDateToString = useCallback((date) => {
+    if (format$1 || typeof date === "string") {
+      return format(getDateFromString(date), footerFormat, locale);
     }
-    var parseDate = new Date(toIsoStringWithoutZone(date));
-    return formatValue(parseDate, _extends({}, getDefaultDataTimeOptions(showTime), valueFormatOptions));
-  }, [footerFormat, format, formatValue, locale, valueFormatOptions, showTime]);
-  var ChosenRange = useMemo(function () {
-    if ((value == null ? void 0 : value.key) === CONST.ALL_TIME || value && isLifetime(value)) {
-      var _texts;
-      return /*#__PURE__*/React.createElement(S.ChosenRange, {
-        className: "ds-date-range-picker-value"
-      }, value != null && value.translationKey ? (_texts = texts[value.translationKey]) != null ? _texts : value.translationKey : (value == null ? void 0 : value.key) || 'LIFETIME');
+    const parseDate = new Date(toIsoStringWithoutZone(date));
+    return formatValue(parseDate, {
+      ...getDefaultDataTimeOptions(showTime),
+      ...valueFormatOptions
+    });
+  }, [footerFormat, format$1, formatValue, locale, valueFormatOptions, showTime]);
+  const ChosenRange$1 = useMemo(() => {
+    if (value?.key === ALL_TIME || value && isLifetime(value)) {
+      return /* @__PURE__ */ jsx(ChosenRange, { className: "ds-date-range-picker-value", children: value?.translationKey ? texts[value.translationKey] ?? value.translationKey : value?.key || "LIFETIME" });
     }
-    return /*#__PURE__*/React.createElement(S.ChosenRange, {
-      className: displayDateContainerClass
-    }, !!value && !!value.from ? footerDateToString(value == null ? void 0 : value.from) : texts.startDatePlaceholder, /*#__PURE__*/React.createElement(S.InvisibleTextContent, null, ' – '), /*#__PURE__*/React.createElement(Icon, {
-      component: /*#__PURE__*/React.createElement(ArrowRightS, null)
-    }), !!value && !!value.to ? footerDateToString(value == null ? void 0 : value.to) : texts.endDatePlaceholder);
+    return /* @__PURE__ */ jsxs(ChosenRange, { className: displayDateContainerClass, children: [
+      !!value && !!value.from ? footerDateToString(value?.from) : texts.startDatePlaceholder,
+      /* @__PURE__ */ jsx(InvisibleTextContent, { children: " – " }),
+      /* @__PURE__ */ jsx(Icon, { component: /* @__PURE__ */ jsx(ArrowRightS, {}) }),
+      !!value && !!value.to ? footerDateToString(value?.to) : texts.endDatePlaceholder
+    ] });
   }, [value, texts, displayDateContainerClass, footerDateToString]);
-  return /*#__PURE__*/React.createElement(S.Container, _extends({
-    className: "ds-date-range-picker-footer"
-  }, rest), ChosenRange, /*#__PURE__*/React.createElement(S.ActionsPlaceholder, null), /*#__PURE__*/React.createElement(S.Actions, null, /*#__PURE__*/React.createElement(Tooltip, {
-    title: message
-  }, /*#__PURE__*/React.createElement(Button, {
-    "data-testid": "date-range-picker-apply-button",
-    disabled: !canApply,
-    type: "primary",
-    onClick: function onClick() {
+  return /* @__PURE__ */ jsxs(Container, { className: "ds-date-range-picker-footer", ...rest, children: [
+    ChosenRange$1,
+    /* @__PURE__ */ jsx(ActionsPlaceholder, {}),
+    /* @__PURE__ */ jsx(Actions, { children: /* @__PURE__ */ jsx(Tooltip, { title: message, children: /* @__PURE__ */ jsx(Button, { "data-testid": "date-range-picker-apply-button", disabled: !canApply, type: "primary", onClick: () => {
       onApply && onApply(value);
-    }
-  }, texts.apply))));
+    }, children: texts.apply }) }) })
+  ] });
+};
+export {
+  Footer as default
 };
-export default Footer;

package/dist/Footer/Footer.styles.d.ts

@@ -1,9 +1,9 @@
-import { type StyledButton } from '@synerise/ds-button';
-export declare const Container: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const Actions: import("styled-components").StyledComponent<"div", any, {}, never>;
+import { StyledButton } from '@synerise/ds-button';
+export declare const Container: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const Actions: import('styled-components').StyledComponent<"div", any, {}, never>;
 export declare const Range: StyledButton;
-export declare const ActionsPlaceholder: import("styled-components").StyledComponent<"div", any, {}, never>;
-export declare const ChosenRange: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const ActionsPlaceholder: import('styled-components').StyledComponent<"div", any, {}, never>;
+export declare const ChosenRange: import('styled-components').StyledComponent<"div", any, {}, never>;
 /**
  * This is mainly for unit-tests capabilitiess and WCAG compliancy, it is visible
  * can be used for em-dashes (APA style) which will be recognized by screen-readers
@@ -14,4 +14,4 @@ export declare const ChosenRange: import("styled-components").StyledComponent<"d
  *     <S.InvisibleTextContent>{' – '}</S.InvisibleTextContent>
  *     <Icon component={<ArrowRightS/>}/>
  */
-export declare const InvisibleTextContent: import("styled-components").StyledComponent<"span", any, {}, never>;
+export declare const InvisibleTextContent: import('styled-components').StyledComponent<"span", any, {}, never>;

package/dist/Footer/Footer.styles.js

@@ -1,42 +1,34 @@
-import styled from 'styled-components';
-import Button from '@synerise/ds-button';
-export var Container = styled.div.withConfig({
+import styled from "styled-components";
+import Button from "@synerise/ds-button";
+const Container = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__Container",
   componentId: "sc-1oatjb7-0"
-})(["display:flex;align-items:center;padding:24px 24px;background:", ";"], function (props) {
-  return props.theme.palette['grey-050'];
-});
-export var Actions = styled.div.withConfig({
+})(["display:flex;align-items:center;padding:24px 24px;background:", ";"], (props) => props.theme.palette["grey-050"]);
+const Actions = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__Actions",
   componentId: "sc-1oatjb7-1"
 })(["flex:0;display:flex;align-items:center;white-space:nowrap;> *:not(:last-child){margin-right:8px;}"]);
-export var Range = styled(Button).withConfig({
+const Range = /* @__PURE__ */ styled(Button).withConfig({
   displayName: "Footerstyles__Range",
   componentId: "sc-1oatjb7-2"
 })(["&&{margin:4px 0;&:not(:last-child){margin-right:8px;}}"]);
-export var ActionsPlaceholder = styled.div.withConfig({
+const ActionsPlaceholder = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__ActionsPlaceholder",
   componentId: "sc-1oatjb7-3"
 })(["display:flex;flex:1;"]);
-export var ChosenRange = styled.div.withConfig({
+const ChosenRange = /* @__PURE__ */ styled.div.withConfig({
   displayName: "Footerstyles__ChosenRange",
   componentId: "sc-1oatjb7-4"
-})(["font-weight:500;line-height:24px;color:", ";.ds-icon svg{margin-top:-2px;fill:", ";}"], function (props) {
-  return props.theme.palette['grey-800'];
-}, function (props) {
-  return props.theme.palette['grey-400'];
-});
-/**
- * This is mainly for unit-tests capabilitiess and WCAG compliancy, it is visible
- * can be used for em-dashes (APA style) which will be recognized by screen-readers
- * or in tests in `textContent` JS DOM property.
- *
- * Example usage:
- *
- *     <S.InvisibleTextContent>{' – '}</S.InvisibleTextContent>
- *     <Icon component={<ArrowRightS/>}/>
- */
-export var InvisibleTextContent = styled.span.withConfig({
+})(["font-weight:500;line-height:24px;color:", ";.ds-icon svg{margin-top:-2px;fill:", ";}"], (props) => props.theme.palette["grey-800"], (props) => props.theme.palette["grey-400"]);
+const InvisibleTextContent = /* @__PURE__ */ styled.span.withConfig({
   displayName: "Footerstyles__InvisibleTextContent",
   componentId: "sc-1oatjb7-5"
-})(["display:none;"]);
+})(["display:none;"]);
+export {
+  Actions,
+  ActionsPlaceholder,
+  ChosenRange,
+  Container,
+  InvisibleTextContent,
+  Range
+};

package/dist/Footer/Footer.types.d.ts

@@ -1,6 +1,6 @@
-import type { DateToFormatOptions } from '@synerise/ds-core';
-import type { Texts } from '../DateRangePicker.types';
-import type { DateRange } from '../date.types';
+import { DateToFormatOptions } from '@synerise/ds-core';
+import { Texts } from '../DateRangePicker.types';
+import { DateRange } from '../date.types';
 export type Props = {
     mode: string;
     dateOnly?: boolean;

package/dist/Footer/Footer.types.js

@@ -1 +1 @@
-export {};
+

package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.d.ts

@@ -1,17 +1,17 @@
-import React from 'react';
-import { type WrappedComponentProps } from 'react-intl';
-import { type WithTranslations } from '../../../DateRangePicker.types';
-import { type Days } from '../../../date.types';
-import { type ValueSelectionModes, type WithDisabledProp } from '../../RangeFilter.types';
-import { type RangeDisplayMode } from '../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
-import { type RangeActions as RangeActionsMethods } from '../../Shared/TimeWindow/TimeWindow.types';
+import { default as React } from 'react';
+import { WrappedComponentProps } from 'react-intl';
+import { WithTranslations } from '../../../DateRangePicker.types';
+import { Days } from '../../../date.types';
+import { ValueSelectionModes, WithDisabledProp } from '../../RangeFilter.types';
+import { RangeDisplayMode } from '../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.types';
+import { RangeActions as RangeActionsMethods } from '../../Shared/TimeWindow/TimeWindow.types';
 export interface Props extends WrappedComponentProps, Partial<RangeActionsMethods>, WithTranslations, WithDisabledProp {
     value: string;
     onChange: (v: Days) => void;
     rangeDisplayMode?: RangeDisplayMode;
     valueSelectionModes: ValueSelectionModes;
 }
-declare const _default: React.FC<import("react-intl").WithIntlProps<Props>> & {
+declare const _default: React.FC<import('react-intl').WithIntlProps<Props>> & {
     WrappedComponent: React.ComponentType<Props>;
 };
 export default _default;

package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.js

@@ -1,49 +1,60 @@
-import React from 'react';
-import { injectIntl } from 'react-intl';
-import { RANGE_DISPLAY_MODES } from '../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.constants';
-import TimeWindow from '../../Shared/TimeWindow/TimeWindow';
-import * as S from './DailyFilter.styles';
-var DailyFilter = function DailyFilter(props) {
-  var handleChange = function handleChange(value) {
-    var onChange = props.onChange;
-    onChange && onChange(value[0]);
+import { jsxs, jsx } from "react/jsx-runtime";
+import { injectIntl } from "react-intl";
+import { RANGE_DISPLAY_MODES } from "../../Shared/TimeWindow/RangeFormContainer/RangeForm/RangeForm.constants.js";
+import TimeWindow from "../../Shared/TimeWindow/TimeWindow.js";
+import { DailyFilterWrapper } from "./DailyFilter.styles.js";
+const DailyFilter = (props) => {
+  const handleChange = (value2) => {
+    const {
+      onChange
+    } = props;
+    onChange && onChange(value2[0]);
   };
-  var value = props.value,
-    onRangeCopy = props.onRangeCopy,
-    onRangePaste = props.onRangePaste,
-    onRangeClear = props.onRangeClear,
-    texts = props.texts,
-    valueSelectionModes = props.valueSelectionModes,
-    disabled = props.disabled,
-    rangeDisplayMode = props.rangeDisplayMode;
-  var hideHeader = rangeDisplayMode !== RANGE_DISPLAY_MODES.SLIDER;
-  var headerOptions = rangeDisplayMode === RANGE_DISPLAY_MODES.SLIDER ? {
+  const {
+    value,
+    onRangeCopy,
+    onRangePaste,
+    onRangeClear,
+    texts,
+    valueSelectionModes,
+    disabled,
+    rangeDisplayMode
+  } = props;
+  const hideHeader = rangeDisplayMode !== RANGE_DISPLAY_MODES.SLIDER;
+  const headerOptions = rangeDisplayMode === RANGE_DISPLAY_MODES.SLIDER ? {
     includeSummary: false,
     includeActions: false
-  } : undefined;
-  return /*#__PURE__*/React.createElement(S.DailyFilterWrapper, null, /*#__PURE__*/React.createElement(TimeWindow, {
-    disabled: disabled,
-    texts: texts,
-    hideHeader: hideHeader,
-    headerOptions: headerOptions,
-    numberOfDays: 0,
-    customDays: {
-      0: {
-        label: texts.everyDay
+  } : void 0;
+  return /* @__PURE__ */ jsxs(DailyFilterWrapper, { children: [
+    /* @__PURE__ */ jsx(
+      TimeWindow,
+      {
+        disabled,
+        texts,
+        hideHeader,
+        headerOptions,
+        numberOfDays: 0,
+        customDays: {
+          0: {
+            label: texts.everyDay
+          }
+        },
+        days: value[0] ? value[0] : value,
+        onChange: (val) => {
+          handleChange(val);
+        },
+        daily: true,
+        onRangePaste,
+        onRangeCopy,
+        onRangeClear,
+        rangeDisplayMode,
+        valueSelectionModes
       }
-    }
-    // @ts-expect-error: Type 'string' is not assignable to type 'Days'.ts(2322)
-    ,
-    days: value[0] ? value[0] : value,
-    onChange: function onChange(val) {
-      handleChange(val);
-    },
-    daily: true,
-    onRangePaste: onRangePaste,
-    onRangeCopy: onRangeCopy,
-    onRangeClear: onRangeClear,
-    rangeDisplayMode: rangeDisplayMode,
-    valueSelectionModes: valueSelectionModes
-  }), ' ');
+    ),
+    " "
+  ] });
+};
+const DailyFilter$1 = injectIntl(DailyFilter);
+export {
+  DailyFilter$1 as default
 };
-export default injectIntl(DailyFilter);

package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.styles.d.ts

@@ -1 +1 @@
-export declare const DailyFilterWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const DailyFilterWrapper: import('styled-components').StyledComponent<"div", any, {}, never>;

package/dist/RangeFilter/Filters/DailyFilter/DailyFilter.styles.js

@@ -1,5 +1,8 @@
-import styled from 'styled-components';
-export var DailyFilterWrapper = styled.div.withConfig({
+import styled from "styled-components";
+const DailyFilterWrapper = /* @__PURE__ */ styled.div.withConfig({
   displayName: "DailyFilterstyles__DailyFilterWrapper",
   componentId: "sc-17xrhgz-0"
-})(["padding-top:24px;"]);
+})(["padding-top:24px;"]);
+export {
+  DailyFilterWrapper
+};

package/dist/RangeFilter/Filters/MonthlyFilter/MonthlyFilter.d.ts

@@ -1,6 +1,6 @@
-import React from 'react';
-import { type MonthlyFilterProps } from './MonthlyFilter.types';
-declare const _default: React.FC<import("react-intl").WithIntlProps<MonthlyFilterProps>> & {
+import { default as React } from 'react';
+import { MonthlyFilterProps } from './MonthlyFilter.types';
+declare const _default: React.FC<import('react-intl').WithIntlProps<MonthlyFilterProps>> & {
     WrappedComponent: React.ComponentType<MonthlyFilterProps>;
 };
 export default _default;