@hero-design/rn 8.128.0 → 8.128.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (66) hide show
  1. package/CHANGELOG.md +21 -0
  2. package/CLAUDE.md +1 -1
  3. package/es/index.js +196 -288
  4. package/lib/index.js +196 -288
  5. package/package.json +8 -1
  6. package/src/components/DatePicker/DatePicker.tsx +5 -24
  7. package/src/components/DatePicker/DatePickerAndroid.tsx +8 -17
  8. package/src/components/DatePicker/DatePickerCalendar.tsx +8 -17
  9. package/src/components/DatePicker/DatePickerIOS.tsx +8 -17
  10. package/src/components/DatePicker/StyledDatePicker.tsx +2 -19
  11. package/src/components/DatePicker/types.ts +0 -17
  12. package/src/components/FAB/FAB.tsx +37 -5
  13. package/src/components/FAB/Pair/StyledFAB.tsx +2 -2
  14. package/src/components/FAB/Pair/index.tsx +6 -0
  15. package/src/components/FAB/StyledFAB.tsx +3 -1
  16. package/src/components/Select/MultiSelect/index.tsx +9 -23
  17. package/src/components/Select/SingleSelect/index.tsx +9 -23
  18. package/src/components/Select/StyledSelect.tsx +2 -25
  19. package/src/components/Select/index.tsx +2 -8
  20. package/src/components/Select/types.ts +0 -4
  21. package/src/components/StatusScreens/Error/StyledError.tsx +0 -6
  22. package/src/components/StatusScreens/Error/index.tsx +2 -6
  23. package/src/components/StatusScreens/Success/StyledSuccess.tsx +0 -6
  24. package/src/components/StatusScreens/Success/index.tsx +2 -2
  25. package/src/components/TimePicker/StyledTimePicker.tsx +2 -19
  26. package/src/components/TimePicker/TimePicker.tsx +2 -2
  27. package/src/components/TimePicker/TimePickerAndroid.tsx +6 -15
  28. package/src/components/TimePicker/TimePickerIOS.tsx +7 -18
  29. package/src/components/TimePicker/types.ts +0 -17
  30. package/src/theme/components/fab.ts +12 -11
  31. package/src/theme/global/colors/ehJobs.ts +1 -0
  32. package/src/theme/global/colors/ehWork.ts +1 -1
  33. package/types/components/Checkbox/StyledInlineCheckBox.d.ts +1 -1
  34. package/types/components/Checkbox/utils.d.ts +1 -1
  35. package/types/components/DatePicker/DatePicker.d.ts +2 -2
  36. package/types/components/DatePicker/DatePickerAndroid.d.ts +3 -3
  37. package/types/components/DatePicker/DatePickerCalendar.d.ts +2 -2
  38. package/types/components/DatePicker/DatePickerIOS.d.ts +3 -3
  39. package/types/components/DatePicker/StyledDatePicker.d.ts +1 -8
  40. package/types/components/DatePicker/types.d.ts +0 -15
  41. package/types/components/FAB/FAB.d.ts +5 -1
  42. package/types/components/FAB/Pair/StyledFAB.d.ts +3 -1
  43. package/types/components/FAB/StyledFAB.d.ts +1 -0
  44. package/types/components/Select/MultiSelect/index.d.ts +1 -6
  45. package/types/components/Select/SingleSelect/index.d.ts +1 -6
  46. package/types/components/Select/StyledSelect.d.ts +1 -8
  47. package/types/components/Select/index.d.ts +2 -2
  48. package/types/components/Select/types.d.ts +0 -4
  49. package/types/components/StatusScreens/Error/StyledError.d.ts +1 -5
  50. package/types/components/StatusScreens/Success/StyledSuccess.d.ts +1 -5
  51. package/types/components/TextInput/index.d.ts +1 -1
  52. package/types/components/TimePicker/StyledTimePicker.d.ts +1 -8
  53. package/types/components/TimePicker/TimePicker.d.ts +2 -2
  54. package/types/components/TimePicker/TimePickerAndroid.d.ts +2 -2
  55. package/types/components/TimePicker/TimePickerIOS.d.ts +2 -2
  56. package/types/components/TimePicker/types.d.ts +0 -15
  57. package/src/components/DatePicker/index.internal.tsx +0 -10
  58. package/src/components/Select/index.internal.tsx +0 -26
  59. package/src/components/TimePicker/index.internal.tsx +0 -9
  60. package/src/index.internal.ts +0 -26
  61. package/src/types.internal.ts +0 -28
  62. package/types/components/DatePicker/index.internal.d.ts +0 -7
  63. package/types/components/Select/index.internal.d.ts +0 -21
  64. package/types/components/TimePicker/index.internal.d.ts +0 -5
  65. package/types/index.internal.d.ts +0 -19
  66. package/types/types.internal.d.ts +0 -18
@@ -2,7 +2,9 @@ declare const StyledFABPairWrapper: import("@emotion/native").StyledComponent<im
2
2
  theme?: import("@emotion/react").Theme;
3
3
  as?: React.ElementType;
4
4
  }, {}, {}>;
