@hero-design/rn 8.88.0 → 8.89.0-alpha.1

package/src/theme/index.ts

@@ -10,6 +10,7 @@ import {
   jobsSystemPalette,
   walletSystemPalette,
   eBensSystemPalette,
+  ehWorkDarkPalette,
 } from './global';
 
 import type { Theme } from './getTheme';
@@ -32,6 +33,7 @@ export {
   jobsSystemPalette,
   walletSystemPalette,
   eBensSystemPalette,
+  ehWorkDarkPalette,
 };
 
 export default defaultTheme;

package/src/types.ts

@@ -18,6 +18,7 @@ import { CardCarouselHandles } from './components/Carousel/CardCarousel';
 import { FABHandles } from './components/FAB/FAB';
 import { ActionGroupHandles } from './components/FAB/ActionGroup';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
+import type { CalendarDateRange } from './components/Calendar/CalendarRange';
 
 export type {
   BottomNavigationTabType,
@@ -38,4 +39,5 @@ export type {
   FABHandles,
   ActionGroupHandles,
   SliderRangeValue,
+  CalendarDateRange,
 };

package/stats/8.88.0/rn-stats.html

@@ -4840,5 +4840,3 @@ var drawChart = (function (exports) {
 </body>
 </html>
 
-
-

package/types/components/Calendar/CalendarRange.d.ts

@@ -0,0 +1,23 @@
+import React from 'react';
+export type CalendarDateRange = {
+    startDate?: Date;
+    endDate?: Date;
+};
+export interface CalendarProps {
+    value?: CalendarDateRange;
+    visibleDate: Date;
+    minDate?: Date;
+    maxDate?: Date;
+    onChange?: (dateRange: CalendarDateRange) => void;
+    onPreviousPress?: () => void;
+    onNextPress?: () => void;
+    onTitlePress?: () => void;
+    markedDates?: Date[];
+    testID?: string;
+    onMonthChange?: (date: Date) => void;
+    onToggleMonthPicker?: (visible: boolean) => void;
+    monthPickerConfirmLabel?: string;
+    monthPickerCancelLabel?: string;
+}
+declare const CalendarRange: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => React.JSX.Element;
+export default CalendarRange;

package/types/components/Calendar/CalendarRangeConnector.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+interface SelectedDateProps {
+    date: Date;
+    onPress?: () => void;
+    marked?: boolean;
+    isStart?: boolean;
+    showConnector?: boolean;
+    itemWidth?: number;
+}
+declare const SelectedDate: ({ date, onPress, marked, isStart, showConnector, itemWidth, }: SelectedDateProps) => React.JSX.Element;
+export default SelectedDate;

package/types/components/Calendar/CalendarRowItem.d.ts

@@ -1,4 +1,5 @@
 import React from 'react';
+export declare const getCellVariant: (isSelected?: boolean, isCurrent?: boolean, isHighlighted?: boolean) => "default" | "current" | "selected" | "highlighted";
 export interface CalendarRowItemProps {
     date?: Date;
     onPress?: () => void;
@@ -7,6 +8,7 @@ export interface CalendarRowItemProps {
     textIntent?: 'body' | 'subdued';
     marked?: boolean;
     itemWidth?: number;
+    isHighlighted?: boolean;
 }
-declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, itemWidth, }: CalendarRowItemProps) => React.JSX.Element;
+declare const CalendarRowItem: ({ date, onPress, isCurrent, isSelected, textIntent, marked, itemWidth, isHighlighted, }: CalendarRowItemProps) => React.JSX.Element;
 export default CalendarRowItem;

package/types/components/Calendar/StyledCalendar.d.ts

@@ -24,7 +24,7 @@ declare const StyledCalendarCell: import("@emotion/native").StyledComponent<impo
     theme?: import("@emotion/react").Theme;
     as?: React.ElementType;
 } & {
-    variant?: "default" | "current" | "selected";
+    variant?: "default" | "current" | "selected" | "highlighted";
     themeItemWidth?: number;
 }, {}, {
     ref?: import("react").Ref<TouchableOpacity> | undefined;
@@ -40,6 +40,7 @@ declare const StyledCalendarRowItem: import("@emotion/native").StyledComponent<V
     as?: React.ElementType;
 } & {
     themeItemWidth?: number;
+    isHighlighted?: boolean;
 }, {}, {
     ref?: import("react").Ref<View> | undefined;
 }>;

package/types/components/Calendar/helpers.d.ts

@@ -1,3 +1,18 @@
 export declare const initArray: <T>(length: number, func: (value: number) => T) => T[];
 export declare const isEqDate: (dateA?: Date, dateB?: Date) => boolean;
+export declare const isDateInRange: ({ date, range, }: {
+    date: Date;
+    range?: {
+        startDate?: Date;
+        endDate?: Date;
+    };
+}) => boolean;
 export declare const getValidDate: (date: Date, minDate?: Date, maxDate?: Date) => Date | undefined;
+export declare const setStartOrEndDate: ({ date, startDate, endDate, }: {
+    date: Date;
+    startDate?: Date;
+    endDate?: Date;
+}) => {
+    startDate: Date | undefined;
+    endDate: Date | undefined;
+};

package/types/components/Calendar/index.d.ts

@@ -54,5 +54,7 @@ export interface CalendarProps {
      */
     monthPickerCancelLabel?: string;
 }
-declare const Calendar: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => React.JSX.Element;
-export default Calendar;
+declare const _default: (({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: CalendarProps) => React.JSX.Element) & {
+    Range: ({ value, visibleDate, onChange, onPreviousPress, onNextPress, onTitlePress, minDate, maxDate, markedDates, testID, onMonthChange, onToggleMonthPicker, monthPickerConfirmLabel, monthPickerCancelLabel, }: import("./CalendarRange").CalendarProps) => React.JSX.Element;
+};
+export default _default;

package/types/index.d.ts

@@ -1,4 +1,4 @@
-import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ThemeSwitcher, withTheme } from './theme';
+import theme, { getTheme, ThemeProvider, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkPalette, ThemeSwitcher, withTheme } from './theme';
 import { scale } from './utils/scale';
 import Accordion from './components/Accordion';
 import Alert from './components/Alert';
@@ -54,5 +54,5 @@ import Portal from './components/Portal';
 import { ScrollViewWithFAB, SectionListWithFAB, FlatListWithFAB } from './components/AnimatedScroller';
 import Search from './components/Search';
 import FloatingIsland from './components/FloatingIsland';
-export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
+export { theme, getTheme, useTheme, scale, ThemeProvider, ThemeSwitcher, withTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkPalette, Accordion, Alert, AppCue, Attachment, Avatar, useAvatarColors, Badge, BottomNavigation, BottomSheet, Box, Button, Calendar, Card, Carousel, Chip, Collapse, Checkbox, ContentNavigator, DatePicker, Divider, Drawer, Empty, Error, FAB, FlatListWithFAB, Icon, Image, HeroDesignProvider, MapPin, List, PinInput, Progress, Portal, PageControl, Skeleton, Slider, Spinner, Swipeable, Radio, Search, ScrollViewWithFAB, SectionHeading, SectionListWithFAB, Select, Success, Switch, Tabs, Tag, TextInput, TimePicker, Toast, Toolbar, Typography, Rate, RefreshControl, RichTextEditor, FloatingIsland, };
 export * from './types';

package/types/theme/components/calendar.d.ts

@@ -8,6 +8,10 @@ declare const getCalendarTheme: (theme: GlobalTheme) => {
         border: string;
         primary: string;
         inverted: string;
+        rowItem: {
+            selected: string;
+            highlighted: string;
+        };
     };
     sizes: {
         cellWidth: number;
@@ -23,6 +27,7 @@ declare const getCalendarTheme: (theme: GlobalTheme) => {
         headerHorizontalPadding: number;
         headerMarginRight: number;
         iosPickerMarginVertical: number;
+        cellPadding: number;
     };
 };
 export default getCalendarTheme;

package/types/theme/global/colors/ehWorkDark.d.ts

@@ -0,0 +1,49 @@
+declare const ehWorkDarkPalette: {
+    black: string;
+    white: string;
+    defaultGlobalSurface: string;
+    neutralGlobalSurface: string;
+    darkGlobalSurface: string;
+    overlayGlobalSurface: string;
+    onDefaultGlobalSurface: string;
+    mutedOnDefaultGlobalSurface: string;
+    inactiveOnDefaultGlobalSurface: string;
+    disabledOnDefaultGlobalSurface: string;
+    onDarkGlobalSurface: string;
+    primaryOutline: string;
+    secondaryOutline: string;
+    inactiveOutline: string;
+    disabledOutline: string;
+    archivedSurface: string;
+    mutedArchived: string;
+    archived: string;
+    onArchivedSurface: string;
+    errorSurface: string;
+    mutedError: string;
+    error: string;
+    onErrorSurface: string;
+    warningSurface: string;
+    mutedWarning: string;
+    warning: string;
+    onWarningSurface: string;
+    successSurface: string;
+    mutedSuccess: string;
+    success: string;
+    onSuccessSurface: string;
+    infoSurface: string;
+    mutedInfo: string;
+    info: string;
+    onInfoSurface: string;
+    primary: string;
+    onPrimary: string;
+    secondary: string;
+    onSecondary: string;
+    defaultSurface: string;
+    highlightedSurface: string;
+    pressedSurface: string;
+    decorativePrimary: string;
+    decorativePrimarySurface: string;
+    decorativeSecondary: string;
+    decorativeSecondarySurface: string;
+};
+export default ehWorkDarkPalette;

package/types/theme/global/index.d.ts

@@ -7,6 +7,7 @@ import workSystemPalette from './colors/work';
 import jobsSystemPalette from './colors/jobs';
 import walletSystemPalette from './colors/wallet';
 import eBensSystemPalette from './colors/eBens';
+import ehWorkDarkPalette from './colors/ehWorkDark';
 import type { Scale } from './scale';
 import type { SystemPalette } from './colors/types';
 declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
@@ -79,4 +80,4 @@ declare const getGlobalTheme: (scale: Scale, systemPalette: SystemPalette) => {
 };
 type GlobalTheme = ReturnType<typeof getGlobalTheme>;
 export type { GlobalTheme, Scale, SystemPalette };
-export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, };
+export { getGlobalTheme, defaultScale, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkPalette, };

