@trackunit/react-components 0.1.320 → 0.1.321-alpha-797ddc62e6a.0

package/index.cjs.js

@@ -17,13 +17,11 @@ var uuid = require('uuid');
 var isEqual = require('lodash/isEqual');
 var reactUse = require('react-use');
 var reactRouter = require('@tanstack/react-router');
-var reactDayPicker = require('react-day-picker');
-var tailwindMerge = require('tailwind-merge');
-var locale = require('date-fns/locale');
 var react = require('@floating-ui/react');
 var omit = require('lodash/omit');
 var usePortal = require('react-useportal');
 var reactHelmetAsync = require('react-helmet-async');
+var tailwindMerge = require('tailwind-merge');
 var reactTabs = require('@radix-ui/react-tabs');
 var dateFns = require('date-fns');
 var reactTablePagination = require('@trackunit/react-table-pagination');
@@ -1810,70 +1808,6 @@ const CopyableText = ({ text, alternativeText, dataTestId, className }) => {
     return (jsxRuntime.jsx("span", { className: cvaCopyableText({ animating, className }), "data-testid": dataTestId, onAnimationEnd: () => setAnimating(false), onClick: handleOnClick, title: value, children: text }));
 };
 
-const localeLookup = {
-    en: locale.enGB,
-    "en-US": locale.enUS,
-    "en-GB": locale.enGB,
-    da: locale.da,
-    de: locale.de,
-    cs: locale.cs,
-    nl: locale.nl,
-    fr: locale.fr,
-    fi: locale.fi,
-    hu: locale.hu,
-    it: locale.it,
-    nb: locale.nb,
-    pl: locale.pl,
-    pt: locale.pt,
-    ru: locale.ru,
-    ro: locale.ro,
-    es: locale.es,
-    sv: locale.sv,
-    ja: locale.ja,
-    th: locale.th,
-};
-/**
- * A helper function to get the matching Locale object for a given language.
- *
- * @param {string} language The language to match
- * @returns {Locale} The corresponding Locale object
- */
-const useLocale = (language) => {
-    return localeLookup[language] || localeLookup.en || locale.enGB;
-};
-
-/**
- * The DayPicker component is used when the user needs to select a date.
- 
- * @param {DayPickerProps} props - The props for the DayPicker component
- * @returns {JSX.Element} DayPicker component
- */
-const DayPicker = ({ onDaySelect, disabledDays, selectedDays, language, className, dataTestId, max, }) => {
-    const locale = useLocale(language);
-    return (jsxRuntime.jsx(reactDayPicker.DayPicker, { className: tailwindMerge.twMerge("custom-day-picker", className), disabled: disabledDays, footer: jsxRuntime.jsx("div", { "data-testid": dataTestId }), locale: locale, max: max, onDayClick: onDaySelect, selected: selectedDays }));
-};
-
-/**
- * The DayRangePicker component should be used when the user needs to select a range of dates.
- 
- * @param {DayRangePickerProps} props - The props for the DayRangePicker component
- * @returns {JSX.Element} DayRangePicker component
- */
-const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, dataTestId, language, className, max, }) => {
-    const locale = useLocale(language);
-    const onSelect = React.useCallback((range) => {
-        if (onRangeSelect && range === undefined) {
-            onRangeSelect(undefined);
-        }
-        if (onRangeSelect && range) {
-            const from = range.from;
-            const to = range.to ? range.to : range.from;
-            onRangeSelect({ from, to });
-        }
-    }, [onRangeSelect]);
-    return (jsxRuntime.jsx(reactDayPicker.DayPicker, { className: tailwindMerge.twMerge("custom-day-picker", "range-picker", className), defaultMonth: selectedDays ? selectedDays.from : undefined, disabled: disabledDays, footer: jsxRuntime.jsx("div", { "data-testid": dataTestId }), locale: locale, max: max, mode: "range", onSelect: onSelect, selected: selectedDays }));
-};
-
 const cvaDrawerOverlay = cssClassVarianceUtilities.cvaMerge([
     "bg-black/30",
     "block",
@@ -4688,8 +4622,6 @@ exports.CardHeader = CardHeader;
 exports.Collapse = Collapse;
 exports.CompletionStatusIndicator = CompletionStatusIndicator;
 exports.CopyableText = CopyableText;
-exports.DayPicker = DayPicker;
-exports.DayRangePicker = DayRangePicker;
 exports.Drawer = Drawer;
 exports.EmptyState = EmptyState;
 exports.ExternalLink = ExternalLink;

package/index.esm.js

@@ -14,13 +14,11 @@ import { v4 } from 'uuid';
 import isEqual from 'lodash/isEqual';
 import { usePrevious, useMeasure, useCopyToClipboard } from 'react-use';
 import { Link, useBlocker } from '@tanstack/react-router';
-import { DayPicker as DayPicker$1 } from 'react-day-picker';
-import { twMerge } from 'tailwind-merge';
-import { enGB, enUS, da, de, cs, nl, fr, fi, hu, it, nb, pl, pt, ru, ro, es, sv, ja, th } from 'date-fns/locale';
 import { useFloating, FloatingFocusManager, autoUpdate, offset, flip, shift, size, useClick, useDismiss, useHover as useHover$1, useRole, useInteractions, useMergeRefs, FloatingPortal, arrow, useTransitionStatus, FloatingArrow } from '@floating-ui/react';
 import omit from 'lodash/omit';
 import usePortal from 'react-useportal';
 import { HelmetProvider, Helmet } from 'react-helmet-async';
+import { twMerge } from 'tailwind-merge';
 import { Trigger, Content, List, Root } from '@radix-ui/react-tabs';
 import { format, formatDistance } from 'date-fns';
 import { useInfiniteScroll, noPagination } from '@trackunit/react-table-pagination';
@@ -1778,70 +1776,6 @@ const CopyableText = ({ text, alternativeText, dataTestId, className }) => {
     return (jsx("span", { className: cvaCopyableText({ animating, className }), "data-testid": dataTestId, onAnimationEnd: () => setAnimating(false), onClick: handleOnClick, title: value, children: text }));
 };
 
-const localeLookup = {
-    en: enGB,
-    "en-US": enUS,
-    "en-GB": enGB,
-    da,
-    de,
-    cs,
-    nl,
-    fr,
-    fi,
-    hu,
-    it,
-    nb,
-    pl,
-    pt,
-    ru,
-    ro,
-    es,
-    sv,
-    ja,
-    th,
-};
-/**
- * A helper function to get the matching Locale object for a given language.
- *
- * @param {string} language The language to match
- * @returns {Locale} The corresponding Locale object
- */
-const useLocale = (language) => {
-    return localeLookup[language] || localeLookup.en || enGB;
-};
-
-/**
- * The DayPicker component is used when the user needs to select a date.
- 
- * @param {DayPickerProps} props - The props for the DayPicker component
- * @returns {JSX.Element} DayPicker component
- */
-const DayPicker = ({ onDaySelect, disabledDays, selectedDays, language, className, dataTestId, max, }) => {
-    const locale = useLocale(language);
-    return (jsx(DayPicker$1, { className: twMerge("custom-day-picker", className), disabled: disabledDays, footer: jsx("div", { "data-testid": dataTestId }), locale: locale, max: max, onDayClick: onDaySelect, selected: selectedDays }));
-};
-
-/**
- * The DayRangePicker component should be used when the user needs to select a range of dates.
- 
- * @param {DayRangePickerProps} props - The props for the DayRangePicker component
- * @returns {JSX.Element} DayRangePicker component
- */
-const DayRangePicker = ({ onRangeSelect, selectedDays, disabledDays, dataTestId, language, className, max, }) => {
-    const locale = useLocale(language);
-    const onSelect = useCallback((range) => {
-        if (onRangeSelect && range === undefined) {
-            onRangeSelect(undefined);
-        }
-        if (onRangeSelect && range) {
-            const from = range.from;
-            const to = range.to ? range.to : range.from;
-            onRangeSelect({ from, to });
-        }
-    }, [onRangeSelect]);
-    return (jsx(DayPicker$1, { className: twMerge("custom-day-picker", "range-picker", className), defaultMonth: selectedDays ? selectedDays.from : undefined, disabled: disabledDays, footer: jsx("div", { "data-testid": dataTestId }), locale: locale, max: max, mode: "range", onSelect: onSelect, selected: selectedDays }));
-};
-
 const cvaDrawerOverlay = cvaMerge([
     "bg-black/30",
     "block",
@@ -4643,4 +4577,4 @@ const cvaClickable = cvaMerge([
     },
 });
 
-export { Alert, Badge, Breadcrumb, BreadcrumbContainer, BreadcrumbItem, Button, Card, CardBody, CardFooter, CardHeader, Collapse, CompletionStatusIndicator, CopyableText, DayPicker, DayRangePicker, Drawer, EmptyState, ExternalLink, Heading, Icon, IconButton, Indicator, KPICard, MenuItem, MenuList, Modal, ModalBackdrop, MoreMenu, Notice, PackageNameStoryComponent, Page, PageContent, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tab, TabContent, TabList, Tabs, Tag, Text, Timeline, TimelineElement, Tooltip, ValueBar, VirtualizedList, WidgetBody, cvaButton, cvaButtonPrefixSuffix, cvaButtonSpinner, cvaButtonSpinnerContainer, cvaClickable, cvaIconButton, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, cvaMenuItem, cvaMenuItemLabel, cvaMenuItemPrefix, cvaMenuItemSuffix, docs, getDevicePixelRatio, getValueBarColorByValue, iconColorNames, iconPalette, setLocalStorage, useClickOutside, useContainerProps, useContinuousTimeout, useDebounce, useDevicePixelRatio, useGeometry, useHover, useIsFirstRender, useIsFullscreen, useIsTextCutOff, useLocalStorage, useLocalStorageReducer, useModal, useOptionallyElevatedState, useOverflowItems, usePopoverContext, usePrompt, useResize, useSelfUpdatingRef, useTimeout, useVisibilityChange };
+export { Alert, Badge, Breadcrumb, BreadcrumbContainer, BreadcrumbItem, Button, Card, CardBody, CardFooter, CardHeader, Collapse, CompletionStatusIndicator, CopyableText, Drawer, EmptyState, ExternalLink, Heading, Icon, IconButton, Indicator, KPICard, MenuItem, MenuList, Modal, ModalBackdrop, MoreMenu, Notice, PackageNameStoryComponent, Page, PageContent, PageHeader, Pagination, Popover, PopoverContent, PopoverTitle, PopoverTrigger, Prompt, ROLE_CARD, SectionHeader, Sidebar, SkeletonLines, Spacer, Spinner, StarButton, Tab, TabContent, TabList, Tabs, Tag, Text, Timeline, TimelineElement, Tooltip, ValueBar, VirtualizedList, WidgetBody, cvaButton, cvaButtonPrefixSuffix, cvaButtonSpinner, cvaButtonSpinnerContainer, cvaClickable, cvaIconButton, cvaIndicator, cvaIndicatorIcon, cvaIndicatorIconBackground, cvaIndicatorLabel, cvaIndicatorPing, cvaMenuItem, cvaMenuItemLabel, cvaMenuItemPrefix, cvaMenuItemSuffix, docs, getDevicePixelRatio, getValueBarColorByValue, iconColorNames, iconPalette, setLocalStorage, useClickOutside, useContainerProps, useContinuousTimeout, useDebounce, useDevicePixelRatio, useGeometry, useHover, useIsFirstRender, useIsFullscreen, useIsTextCutOff, useLocalStorage, useLocalStorageReducer, useModal, useOptionallyElevatedState, useOverflowItems, usePopoverContext, usePrompt, useResize, useSelfUpdatingRef, useTimeout, useVisibilityChange };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.1.320",
+  "version": "0.1.321-alpha-797ddc62e6a.0",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "engines": {
@@ -12,7 +12,6 @@
     "react": "^18.2.0",
     "@trackunit/css-class-variance-utilities": "*",
     "react-use": "^17.4.0",
-    "react-day-picker": "^8.9.1",
     "date-fns": "^2.30.0",
     "@radix-ui/react-tabs": "^1.0.4",
     "@trackunit/ui-icons": "*",

package/src/components/index.d.ts

@@ -5,7 +5,6 @@ export * from "./Card";
 export * from "./Collapse";
 export * from "./CompletionStatusIndicator/CompletionStatusIndicator";
 export * from "./CopyableText";
-export * from "./DayPicker";
 export * from "./Drawer/Drawer";
 export * from "./EmptyState/EmptyState";
 export * from "./ExternalLink/ExternalLink";

package/src/components/DayPicker/DayPicker.d.ts

@@ -1,32 +0,0 @@
-/// <reference types="react" />
-import { Matcher } from "react-day-picker";
-import { CommonProps } from "../../common/CommonProps";
-export interface DayPickerProps extends CommonProps {
-    /**
-     * A callback function for when a date is selected
-     */
-    onDaySelect?: (day: Date) => void;
-    /**
-     * Define any days which may not be selected
-     */
-    disabledDays?: Matcher | Matcher[];
-    /**
-     * Set any days which are selected
-     */
-    selectedDays?: Matcher | Matcher[];
-    /**
-     * Set the language
-     */
-    language: string;
-    /**
-     * The maximum amount of days that can be selected
-     */
-    max?: number;
-}
-/**
- * The DayPicker component is used when the user needs to select a date.
- 
- * @param {DayPickerProps} props - The props for the DayPicker component
- * @returns {JSX.Element} DayPicker component
- */
-export declare const DayPicker: ({ onDaySelect, disabledDays, selectedDays, language, className, dataTestId, max, }: DayPickerProps) => JSX.Element;

package/src/components/DayPicker/DayRangePicker.d.ts

@@ -1,33 +0,0 @@
-/// <reference types="react" />
-import { DateRange, Matcher } from "react-day-picker";
-import { CommonProps } from "../../common/CommonProps";
-export type IDateRange = DateRange;
-export interface DayRangePickerProps extends CommonProps {
-    /**
-     * A callback function for when a range is selected
-     */
-    onRangeSelect?: (range: IDateRange | undefined) => void;
-    /**
-     * Define any days which may not be selected
-     */
-    disabledDays?: Matcher | Matcher[];
-    /**
-     * Set any days which are selected
-     */
-    selectedDays?: IDateRange;
-    /**
-     * Set the language
-     */
-    language: string;
-    /**
-     * The maximum amount of days that can be selected
-     */
-    max?: number;
-}
-/**
- * The DayRangePicker component should be used when the user needs to select a range of dates.
- 
- * @param {DayRangePickerProps} props - The props for the DayRangePicker component
- * @returns {JSX.Element} DayRangePicker component
- */
-export declare const DayRangePicker: ({ onRangeSelect, selectedDays, disabledDays, dataTestId, language, className, max, }: DayRangePickerProps) => JSX.Element;

package/src/components/DayPicker/index.d.ts

@@ -1,20 +0,0 @@
-export interface TimeZone {
-    /**
-     * The unique id of the timezone
-     *
-     * @example "America/Denver"
-     */
-    id: string;
-    /**
-     * The human-readable name of the timezone. Combines id and offset.
-     *
-     * @example "America/Denver (-06:00 MDT)"
-     */
-    name: string;
-    /**
-     * @example "-06:00 MDT"
-     */
-    offset: string;
-}
-export * from "./DayPicker";
-export * from "./DayRangePicker";

package/src/components/DayPicker/useLocale.d.ts

@@ -1,8 +0,0 @@
-import { Locale } from "date-fns";
-/**
- * A helper function to get the matching Locale object for a given language.
- *
- * @param {string} language The language to match
- * @returns {Locale} The corresponding Locale object
- */
-export declare const useLocale: (language: string) => Locale;