5
- declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & import("react").RefAttributes<import("../FAB").FABHandles> & {
5
+ declare const StyledFAB: import("@emotion/native").StyledComponent<import("../FAB").FABProps & {
6
+ titleStyle?: import("react-native").StyleProp<import("react-native").TextStyle>;
7
+ } & import("react").RefAttributes<import("../FAB").FABHandles> & {
6
8
  theme?: import("@emotion/react").Theme;
7
9
  as?: React.ElementType;
8
10
  } & {
@@ -6,6 +6,7 @@ declare const StyledFAB: import("@emotion/native").StyledComponent<Animated.Anim
6
6
  as?: React.ElementType;
7
7
  } & {
8
8
  themeActive?: boolean;
9
+ themeIconOnly?: boolean;
9
10
  }, {}, {}>;
10
11
  declare const StyledFABIcon: import("@emotion/native").StyledComponent<IconProps & {
11
12
  theme?: import("@emotion/react").Theme;
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import type { TextInputProps as NativeTextInputProps } from 'react-native';
3
- import type { TextInputProps } from '../../TextInput';
4
3
  import type { SelectOptionType, SelectProps } from '../types';
5
4
  export interface MultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
6
5
  /**
@@ -27,9 +26,5 @@ export interface MultiSelectProps<V, T extends SelectOptionType<V> = SelectOptio
27
26
  */
28
27
  supportedOrientations?: ('portrait' | 'landscape')[];
29
28
  }
30
- export interface InternalMultiSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends MultiSelectProps<V, T> {
31
- TextInputComponent?: React.ComponentType<TextInputProps>;
32
- groupStyleEnabled?: boolean;
33
- }
34
- declare function MultiSelect<V, T extends SelectOptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalMultiSelectProps<V, T>): React.JSX.Element;
29
+ declare function MultiSelect<V, T extends SelectOptionType<V>>({ footerLabel, label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, }: MultiSelectProps<V, T>): React.JSX.Element;
35
30
  export default MultiSelect;
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
2
  import type { TextInputProps as NativeTextInputProps } from 'react-native';
3
- import type { TextInputProps } from '../../TextInput';
4
3
  import type { SelectOptionType, SelectProps } from '../types';
5
4
  export interface SingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SelectProps<V, T> {
6
5
  /**
@@ -20,9 +19,5 @@ export interface SingleSelectProps<V, T extends SelectOptionType<V> = SelectOpti
20
19
  */
21
20
  supportedOrientations?: ('portrait' | 'landscape')[];
22
21
  }
23
- export interface InternalSingleSelectProps<V, T extends SelectOptionType<V> = SelectOptionType<V>> extends SingleSelectProps<V, T> {
24
- TextInputComponent?: React.ComponentType<TextInputProps>;
25
- groupStyleEnabled?: boolean;
26
- }
27
- declare const SingleSelect: <V, T extends SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalSingleSelectProps<V, T>) => React.JSX.Element;
22
+ declare const SingleSelect: <V, T extends SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, }: SingleSelectProps<V, T>) => React.JSX.Element;
28
23
  export default SingleSelect;
@@ -18,11 +18,4 @@ declare const StyledSearchBar: import("@emotion/native").StyledComponent<import(
18
18
  ref?: import("react").Ref<View> | undefined;
19
19
  }>;
20
20
  declare const StyledSectionList: typeof SectionList;
21
- declare const StyledTouchableOpacity: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
22
- theme?: import("@emotion/react").Theme;
23
- as?: React.ElementType;
24
- } & {
25
- themeGroupStyleEnabled: boolean;
26
- themeHasError: boolean;
27
- }, {}, {}>;
28
- export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList, StyledTouchableOpacity, };
21
+ export { SectionSpacer, OptionSpacer, StyledSearchBar, StyledSectionList };
@@ -2,8 +2,8 @@ import type { MultiSelectProps } from './MultiSelect';
2
2
  import type { SingleSelectProps } from './SingleSelect';
3
3
  import type { SelectOptionType } from './types';
4
4
  export type { MultiSelectProps, SingleSelectProps };
5
- type SingleSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<SingleSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
6
- type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: Omit<MultiSelectProps<V, T>, 'TextInputComponent' | 'groupStyleEnabled'>) => React.ReactElement;
5
+ type SingleSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: SingleSelectProps<V, T>) => React.ReactElement;
6
+ type MultiSelectType = <V, T extends SelectOptionType<V> = SelectOptionType<V>>(props: MultiSelectProps<V, T>) => React.ReactElement;
7
7
  declare const _default: SingleSelectType & {
8
8
  Multi: MultiSelectType;
9
9
  };
@@ -81,8 +81,4 @@ export interface SelectProps<V, T extends SelectOptionType<V>> extends Pick<Text
81
81
  variant?: BottomSheetProps['variant'];
82
82
  header?: BottomSheetProps['header'];
83
83
  };
84
- /**
85
- * Inject a custom TextInput component (e.g., from rn-work-uikit). Defaults to local TextInput.
86
- */
87
- TextInputComponent?: React.ComponentType<TextInputProps>;
88
84
  }
@@ -24,10 +24,6 @@ declare const StyledErrorButtonContainer: import("@emotion/native").StyledCompon
24
24
  }, {}, {
25
25
  ref?: import("react").Ref<View> | undefined;
26
26
  }>;
27
- declare const StyledErrorButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
28
- theme?: import("@emotion/react").Theme;
29
- as?: React.ElementType;
30
- }, {}, {}>;
31
27
  declare const StyledErrorButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
32
28
  theme?: import("@emotion/react").Theme;
33
29
  as?: React.ElementType;
@@ -56,4 +52,4 @@ declare const StyledErrorDescription: import("@emotion/native").StyledComponent<
56
52
  theme?: import("@emotion/react").Theme;