package/types/theme/index.d.ts

@@ -1,9 +1,9 @@
 import getTheme from './getTheme';
 import ThemeProvider, { useTheme } from './ThemeProvider';
 import ThemeSwitcher, { withTheme } from './ThemeSwitcher';
-import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette } from './global';
+import { swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkPalette } from './global';
 import type { Theme } from './getTheme';
 declare const defaultTheme: Theme;
 export type { Theme };
-export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, };
+export { withTheme, getTheme, ThemeProvider, ThemeSwitcher, useTheme, swagSystemPalette, swagLightSystemPalette, swagLightJobsSystemPalette, swagDarkSystemPalette, workSystemPalette, jobsSystemPalette, walletSystemPalette, eBensSystemPalette, ehWorkDarkPalette, };
 export default defaultTheme;

package/types/types.d.ts

@@ -12,4 +12,5 @@ import { CardCarouselHandles } from './components/Carousel/CardCarousel';
 import { FABHandles } from './components/FAB/FAB';
 import { ActionGroupHandles } from './components/FAB/ActionGroup';
 import type { SliderRangeValue } from './components/Slider/RangeSlider';
-export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, };
+import type { CalendarDateRange } from './components/Calendar/CalendarRange';
+export type { BottomNavigationTabType, IconName, SingleSelectProps, MultiSelectProps, ListRenderOptionInfo, SectionListRenderOptionInfo, SwipeableProps, RichTextEditorProps, RichTextEditorRef, TabType, TextInputProps, TextProps, TextInputHandles, Theme, CardCarouselHandles, FABHandles, ActionGroupHandles, SliderRangeValue, CalendarDateRange, };

