@atlaskit/link-datasource 6.8.0 → 6.10.0

package/dist/es2019/ui/issue-like-table/table-cell-content/index.js

@@ -1,259 +0,0 @@
-/* index.tsx generated by @compiled/babel-plugin v2.0.0 */
-import "./index.compiled.css";
-import { ax, ix } from "@compiled/react/runtime";
-import React from 'react';
-import { useIntl } from 'react-intl';
-import { fg } from '@atlaskit/platform-feature-flags/fg';
-import { Box } from '@atlaskit/primitives/compiled';
-import LinkUrl from '@atlaskit/smart-card/link-url';
-import Tooltip from '@atlaskit/tooltip/Tooltip';
-import { useDatasourceCrossProductAttribution } from '../../../analytics/xpc/useDatasourceCrossProductAttribution';
-import { useDatasourceItem } from '../../../state';
-import { useExecuteAtomicAction } from '../../../state/actions';
-import { isEditTypeSelectable, isEditTypeSupported } from '../edit-type';
-import { stringifyType } from '../render-type';
-import { TruncateTextTag } from '../truncate-text-tag';
-import { InlineEdit } from './inline-edit';
-const styles = {
-  readViewStyles: "_1reo15vq _18m915vq _1bto1l2s _1bsb1osq _ae4v1h6o"
-};
-const TooltipWrapper = ({
-  columnKey,
-  datasourceTypeWithValues: {
-    type,
-    values
-  },
-  wrappedColumnKeys,
-  children
-}) => {
-  const intl = useIntl();
-  const stringifiedContent = values.map(value => stringifyType({
-    type,
-    value
-  }, intl.formatMessage, intl.formatDate)).filter(value => value !== '').join(', ');
-  if (stringifiedContent && !(wrappedColumnKeys !== null && wrappedColumnKeys !== void 0 && wrappedColumnKeys.includes(columnKey))) {
-    return /*#__PURE__*/React.createElement(Tooltip, {
-      tag: TruncateTextTag,
-      content: stringifiedContent,
-      testId: "issues-table-cell-tooltip"
-    }, children);
-  }
-  return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-};
-
-/**
- * Extracts the issue link (URL + text) from a row's `key` column data, if present.
- * Returns `undefined` when the row has no `key` data or the data has no URL,
- * so callers can treat the result as a simple "is this row linkable?" check.
- */
-const getIssueLinkData = rowData => {
-  var _rowData$key;
-  const keyData = (_rowData$key = rowData.key) === null || _rowData$key === void 0 ? void 0 : _rowData$key.data;
-  return keyData !== null && keyData !== void 0 && keyData.url ? keyData : undefined;
-};
-
-/**
- * Wraps the given cell `children` in a `LinkUrl` pointing at the issue URL,
- * making the cell's contents (e.g. the issue type icon) act as a link to the
- * issue. If `issueLinkData` is missing, returns `children` unchanged so the
- * caller doesn't need to branch on linkability.
- */
-const getLinkedCellContent = ({
-  children,
-  issueLinkData
-}) => {
-  if (!issueLinkData) {
-    return children;
-  }
-  return /*#__PURE__*/React.createElement(LinkUrl, {
-    href: issueLinkData.url,
-    target: "_blank",
-    "aria-label": issueLinkData.text || issueLinkData.url,
-    "data-testid": 'issue-like-table-type-icon-link'
-  }, children);
-};
-const LinkedCellContentWrapped = ({
-  children,
-  issueLinkData
-}) => {
-  const {
-    wrapCrossProductUrl
-  } = useDatasourceCrossProductAttribution();
-  if (!issueLinkData) {
-    return /*#__PURE__*/React.createElement(React.Fragment, null, children);
-  }
-  return /*#__PURE__*/React.createElement(LinkUrl, {
-    href: wrapCrossProductUrl(issueLinkData.url),
-    target: "_blank",
-    "aria-label": issueLinkData.text || issueLinkData.url,
-    "data-testid": 'issue-like-table-type-icon-link'
-  }, children);
-};
-const isIssueTypeColumnFn = columnKey => {
-  return columnKey === 'issuetype';
-};
-export const ReadOnlyCell = ({
-  id,
-  columnType,
-  wrappedColumnKeys = [],
-  renderItem,
-  columnKey
-}) => {
-  var _useDatasourceItem, _rowData$columnKey;
-  const rowData = (_useDatasourceItem = useDatasourceItem({
-    id
-  })) === null || _useDatasourceItem === void 0 ? void 0 : _useDatasourceItem.data;
-  if (!rowData || !columnKey || !rowData[columnKey]) {
-    return null;
-  }
-
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  const value = (_rowData$columnKey = rowData[columnKey]) === null || _rowData$columnKey === void 0 ? void 0 : _rowData$columnKey.data;
-  const values = Array.isArray(value) ? value : [value];
-  const datasourceTypeWithValues = {
-    type: columnType,
-    values
-  };
-  const isIssueTypeColumn = isIssueTypeColumnFn(columnKey);
-  const issueLinkData = getIssueLinkData(rowData);
-  return /*#__PURE__*/React.createElement(TooltipWrapper, {
-    columnKey: columnKey,
-    datasourceTypeWithValues: datasourceTypeWithValues,
-    wrappedColumnKeys: wrappedColumnKeys
-  }, isIssueTypeColumn && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
-    issueLinkData: issueLinkData
-  }, renderItem(datasourceTypeWithValues)) : getLinkedCellContent({
-    children: renderItem(datasourceTypeWithValues),
-    issueLinkData
-  }) : renderItem(datasourceTypeWithValues));
-};
-const InlineEditableCell = ({
-  ari,
-  values,
-  columnKey,
-  columnTitle,
-  renderItem,
-  integrationKey,
-  issueLinkData,
-  wrappedColumnKeys
-}) => {
-  // Callbacks are returned only when the ari is editable and the action schemas exist in the store
-  const {
-    execute,
-    executeFetch
-  } = useExecuteAtomicAction({
-    ari,
-    fieldKey: columnKey,
-    integrationKey
-  });
-
-  // A field is editable when `execute` is returned from the store
-  const isEditable = !!execute;
-  const readView = /*#__PURE__*/React.createElement(TooltipWrapper, {
-    columnKey: columnKey,
-    datasourceTypeWithValues: values,
-    wrappedColumnKeys: wrappedColumnKeys
-  }, /*#__PURE__*/React.createElement(Box, {
-    testId: "inline-edit-read-view",
-    paddingInline: isEditable ? 'space.075' : 'space.100',
-    paddingBlock: "space.050",
-    xcss: styles.readViewStyles
-    // minHeight here compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: {
-      minHeight: 'calc(40px - 2px * 2)'
-    }
-  }, !isEditable && isIssueTypeColumnFn(columnKey) && issueLinkData ? fg('electric_issue_like_table_xpc_url_wrapping') ? /*#__PURE__*/React.createElement(LinkedCellContentWrapped, {
-    issueLinkData: issueLinkData
-  }, renderItem(values)) : getLinkedCellContent({
-    children: renderItem(values),
-    issueLinkData
-  }) : renderItem(values)));
-  if (!isEditable) {
-    return readView;
-  }
-
-  // if the field requires to fetch options to execute, then is editable only if `executeFetch` is defined
-  if (isEditTypeSelectable(values.type) && !executeFetch) {
-    return readView;
-  }
-  return /*#__PURE__*/React.createElement(InlineEdit, {
-    ari: ari,
-    execute: execute,
-    executeFetch: executeFetch,
-    readView: readView,
-    columnKey: columnKey,
-    columnTitle: columnTitle,
-    datasourceTypeWithValues: values
-  });
-};
-const toDatasourceTypeWithValues = ({
-  rowData,
-  columnKey,
-  columnType
-}) => {
-  var _rowData$columnKey2;
-  // Need to make sure we keep falsy values like 0 and '', as well as the boolean false.
-  const value = (_rowData$columnKey2 = rowData[columnKey]) === null || _rowData$columnKey2 === void 0 ? void 0 : _rowData$columnKey2.data;
-  const values = !value ? [] : Array.isArray(value) ? value : [value];
-  return {
-    type: columnType,
-    values
-  };
-};
-export const TableCellContent = ({
-  id,
-  columnKey,
-  columnTitle,
-  columnType,
-  renderItem,
-  wrappedColumnKeys
-}) => {
-  const item = useDatasourceItem({
-    id
-  });
-  if (item) {
-    const {
-      integrationKey,
-      ari,
-      data: rowData
-    } = item;
-    const isEditType = !!ari && !!integrationKey && isEditTypeSupported(columnType);
-    if (isEditType) {
-      return /*#__PURE__*/React.createElement(InlineEditableCell, {
-        ari: ari,
-        columnKey: columnKey,
-        columnTitle: columnTitle,
-        renderItem: renderItem,
-        integrationKey: integrationKey,
-        issueLinkData: getIssueLinkData(rowData),
-        values: toDatasourceTypeWithValues({
-          rowData,
-          columnKey,
-          columnType
-        }),
-        wrappedColumnKeys: wrappedColumnKeys
-      });
-    }
-  }
-  return /*#__PURE__*/React.createElement(Box, {
-    testId: "inline-edit-read-view",
-    paddingInline: "space.100",
-    paddingBlock: "space.050",
-    xcss: styles.readViewStyles
-    // minHeight here compensates for 2px from both top and bottom taken by InlneEdit (from transparent border in read-view mode and border+padding in edit view)
-    // eslint-disable-next-line @atlaskit/ui-styling-standard/enforce-style-prop
-    ,
-    style: {
-      minHeight: 'calc(40px - 2px * 2)'
-    }
-  }, /*#__PURE__*/React.createElement(ReadOnlyCell, {
-    id: id,
-    columnKey: columnKey,
-    columnTitle: columnTitle,
-    columnType: columnType,
-    wrappedColumnKeys: wrappedColumnKeys,
-    renderItem: renderItem
-  }));
-};