57
53
  as?: React.ElementType;
58
54
  }, {}, {}>;
59
- export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonPrimary, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };
55
+ export { ErrorVariant, StyledErrorModal, StyledErrorImage, StyledErrorContainer, StyledErrorButtonContainer, StyledErrorButtonSecondary, StyledErrorContent, StyledErrorTitle, StyledErrorDescription, StyledErrorImageContainer, StyledErrorIconContainer, };
@@ -44,10 +44,6 @@ declare const StyledSuccessButtonContainer: import("@emotion/native").StyledComp
44
44
  }, {}, {
45
45
  ref?: import("react").Ref<View> | undefined;
46
46
  }>;
47
- declare const StyledSuccessButtonPrimary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
48
- theme?: import("@emotion/react").Theme;
49
- as?: React.ElementType;
50
- }, {}, {}>;
51
47
  declare const StyledSuccessButtonSecondary: import("@emotion/native").StyledComponent<import("../../Button/Button").ButtonProps & {
52
48
  theme?: import("@emotion/react").Theme;
53
49
  as?: React.ElementType;
@@ -56,4 +52,4 @@ declare const StyledSuccessModal: import("@emotion/native").StyledComponent<impo
56
52
  theme?: import("@emotion/react").Theme;
57
53
  as?: React.ElementType;
58
54
  }, {}, {}>;
