@hero-design/rn 8.136.3 → 8.138.0
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.
- package/CHANGELOG.md +14 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +105 -56
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +105 -56
- package/package.json +1 -1
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +1 -0
- package/src/components/Select/MultiSelect/index.tsx +3 -1
- package/src/components/Select/SingleSelect/index.tsx +4 -2
- package/src/components/Select/types.ts +9 -0
- package/src/components/TextInput/AssistiveInfoTrigger/StyledAssistiveInfoTrigger.tsx +13 -0
- package/src/components/TextInput/AssistiveInfoTrigger/index.tsx +45 -0
- package/src/components/TextInput/index.tsx +32 -11
- package/src/theme/components/textInput.ts +2 -0
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/Select/MultiSelect/index.d.ts +1 -1
- package/types/components/Select/SingleSelect/index.d.ts +1 -1
- package/types/components/Select/types.d.ts +9 -0
- package/types/components/TextInput/AssistiveInfoTrigger/StyledAssistiveInfoTrigger.d.ts +11 -0
- package/types/components/TextInput/AssistiveInfoTrigger/index.d.ts +10 -0
- package/types/components/TextInput/index.d.ts +10 -1
- package/types/theme/components/textInput.d.ts +2 -0
package/lib/index.js
CHANGED
|
@@ -7351,6 +7351,8 @@ var getTextInputTheme = function getTextInputTheme(theme) {
|
|
|
7351
7351
|
containerMarginTop: theme.space.small,
|
|
7352
7352
|
labelInsideTextInputMarginTop: 0,
|
|
7353
7353
|
errorAndHelpTextContainerPaddingTop: theme.space.xxsmall,
|
|
7354
|
+
assistiveInfoTriggerPadding: theme.space.xsmall,
|
|
7355
|
+
assistiveInfoTriggerGap: theme.space.xsmall,
|
|
7354
7356
|
inputAndLabelContainerPaddingTop: theme.lineHeights.medium,
|
|
7355
7357
|
labelFocusedTranslateY: theme.space.xsmall * 2,
|
|
7356
7358
|
textareaLabelIdleTranslateY: theme.space.large
|
|
@@ -8576,7 +8578,7 @@ var Typography = {
|
|
|
8576
8578
|
};
|
|
8577
8579
|
|
|
8578
8580
|
// 🔴 DO NOT EDIT — This file is generated automatically.
|
|
8579
|
-
var IconList = ['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', 'filter', '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', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', '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', 'search', 'send', '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', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-emoji-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', 'archive-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'assignment-warning-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bank-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', '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-clock-outlined', 'calendar-dates-outlined', 'calendar-edit-outlined', 'calendar-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-check-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-3-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cloud-download-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-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', 'mic-outlined', 'mic-slash-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', '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', 'raising-hands-outlined', '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', 'schedule-send-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-outlined', 'star-award-outlined', 'star-badge-outlined', 'star-circle-outlined', 'star-medal-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', 'teams-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', 'warning-outlined', 'wellness-outlined'];
|
|
8581
|
+
var IconList = ['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', 'filter', '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', 'image', 'import', 'incident-siren', 'instapay-daily', 'instapay-now', 'instapay', 'list', 'loading-2', 'loading', 'location-on', 'location', 'lock', 'looks-one', 'looks-two', 'media-content', 'menu', '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', 'search', 'send', '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', 'swag', 'swipe-right', 'switch', 'tag', 'target', 'teams', 'thumb-down', 'thumb-up', 'timesheet', 'touch-id', 'trash-bin', 'unlock', 'user', 'video-1', 'video-2', 'wallet', 'warning', 'academic-hat-outlined', 'accommodation-outlined', 'activate-outlined', 'add-credit-card-outlined', 'add-emoji-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', 'archive-outlined', 'arrow-down', 'arrow-downwards', 'arrow-left', 'arrow-leftwards', 'arrow-right', 'arrow-rightwards', 'arrow-up', 'arrow-upwards', 'article-outlined', 'assignment-warning-outlined', 'at-sign', 'auto-graph-outlined', 'automotive-outlined', 'bakery-outlined', 'bank-outlined', 'bar-outlined', 'beauty-outlined', 'beer-outlined', 'bell-outlined', 'bell-slash-outlined', 'bill-management-outlined', 'billing-outlined', 'body-outlined', 'bold', '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-clock-outlined', 'calendar-dates-outlined', 'calendar-edit-outlined', 'calendar-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-check-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-3-outlined', 'clock-in-outlined', 'clock-out-outlined', 'clock-outlined', 'cloud-download-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-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', 'mic-outlined', 'mic-slash-outlined', 'moneybag-outlined', 'moon-outlined', 'more-horizontal', 'more-vertical', 'morning-outlined', 'multiple-folders-outlined', 'multiple-users-outlined', 'near-me-outlined', 'node-outlined', 'number-points', 'number', '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', 'raising-hands-outlined', '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', 'schedule-send-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-outlined', 'star-award-outlined', 'star-badge-outlined', 'star-circle-outlined', 'star-medal-outlined', 'star-outlined', 'start-break-outlined', 'stash-outlined', 'stop-outlined', 'stopwatch-outlined', 'strikethrough', 'styler-outlined', 'suitcase-clock-outlined', 'suitcase-outlined', 'survey-outlined', 'switch-outlined', 'sync', 'tag-outlined', 'target-outlined', 'teams-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', 'warning-outlined', 'wellness-outlined'];
|
|
8580
8582
|
|
|
8581
8583
|
var activate = 59000;
|
|
8582
8584
|
var adjustment = 59003;
|
|
@@ -8665,11 +8667,11 @@ var refresh = 59421;
|
|
|
8665
8667
|
var remove$1 = 59422;
|
|
8666
8668
|
var restart = 59424;
|
|
8667
8669
|
var shopping_basket_outlined = 59443;
|
|
8668
|
-
var strikethrough =
|
|
8669
|
-
var sync =
|
|
8670
|
-
var transfer =
|
|
8671
|
-
var unavailable =
|
|
8672
|
-
var underline =
|
|
8670
|
+
var strikethrough = 59462;
|
|
8671
|
+
var sync = 59468;
|
|
8672
|
+
var transfer = 59479;
|
|
8673
|
+
var unavailable = 59484;
|
|
8674
|
+
var underline = 59485;
|
|
8673
8675
|
var glyphMap = {
|
|
8674
8676
|
activate: activate,
|
|
8675
8677
|
"add-emoji": 59001,
|
|
@@ -9131,46 +9133,47 @@ var glyphMap = {
|
|
|
9131
9133
|
"star-outlined": 59457,
|
|
9132
9134
|
"start-break-outlined": 59458,
|
|
9133
9135
|
"stash-outlined": 59459,
|
|
9134
|
-
"
|
|
9136
|
+
"stop-outlined": 59460,
|
|
9137
|
+
"stopwatch-outlined": 59461,
|
|
9135
9138
|
strikethrough: strikethrough,
|
|
9136
|
-
"styler-outlined":
|
|
9137
|
-
"suitcase-clock-outlined":
|
|
9138
|
-
"suitcase-outlined":
|
|
9139
|
-
"survey-outlined":
|
|
9140
|
-
"switch-outlined":
|
|
9139
|
+
"styler-outlined": 59463,
|
|
9140
|
+
"suitcase-clock-outlined": 59464,
|
|
9141
|
+
"suitcase-outlined": 59465,
|
|
9142
|
+
"survey-outlined": 59466,
|
|
9143
|
+
"switch-outlined": 59467,
|
|
9141
9144
|
sync: sync,
|
|
9142
|
-
"tag-outlined":
|
|
9143
|
-
"target-outlined":
|
|
9144
|
-
"teams-outlined":
|
|
9145
|
-
"tennis-outlined":
|
|
9146
|
-
"thumb-down-outlined":
|
|
9147
|
-
"thumb-up-outlined":
|
|
9148
|
-
"ticket-outlined":
|
|
9149
|
-
"timesheet-outlined":
|
|
9150
|
-
"timesheets-outlined":
|
|
9151
|
-
"today-outlined":
|
|
9145
|
+
"tag-outlined": 59469,
|
|
9146
|
+
"target-outlined": 59470,
|
|
9147
|
+
"teams-outlined": 59471,
|
|
9148
|
+
"tennis-outlined": 59472,
|
|
9149
|
+
"thumb-down-outlined": 59473,
|
|
9150
|
+
"thumb-up-outlined": 59474,
|
|
9151
|
+
"ticket-outlined": 59475,
|
|
9152
|
+
"timesheet-outlined": 59476,
|
|
9153
|
+
"timesheets-outlined": 59477,
|
|
9154
|
+
"today-outlined": 59478,
|
|
9152
9155
|
transfer: transfer,
|
|
9153
|
-
"transportation-outlined":
|
|
9154
|
-
"trash-bin-outlined":
|
|
9155
|
-
"umbrela-outlined":
|
|
9156
|
-
"unavailability-outlined":
|
|
9156
|
+
"transportation-outlined": 59480,
|
|
9157
|
+
"trash-bin-outlined": 59481,
|
|
9158
|
+
"umbrela-outlined": 59482,
|
|
9159
|
+
"unavailability-outlined": 59483,
|
|
9157
9160
|
unavailable: unavailable,
|
|
9158
9161
|
underline: underline,
|
|
9159
|
-
"union-outlined":
|
|
9160
|
-
"unlock-outlined":
|
|
9161
|
-
"upload-outlined":
|
|
9162
|
-
"user-add-outlined":
|
|
9163
|
-
"user-circle-outlined":
|
|
9164
|
-
"user-gear-outlined":
|
|
9165
|
-
"user-out-outlined":
|
|
9166
|
-
"user-outlined":
|
|
9167
|
-
"user-rectangle-outlined":
|
|
9168
|
-
"video-1-outlined":
|
|
9169
|
-
"video-2-outlined":
|
|
9170
|
-
"volunteer-outlined":
|
|
9171
|
-
"wallet-outlined":
|
|
9172
|
-
"warning-outlined":
|
|
9173
|
-
"wellness-outlined":
|
|
9162
|
+
"union-outlined": 59486,
|
|
9163
|
+
"unlock-outlined": 59487,
|
|
9164
|
+
"upload-outlined": 59488,
|
|
9165
|
+
"user-add-outlined": 59489,
|
|
9166
|
+
"user-circle-outlined": 59490,
|
|
9167
|
+
"user-gear-outlined": 59491,
|
|
9168
|
+
"user-out-outlined": 59492,
|
|
9169
|
+
"user-outlined": 59493,
|
|
9170
|
+
"user-rectangle-outlined": 59494,
|
|
9171
|
+
"video-1-outlined": 59495,
|
|
9172
|
+
"video-2-outlined": 59496,
|
|
9173
|
+
"volunteer-outlined": 59497,
|
|
9174
|
+
"wallet-outlined": 59498,
|
|
9175
|
+
"warning-outlined": 59499,
|
|
9176
|
+
"wellness-outlined": 59500
|
|
9174
9177
|
};
|
|
9175
9178
|
|
|
9176
9179
|
var HeroIcon = reactNativeVectorIcons.createIconSet(glyphMap, 'hero-icons-mobile', 'hero-icons-mobile.ttf');
|
|
@@ -21416,7 +21419,43 @@ var StyledErrorAndMaxLengthContainer = index$c(reactNative.View)(function (_ref1
|
|
|
21416
21419
|
};
|
|
21417
21420
|
});
|
|
21418
21421
|
|
|
21419
|
-
var
|
|
21422
|
+
var StyledTouchable = index$c(reactNative.TouchableOpacity)(function () {
|
|
21423
|
+
return {
|
|
21424
|
+
alignSelf: 'flex-start'
|
|
21425
|
+
};
|
|
21426
|
+
});
|
|
21427
|
+
var StyledRow$1 = index$c(reactNative.View)(function (_ref) {
|
|
21428
|
+
var theme = _ref.theme;
|
|
21429
|
+
return {
|
|
21430
|
+
flexDirection: 'row',
|
|
21431
|
+
alignItems: 'center',
|
|
21432
|
+
padding: theme.__hd__.textInput.space.assistiveInfoTriggerPadding,
|
|
21433
|
+
gap: theme.__hd__.textInput.space.assistiveInfoTriggerGap
|
|
21434
|
+
};
|
|
21435
|
+
});
|
|
21436
|
+
|
|
21437
|
+
var AssistiveInfoTrigger = function AssistiveInfoTrigger(_ref) {
|
|
21438
|
+
var accessibilityLabel = _ref.accessibilityLabel,
|
|
21439
|
+
disabled = _ref.disabled,
|
|
21440
|
+
label = _ref.label,
|
|
21441
|
+
onPress = _ref.onPress,
|
|
21442
|
+
testID = _ref.testID;
|
|
21443
|
+
return /*#__PURE__*/React__namespace.default.createElement(StyledTouchable, {
|
|
21444
|
+
onPress: onPress,
|
|
21445
|
+
disabled: disabled,
|
|
21446
|
+
accessibilityLabel: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : 'More information',
|
|
21447
|
+
accessibilityRole: "button",
|
|
21448
|
+
testID: testID
|
|
21449
|
+
}, /*#__PURE__*/React__namespace.default.createElement(StyledRow$1, null, /*#__PURE__*/React__namespace.default.createElement(Icon, {
|
|
21450
|
+
icon: "circle-info-outlined",
|
|
21451
|
+
size: "xsmall",
|
|
21452
|
+
intent: disabled ? 'disabled-text' : 'muted'
|
|
21453
|
+
}), !!label && /*#__PURE__*/React__namespace.default.createElement(Typography.Caption, {
|
|
21454
|
+
intent: disabled ? 'disabled' : 'muted'
|
|
21455
|
+
}, label)));
|
|
21456
|
+
};
|
|
21457
|
+
|
|
21458
|
+
var _excluded$t = ["label", "prefix", "suffix", "style", "textStyle", "testID", "accessibilityLabelledBy", "error", "required", "editable", "disabled", "loading", "maxLength", "hideCharacterCount", "helpText", "assistiveInfoConfig", "value", "defaultValue", "renderInputValue", "allowFontScaling", "variant", "pointerEvents"];
|
|
21420
21459
|
var getState$3 = function getState(_ref) {
|
|
21421
21460
|
var disabled = _ref.disabled,
|
|
21422
21461
|
error = _ref.error,
|
|
@@ -21525,6 +21564,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
|
|
|
21525
21564
|
_ref8$hideCharacterCo = _ref8.hideCharacterCount,
|
|
21526
21565
|
hideCharacterCount = _ref8$hideCharacterCo === void 0 ? false : _ref8$hideCharacterCo,
|
|
21527
21566
|
helpText = _ref8.helpText,
|
|
21567
|
+
assistiveInfoConfig = _ref8.assistiveInfoConfig,
|
|
21528
21568
|
value = _ref8.value,
|
|
21529
21569
|
defaultValue = _ref8.defaultValue,
|
|
21530
21570
|
renderInputValue = _ref8.renderInputValue,
|
|
@@ -21532,6 +21572,7 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
|
|
|
21532
21572
|
allowFontScaling = _ref8$allowFontScalin === void 0 ? false : _ref8$allowFontScalin,
|
|
21533
21573
|
_ref8$variant = _ref8.variant,
|
|
21534
21574
|
variant = _ref8$variant === void 0 ? 'text' : _ref8$variant,
|
|
21575
|
+
pointerEvents = _ref8.pointerEvents,
|
|
21535
21576
|
nativeProps = _objectWithoutProperties(_ref8, _excluded$t);
|
|
21536
21577
|
var displayText = getDisplayText(value, defaultValue);
|
|
21537
21578
|
var isEmptyValue = displayText.length === 0;
|
|
@@ -21663,17 +21704,20 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
|
|
|
21663
21704
|
defaultValue: defaultValue,
|
|
21664
21705
|
placeholder: isFocused || label === undefined ? nativeProps.placeholder : EMPTY_PLACEHOLDER_VALUE
|
|
21665
21706
|
});
|
|
21707
|
+
var isPressable = state !== 'disabled' && state !== 'readonly' && !loading;
|
|
21666
21708
|
return /*#__PURE__*/React__namespace.default.createElement(StyledContainer$7, {
|
|
21667
21709
|
style: styleWithoutBackgroundColor,
|
|
21668
|
-
pointerEvents: state === 'disabled' || state === 'readonly' || loading ? 'none' : 'auto',
|
|
21669
21710
|
testID: testID
|
|
21670
21711
|
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.Pressable, {
|
|
21671
|
-
onPress: focusInnerTextInput,
|
|
21712
|
+
onPress: isPressable ? focusInnerTextInput : undefined,
|
|
21672
21713
|
accessible: false,
|
|
21673
|
-
importantForAccessibility: "no"
|
|
21714
|
+
importantForAccessibility: "no",
|
|
21715
|
+
disabled: !isPressable,
|
|
21716
|
+
pointerEvents: pointerEvents
|
|
21674
21717
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledTextInputContainer, {
|
|
21675
21718
|
themeVariant: variant,
|
|
21676
|
-
themeState: state
|
|
21719
|
+
themeState: state,
|
|
21720
|
+
pointerEvents: isPressable ? 'auto' : 'none'
|
|
21677
21721
|
}, /*#__PURE__*/React__namespace.default.createElement(StyledBorderBackDrop, {
|
|
21678
21722
|
themeFocused: isFocused,
|
|
21679
21723
|
themeState: state,
|
|
@@ -21738,7 +21782,12 @@ var TextInput = /*#__PURE__*/React.forwardRef(function (_ref8, ref) {
|
|
|
21738
21782
|
state: state,
|
|
21739
21783
|
loading: loading,
|
|
21740
21784
|
suffix: suffix
|
|
21741
|
-
}))),
|
|
21785
|
+
}))), !!assistiveInfoConfig && /*#__PURE__*/React__namespace.default.createElement(AssistiveInfoTrigger, {
|
|
21786
|
+
onPress: assistiveInfoConfig.onPress,
|
|
21787
|
+
label: assistiveInfoConfig.label,
|
|
21788
|
+
testID: assistiveInfoConfig.testID,
|
|
21789
|
+
disabled: !isPressable
|
|
21790
|
+
}), /*#__PURE__*/React__namespace.default.createElement(StyledErrorAndHelpTextContainer, null, /*#__PURE__*/React__namespace.default.createElement(StyledErrorAndMaxLengthContainer, null, renderErrorOrHelpText({
|
|
21742
21791
|
error: error,
|
|
21743
21792
|
helpText: helpText
|
|
21744
21793
|
}), renderMaxLengthMessage({
|
|
@@ -27874,7 +27923,8 @@ function MultiSelect(_ref) {
|
|
|
27874
27923
|
_ref$supportedOrienta = _ref.supportedOrientations,
|
|
27875
27924
|
supportedOrientations = _ref$supportedOrienta === void 0 ? ['portrait'] : _ref$supportedOrienta,
|
|
27876
27925
|
_ref$bottomSheetConfi = _ref.bottomSheetConfig,
|
|
27877
|
-
bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi
|
|
27926
|
+
bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
|
|
27927
|
+
assistiveInfoConfig = _ref.assistiveInfoConfig;
|
|
27878
27928
|
var _useKeyboard = useKeyboard(),
|
|
27879
27929
|
isKeyboardVisible = _useKeyboard.isKeyboardVisible,
|
|
27880
27930
|
keyboardHeight = _useKeyboard.keyboardHeight;
|
|
@@ -27912,9 +27962,7 @@ function MultiSelect(_ref) {
|
|
|
27912
27962
|
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
|
|
27913
27963
|
onPress: onPress,
|
|
27914
27964
|
testID: "multi-select-touchable-opacity"
|
|
27915
|
-
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
|
|
27916
|
-
pointerEvents: "none"
|
|
27917
|
-
}, /*#__PURE__*/React__namespace.default.createElement(TextInput, _extends$1({}, inputProps, {
|
|
27965
|
+
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, /*#__PURE__*/React__namespace.default.createElement(TextInput, _extends$1({}, inputProps, {
|
|
27918
27966
|
label: label,
|
|
27919
27967
|
value: renderSelectedValue ? rawValue : displayedValue,
|
|
27920
27968
|
suffix: selectSuffix,
|
|
@@ -27926,6 +27974,7 @@ function MultiSelect(_ref) {
|
|
|
27926
27974
|
pointerEvents: "none",
|
|
27927
27975
|
style: style,
|
|
27928
27976
|
testID: testID,
|
|
27977
|
+
assistiveInfoConfig: assistiveInfoConfig,
|
|
27929
27978
|
renderInputValue: renderSelectedValue !== undefined && (rawValue === null || rawValue === void 0 ? void 0 : rawValue.length) > 0 ? function (nativeInputProps) {
|
|
27930
27979
|
return renderSelectedValue(value, nativeInputProps);
|
|
27931
27980
|
} : undefined
|
|
@@ -28088,7 +28137,8 @@ var SingleSelect = function SingleSelect(_ref) {
|
|
|
28088
28137
|
_ref$supportedOrienta = _ref.supportedOrientations,
|
|
28089
28138
|
supportedOrientations = _ref$supportedOrienta === void 0 ? ['portrait'] : _ref$supportedOrienta,
|
|
28090
28139
|
_ref$bottomSheetConfi = _ref.bottomSheetConfig,
|
|
28091
|
-
bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi
|
|
28140
|
+
bottomSheetConfig = _ref$bottomSheetConfi === void 0 ? {} : _ref$bottomSheetConfi,
|
|
28141
|
+
assistiveInfoConfig = _ref.assistiveInfoConfig;
|
|
28092
28142
|
var _useKeyboard = useKeyboard(),
|
|
28093
28143
|
isKeyboardVisible = _useKeyboard.isKeyboardVisible,
|
|
28094
28144
|
keyboardHeight = _useKeyboard.keyboardHeight;
|
|
@@ -28119,9 +28169,7 @@ var SingleSelect = function SingleSelect(_ref) {
|
|
|
28119
28169
|
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.TouchableOpacity, {
|
|
28120
28170
|
onPress: onPress,
|
|
28121
28171
|
testID: "single-select-touchable-opacity"
|
|
28122
|
-
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, {
|
|
28123
|
-
pointerEvents: "none"
|
|
28124
|
-
}, /*#__PURE__*/React__namespace.default.createElement(TextInput, _extends$1({}, inputProps, {
|
|
28172
|
+
}, /*#__PURE__*/React__namespace.default.createElement(reactNative.View, null, /*#__PURE__*/React__namespace.default.createElement(TextInput, _extends$1({}, inputProps, {
|
|
28125
28173
|
label: label,
|
|
28126
28174
|
value: renderSelectedValue ? rawValue : displayedValue,
|
|
28127
28175
|
suffix: selectSuffix,
|
|
@@ -28130,9 +28178,10 @@ var SingleSelect = function SingleSelect(_ref) {
|
|
|
28130
28178
|
editable: editable,
|
|
28131
28179
|
disabled: disabled,
|
|
28132
28180
|
required: required,
|
|
28133
|
-
pointerEvents: "none",
|
|
28134
28181
|
style: style,
|
|
28135
28182
|
testID: testID,
|
|
28183
|
+
pointerEvents: "none",
|
|
28184
|
+
assistiveInfoConfig: assistiveInfoConfig,
|
|
28136
28185
|
renderInputValue: renderSelectedValue !== undefined && !!rawValue ? function (nativeInputProps) {
|
|
28137
28186
|
return renderSelectedValue(value, nativeInputProps);
|
|
28138
28187
|
} : undefined
|
package/package.json
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker":59163,"star-award":59164,"star-badge":59165,"star-circle":59166,"star-medal":59167,"star":59168,"steps-circle":59169,"stopwatch":59170,"suitcase":59171,"surfing":59172,"survey":59173,"swag-pillar-benefit":59174,"swag-pillar-career":59175,"swag-pillar-money":59176,"swag-pillar-work":59177,"swag":59178,"swipe-right":59179,"switch":59180,"tag":59181,"target":59182,"teams":59183,"thumb-down":59184,"thumb-up":59185,"timesheet":59186,"touch-id":59187,"trash-bin":59188,"unlock":59189,"user":59190,"video-1":59191,"video-2":59192,"wallet":59193,"warning":59194,"academic-hat-outlined":59195,"accommodation-outlined":59196,"activate-outlined":59197,"add-credit-card-outlined":59198,"add-emoji-outlined":59199,"add-person-outlined":59200,"add-section-outlined":59201,"add-time-outlined":59202,"add":59203,"adjustment-outlined":59204,"afternoon-outlined":59205,"ai-outlined":59206,"alignment-2-outlined":59207,"alignment-outlined":59208,"all-caps":59209,"application-outlined":59210,"archive-outlined":59211,"arrow-down":59212,"arrow-downwards":59213,"arrow-left":59214,"arrow-leftwards":59215,"arrow-right":59216,"arrow-rightwards":59217,"arrow-up":59218,"arrow-upwards":59219,"article-outlined":59220,"assignment-warning-outlined":59221,"at-sign":59222,"auto-graph-outlined":59223,"automotive-outlined":59224,"bakery-outlined":59225,"bank-outlined":59226,"bar-outlined":59227,"beauty-outlined":59228,"beer-outlined":59229,"bell-outlined":59230,"bell-slash-outlined":59231,"bill-management-outlined":59232,"billing-outlined":59233,"body-outlined":59234,"bold":59235,"bolt-outlined":59236,"book-outlined":59237,"bookmark-added-outlined":59238,"bookmark-checked-outlined":59239,"bookmark-outlined":59240,"box-1-outlined":59241,"box-check-outlined":59242,"box-outlined":59243,"bullet-points":59244,"cake-outlined":59245,"calculator-outlined":59246,"calendar-clock-outlined":59247,"calendar-dates-outlined":59248,"calendar-edit-outlined":59249,"calendar-outlined":59250,"calendar-star-outlined":59251,"call-outlined":59252,"call-split-outlined":59253,"camera-outlined":59254,"cancel":59255,"car-forward-outlined":59256,"cashback-outlined":59257,"charging-station-outlined":59258,"chat-bubble-outlined":59259,"chat-unread-outlined":59260,"checkmark":59261,"circle-add-outlined":59262,"circle-cancel-outlined":59263,"circle-check-outlined":59264,"circle-down-outlined":59265,"circle-info-outlined":59266,"circle-left-outlined":59267,"circle-ok-outlined":59268,"circle-question-outlined":59269,"circle-remove-outlined":59270,"circle-right-outlined":59271,"circle-up-outlined":59272,"circle-warning-outlined":59273,"clock-2-outlined":59274,"clock-3-outlined":59275,"clock-in-outlined":59276,"clock-out-outlined":59277,"clock-outlined":59278,"cloud-download-outlined":59279,"cog-outlined":59280,"coin-outlined":59281,"coin-super-outlined":59282,"comment-outlined":59283,"contacts-outlined":59284,"contacts-user-outlined":59285,"credit-card-outlined":59286,"cultural-site-outlined":59287,"cup-outlined":59288,"dentistry-outlined":59289,"diamond-outlined":59290,"direction-arrows-outlined":59291,"directory-outlined":59292,"document-outlined":59293,"dollar-box-outlined":59294,"dollar-card-outlined":59295,"dollar-coin-shine-outlined":59296,"dollar-credit-card-outlined":59297,"dollar-sign":59298,"double-buildings-outlined":59299,"double-left-arrows":59300,"double-right-arrows":59301,"download-box-outlined":59302,"download-outlined":59303,"edit-template-outlined":59304,"edit-user-outlined":59305,"electronics-outlined":59306,"email-outlined":59307,"end-break-outlined":59308,"enter-arrow":59309,"entertainment-outlined":59310,"envelope-outlined":59311,"evening-outlined":59312,"expense-approval-outlined":59313,"expense-outlined":59314,"explore-outlined":59315,"extension-outlined":59316,"external-link":59317,"eye-invisible-outlined":59318,"eye-outlined":59319,"face-id":59320,"face-meh-outlined":59321,"face-open-smiley-outlined":59322,"face-sad-outlined":59323,"face-smiley-outlined":59324,"fastfood-outlined":59325,"feed-outlined":59326,"feedbacks-outlined":59327,"file-certified-outlined":59328,"file-clone-outlined":59329,"file-copy-outlined":59330,"file-dispose-outlined":59331,"file-dollar-certified-outlined":59332,"file-dollar-outlined":59333,"file-download-outlined":59334,"file-export-outlined":59335,"file-lock-outlined":59336,"file-outlined":59337,"file-pound-outlined":59338,"file-search-outlined":59339,"file-secured-outlined":59340,"file-statutory-outlined":59341,"file-verified-outlined":59342,"filter-outlined":59343,"fitness-outlined":59344,"folder-outlined":59345,"folder-upload-outlined":59346,"folder-user-outlined":59347,"form-outlined":59348,"funnel-filter-outline":59349,"goal-outlined":59350,"graph-outlined":59351,"grocery-outlined":59352,"hand-holding-user-outlined":59353,"handshake-outlined":59354,"happy-sun-outlined":59355,"health-bag-outlined":59356,"heart-outlined":59357,"history-outlined":59358,"home-outlined":59359,"id-card-outlined":59360,"image-outlined":59361,"import-outlined":59362,"instapay-outlined":59363,"italic":59364,"job-search-outlined":59365,"leave-approval-outlined":59366,"lighting-outlined":59367,"link-1":59368,"link-2":59369,"list-outlined":59370,"live-help-outlined":59371,"local_mall_outlined":59372,"location-on-outlined":59373,"location-outlined":59374,"lock-outlined":59375,"locked-file-outlined":59376,"log-out":59377,"mail-outlined":59378,"map-outlined":59379,"media-content-outlined":59380,"menu-close":59381,"menu-expand":59382,"menu-fold-outlined":59383,"menu-unfold-outlined":59384,"mic-outlined":59385,"mic-slash-outlined":59386,"moneybag-outlined":59387,"moon-outlined":59388,"more-horizontal":59389,"more-vertical":59390,"morning-outlined":59391,"multiple-folders-outlined":59392,"multiple-users-outlined":59393,"near-me-outlined":59394,"node-outlined":59395,"number-points":59396,"number":59397,"overview-outlined":59398,"park-outlined":59399,"payment-summary-outlined":59400,"payslip-outlined":59401,"pencil-outlined":59402,"percentage":59403,"phone-outlined":59404,"piggy-bank-outlined":59405,"plane-outlined":59406,"play-circle-outlined":59407,"pound-box-outlined":59408,"pound-card-outlined":59409,"pound-coin-shine-outlined":59410,"pound-credit-card-outlined":59411,"print-outlined":59412,"profile-2user-outlined":59413,"propane-tank-outlined":59414,"qr-code-outlined":59415,"qualification-outlined":59416,"question-mark":59417,"raising-hands-outlined":59418,"re-assign":59419,"redeem":59420,"refresh":59421,"remove":59422,"reply-outlined":59423,"restart":59424,"restaurant-outlined":59425,"resume-outlined":59426,"return-arrow":59427,"rocket-launch-outlined":59428,"rostering-outlined":59429,"safety-outlined":59430,"save-outlined":59431,"schedule-outlined":59432,"schedule-send-outlined":59433,"search-outlined":59434,"search-secured-outlined":59435,"send-outlined":59436,"share-1":59437,"share-2":59438,"share-outlined-2":59439,"share-outlined":59440,"shield-check-outlined":59441,"shop-outlined":59442,"shopping_basket_outlined":59443,"show-chart-outlined":59444,"single-down-arrow":59445,"single-left-arrow":59446,"single-right-arrow":59447,"single-up-arrow":59448,"smart-match-outlined":59449,"sparkle-2-outlined":59450,"sparkle-outlined":59451,"speaker-outlined":59452,"star-award-outlined":59453,"star-badge-outlined":59454,"star-circle-outlined":59455,"star-medal-outlined":59456,"star-outlined":59457,"start-break-outlined":59458,"stash-outlined":59459,"stopwatch-outlined":59460,"strikethrough":59461,"styler-outlined":59462,"suitcase-clock-outlined":59463,"suitcase-outlined":59464,"survey-outlined":59465,"switch-outlined":59466,"sync":59467,"tag-outlined":59468,"target-outlined":59469,"teams-outlined":59470,"tennis-outlined":59471,"thumb-down-outlined":59472,"thumb-up-outlined":59473,"ticket-outlined":59474,"timesheet-outlined":59475,"timesheets-outlined":59476,"today-outlined":59477,"transfer":59478,"transportation-outlined":59479,"trash-bin-outlined":59480,"umbrela-outlined":59481,"unavailability-outlined":59482,"unavailable":59483,"underline":59484,"union-outlined":59485,"unlock-outlined":59486,"upload-outlined":59487,"user-add-outlined":59488,"user-circle-outlined":59489,"user-gear-outlined":59490,"user-out-outlined":59491,"user-outlined":59492,"user-rectangle-outlined":59493,"video-1-outlined":59494,"video-2-outlined":59495,"volunteer-outlined":59496,"wallet-outlined":59497,"warning-outlined":59498,"wellness-outlined":59499}
|
|
1
|
+
{"activate":59000,"add-emoji":59001,"add-person":59002,"adjustment":59003,"alignment":59004,"antenna":59005,"archive":59006,"assignment-warning":59007,"bank":59008,"bell":59009,"billing":59010,"bolt":59011,"bookmark-added":59012,"bookmark-checked":59013,"bookmark":59014,"box-check":59015,"box":59016,"bpay":59017,"buildings":59018,"cake":59019,"calendar-clock":59020,"calendar":59021,"candy-box-menu":59022,"caret-down-small":59023,"caret-down":59024,"caret-left-small":59025,"caret-left":59026,"caret-right-small":59027,"caret-right":59028,"caret-up-small":59029,"caret-up":59030,"check-radio":59031,"circle-add":59032,"circle-cancel":59033,"circle-check":59034,"circle-down":59035,"circle-info":59036,"circle-left":59037,"circle-ok":59038,"circle-pencil":59039,"circle-question":59040,"circle-remove":59041,"circle-right":59042,"circle-up":59043,"circle-warning":59044,"clock-3":59045,"clock":59046,"cloud-download":59047,"cloud-upload":59048,"cog":59049,"coin":59050,"contacts":59051,"credit-card":59052,"diamond":59053,"direction-arrows":59054,"directory":59055,"document":59056,"dollar-coin-shine":59057,"dot":59058,"double-buildings":59059,"edit-template":59060,"envelope":59061,"exclude":59062,"expand-content":59063,"expense":59064,"explore_nearby":59065,"eye-circle":59066,"eye-invisible":59067,"eye":59068,"face-meh":59069,"face-sad":59070,"face-smiley":59071,"feed":59072,"feedbacks":59073,"file-certified":59074,"file-clone":59075,"file-copy":59076,"file-csv":59077,"file-dispose":59078,"file-doc":59079,"file-excel":59080,"file-export":59081,"file-lock":59082,"file-pdf":59083,"file-powerpoint":59084,"file-search":59085,"file-secured":59086,"file-sheets":59087,"file-slide":59088,"file-verified":59089,"file-word":59090,"file":59091,"filter":59092,"folder-user":59093,"folder":59094,"format-bold":59095,"format-heading1":59096,"format-heading2":59097,"format-italic":59098,"format-list-bulleted":59099,"format-list-numbered":59100,"format-underlined":59101,"funnel-filter":59102,"global-dollar":59103,"global-pound":59104,"globe":59105,"graduation-cap":59106,"graph":59107,"happy-sun":59108,"health-bag":59109,"heart":59110,"hero-points":59111,"home":59112,"image":59113,"import":59114,"incident-siren":59115,"instapay-daily":59116,"instapay-now":59117,"instapay":59118,"list":59119,"loading-2":59120,"loading":59121,"location-on":59122,"location":59123,"lock":59124,"looks-one":59125,"looks-two":59126,"media-content":59127,"menu":59128,"money-notes":59129,"moneybag":59130,"moon":59131,"multiple-stars":59132,"multiple-users":59133,"near-me":59134,"node":59135,"open-folder":59136,"paperclip-vertical":59137,"paperclip":59138,"payment-summary":59139,"pencil":59140,"phone":59141,"piggy-bank":59142,"plane-up":59143,"plane":59144,"play-arrow":59145,"play-circle":59146,"pound-coin-shine":59147,"pound-sign":59148,"print":59149,"raising-hands":59150,"reply-arrow":59151,"reply":59152,"reschedule":59153,"rocket-launch":59154,"rostering":59155,"salary-sacrifice":59156,"save":59157,"schedule-send":59158,"schedule":59159,"search-person":59160,"search":59161,"send":59162,"speaker":59163,"star-award":59164,"star-badge":59165,"star-circle":59166,"star-medal":59167,"star":59168,"steps-circle":59169,"stopwatch":59170,"suitcase":59171,"surfing":59172,"survey":59173,"swag-pillar-benefit":59174,"swag-pillar-career":59175,"swag-pillar-money":59176,"swag-pillar-work":59177,"swag":59178,"swipe-right":59179,"switch":59180,"tag":59181,"target":59182,"teams":59183,"thumb-down":59184,"thumb-up":59185,"timesheet":59186,"touch-id":59187,"trash-bin":59188,"unlock":59189,"user":59190,"video-1":59191,"video-2":59192,"wallet":59193,"warning":59194,"academic-hat-outlined":59195,"accommodation-outlined":59196,"activate-outlined":59197,"add-credit-card-outlined":59198,"add-emoji-outlined":59199,"add-person-outlined":59200,"add-section-outlined":59201,"add-time-outlined":59202,"add":59203,"adjustment-outlined":59204,"afternoon-outlined":59205,"ai-outlined":59206,"alignment-2-outlined":59207,"alignment-outlined":59208,"all-caps":59209,"application-outlined":59210,"archive-outlined":59211,"arrow-down":59212,"arrow-downwards":59213,"arrow-left":59214,"arrow-leftwards":59215,"arrow-right":59216,"arrow-rightwards":59217,"arrow-up":59218,"arrow-upwards":59219,"article-outlined":59220,"assignment-warning-outlined":59221,"at-sign":59222,"auto-graph-outlined":59223,"automotive-outlined":59224,"bakery-outlined":59225,"bank-outlined":59226,"bar-outlined":59227,"beauty-outlined":59228,"beer-outlined":59229,"bell-outlined":59230,"bell-slash-outlined":59231,"bill-management-outlined":59232,"billing-outlined":59233,"body-outlined":59234,"bold":59235,"bolt-outlined":59236,"book-outlined":59237,"bookmark-added-outlined":59238,"bookmark-checked-outlined":59239,"bookmark-outlined":59240,"box-1-outlined":59241,"box-check-outlined":59242,"box-outlined":59243,"bullet-points":59244,"cake-outlined":59245,"calculator-outlined":59246,"calendar-clock-outlined":59247,"calendar-dates-outlined":59248,"calendar-edit-outlined":59249,"calendar-outlined":59250,"calendar-star-outlined":59251,"call-outlined":59252,"call-split-outlined":59253,"camera-outlined":59254,"cancel":59255,"car-forward-outlined":59256,"cashback-outlined":59257,"charging-station-outlined":59258,"chat-bubble-outlined":59259,"chat-unread-outlined":59260,"checkmark":59261,"circle-add-outlined":59262,"circle-cancel-outlined":59263,"circle-check-outlined":59264,"circle-down-outlined":59265,"circle-info-outlined":59266,"circle-left-outlined":59267,"circle-ok-outlined":59268,"circle-question-outlined":59269,"circle-remove-outlined":59270,"circle-right-outlined":59271,"circle-up-outlined":59272,"circle-warning-outlined":59273,"clock-2-outlined":59274,"clock-3-outlined":59275,"clock-in-outlined":59276,"clock-out-outlined":59277,"clock-outlined":59278,"cloud-download-outlined":59279,"cog-outlined":59280,"coin-outlined":59281,"coin-super-outlined":59282,"comment-outlined":59283,"contacts-outlined":59284,"contacts-user-outlined":59285,"credit-card-outlined":59286,"cultural-site-outlined":59287,"cup-outlined":59288,"dentistry-outlined":59289,"diamond-outlined":59290,"direction-arrows-outlined":59291,"directory-outlined":59292,"document-outlined":59293,"dollar-box-outlined":59294,"dollar-card-outlined":59295,"dollar-coin-shine-outlined":59296,"dollar-credit-card-outlined":59297,"dollar-sign":59298,"double-buildings-outlined":59299,"double-left-arrows":59300,"double-right-arrows":59301,"download-box-outlined":59302,"download-outlined":59303,"edit-template-outlined":59304,"edit-user-outlined":59305,"electronics-outlined":59306,"email-outlined":59307,"end-break-outlined":59308,"enter-arrow":59309,"entertainment-outlined":59310,"envelope-outlined":59311,"evening-outlined":59312,"expense-approval-outlined":59313,"expense-outlined":59314,"explore-outlined":59315,"extension-outlined":59316,"external-link":59317,"eye-invisible-outlined":59318,"eye-outlined":59319,"face-id":59320,"face-meh-outlined":59321,"face-open-smiley-outlined":59322,"face-sad-outlined":59323,"face-smiley-outlined":59324,"fastfood-outlined":59325,"feed-outlined":59326,"feedbacks-outlined":59327,"file-certified-outlined":59328,"file-clone-outlined":59329,"file-copy-outlined":59330,"file-dispose-outlined":59331,"file-dollar-certified-outlined":59332,"file-dollar-outlined":59333,"file-download-outlined":59334,"file-export-outlined":59335,"file-lock-outlined":59336,"file-outlined":59337,"file-pound-outlined":59338,"file-search-outlined":59339,"file-secured-outlined":59340,"file-statutory-outlined":59341,"file-verified-outlined":59342,"filter-outlined":59343,"fitness-outlined":59344,"folder-outlined":59345,"folder-upload-outlined":59346,"folder-user-outlined":59347,"form-outlined":59348,"funnel-filter-outline":59349,"goal-outlined":59350,"graph-outlined":59351,"grocery-outlined":59352,"hand-holding-user-outlined":59353,"handshake-outlined":59354,"happy-sun-outlined":59355,"health-bag-outlined":59356,"heart-outlined":59357,"history-outlined":59358,"home-outlined":59359,"id-card-outlined":59360,"image-outlined":59361,"import-outlined":59362,"instapay-outlined":59363,"italic":59364,"job-search-outlined":59365,"leave-approval-outlined":59366,"lighting-outlined":59367,"link-1":59368,"link-2":59369,"list-outlined":59370,"live-help-outlined":59371,"local_mall_outlined":59372,"location-on-outlined":59373,"location-outlined":59374,"lock-outlined":59375,"locked-file-outlined":59376,"log-out":59377,"mail-outlined":59378,"map-outlined":59379,"media-content-outlined":59380,"menu-close":59381,"menu-expand":59382,"menu-fold-outlined":59383,"menu-unfold-outlined":59384,"mic-outlined":59385,"mic-slash-outlined":59386,"moneybag-outlined":59387,"moon-outlined":59388,"more-horizontal":59389,"more-vertical":59390,"morning-outlined":59391,"multiple-folders-outlined":59392,"multiple-users-outlined":59393,"near-me-outlined":59394,"node-outlined":59395,"number-points":59396,"number":59397,"overview-outlined":59398,"park-outlined":59399,"payment-summary-outlined":59400,"payslip-outlined":59401,"pencil-outlined":59402,"percentage":59403,"phone-outlined":59404,"piggy-bank-outlined":59405,"plane-outlined":59406,"play-circle-outlined":59407,"pound-box-outlined":59408,"pound-card-outlined":59409,"pound-coin-shine-outlined":59410,"pound-credit-card-outlined":59411,"print-outlined":59412,"profile-2user-outlined":59413,"propane-tank-outlined":59414,"qr-code-outlined":59415,"qualification-outlined":59416,"question-mark":59417,"raising-hands-outlined":59418,"re-assign":59419,"redeem":59420,"refresh":59421,"remove":59422,"reply-outlined":59423,"restart":59424,"restaurant-outlined":59425,"resume-outlined":59426,"return-arrow":59427,"rocket-launch-outlined":59428,"rostering-outlined":59429,"safety-outlined":59430,"save-outlined":59431,"schedule-outlined":59432,"schedule-send-outlined":59433,"search-outlined":59434,"search-secured-outlined":59435,"send-outlined":59436,"share-1":59437,"share-2":59438,"share-outlined-2":59439,"share-outlined":59440,"shield-check-outlined":59441,"shop-outlined":59442,"shopping_basket_outlined":59443,"show-chart-outlined":59444,"single-down-arrow":59445,"single-left-arrow":59446,"single-right-arrow":59447,"single-up-arrow":59448,"smart-match-outlined":59449,"sparkle-2-outlined":59450,"sparkle-outlined":59451,"speaker-outlined":59452,"star-award-outlined":59453,"star-badge-outlined":59454,"star-circle-outlined":59455,"star-medal-outlined":59456,"star-outlined":59457,"start-break-outlined":59458,"stash-outlined":59459,"stop-outlined":59460,"stopwatch-outlined":59461,"strikethrough":59462,"styler-outlined":59463,"suitcase-clock-outlined":59464,"suitcase-outlined":59465,"survey-outlined":59466,"switch-outlined":59467,"sync":59468,"tag-outlined":59469,"target-outlined":59470,"teams-outlined":59471,"tennis-outlined":59472,"thumb-down-outlined":59473,"thumb-up-outlined":59474,"ticket-outlined":59475,"timesheet-outlined":59476,"timesheets-outlined":59477,"today-outlined":59478,"transfer":59479,"transportation-outlined":59480,"trash-bin-outlined":59481,"umbrela-outlined":59482,"unavailability-outlined":59483,"unavailable":59484,"underline":59485,"union-outlined":59486,"unlock-outlined":59487,"upload-outlined":59488,"user-add-outlined":59489,"user-circle-outlined":59490,"user-gear-outlined":59491,"user-out-outlined":59492,"user-outlined":59493,"user-rectangle-outlined":59494,"video-1-outlined":59495,"video-2-outlined":59496,"volunteer-outlined":59497,"wallet-outlined":59498,"warning-outlined":59499,"wellness-outlined":59500}
|
|
@@ -75,6 +75,7 @@ function MultiSelect<V, T extends SelectOptionType<V>>({
|
|
|
75
75
|
value,
|
|
76
76
|
supportedOrientations = ['portrait'],
|
|
77
77
|
bottomSheetConfig = {},
|
|
78
|
+
assistiveInfoConfig,
|
|
78
79
|
}: MultiSelectProps<V, T>) {
|
|
79
80
|
const { isKeyboardVisible, keyboardHeight } = useKeyboard();
|
|
80
81
|
const [open, setOpen] = useState(false);
|
|
@@ -116,7 +117,7 @@ function MultiSelect<V, T extends SelectOptionType<V>>({
|
|
|
116
117
|
{
|
|
117
118
|
// prevent users from focusing TextInput
|
|
118
119
|
}
|
|
119
|
-
<View
|
|
120
|
+
<View>
|
|
120
121
|
<TextInput
|
|
121
122
|
{...inputProps}
|
|
122
123
|
label={label}
|
|
@@ -130,6 +131,7 @@ function MultiSelect<V, T extends SelectOptionType<V>>({
|
|
|
130
131
|
pointerEvents="none"
|
|
131
132
|
style={style}
|
|
132
133
|
testID={testID}
|
|
134
|
+
assistiveInfoConfig={assistiveInfoConfig}
|
|
133
135
|
renderInputValue={
|
|
134
136
|
renderSelectedValue !== undefined && rawValue?.length > 0
|
|
135
137
|
? (nativeInputProps) =>
|
|
@@ -59,6 +59,7 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
|
|
|
59
59
|
value,
|
|
60
60
|
supportedOrientations = ['portrait'],
|
|
61
61
|
bottomSheetConfig = {},
|
|
62
|
+
assistiveInfoConfig,
|
|
62
63
|
}: SingleSelectProps<V, T>) => {
|
|
63
64
|
const { isKeyboardVisible, keyboardHeight } = useKeyboard();
|
|
64
65
|
const [open, setOpen] = useState(false);
|
|
@@ -99,7 +100,7 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
|
|
|
99
100
|
{
|
|
100
101
|
// prevent users from focusing TextInput
|
|
101
102
|
}
|
|
102
|
-
<View
|
|
103
|
+
<View>
|
|
103
104
|
<TextInput
|
|
104
105
|
{...inputProps}
|
|
105
106
|
label={label}
|
|
@@ -110,9 +111,10 @@ const SingleSelect = <V, T extends SelectOptionType<V>>({
|
|
|
110
111
|
editable={editable}
|
|
111
112
|
disabled={disabled}
|
|
112
113
|
required={required}
|
|
113
|
-
pointerEvents="none"
|
|
114
114
|
style={style}
|
|
115
115
|
testID={testID}
|
|
116
|
+
pointerEvents="none"
|
|
117
|
+
assistiveInfoConfig={assistiveInfoConfig}
|
|
116
118
|
renderInputValue={
|
|
117
119
|
renderSelectedValue !== undefined && !!rawValue
|
|
118
120
|
? (nativeInputProps) =>
|
|
@@ -102,4 +102,13 @@ export interface SelectProps<V, T extends SelectOptionType<V>>
|
|
|
102
102
|
variant?: BottomSheetProps['variant'];
|
|
103
103
|
header?: BottomSheetProps['header'];
|
|
104
104
|
};
|
|
105
|
+
/**
|
|
106
|
+
* Optional assistive info trigger config. When provided, an info icon is rendered
|
|
107
|
+
* below the field. `onPress` is called when the trigger is tapped.
|
|
108
|
+
*/
|
|
109
|
+
assistiveInfoConfig?: {
|
|
110
|
+
onPress: () => void;
|
|
111
|
+
label?: string;
|
|
112
|
+
testID?: string;
|
|
113
|
+
};
|
|
105
114
|
}
|
|
@@ -0,0 +1,13 @@
|
|
|
1
|
+
import { TouchableOpacity, View } from 'react-native';
|
|
2
|
+
import styled from '@emotion/native';
|
|
3
|
+
|
|
4
|
+
export const StyledTouchable = styled(TouchableOpacity)(() => ({
|
|
5
|
+
alignSelf: 'flex-start',
|
|
6
|
+
}));
|
|
7
|
+
|
|
8
|
+
export const StyledRow = styled(View)(({ theme }) => ({
|
|
9
|
+
flexDirection: 'row',
|
|
10
|
+
alignItems: 'center',
|
|
11
|
+
padding: theme.__hd__.textInput.space.assistiveInfoTriggerPadding,
|
|
12
|
+
gap: theme.__hd__.textInput.space.assistiveInfoTriggerGap,
|
|
13
|
+
}));
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
import Icon from '../../Icon';
|
|
3
|
+
import Typography from '../../Typography';
|
|
4
|
+
import { StyledTouchable, StyledRow } from './StyledAssistiveInfoTrigger';
|
|
5
|
+
|
|
6
|
+
export interface AssistiveInfoTriggerProps {
|
|
7
|
+
onPress: () => void;
|
|
8
|
+
label?: string;
|
|
9
|
+
disabled?: boolean;
|
|
10
|
+
testID?: string;
|
|
11
|
+
accessibilityLabel?: string;
|
|
12
|
+
}
|
|
13
|
+
|
|
14
|
+
const AssistiveInfoTrigger = ({
|
|
15
|
+
accessibilityLabel,
|
|
16
|
+
disabled,
|
|
17
|
+
label,
|
|
18
|
+
onPress,
|
|
19
|
+
testID,
|
|
20
|
+
}: AssistiveInfoTriggerProps) => {
|
|
21
|
+
return (
|
|
22
|
+
<StyledTouchable
|
|
23
|
+
onPress={onPress}
|
|
24
|
+
disabled={disabled}
|
|
25
|
+
accessibilityLabel={accessibilityLabel ?? 'More information'}
|
|
26
|
+
accessibilityRole="button"
|
|
27
|
+
testID={testID}
|
|
28
|
+
>
|
|
29
|
+
<StyledRow>
|
|
30
|
+
<Icon
|
|
31
|
+
icon="circle-info-outlined"
|
|
32
|
+
size="xsmall"
|
|
33
|
+
intent={disabled ? 'disabled-text' : 'muted'}
|
|
34
|
+
/>
|
|
35
|
+
{!!label && (
|
|
36
|
+
<Typography.Caption intent={disabled ? 'disabled' : 'muted'}>
|
|
37
|
+
{label}
|
|
38
|
+
</Typography.Caption>
|
|
39
|
+
)}
|
|
40
|
+
</StyledRow>
|
|
41
|
+
</StyledTouchable>
|
|
42
|
+
);
|
|
43
|
+
};
|
|
44
|
+
|
|
45
|
+
export default AssistiveInfoTrigger;
|