package/dist/es2019/ui/jira-issues-modal/basic-filters/index.js

@@ -1 +0,0 @@
-export { default as BasicFilters } from './ui';

package/dist/es2019/ui/jira-issues-modal/basic-filters/utils/transformers.js

@@ -1,127 +0,0 @@
-import { appearanceMap } from '../types';
-import { availableBasicFilterTypes } from '../ui';
-function isNonNullSelectOption(edge) {
-  return edge !== null;
-}
-function isColorName(colorName) {
-  return Object.keys(appearanceMap).includes(colorName);
-}
-const getLozengeAppearance = colorName => {
-  if (isColorName(colorName)) {
-    return appearanceMap[colorName];
-  }
-};
-const checkAndConvertToAbsoluteUrl = (url, siteUrl) => {
-  if (!url) {
-    return '';
-  }
-  if (/^data:(.*)/.test(url) || /^http(.*)/.test(url) || !siteUrl) {
-    return url;
-  }
-  return `${siteUrl}${url}`;
-};
-function mapNodeToOption({
-  displayName,
-  jqlTerm,
-  group,
-  issueTypes,
-  project,
-  statusCategory,
-  user,
-  siteUrl
-}) {
-  try {
-    const baseProps = {
-      label: displayName,
-      // this ensures that the returned value is not wrapped in single and double quotes
-      // e.g. '"value"' -> 'value'
-      value: decodeURIComponent(jqlTerm).replace(/^"|"$/g, '')
-    };
-    if (user) {
-      return {
-        ...baseProps,
-        optionType: 'avatarLabel',
-        avatar: user.picture,
-        isSquare: false
-      };
-    }
-    if (group) {
-      return {
-        ...baseProps,
-        optionType: 'avatarLabel',
-        isGroup: true
-      };
-    }
-    if (project) {
-      var _project$avatar;
-      return {
-        ...baseProps,
-        optionType: 'iconLabel',
-        icon: checkAndConvertToAbsoluteUrl((_project$avatar = project.avatar) === null || _project$avatar === void 0 ? void 0 : _project$avatar.small, siteUrl)
-      };
-    }
-    if (issueTypes) {
-      var _issueTypes$;
-      return {
-        ...baseProps,
-        optionType: 'iconLabel',
-        icon: checkAndConvertToAbsoluteUrl((_issueTypes$ = issueTypes[0]) === null || _issueTypes$ === void 0 ? void 0 : _issueTypes$.avatar.small, siteUrl)
-      };
-    }
-    if (statusCategory) {
-      return {
-        ...baseProps,
-        optionType: 'lozengeLabel',
-        appearance: getLozengeAppearance(statusCategory.colorName)
-      };
-    }
-    return null;
-  } catch (error) {
-    return null;
-  }
-}
-export function mapHydrateResponseData({
-  data
-}) {
-  var _data$jira, _data$jira$jqlBuilder, _data$jira$jqlBuilder2, _data$jira$jqlBuilder3;
-  const transformedHydrateResponseData = {};
-  data === null || data === void 0 ? void 0 : (_data$jira = data.jira) === null || _data$jira === void 0 ? void 0 : (_data$jira$jqlBuilder = _data$jira.jqlBuilder) === null || _data$jira$jqlBuilder === void 0 ? void 0 : (_data$jira$jqlBuilder2 = _data$jira$jqlBuilder.hydrateJqlQuery) === null || _data$jira$jqlBuilder2 === void 0 ? void 0 : (_data$jira$jqlBuilder3 = _data$jira$jqlBuilder2.fields) === null || _data$jira$jqlBuilder3 === void 0 ? void 0 : _data$jira$jqlBuilder3.forEach(({
-    jqlTerm,
-    values = []
-  }) => {
-    /**
-     * Currently, we expect to hydrate only the 4 filter fields that we use.
-     * Hence we check if jqlTerm is one of the values in availableBasicFilterTypes
-     */
-    if (!availableBasicFilterTypes.includes(jqlTerm)) {
-      return;
-    }
-    const options = values.map(({
-      values
-    }) => values && values[0] ? mapNodeToOption(values[0]) : null).filter(isNonNullSelectOption) || [];
-    transformedHydrateResponseData[jqlTerm] = options;
-  });
-  return transformedHydrateResponseData;
-}
-export function mapFieldValuesToFilterOptions({
-  data,
-  siteUrl
-}) {
-  var _data$jira2, _data$jira2$jqlBuilde, _data$jira2$jqlBuilde2, _data$jira2$jqlBuilde3;
-  return (data === null || data === void 0 ? void 0 : (_data$jira2 = data.jira) === null || _data$jira2 === void 0 ? void 0 : (_data$jira2$jqlBuilde = _data$jira2.jqlBuilder) === null || _data$jira2$jqlBuilde === void 0 ? void 0 : (_data$jira2$jqlBuilde2 = _data$jira2$jqlBuilde.fieldValues) === null || _data$jira2$jqlBuilde2 === void 0 ? void 0 : (_data$jira2$jqlBuilde3 = _data$jira2$jqlBuilde2.edges) === null || _data$jira2$jqlBuilde3 === void 0 ? void 0 : _data$jira2$jqlBuilde3.map(edge => edge.node ? mapNodeToOption({
-    ...edge.node,
-    siteUrl
-  }) : null).filter(isNonNullSelectOption)) || [];
-}
-export function mapFieldValuesToTotalCount({
-  data
-}) {
-  var _data$jira3, _data$jira3$jqlBuilde, _data$jira3$jqlBuilde2;
-  return (data === null || data === void 0 ? void 0 : (_data$jira3 = data.jira) === null || _data$jira3 === void 0 ? void 0 : (_data$jira3$jqlBuilde = _data$jira3.jqlBuilder) === null || _data$jira3$jqlBuilde === void 0 ? void 0 : (_data$jira3$jqlBuilde2 = _data$jira3$jqlBuilde.fieldValues) === null || _data$jira3$jqlBuilde2 === void 0 ? void 0 : _data$jira3$jqlBuilde2.totalCount) || 0;
-}
-export function mapFieldValuesToPageCursor({
-  data
-}) {
-  var _data$jira4, _data$jira4$jqlBuilde, _data$jira4$jqlBuilde2, _data$jira4$jqlBuilde3;
-  return data === null || data === void 0 ? void 0 : (_data$jira4 = data.jira) === null || _data$jira4 === void 0 ? void 0 : (_data$jira4$jqlBuilde = _data$jira4.jqlBuilder) === null || _data$jira4$jqlBuilde === void 0 ? void 0 : (_data$jira4$jqlBuilde2 = _data$jira4$jqlBuilde.fieldValues) === null || _data$jira4$jqlBuilde2 === void 0 ? void 0 : (_data$jira4$jqlBuilde3 = _data$jira4$jqlBuilde2.pageInfo) === null || _data$jira4$jqlBuilde3 === void 0 ? void 0 : _data$jira4$jqlBuilde3.endCursor;
-}