59
- export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonPrimary, StyledSuccessButtonSecondary, StyledSuccessModal, };
55
+ export { SuccessVariant, StyledSuccessImage, StyledSuccessContainer, StyledSuccessContent, StyledSuccessImageContainer, StyledSuccessIconContainer, StyledSuccessTitle, StyledSuccessDescription, StyledSuccessButtonContainer, StyledSuccessButtonSecondary, StyledSuccessModal, };
@@ -121,7 +121,7 @@ export declare const renderSuffix: ({ state, loading, suffix, }: {
121
121
  state: State;
122
122
  loading: boolean;
123
123
  suffix?: IconName | React.ReactElement;
124
- }) => "number" | "search" | "bold" | "filter" | "swag" | "wallet" | React.JSX.Element | "menu" | "image" | "switch" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "billing" | "bolt" | "bookmark-added" | "bookmark-checked" | "bookmark" | "box-check" | "box" | "bpay" | "buildings" | "cake" | "calendar-clock" | "calendar" | "candy-box-menu" | "caret-down-small" | "caret-down" | "caret-left-small" | "caret-left" | "caret-right-small" | "caret-right" | "caret-up-small" | "caret-up" | "check-radio" | "circle-add" | "circle-cancel" | "circle-check" | "circle-down" | "circle-info" | "circle-left" | "circle-ok" | "circle-pencil" | "circle-question" | "circle-remove" | "circle-right" | "circle-up" | "circle-warning" | "clock-3" | "clock" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "directory" | "document" | "dollar-coin-shine" | "dot" | "double-buildings" | "edit-template" | "envelope" | "exclude" | "expand-content" | "expense" | "explore_nearby" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "feed" | "feedbacks" | "file-certified" | "file-clone" | "file-copy" | "file-csv" | "file-dispose" | "file-doc" | "file-excel" | "file-export" | "file-lock" | "file-pdf" | "file-powerpoint" | "file-search" | "file-secured" | "file-sheets" | "file-slide" | "file-verified" | "file-word" | "file" | "folder-user" | "folder" | "format-bold" | "format-heading1" | "format-heading2" | "format-italic" | "format-list-bulleted" | "format-list-numbered" | "format-underlined" | "funnel-filter" | "global-dollar" | "global-pound" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "hero-points" | "home" | "import" | "incident-siren" | "instapay-daily" | "instapay-now" | "instapay" | "list" | "loading-2" | "loading" | "location-on" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "money-notes" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "near-me" | "node" | "open-folder" | "paperclip-vertical" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane-up" | "plane" | "play-arrow" | "play-circle" | "pound-coin-shine" | "pound-sign" | "print" | "raising-hands" | "reply-arrow" | "reply" | "reschedule" | "rocket-launch" | "rostering" | "salary-sacrifice" | "save" | "schedule-send" | "schedule" | "search-person" | "send" | "speaker-active" | "speaker" | "star-award" | "star-badge" | "star-circle" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "surfing" | "survey" | "swag-pillar-benefit" | "swag-pillar-career" | "swag-pillar-money" | "swag-pillar-work" | "swipe-right" | "tag" | "target" | "teams" | "thumb-down" | "thumb-up" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "warning" | "academic-hat-outlined" | "accommodation-outlined" | "activate-outlined" | "add-credit-card-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "afternoon-outlined" | "ai-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "application-outlined" | "arrow-down" | "arrow-downwards" | "arrow-left" | "arrow-leftwards" | "arrow-right" | "arrow-rightwards" | "arrow-up" | "arrow-upwards" | "article-outlined" | "at-sign" | "auto-graph-outlined" | "automotive-outlined" | "bakery-outlined" | "bar-outlined" | "beauty-outlined" | "beer-outlined" | "bell-active-outlined" | "bell-outlined" | "bell-slash-outlined" | "bill-management-outlined" | "billing-outlined" | "body-outlined" | "bolt-outlined" | "book-outlined" | "bookmark-added-outlined" | "bookmark-checked-outlined" | "bookmark-outlined" | "box-1-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calculator-outlined" | "calendar-dates-outlined" | "calendar-edit-outlined" | "calendar-star-outlined" | "call-outlined" | "call-split-outlined" | "camera-outlined" | "cancel" | "car-forward-outlined" | "cashback-outlined" | "charging-station-outlined" | "chat-bubble-outlined" | "chat-unread-outlined" | "checkmark" | "circle-add-outlined" | "circle-cancel-outlined" | "circle-down-outlined" | "circle-info-outlined" | "circle-left-outlined" | "circle-ok-outlined" | "circle-question-outlined" | "circle-remove-outlined" | "circle-right-outlined" | "circle-up-outlined" | "circle-warning-outlined" | "clock-2-outlined" | "clock-in-outlined" | "clock-out-outlined" | "clock-outlined" | "cog-outlined" | "coin-outlined" | "coin-super-outlined" | "comment-outlined" | "contacts-outlined" | "contacts-user-outlined" | "credit-card-outlined" | "cultural-site-outlined" | "cup-outlined" | "dentistry-outlined" | "diamond-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-box-outlined" | "dollar-card-outlined" | "dollar-coin-shine-outlined" | "dollar-credit-card-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-box-outlined" | "download-outlined" | "edit-template-outlined" | "edit-user-outlined" | "electronics-outlined" | "email-outlined" | "end-break-outlined" | "enter-arrow" | "entertainment-outlined" | "envelope-outlined" | "evening-outlined" | "expense-approval-outlined" | "expense-outlined" | "explore-outlined" | "extension-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "fastfood-outlined" | "feed-outlined" | "feedbacks-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-dollar-certified-outlined" | "file-dollar-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-pound-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-statutory-outlined" | "file-verified-outlined" | "filter-outlined" | "fitness-outlined" | "folder-outlined" | "folder-upload-outlined" | "folder-user-outlined" | "form-outlined" | "funnel-filter-outline" | "goal-outlined" | "graph-outlined" | "grocery-outlined" | "hand-holding-user-outlined" | "handshake-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "history-outlined" | "home-active-outlined" | "home-outlined" | "id-card-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "italic" | "job-search-outlined" | "leave-approval-outlined" | "lighting-outlined" | "link-1" | "link-2" | "list-outlined" | "live-help-outlined" | "local_mall_outlined" | "location-on-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "mail-outlined" | "map-outlined" | "media-content-outlined" | "menu-close" | "menu-expand" | "menu-fold-outlined" | "menu-unfold-outlined" | "moneybag-outlined" | "moon-outlined" | "more-horizontal" | "more-vertical" | "morning-outlined" | "multiple-folders-outlined" | "multiple-users-outlined" | "near-me-outlined" | "node-outlined" | "number-points" | "overview-outlined" | "park-outlined" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "pound-box-outlined" | "pound-card-outlined" | "pound-coin-shine-outlined" | "pound-credit-card-outlined" | "print-outlined" | "profile-2user-outlined" | "propane-tank-outlined" | "qr-code-outlined" | "qualification-outlined" | "question-mark" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-outlined" | "restart" | "restaurant-outlined" | "resume-outlined" | "return-arrow" | "rocket-launch-outlined" | "rostering-outlined" | "safety-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "search-secured-outlined" | "send-outlined" | "share-1" | "share-2" | "share-outlined-2" | "share-outlined" | "shield-check-outlined" | "shop-outlined" | "shopping_basket_outlined" | "show-chart-outlined" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "smart-match-outlined" | "sparkle-2-outlined" | "sparkle-outlined" | "speaker-active-outlined" | "speaker-outlined" | "star-circle-outlined" | "star-outlined" | "start-break-outlined" | "stash-outlined" | "stopwatch-outlined" | "strikethrough" | "styler-outlined" | "suitcase-clock-outlined" | "suitcase-outlined" | "survey-outlined" | "switch-outlined" | "sync" | "tag-outlined" | "target-outlined" | "tennis-outlined" | "thumb-down-outlined" | "thumb-up-outlined" | "ticket-outlined" | "timesheet-outlined" | "timesheets-outlined" | "today-outlined" | "transfer" | "transportation-outlined" | "trash-bin-outlined" | "umbrela-outlined" | "unavailability-outlined" | "unavailable" | "underline" | "union-outlined" | "unlock-outlined" | "upload-outlined" | "user-add-outlined" | "user-circle-outlined" | "user-gear-outlined" | "user-out-outlined" | "user-outlined" | "user-rectangle-outlined" | "video-1-outlined" | "video-2-outlined" | "volunteer-outlined" | "wallet-outlined" | "wellness-outlined" | undefined;
124
+ }) => "number" | "search" | "bold" | "filter" | "swag" | "wallet" | React.JSX.Element | "menu" | "image" | "switch" | "warning" | "list" | "directory" | "document" | "feed" | "italic" | "activate" | "add-emoji" | "add-person" | "adjustment" | "alignment" | "antenna" | "archive" | "assignment-warning" | "bank" | "bell" | "billing" | "bolt" | "bookmark-added" | "bookmark-checked" | "bookmark" | "box-check" | "box" | "bpay" | "buildings" | "cake" | "calendar-clock" | "calendar" | "candy-box-menu" | "caret-down-small" | "caret-down" | "caret-left-small" | "caret-left" | "caret-right-small" | "caret-right" | "caret-up-small" | "caret-up" | "check-radio" | "circle-add" | "circle-cancel" | "circle-check" | "circle-down" | "circle-info" | "circle-left" | "circle-ok" | "circle-pencil" | "circle-question" | "circle-remove" | "circle-right" | "circle-up" | "circle-warning" | "clock-3" | "clock" | "cloud-download" | "cloud-upload" | "cog" | "coin" | "contacts" | "credit-card" | "diamond" | "direction-arrows" | "dollar-coin-shine" | "dot" | "double-buildings" | "edit-template" | "envelope" | "exclude" | "expand-content" | "expense" | "explore_nearby" | "eye-circle" | "eye-invisible" | "eye" | "face-meh" | "face-sad" | "face-smiley" | "feedbacks" | "file-certified" | "file-clone" | "file-copy" | "file-csv" | "file-dispose" | "file-doc" | "file-excel" | "file-export" | "file-lock" | "file-pdf" | "file-powerpoint" | "file-search" | "file-secured" | "file-sheets" | "file-slide" | "file-verified" | "file-word" | "file" | "folder-user" | "folder" | "format-bold" | "format-heading1" | "format-heading2" | "format-italic" | "format-list-bulleted" | "format-list-numbered" | "format-underlined" | "funnel-filter" | "global-dollar" | "global-pound" | "globe" | "graduation-cap" | "graph" | "happy-sun" | "health-bag" | "heart" | "hero-points" | "home" | "import" | "incident-siren" | "instapay-daily" | "instapay-now" | "instapay" | "loading-2" | "loading" | "location-on" | "location" | "lock" | "looks-one" | "looks-two" | "media-content" | "money-notes" | "moneybag" | "moon" | "multiple-stars" | "multiple-users" | "near-me" | "node" | "open-folder" | "paperclip-vertical" | "paperclip" | "payment-summary" | "pencil" | "phone" | "piggy-bank" | "plane-up" | "plane" | "play-arrow" | "play-circle" | "pound-coin-shine" | "pound-sign" | "print" | "raising-hands" | "reply-arrow" | "reply" | "reschedule" | "rocket-launch" | "rostering" | "salary-sacrifice" | "save" | "schedule-send" | "schedule" | "search-person" | "send" | "speaker-active" | "speaker" | "star-award" | "star-badge" | "star-circle" | "star-medal" | "star" | "steps-circle" | "stopwatch" | "suitcase" | "surfing" | "survey" | "swag-pillar-benefit" | "swag-pillar-career" | "swag-pillar-money" | "swag-pillar-work" | "swipe-right" | "tag" | "target" | "teams" | "thumb-down" | "thumb-up" | "timesheet" | "touch-id" | "trash-bin" | "unlock" | "user" | "video-1" | "video-2" | "academic-hat-outlined" | "accommodation-outlined" | "activate-outlined" | "add-credit-card-outlined" | "add-person-outlined" | "add-section-outlined" | "add-time-outlined" | "add" | "adjustment-outlined" | "afternoon-outlined" | "ai-outlined" | "alignment-2-outlined" | "alignment-outlined" | "all-caps" | "application-outlined" | "arrow-down" | "arrow-downwards" | "arrow-left" | "arrow-leftwards" | "arrow-right" | "arrow-rightwards" | "arrow-up" | "arrow-upwards" | "article-outlined" | "at-sign" | "auto-graph-outlined" | "automotive-outlined" | "bakery-outlined" | "bar-outlined" | "beauty-outlined" | "beer-outlined" | "bell-active-outlined" | "bell-outlined" | "bell-slash-outlined" | "bill-management-outlined" | "billing-outlined" | "body-outlined" | "bolt-outlined" | "book-outlined" | "bookmark-added-outlined" | "bookmark-checked-outlined" | "bookmark-outlined" | "box-1-outlined" | "box-check-outlined" | "box-outlined" | "bullet-points" | "cake-outlined" | "calculator-outlined" | "calendar-dates-outlined" | "calendar-edit-outlined" | "calendar-star-outlined" | "call-outlined" | "call-split-outlined" | "camera-outlined" | "cancel" | "car-forward-outlined" | "cashback-outlined" | "charging-station-outlined" | "chat-bubble-outlined" | "chat-unread-outlined" | "checkmark" | "circle-add-outlined" | "circle-cancel-outlined" | "circle-down-outlined" | "circle-info-outlined" | "circle-left-outlined" | "circle-ok-outlined" | "circle-question-outlined" | "circle-remove-outlined" | "circle-right-outlined" | "circle-up-outlined" | "circle-warning-outlined" | "clock-2-outlined" | "clock-in-outlined" | "clock-out-outlined" | "clock-outlined" | "cog-outlined" | "coin-outlined" | "coin-super-outlined" | "comment-outlined" | "contacts-outlined" | "contacts-user-outlined" | "credit-card-outlined" | "cultural-site-outlined" | "cup-outlined" | "dentistry-outlined" | "diamond-outlined" | "direction-arrows-outlined" | "directory-outlined" | "document-outlined" | "dollar-box-outlined" | "dollar-card-outlined" | "dollar-coin-shine-outlined" | "dollar-credit-card-outlined" | "dollar-sign" | "double-buildings-outlined" | "double-left-arrows" | "double-right-arrows" | "download-box-outlined" | "download-outlined" | "edit-template-outlined" | "edit-user-outlined" | "electronics-outlined" | "email-outlined" | "end-break-outlined" | "enter-arrow" | "entertainment-outlined" | "envelope-outlined" | "evening-outlined" | "expense-approval-outlined" | "expense-outlined" | "explore-outlined" | "extension-outlined" | "external-link" | "eye-invisible-outlined" | "eye-outlined" | "face-id" | "face-meh-outlined" | "face-open-smiley-outlined" | "face-sad-outlined" | "face-smiley-outlined" | "fastfood-outlined" | "feed-outlined" | "feedbacks-outlined" | "file-certified-outlined" | "file-clone-outlined" | "file-copy-outlined" | "file-dispose-outlined" | "file-dollar-certified-outlined" | "file-dollar-outlined" | "file-download-outlined" | "file-export-outlined" | "file-lock-outlined" | "file-outlined" | "file-pound-outlined" | "file-search-outlined" | "file-secured-outlined" | "file-statutory-outlined" | "file-verified-outlined" | "filter-outlined" | "fitness-outlined" | "folder-outlined" | "folder-upload-outlined" | "folder-user-outlined" | "form-outlined" | "funnel-filter-outline" | "goal-outlined" | "graph-outlined" | "grocery-outlined" | "hand-holding-user-outlined" | "handshake-outlined" | "happy-sun-outlined" | "health-bag-outlined" | "heart-outlined" | "history-outlined" | "home-active-outlined" | "home-outlined" | "id-card-outlined" | "image-outlined" | "import-outlined" | "instapay-outlined" | "job-search-outlined" | "leave-approval-outlined" | "lighting-outlined" | "link-1" | "link-2" | "list-outlined" | "live-help-outlined" | "local_mall_outlined" | "location-on-outlined" | "location-outlined" | "lock-outlined" | "locked-file-outlined" | "log-out" | "mail-outlined" | "map-outlined" | "media-content-outlined" | "menu-close" | "menu-expand" | "menu-fold-outlined" | "menu-unfold-outlined" | "moneybag-outlined" | "moon-outlined" | "more-horizontal" | "more-vertical" | "morning-outlined" | "multiple-folders-outlined" | "multiple-users-outlined" | "near-me-outlined" | "node-outlined" | "number-points" | "overview-outlined" | "park-outlined" | "payment-summary-outlined" | "payslip-outlined" | "pencil-outlined" | "percentage" | "phone-outlined" | "piggy-bank-outlined" | "plane-outlined" | "play-circle-outlined" | "pound-box-outlined" | "pound-card-outlined" | "pound-coin-shine-outlined" | "pound-credit-card-outlined" | "print-outlined" | "profile-2user-outlined" | "propane-tank-outlined" | "qr-code-outlined" | "qualification-outlined" | "question-mark" | "re-assign" | "redeem" | "refresh" | "remove" | "reply-outlined" | "restart" | "restaurant-outlined" | "resume-outlined" | "return-arrow" | "rocket-launch-outlined" | "rostering-outlined" | "safety-outlined" | "save-outlined" | "schedule-outlined" | "search-outlined" | "search-secured-outlined" | "send-outlined" | "share-1" | "share-2" | "share-outlined-2" | "share-outlined" | "shield-check-outlined" | "shop-outlined" | "shopping_basket_outlined" | "show-chart-outlined" | "single-down-arrow" | "single-left-arrow" | "single-right-arrow" | "single-up-arrow" | "smart-match-outlined" | "sparkle-2-outlined" | "sparkle-outlined" | "speaker-active-outlined" | "speaker-outlined" | "star-circle-outlined" | "star-outlined" | "start-break-outlined" | "stash-outlined" | "stopwatch-outlined" | "strikethrough" | "styler-outlined" | "suitcase-clock-outlined" | "suitcase-outlined" | "survey-outlined" | "switch-outlined" | "sync" | "tag-outlined" | "target-outlined" | "tennis-outlined" | "thumb-down-outlined" | "thumb-up-outlined" | "ticket-outlined" | "timesheet-outlined" | "timesheets-outlined" | "today-outlined" | "transfer" | "transportation-outlined" | "trash-bin-outlined" | "umbrela-outlined" | "unavailability-outlined" | "unavailable" | "underline" | "union-outlined" | "unlock-outlined" | "upload-outlined" | "user-add-outlined" | "user-circle-outlined" | "user-gear-outlined" | "user-out-outlined" | "user-outlined" | "user-rectangle-outlined" | "video-1-outlined" | "video-2-outlined" | "volunteer-outlined" | "wallet-outlined" | "wellness-outlined" | undefined;
125
125
  export declare const renderPrefix: ({ state, prefix, }: {
126
126
  state: State;
127
127
  prefix?: IconName | React.ReactElement;
@@ -6,11 +6,4 @@ declare const StyledPickerWrapper: import("@emotion/native").StyledComponent<Vie
6
6
  }, {}, {
7
7
  ref?: import("react").Ref<View> | undefined;
8
8
  }>;
9
- declare const StyledTouchableOpacity: import("@emotion/native").StyledComponent<import("react-native").TouchableOpacityProps & import("react").RefAttributes<View> & {
10
- theme?: import("@emotion/react").Theme;
11
- as?: React.ElementType;
12
- } & {
13
- themeGroupStyleEnabled: boolean;
14
- themeHasError: boolean;
15
- }, {}, {}>;
16
- export { StyledPickerWrapper, StyledTouchableOpacity };
9
+ export { StyledPickerWrapper };
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import type { InternalTimePickerProps } from './types';
3
- declare const TimePicker: (props: InternalTimePickerProps) => React.JSX.Element;
2
+ import type { TimePickerProps } from './types';
3
+ declare const TimePicker: (props: TimePickerProps) => React.JSX.Element;
4
4
  export default TimePicker;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import type { InternalTimePickerProps } from './types';
3
- declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, TextInputComponent, inputProps, groupStyleEnabled, }: InternalTimePickerProps) => React.JSX.Element;
2
+ import type { TimePickerProps } from './types';
3
+ declare const TimePickerAndroid: ({ value, label, placeholder, onChange, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, }: TimePickerProps) => React.JSX.Element;
4
4
  export default TimePickerAndroid;