package/.turbo/turbo-build.log

@@ -1,13 +0,0 @@
-(node:3003) ExperimentalWarning: Importing JSON modules is an experimental feature and might change at any time
-(Use `node --trace-warnings ...` to show where the warning was created)
-
-src/index.ts → lib/index.js, es/index.js...
-(!) [plugin replace] @rollup/plugin-replace: 'preventAssignment' currently defaults to false. It is recommended to set this option to `true`, as the next major version will default this option to `true`.
-(!) [plugin typescript] src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx (61:35): @rollup/plugin-typescript TS2307: Cannot find module '../../../../types' or its corresponding type declarations.
-/home/runner/work/hero-design/hero-design/packages/rn/src/components/RichTextEditor/__tests__/RichTextEditor.spec.tsx:61:35
-
-61 import { RichTextEditorRef } from "../../../../types";
-                                     ~~~~~~~~~~~~~~~~~~~
-
-(!) [plugin node-resolve] preferring built-in module 'events' over local alternative at '/home/runner/work/hero-design/hero-design/node_modules/events/events.js', pass 'preferBuiltins: false' to disable this behavior or 'preferBuiltins: true' to disable this warning.or passing a function to 'preferBuiltins' to provide more fine-grained control over which built-in modules to prefer.
-created lib/index.js, es/index.js in 52.4s