package/dist/esm/analytics/ufoExperiences/index.js

@@ -1,58 +0,0 @@
-import { ConcurrentExperience } from '@atlaskit/ufo/concurrent-experience';
-import { ExperiencePerformanceTypes, ExperienceTypes } from '@atlaskit/ufo/experience-types';
-var datasourcePageSegmentLoadExperienceConfig = {
-  platform: {
-    component: 'datasource'
-  },
-  type: ExperienceTypes.Load,
-  performanceType: ExperiencePerformanceTypes.PageSegmentLoad
-};
-var columnPickerCustomExperienceConfig = {
-  platform: {
-    component: 'datasource'
-  },
-  type: ExperienceTypes.Operation,
-  performanceType: ExperiencePerformanceTypes.Custom
-};
-var inlineEditCustomExperienceConfig = {
-  platform: {
-    component: 'datasource'
-  },
-  type: ExperienceTypes.Load,
-  performanceType: ExperiencePerformanceTypes.InlineResult
-};
-var ufoExperiences = {
-  'datasource-rendered': new ConcurrentExperience('datasource-rendered', datasourcePageSegmentLoadExperienceConfig),
-  'column-picker-rendered': new ConcurrentExperience('column-picker-rendered', columnPickerCustomExperienceConfig),
-  'inline-edit-rendered': new ConcurrentExperience('inline-edit-rendered', inlineEditCustomExperienceConfig)
-};
-export var startUfoExperience = function startUfoExperience(_ref, id) {
-  var name = _ref.name,
-    metadata = _ref.metadata;
-  var experienceInstance = ufoExperiences[name].getInstance(id);
-  experienceInstance.start();
-  if (metadata) {
-    experienceInstance.addMetadata(metadata);
-  }
-};
-export var succeedUfoExperience = function succeedUfoExperience(_ref2, id) {
-  var name = _ref2.name,
-    metadata = _ref2.metadata;
-  var experienceInstance = ufoExperiences[name].getInstance(id);
-  experienceInstance.success({
-    metadata: metadata
-  });
-};
-export var failUfoExperience = function failUfoExperience(_ref3, id) {
-  var name = _ref3.name,
-    metadata = _ref3.metadata;
-  var experienceInstance = ufoExperiences[name].getInstance(id);
-  experienceInstance.failure({
-    metadata: metadata
-  });
-};
-export var addMetadataToExperience = function addMetadataToExperience(_ref4, id) {
-  var name = _ref4.name,
-    metadata = _ref4.metadata;
-  ufoExperiences[name].getInstance(id).addMetadata(metadata);
-};