@@ -1,4 +1,4 @@
1
1
  import React from 'react';
2
- import type { InternalTimePickerProps } from './types';
3
- declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, supportedOrientations, TextInputComponent, inputProps, groupStyleEnabled, }: InternalTimePickerProps) => React.JSX.Element;
2
+ import type { TimePickerProps } from './types';
3
+ declare const TimePickerIOS: ({ value, label, placeholder, onChange, confirmLabel, displayFormat, disabled, required, error, helpText, style, testID, showSuffix, supportedOrientations, }: TimePickerProps) => React.JSX.Element;
4
4
  export default TimePickerIOS;
@@ -1,5 +1,4 @@
1
1
  import type { StyleProp, ViewStyle } from 'react-native';
2
- import type { TextInputProps } from '../TextInput';
3
2
  export interface TimePickerProps {
4
3
  /**
5
4
  * Time picker input label.
@@ -60,17 +59,3 @@ export interface TimePickerProps {
60
59
  */
61
60
  supportedOrientations?: ('portrait' | 'landscape')[];
62
61
  }
63
- export interface InternalTimePickerProps extends TimePickerProps {
64
- /**
65
- * Props that are passed to TextInput.
66
- */
67
- inputProps?: Pick<TextInputProps, 'loading' | 'numberOfLines'>;
68
- /**
69
- * Whether the component is used within a FormGroup for styling purposes.
70
- */
71
- groupStyleEnabled?: boolean;
72
- /**
73
- * Input component to use instead of the default TextInput.
74
- */
75
- TextInputComponent?: React.ComponentType<TextInputProps>;
76
- }
@@ -1,10 +0,0 @@
1
- import type { FunctionComponent } from 'react';
2
- import DatePicker from './DatePicker';
3
- import type { InternalDatePickerProps } from './types';
4
- import Dialog from './Dialog';
5
-
6
- export type { InternalDatePickerProps as DatePickerProps };
7
-
8
- const InternalDatePicker =
9
- DatePicker as FunctionComponent<InternalDatePickerProps>;
10
- export default Object.assign(InternalDatePicker, { Dialog });
@@ -1,26 +0,0 @@
1
- /**
2
- * INTERNAL API - Do not remove this file
3
- *
4
- * This file exports the full Select component API with all internal props exposed.
5
- * It's used by:
6
- * 1. @hero-design/rn-work-uikit package - allows access to internal props like
7
- * TextInputComponent and groupStyleEnabled for customization
8
- * 2. Internal tests - enables testing of the complete component API
9
- * 3. Type definitions - provides InternalMultiSelectProps and InternalSingleSelectProps
10
- *
11
- * The public API (index.tsx) omits internal props to keep the external interface clean,
12
- * but this internal version is essential for extending the library functionality.
13
- */
14
- import MultiSelect from './MultiSelect';
15
- import SingleSelect from './SingleSelect';
16
- import type { InternalMultiSelectProps } from './MultiSelect';
17
- import type { InternalSingleSelectProps } from './SingleSelect';
18
-
19
- export type {
20
- InternalMultiSelectProps as MultiSelectProps,
21
- InternalSingleSelectProps as SingleSelectProps,
22
- };
23
-
24
- export default Object.assign(SingleSelect, {
25
- Multi: MultiSelect,
26
- });
@@ -1,9 +0,0 @@
1
- import type { FunctionComponent } from 'react';
2
- import type { InternalTimePickerProps } from './types';
3
- import TimePicker from './TimePicker';
4
-
5
- const InternalTimePicker =
6
- TimePicker as FunctionComponent<InternalTimePickerProps>;
7
-
8
- export type { InternalTimePickerProps as TimePickerProps };
9
- export default InternalTimePicker;
@@ -1,26 +0,0 @@
1
- /**
2
- * INTERNAL API - Do not remove this file
3
- *
4
- * This file re-exports components with their full internal APIs (including internal props).
5
- * It's used by:
6
- * 1. @hero-design/rn-work-uikit package - provides access to internal props like
7
- * TextInputComponent and groupStyleEnabled for component customization
8
- * 2. Internal type definitions - exports InternalMultiSelectProps, InternalSingleSelectProps, etc.
9
- * 3. Build tools - configured in rn-work-uikit's tsconfig, rollup, and babel configs
10
- *
11
- * The public API (main index.ts) omits internal props to keep the external interface clean,
12
- * but this internal version is essential for extending the library with advanced features.
13
- */
14
-
15
- import Select from './components/Select/index.internal';
16
- import DatePicker from './components/DatePicker/index.internal';
17
- import TimePicker from './components/TimePicker/index.internal';
18
-
19
- export * from '.';
20
- export type {
21
- MultiSelectProps,
22
- SingleSelectProps,
23
- DatePickerProps,
24
- TimePickerProps,
25
- } from './types.internal';
26
- export { Select, DatePicker, TimePicker };
@@ -1,28 +0,0 @@
1
- /**
2
- * INTERNAL TYPES - Do not remove this file
3
- *
4
- * This file re-exports internal component prop types that include all internal properties.
5
- * It's used by:
6
- * 1. @hero-design/rn-work-uikit package - provides access to InternalMultiSelectProps,
7
- * InternalSingleSelectProps, etc. for advanced component customization
8
- * 2. Internal API exports - referenced by index.internal.ts for type definitions
9
- * 3. Build tools - enables proper TypeScript compilation for internal API consumers
10
- *
11
- * The public types (types.ts) omit internal props to keep the external interface clean,
12
- * but this internal version is essential for extending the library with full type safety.
13
- */
14
-
15
- import { DatePickerProps } from './components/DatePicker/index.internal';
16
- import type {
17
- SingleSelectProps,
18
- MultiSelectProps,
19
- } from './components/Select/index.internal';
20
- import { TimePickerProps } from './components/TimePicker/index.internal';
21
-
22
- export * from './types';
23
- export {
24
- SingleSelectProps,
25
- MultiSelectProps,
26
- DatePickerProps,
27
- TimePickerProps,
28
- };
@@ -1,7 +0,0 @@
1
- import type { FunctionComponent } from 'react';
2
- import type { InternalDatePickerProps } from './types';
3
- export type { InternalDatePickerProps as DatePickerProps };
4
- declare const _default: FunctionComponent<InternalDatePickerProps> & {
5
- Dialog: ({ ...props }: import("./Dialog/type").DatePickerDialogProps) => import("react").JSX.Element;
6
- };
7
- export default _default;
@@ -1,21 +0,0 @@
1
- /**
2
- * INTERNAL API - Do not remove this file
3
- *
4
- * This file exports the full Select component API with all internal props exposed.
5
- * It's used by:
6
- * 1. @hero-design/rn-work-uikit package - allows access to internal props like
7
- * TextInputComponent and groupStyleEnabled for customization
8
- * 2. Internal tests - enables testing of the complete component API
9
- * 3. Type definitions - provides InternalMultiSelectProps and InternalSingleSelectProps
10
- *
11
- * The public API (index.tsx) omits internal props to keep the external interface clean,
12
- * but this internal version is essential for extending the library functionality.
13
- */
14
- import MultiSelect from './MultiSelect';
15
- import type { InternalMultiSelectProps } from './MultiSelect';
16
- import type { InternalSingleSelectProps } from './SingleSelect';
17
- export type { InternalMultiSelectProps as MultiSelectProps, InternalSingleSelectProps as SingleSelectProps, };
18
- declare const _default: (<V, T extends import("./types").SelectOptionType<V>>({ label, loading, inputProps, onConfirm, onDismiss, onEndReached, onQueryChange, options, renderOption, renderSelectedValue, query, error, editable, disabled, required, style, testID, value, supportedOrientations, bottomSheetConfig, groupStyleEnabled, ...rest }: InternalSingleSelectProps<V, T>) => import("react").JSX.Element) & {
19
- Multi: typeof MultiSelect;
20
- };
21
- export default _default;
@@ -1,5 +0,0 @@
1
- import type { FunctionComponent } from 'react';
2
- import type { InternalTimePickerProps } from './types';
3
- declare const InternalTimePicker: FunctionComponent<InternalTimePickerProps>;
4
- export type { InternalTimePickerProps as TimePickerProps };
5
- export default InternalTimePicker;
@@ -1,19 +0,0 @@
1
- /**
2
- * INTERNAL API - Do not remove this file
3
- *
4
- * This file re-exports components with their full internal APIs (including internal props).
5
- * It's used by:
6
- * 1. @hero-design/rn-work-uikit package - provides access to internal props like
7
- * TextInputComponent and groupStyleEnabled for component customization
8
- * 2. Internal type definitions - exports InternalMultiSelectProps, InternalSingleSelectProps, etc.
9
- * 3. Build tools - configured in rn-work-uikit's tsconfig, rollup, and babel configs
10
- *
11
- * The public API (main index.ts) omits internal props to keep the external interface clean,
12
- * but this internal version is essential for extending the library with advanced features.
13
- */
14
- import Select from './components/Select/index.internal';
15
- import DatePicker from './components/DatePicker/index.internal';
16
- import TimePicker from './components/TimePicker/index.internal';
17
- export * from '.';
18
- export type { MultiSelectProps, SingleSelectProps, DatePickerProps, TimePickerProps, } from './types.internal';
19
- export { Select, DatePicker, TimePicker };
@@ -1,18 +0,0 @@
1
- /**
2
- * INTERNAL TYPES - Do not remove this file
3
- *
4
- * This file re-exports internal component prop types that include all internal properties.
5
- * It's used by:
6
- * 1. @hero-design/rn-work-uikit package - provides access to InternalMultiSelectProps,
7
- * InternalSingleSelectProps, etc. for advanced component customization
8
- * 2. Internal API exports - referenced by index.internal.ts for type definitions
9
- * 3. Build tools - enables proper TypeScript compilation for internal API consumers
10
- *
11
- * The public types (types.ts) omit internal props to keep the external interface clean,
12
- * but this internal version is essential for extending the library with full type safety.
13
- */
14
- import { DatePickerProps } from './components/DatePicker/index.internal';
15
- import type { SingleSelectProps, MultiSelectProps } from './components/Select/index.internal';
16
- import { TimePickerProps } from './components/TimePicker/index.internal';
17
- export * from './types';
18
- export { SingleSelectProps, MultiSelectProps, DatePickerProps, TimePickerProps, };