package/dist/esm/contexts/datasource-experience-id/index.js

@@ -1,23 +0,0 @@
-import React, { useContext, useMemo } from 'react';
-
-// eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-import { v4 as uuidv4 } from 'uuid';
-var DatasourceExperienceIdContext = /*#__PURE__*/React.createContext(undefined);
-var DatasourceExperienceIdProvider = function DatasourceExperienceIdProvider(_ref) {
-  var children = _ref.children;
-  // eslint-disable-next-line @atlaskit/platform/prefer-crypto-random-uuid -- Use crypto.randomUUID instead
-  var value = useMemo(function () {
-    return uuidv4();
-  }, []);
-  return /*#__PURE__*/React.createElement(DatasourceExperienceIdContext.Provider, {
-    value: value
-  }, children);
-};
-var useDatasourceExperienceId = function useDatasourceExperienceId() {
-  var context = useContext(DatasourceExperienceIdContext);
-  if (!context) {
-    throw Error('useDatasourceExperienceId() must be wrapped in <DatasourceExperienceIdProvider>');
-  }
-  return context;
-};
-export { DatasourceExperienceIdProvider, useDatasourceExperienceId };

package/dist/esm/contexts/user-interactions/index.js

@@ -1,34 +0,0 @@
-import React, { useContext, useMemo, useRef } from 'react';
-var UserInteractionsContext = /*#__PURE__*/React.createContext(undefined);
-var UserInteractionsProvider = function UserInteractionsProvider(_ref) {
-  var children = _ref.children;
-  var userInteractionActions = useRef(new Set());
-  var providerValue = useMemo(function () {
-    return {
-      add: function add(action) {
-        userInteractionActions.current.add(action);
-      },
-      get: function get() {
-        return Array.from(userInteractionActions.current);
-      }
-    };
-  }, []);
-  return /*#__PURE__*/React.createElement(UserInteractionsContext.Provider, {
-    value: providerValue
-  }, children);
-};
-
-/**
- * Use this hook to track user activities. This is mainly used to populate analytic events with
- * a trail of user activities.
- *
- * @returns an object that can track datasource actions and retrieve the actions that have been tracked.
- */
-var useUserInteractions = function useUserInteractions() {
-  var context = useContext(UserInteractionsContext);
-  if (!context) {
-    throw new Error('useUserInteractions() must be wrapped in <UserInteractionsProvider>');
-  }
-  return context;
-};
-export { UserInteractionsProvider, useUserInteractions };

package/dist/esm/elements.js

@@ -1,2 +0,0 @@
-/** @deprecated Use @atlaskit/link-datasource/elements/render-type */
-export { renderType } from './ui/issue-like-table/render-type';

package/dist/esm/entry-points/analytics-render-failed.js

@@ -1 +0,0 @@
-export { LazyLoadedDatasourceRenderFailedAnalyticsWrapper } from '../analytics/wrappers/render-failed/index';

package/dist/esm/entry-points/assets-modal.js

@@ -1 +0,0 @@
-export { default as AssetsConfigModal, ASSETS_LIST_OF_LINKS_DATASOURCE_ID } from '../ui/assets-modal/index';

package/dist/esm/entry-points/confluence-search-modal.js

@@ -1 +0,0 @@
-export { default as ConfluenceSearchConfigModal, CONFLUENCE_SEARCH_DATASOURCE_ID } from '../ui/confluence-search-modal/index';

package/dist/esm/entry-points/datasource-table-view.js

@@ -1 +0,0 @@
-export { default as DatasourceTableView } from '../ui/datasource-table-view/index';

package/dist/esm/entry-points/elements-render-type.js

@@ -1 +0,0 @@
-export { renderType } from '../ui/issue-like-table/render-type/index';

package/dist/esm/entry-points/jira-issues-modal.js

@@ -1 +0,0 @@
-export { default as JiraIssuesConfigModal, JIRA_LIST_OF_LINKS_DATASOURCE_ID } from '../ui/jira-issues-modal/index';

package/dist/esm/entry-points/utils-schema.js

@@ -1 +0,0 @@
-export { buildDatasourceAdf } from '../common/utils/schema-utils';

package/dist/esm/ui/confluence-search-modal/basic-filters/filters/date-range-picker/utils.js

@@ -1,61 +0,0 @@
-import React, { useMemo } from 'react';
-import { FormattedMessage } from 'react-intl';
-import { getFormattedDate } from '../../../../../ui/issue-like-table/render-type/date-time';
-import { dateRangeMessages } from './messages';
-export var getDropdownLabel = function getDropdownLabel() {
-  var option = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'anyTime';
-  var formatMessage = arguments.length > 1 ? arguments[1] : undefined;
-  var mapping = {
-    anyTime: 'dateRangeAnyTime',
-    today: 'dateRangeToday',
-    yesterday: 'dateRangeYesterday',
-    past7Days: 'dateRangeLastWeek',
-    past30Days: 'dateRangeLastMonth',
-    pastYear: 'dateRangeLastYear',
-    custom: 'dateRangeCustom'
-  };
-  return formatMessage(dateRangeMessages[mapping[option]]);
-};
-export var getCurrentOptionLabel = function getCurrentOptionLabel(formatDate, formatMessage, value, to, from) {
-  var selectedOption = value;
-  if (selectedOption === 'custom') {
-    var hasFromDate = !!from;
-    var hasToDate = !!to;
-    var formattedFromDate = getFormattedDate(from || '', 'date', formatDate);
-    var formattedToDate = getFormattedDate(to || '', 'date', formatDate);
-    if (hasFromDate && !hasToDate) {
-      return formatMessage(dateRangeMessages.dateRangeAfterLabel, {
-        date: formattedFromDate
-      });
-    }
-    if (!hasFromDate && hasToDate) {
-      return formatMessage(dateRangeMessages.dateRangeBeforeLabel, {
-        date: formattedToDate
-      });
-    }
-    if (hasFromDate && hasToDate) {
-      return "".concat(formattedFromDate, " - ").concat(formattedToDate);
-    }
-  }
-  return getDropdownLabel(selectedOption, formatMessage);
-};
-export var useInvalidDateRange = function useInvalidDateRange(from, to) {
-  return useMemo(function () {
-    if (!from && !to) {
-      return null;
-    }
-    var dateFrom = new Date("".concat(from).concat(from ? 'T00:00:00' : ''));
-    var dateTo = new Date("".concat(to).concat(to ? 'T00:00:00' : ''));
-    var now = new Date();
-    if (dateFrom > now) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterToday);
-    }
-    if (dateFrom > dateTo) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidDateAfterEnd);
-    }
-    if (dateTo > now) {
-      return /*#__PURE__*/React.createElement(FormattedMessage, dateRangeMessages.dateRangeCustomInvalidToDateAfterToday);
-    }
-    return null;
-  }, [from, to]);
-};