@hero-design/rn 8.135.0 → 8.136.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 +18 -0
- package/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/es/index.js +2141 -1673
- package/jest.config.js +1 -1
- package/lib/assets/fonts/hero-icons-mobile.ttf +0 -0
- package/lib/index.js +2141 -1673
- package/package.json +2 -2
- package/src/components/Calendar/CalendarRange.tsx +1 -1
- package/src/components/Calendar/index.tsx +1 -1
- package/src/components/DatePicker/hooks/useFormatDate.ts +1 -1
- package/src/components/DatePicker/types.ts +1 -1
- package/src/components/Icon/HeroIcon/glyphMap.json +1 -1
- package/src/components/Icon/IconList.ts +0 -4
- package/src/components/List/ListGroup.tsx +106 -0
- package/src/components/List/StyledListGroup.tsx +19 -0
- package/src/components/List/index.tsx +3 -0
- package/src/components/LocaleProvider/index.tsx +1 -1
- package/src/components/LocaleProvider/utils.ts +2 -3
- package/src/components/TimePicker/TimePickerAndroid.tsx +1 -1
- package/src/components/TimePicker/TimePickerIOS.tsx +1 -1
- package/src/components/TimePicker/types.ts +1 -1
- package/src/theme/components/list.ts +8 -0
- package/types/components/DatePicker/types.d.ts +1 -1
- package/types/components/Icon/IconList.d.ts +1 -1
- package/types/components/Icon/index.d.ts +1 -1
- package/types/components/List/ListGroup.d.ts +26 -0
- package/types/components/List/StyledListGroup.d.ts +12 -0
- package/types/components/List/index.d.ts +2 -0
- package/types/components/LocaleProvider/utils.d.ts +1 -1
- package/types/components/TextInput/index.d.ts +1 -1
- package/types/components/TimePicker/types.d.ts +1 -1
- package/types/theme/components/list.d.ts +8 -0
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@hero-design/rn",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.136.0",
|
|
4
4
|
"license": "MIT",
|
|
5
5
|
"main": "lib/index.js",
|
|
6
6
|
"module": "es/index.js",
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
"@emotion/react": "^11.9.3",
|
|
32
32
|
"@hero-design/colors": "8.47.3",
|
|
33
33
|
"d3": "^7.8.5",
|
|
34
|
-
"date-fns": "^
|
|
34
|
+
"date-fns": "^4.4.0",
|
|
35
35
|
"hero-editor": "^1.17.0",
|
|
36
36
|
"nanoid": "^5.0.9"
|
|
37
37
|
},
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
MonthYearPickerDialogueAndroid,
|
|
3
3
|
MonthYearPickerViewIOS,
|
|
4
4
|
} from '@hero-design/react-native-month-year-picker';
|
|
5
|
-
import format from 'date-fns/fp
|
|
5
|
+
import { format } from 'date-fns/fp';
|
|
6
6
|
import React, { useState } from 'react';
|
|
7
7
|
import { Platform, TouchableOpacity } from 'react-native';
|
|
8
8
|
import { useTheme } from '../../theme';
|
|
@@ -2,7 +2,7 @@ import {
|
|
|
2
2
|
MonthYearPickerDialogueAndroid,
|
|
3
3
|
MonthYearPickerViewIOS,
|
|
4
4
|
} from '@hero-design/react-native-month-year-picker';
|
|
5
|
-
import format from 'date-fns/fp
|
|
5
|
+
import { format } from 'date-fns/fp';
|
|
6
6
|
import React, { useState } from 'react';
|
|
7
7
|
import { Platform, TouchableOpacity } from 'react-native';
|
|
8
8
|
import { useTheme } from '../../theme';
|
|
@@ -42,7 +42,7 @@ export interface DatePickerProps {
|
|
|
42
42
|
confirmLabel: string;
|
|
43
43
|
/**
|
|
44
44
|
* Date format. Default format is dd/MM/yyyy.
|
|
45
|
-
* Following date-fns's format (https://date-fns.org/
|
|
45
|
+
* Following date-fns's format (https://date-fns.org/v4.1.0/docs/format).
|
|
46
46
|
*/
|
|
47
47
|
displayFormat?: string;
|
|
48
48
|
/**
|
|
@@ -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-active":59163,"speaker":59164,"star-award":59165,"star-badge":59166,"star-circle":59167,"star-medal":59168,"star":59169,"steps-circle":59170,"stopwatch":59171,"suitcase":59172,"surfing":59173,"survey":59174,"swag-pillar-benefit":59175,"swag-pillar-career":59176,"swag-pillar-money":59177,"swag-pillar-work":59178,"swag":59179,"swipe-right":59180,"switch":59181,"tag":59182,"target":59183,"teams":59184,"thumb-down":59185,"thumb-up":59186,"timesheet":59187,"touch-id":59188,"trash-bin":59189,"unlock":59190,"user":59191,"video-1":59192,"video-2":59193,"wallet":59194,"warning":59195,"academic-hat-outlined":59196,"accommodation-outlined":59197,"activate-outlined":59198,"add-credit-card-outlined":59199,"add-emoji-outlined":59200,"add-person-outlined":59201,"add-section-outlined":59202,"add-time-outlined":59203,"add":59204,"adjustment-outlined":59205,"afternoon-outlined":59206,"ai-outlined":59207,"alignment-2-outlined":59208,"alignment-outlined":59209,"all-caps":59210,"application-outlined":59211,"archive-outlined":59212,"arrow-down":59213,"arrow-downwards":59214,"arrow-left":59215,"arrow-leftwards":59216,"arrow-right":59217,"arrow-rightwards":59218,"arrow-up":59219,"arrow-upwards":59220,"article-outlined":59221,"assignment-warning-outlined":59222,"at-sign":59223,"auto-graph-outlined":59224,"automotive-outlined":59225,"bakery-outlined":59226,"bank-outlined":59227,"bar-outlined":59228,"beauty-outlined":59229,"beer-outlined":59230,"bell-active-outlined":59231,"bell-outlined":59232,"bell-slash-outlined":59233,"bill-management-outlined":59234,"billing-outlined":59235,"body-outlined":59236,"bold":59237,"bolt-outlined":59238,"book-outlined":59239,"bookmark-added-outlined":59240,"bookmark-checked-outlined":59241,"bookmark-outlined":59242,"box-1-outlined":59243,"box-check-outlined":59244,"box-outlined":59245,"bullet-points":59246,"cake-outlined":59247,"calculator-outlined":59248,"calendar-clock-outlined":59249,"calendar-dates-outlined":59250,"calendar-edit-outlined":59251,"calendar-outlined":59252,"calendar-star-outlined":59253,"call-outlined":59254,"call-split-outlined":59255,"camera-outlined":59256,"cancel":59257,"car-forward-outlined":59258,"cashback-outlined":59259,"charging-station-outlined":59260,"chat-bubble-outlined":59261,"chat-unread-outlined":59262,"checkmark":59263,"circle-add-outlined":59264,"circle-cancel-outlined":59265,"circle-check-outlined":59266,"circle-down-outlined":59267,"circle-info-outlined":59268,"circle-left-outlined":59269,"circle-ok-outlined":59270,"circle-question-outlined":59271,"circle-remove-outlined":59272,"circle-right-outlined":59273,"circle-up-outlined":59274,"circle-warning-outlined":59275,"clock-2-outlined":59276,"clock-3-outlined":59277,"clock-in-outlined":59278,"clock-out-outlined":59279,"clock-outlined":59280,"cloud-download-outlined":59281,"cog-outlined":59282,"coin-outlined":59283,"coin-super-outlined":59284,"comment-outlined":59285,"contacts-outlined":59286,"contacts-user-outlined":59287,"credit-card-outlined":59288,"cultural-site-outlined":59289,"cup-outlined":59290,"dentistry-outlined":59291,"diamond-outlined":59292,"direction-arrows-outlined":59293,"directory-outlined":59294,"document-outlined":59295,"dollar-box-outlined":59296,"dollar-card-outlined":59297,"dollar-coin-shine-outlined":59298,"dollar-credit-card-outlined":59299,"dollar-sign":59300,"double-buildings-outlined":59301,"double-left-arrows":59302,"double-right-arrows":59303,"download-box-outlined":59304,"download-outlined":59305,"edit-template-outlined":59306,"edit-user-outlined":59307,"electronics-outlined":59308,"email-outlined":59309,"end-break-outlined":59310,"enter-arrow":59311,"entertainment-outlined":59312,"envelope-outlined":59313,"evening-outlined":59314,"expense-approval-outlined":59315,"expense-outlined":59316,"explore-outlined":59317,"extension-outlined":59318,"external-link":59319,"eye-invisible-outlined":59320,"eye-outlined":59321,"face-id":59322,"face-meh-outlined":59323,"face-open-smiley-outlined":59324,"face-sad-outlined":59325,"face-smiley-outlined":59326,"fastfood-outlined":59327,"feed-outlined":59328,"feedbacks-outlined":59329,"file-certified-outlined":59330,"file-clone-outlined":59331,"file-copy-outlined":59332,"file-dispose-outlined":59333,"file-dollar-certified-outlined":59334,"file-dollar-outlined":59335,"file-download-outlined":59336,"file-export-outlined":59337,"file-lock-outlined":59338,"file-outlined":59339,"file-pound-outlined":59340,"file-search-outlined":59341,"file-secured-outlined":59342,"file-statutory-outlined":59343,"file-verified-outlined":59344,"filter-outlined":59345,"fitness-outlined":59346,"folder-outlined":59347,"folder-upload-outlined":59348,"folder-user-outlined":59349,"form-outlined":59350,"funnel-filter-outline":59351,"goal-outlined":59352,"graph-outlined":59353,"grocery-outlined":59354,"hand-holding-user-outlined":59355,"handshake-outlined":59356,"happy-sun-outlined":59357,"health-bag-outlined":59358,"heart-outlined":59359,"history-outlined":59360,"home-active-outlined":59361,"home-outlined":59362,"id-card-outlined":59363,"image-outlined":59364,"import-outlined":59365,"instapay-outlined":59366,"italic":59367,"job-search-outlined":59368,"leave-approval-outlined":59369,"lighting-outlined":59370,"link-1":59371,"link-2":59372,"list-outlined":59373,"live-help-outlined":59374,"local_mall_outlined":59375,"location-on-outlined":59376,"location-outlined":59377,"lock-outlined":59378,"locked-file-outlined":59379,"log-out":59380,"mail-outlined":59381,"map-outlined":59382,"media-content-outlined":59383,"menu-close":59384,"menu-expand":59385,"menu-fold-outlined":59386,"menu-unfold-outlined":59387,"mic-outlined":59388,"mic-slash-outlined":59389,"moneybag-outlined":59390,"moon-outlined":59391,"more-horizontal":59392,"more-vertical":59393,"morning-outlined":59394,"multiple-folders-outlined":59395,"multiple-users-outlined":59396,"near-me-outlined":59397,"node-outlined":59398,"number-points":59399,"number":59400,"overview-outlined":59401,"park-outlined":59402,"payment-summary-outlined":59403,"payslip-outlined":59404,"pencil-outlined":59405,"percentage":59406,"phone-outlined":59407,"piggy-bank-outlined":59408,"plane-outlined":59409,"play-circle-outlined":59410,"pound-box-outlined":59411,"pound-card-outlined":59412,"pound-coin-shine-outlined":59413,"pound-credit-card-outlined":59414,"print-outlined":59415,"profile-2user-outlined":59416,"propane-tank-outlined":59417,"qr-code-outlined":59418,"qualification-outlined":59419,"question-mark":59420,"raising-hands-outlined":59421,"re-assign":59422,"redeem":59423,"refresh":59424,"remove":59425,"reply-outlined":59426,"restart":59427,"restaurant-outlined":59428,"resume-outlined":59429,"return-arrow":59430,"rocket-launch-outlined":59431,"rostering-outlined":59432,"safety-outlined":59433,"save-outlined":59434,"schedule-outlined":59435,"schedule-send-outlined":59436,"search-outlined":59437,"search-secured-outlined":59438,"send-outlined":59439,"share-1":59440,"share-2":59441,"share-outlined-2":59442,"share-outlined":59443,"shield-check-outlined":59444,"shop-outlined":59445,"shopping_basket_outlined":59446,"show-chart-outlined":59447,"single-down-arrow":59448,"single-left-arrow":59449,"single-right-arrow":59450,"single-up-arrow":59451,"smart-match-outlined":59452,"sparkle-2-outlined":59453,"sparkle-outlined":59454,"speaker-active-outlined":59455,"speaker-outlined":59456,"star-award-outlined":59457,"star-badge-outlined":59458,"star-circle-outlined":59459,"star-medal-outlined":59460,"star-outlined":59461,"start-break-outlined":59462,"stash-outlined":59463,"stopwatch-outlined":59464,"strikethrough":59465,"styler-outlined":59466,"suitcase-clock-outlined":59467,"suitcase-outlined":59468,"survey-outlined":59469,"switch-outlined":59470,"sync":59471,"tag-outlined":59472,"target-outlined":59473,"teams-outlined":59474,"tennis-outlined":59475,"thumb-down-outlined":59476,"thumb-up-outlined":59477,"ticket-outlined":59478,"timesheet-outlined":59479,"timesheets-outlined":59480,"today-outlined":59481,"transfer":59482,"transportation-outlined":59483,"trash-bin-outlined":59484,"umbrela-outlined":59485,"unavailability-outlined":59486,"unavailable":59487,"underline":59488,"union-outlined":59489,"unlock-outlined":59490,"upload-outlined":59491,"user-add-outlined":59492,"user-circle-outlined":59493,"user-gear-outlined":59494,"user-out-outlined":59495,"user-outlined":59496,"user-rectangle-outlined":59497,"video-1-outlined":59498,"video-2-outlined":59499,"volunteer-outlined":59500,"wallet-outlined":59501,"warning-outlined":59502,"wellness-outlined":59503}
|
|
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}
|
|
@@ -163,7 +163,6 @@ const IconList = [
|
|
|
163
163
|
'search-person',
|
|
164
164
|
'search',
|
|
165
165
|
'send',
|
|
166
|
-
'speaker-active',
|
|
167
166
|
'speaker',
|
|
168
167
|
'star-award',
|
|
169
168
|
'star-badge',
|
|
@@ -231,7 +230,6 @@ const IconList = [
|
|
|
231
230
|
'bar-outlined',
|
|
232
231
|
'beauty-outlined',
|
|
233
232
|
'beer-outlined',
|
|
234
|
-
'bell-active-outlined',
|
|
235
233
|
'bell-outlined',
|
|
236
234
|
'bell-slash-outlined',
|
|
237
235
|
'bill-management-outlined',
|
|
@@ -361,7 +359,6 @@ const IconList = [
|
|
|
361
359
|
'health-bag-outlined',
|
|
362
360
|
'heart-outlined',
|
|
363
361
|
'history-outlined',
|
|
364
|
-
'home-active-outlined',
|
|
365
362
|
'home-outlined',
|
|
366
363
|
'id-card-outlined',
|
|
367
364
|
'image-outlined',
|
|
@@ -455,7 +452,6 @@ const IconList = [
|
|
|
455
452
|
'smart-match-outlined',
|
|
456
453
|
'sparkle-2-outlined',
|
|
457
454
|
'sparkle-outlined',
|
|
458
|
-
'speaker-active-outlined',
|
|
459
455
|
'speaker-outlined',
|
|
460
456
|
'star-award-outlined',
|
|
461
457
|
'star-badge-outlined',
|
|
@@ -0,0 +1,106 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
4
|
+
import Divider from '../Divider';
|
|
5
|
+
import ListItem from './ListItem';
|
|
6
|
+
import type { ListItemProps } from './ListItem';
|
|
7
|
+
import { StyledListGroupContainer } from './StyledListGroup';
|
|
8
|
+
import type { MarginHorizontal } from './StyledListGroup';
|
|
9
|
+
|
|
10
|
+
export const ERROR_CARD_VARIANT_UNSUPPORTED =
|
|
11
|
+
'List.Item with variant="card" is not supported inside List.Group. Use the default full-width variant instead.';
|
|
12
|
+
|
|
13
|
+
// Typed `<T,>` rather than `ReactNode` so flatMap's inferred element type
|
|
14
|
+
// stays narrow instead of widening to plain ReactNode, which broke type-check.
|
|
15
|
+
const overrideRowRadius = <T,>(row: T, overrideStyle: ViewStyle): T => {
|
|
16
|
+
if (!React.isValidElement<{ style?: StyleProp<ViewStyle> }>(row)) {
|
|
17
|
+
return row;
|
|
18
|
+
}
|
|
19
|
+
|
|
20
|
+
return React.cloneElement(row, {
|
|
21
|
+
style: [row.props.style, overrideStyle],
|
|
22
|
+
}) as unknown as T;
|
|
23
|
+
};
|
|
24
|
+
|
|
25
|
+
export interface ListGroupProps {
|
|
26
|
+
/**
|
|
27
|
+
* List.Item and/or List.BasicItem rows to render as one bounded, divided group.
|
|
28
|
+
*/
|
|
29
|
+
children: ReactNode;
|
|
30
|
+
/**
|
|
31
|
+
* Additional wrapper style.
|
|
32
|
+
*/
|
|
33
|
+
style?: StyleProp<ViewStyle>;
|
|
34
|
+
/**
|
|
35
|
+
* Horizontal margin applied so the group never renders flush against a screen edge.
|
|
36
|
+
* Default is 'medium'. Pass 'none' for screens that already apply their own side
|
|
37
|
+
* gutter, to avoid doubled spacing.
|
|
38
|
+
*/
|
|
39
|
+
marginHorizontal?: MarginHorizontal;
|
|
40
|
+
/**
|
|
41
|
+
* Testing id of the component.
|
|
42
|
+
*/
|
|
43
|
+
testID?: string;
|
|
44
|
+
}
|
|
45
|
+
|
|
46
|
+
const ListGroup = ({
|
|
47
|
+
children,
|
|
48
|
+
style,
|
|
49
|
+
marginHorizontal,
|
|
50
|
+
testID,
|
|
51
|
+
}: ListGroupProps): ReactElement => {
|
|
52
|
+
const rows = React.Children.toArray(children);
|
|
53
|
+
const lastIndex = rows.length - 1;
|
|
54
|
+
|
|
55
|
+
const content: ReactNode[] = rows.flatMap((row, index) => {
|
|
56
|
+
if (
|
|
57
|
+
React.isValidElement<ListItemProps>(row) &&
|
|
58
|
+
row.type === ListItem &&
|
|
59
|
+
row.props.variant === 'card'
|
|
60
|
+
) {
|
|
61
|
+
throw new Error(ERROR_CARD_VARIANT_UNSUPPORTED);
|
|
62
|
+
}
|
|
63
|
+
|
|
64
|
+
let processedRow = row;
|
|
65
|
+
|
|
66
|
+
if (rows.length > 1 && index === 0) {
|
|
67
|
+
processedRow = overrideRowRadius(processedRow, {
|
|
68
|
+
borderBottomLeftRadius: 0,
|
|
69
|
+
borderBottomRightRadius: 0,
|
|
70
|
+
});
|
|
71
|
+
}
|
|
72
|
+
|
|
73
|
+
if (rows.length > 1 && index === lastIndex) {
|
|
74
|
+
processedRow = overrideRowRadius(processedRow, {
|
|
75
|
+
borderTopLeftRadius: 0,
|
|
76
|
+
borderTopRightRadius: 0,
|
|
77
|
+
});
|
|
78
|
+
}
|
|
79
|
+
|
|
80
|
+
if (index === 0) {
|
|
81
|
+
return [processedRow];
|
|
82
|
+
}
|
|
83
|
+
|
|
84
|
+
const dividerKey = React.isValidElement(row) ? row.key : index;
|
|
85
|
+
|
|
86
|
+
return [
|
|
87
|
+
<Divider
|
|
88
|
+
key={`list-group-divider-${dividerKey}`}
|
|
89
|
+
testID="list-group-divider"
|
|
90
|
+
/>,
|
|
91
|
+
processedRow,
|
|
92
|
+
];
|
|
93
|
+
});
|
|
94
|
+
|
|
95
|
+
return (
|
|
96
|
+
<StyledListGroupContainer
|
|
97
|
+
style={style}
|
|
98
|
+
themeMarginHorizontal={marginHorizontal}
|
|
99
|
+
testID={testID}
|
|
100
|
+
>
|
|
101
|
+
{content}
|
|
102
|
+
</StyledListGroupContainer>
|
|
103
|
+
);
|
|
104
|
+
};
|
|
105
|
+
|
|
106
|
+
export default ListGroup;
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
import { View } from 'react-native';
|
|
2
|
+
import styled from '@emotion/native';
|
|
3
|
+
|
|
4
|
+
type MarginHorizontal = 'none' | 'small' | 'medium' | 'large';
|
|
5
|
+
|
|
6
|
+
const StyledListGroupContainer = styled(View)<{
|
|
7
|
+
themeMarginHorizontal?: MarginHorizontal;
|
|
8
|
+
}>(({ theme, themeMarginHorizontal }) => ({
|
|
9
|
+
backgroundColor: theme.__hd__.list.colors.listGroupContainerBackground,
|
|
10
|
+
borderRadius: theme.__hd__.list.radii.group,
|
|
11
|
+
overflow: 'hidden',
|
|
12
|
+
marginHorizontal:
|
|
13
|
+
theme.__hd__.list.space.listGroupMarginHorizontal[
|
|
14
|
+
themeMarginHorizontal ?? 'medium'
|
|
15
|
+
],
|
|
16
|
+
}));
|
|
17
|
+
|
|
18
|
+
export { StyledListGroupContainer };
|
|
19
|
+
export type { MarginHorizontal };
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import ListItem from './ListItem';
|
|
2
2
|
import BasicListItem from './BasicListItem';
|
|
3
|
+
import ListGroup from './ListGroup';
|
|
3
4
|
|
|
4
5
|
export type { ListItemProps } from './ListItem';
|
|
5
6
|
export type { BasicListItemProps } from './BasicListItem';
|
|
@@ -7,11 +8,13 @@ export type { BasicListItemProps } from './BasicListItem';
|
|
|
7
8
|
interface ListType {
|
|
8
9
|
Item: typeof ListItem;
|
|
9
10
|
BasicItem: typeof BasicListItem;
|
|
11
|
+
Group: typeof ListGroup;
|
|
10
12
|
}
|
|
11
13
|
|
|
12
14
|
const List: ListType = {
|
|
13
15
|
Item: ListItem,
|
|
14
16
|
BasicItem: BasicListItem,
|
|
17
|
+
Group: ListGroup,
|
|
15
18
|
};
|
|
16
19
|
|
|
17
20
|
export default List;
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import React, { useEffect } from 'react';
|
|
2
|
-
import setDefaultOptions from 'date-fns
|
|
2
|
+
import { setDefaultOptions } from 'date-fns';
|
|
3
3
|
import { LocaleContext } from './context';
|
|
4
4
|
import { getDateFnsLocale } from './utils';
|
|
5
5
|
import type { LocaleValues } from '../../locales/types';
|
|
@@ -1,6 +1,5 @@
|
|
|
1
|
-
import enAU from 'date-fns/locale
|
|
2
|
-
import
|
|
3
|
-
import type { Locale } from 'date-fns';
|
|
1
|
+
import { enAU, enCA } from 'date-fns/locale';
|
|
2
|
+
import type { Locale } from 'date-fns/locale';
|
|
4
3
|
import type { LocaleCode } from '../../locales/types';
|
|
5
4
|
|
|
6
5
|
const Locales = {
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import DateTimePicker from '@react-native-community/datetimepicker';
|
|
2
2
|
import React, { useState, useCallback } from 'react';
|
|
3
3
|
import { TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import formatTime from 'date-fns/fp
|
|
4
|
+
import { format as formatTime } from 'date-fns/fp';
|
|
5
5
|
|
|
6
6
|
import TextInput from '../TextInput';
|
|
7
7
|
import type { TimePickerProps } from './types';
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import DateTimePicker from '@react-native-community/datetimepicker';
|
|
2
2
|
import React, { useEffect, useState, useCallback } from 'react';
|
|
3
3
|
import { TouchableOpacity, View } from 'react-native';
|
|
4
|
-
import formatTime from 'date-fns/fp
|
|
4
|
+
import { format as formatTime } from 'date-fns/fp';
|
|
5
5
|
|
|
6
6
|
import BottomSheet from '../BottomSheet';
|
|
7
7
|
import TextInput from '../TextInput';
|
|
@@ -23,7 +23,7 @@ export interface TimePickerProps {
|
|
|
23
23
|
confirmLabel: string;
|
|
24
24
|
/**
|
|
25
25
|
* Time display format of current value presented on the input. Default format is: HH:mm aa.
|
|
26
|
-
* Following date-fns's format (https://date-fns.org/
|
|
26
|
+
* Following date-fns's format (https://date-fns.org/v4.1.0/docs/format).
|
|
27
27
|
* This also change how the time picker display between 24 hour and 12 hour mode.
|
|
28
28
|
*/
|
|
29
29
|
displayFormat?: string;
|
|
@@ -4,6 +4,7 @@ const getListTheme = (theme: GlobalTheme) => {
|
|
|
4
4
|
const colors = {
|
|
5
5
|
checkedListItemContainerBackground: theme.colors.decorativeSecondarySurface,
|
|
6
6
|
listItemContainerBackground: theme.colors.defaultGlobalSurface,
|
|
7
|
+
listGroupContainerBackground: theme.colors.defaultGlobalSurface,
|
|
7
8
|
leadingStatus: {
|
|
8
9
|
danger: theme.colors.error,
|
|
9
10
|
info: theme.colors.info,
|
|
@@ -19,12 +20,19 @@ const getListTheme = (theme: GlobalTheme) => {
|
|
|
19
20
|
prefixContainerMarginRight: theme.space.small,
|
|
20
21
|
suffixContainerMarginLeft: theme.space.small,
|
|
21
22
|
childrenContainerTopMargin: theme.space.small,
|
|
23
|
+
listGroupMarginHorizontal: {
|
|
24
|
+
none: 0,
|
|
25
|
+
small: theme.space.small,
|
|
26
|
+
medium: theme.space.medium,
|
|
27
|
+
large: theme.space.large,
|
|
28
|
+
},
|
|
22
29
|
};
|
|
23
30
|
|
|
24
31
|
const radii = {
|
|
25
32
|
item: theme.radii.medium,
|
|
26
33
|
basicItem: theme.radii.base,
|
|
27
34
|
leadingStatus: theme.radii.rounded,
|
|
35
|
+
group: theme.radii.xlarge,
|
|
28
36
|
};
|
|
29
37
|
|
|
30
38
|
const shadows = {
|
|
@@ -37,7 +37,7 @@ export interface DatePickerProps {
|
|
|
37
37
|
confirmLabel: string;
|
|
38
38
|
/**
|
|
39
39
|
* Date format. Default format is dd/MM/yyyy.
|
|
40
|
-
* Following date-fns's format (https://date-fns.org/
|
|
40
|
+
* Following date-fns's format (https://date-fns.org/v4.1.0/docs/format).
|
|
41
41
|
*/
|
|
42
42
|
displayFormat?: string;
|
|
43
43
|
/**
|
|
@@ -1,2 +1,2 @@
|
|
|
1
|
-
declare const IconList: readonly ["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
|
|
1
|
+
declare const IconList: readonly ["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"];
|
|
2
2
|
export default IconList;
|
|
@@ -30,6 +30,6 @@ export interface IconProps extends AccessibilityProps {
|
|
|
30
30
|
}
|
|
31
31
|
declare const Icon: {
|
|
32
32
|
({ icon, style, size, intent, testID, spin, accessibilityLabel, accessibilityHint, accessibilityRole, accessibilityState, accessibilityValue, accessibilityLiveRegion, accessibilityElementsHidden, accessible, accessibilityIgnoresInvertColors, accessibilityViewIsModal, accessibilityActions, }: IconProps): React.JSX.Element;
|
|
33
|
-
List: readonly ["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
|
|
33
|
+
List: readonly ["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"];
|
|
34
34
|
};
|
|
35
35
|
export default Icon;
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import type { ReactElement, ReactNode } from 'react';
|
|
2
|
+
import type { StyleProp, ViewStyle } from 'react-native';
|
|
3
|
+
import type { MarginHorizontal } from './StyledListGroup';
|
|
4
|
+
export declare const ERROR_CARD_VARIANT_UNSUPPORTED = "List.Item with variant=\"card\" is not supported inside List.Group. Use the default full-width variant instead.";
|
|
5
|
+
export interface ListGroupProps {
|
|
6
|
+
/**
|
|
7
|
+
* List.Item and/or List.BasicItem rows to render as one bounded, divided group.
|
|
8
|
+
*/
|
|
9
|
+
children: ReactNode;
|
|
10
|
+
/**
|
|
11
|
+
* Additional wrapper style.
|
|
12
|
+
*/
|
|
13
|
+
style?: StyleProp<ViewStyle>;
|
|
14
|
+
/**
|
|
15
|
+
* Horizontal margin applied so the group never renders flush against a screen edge.
|
|
16
|
+
* Default is 'medium'. Pass 'none' for screens that already apply their own side
|
|
17
|
+
* gutter, to avoid doubled spacing.
|
|
18
|
+
*/
|
|
19
|
+
marginHorizontal?: MarginHorizontal;
|
|
20
|
+
/**
|
|
21
|
+
* Testing id of the component.
|
|
22
|
+
*/
|
|
23
|
+
testID?: string;
|
|
24
|
+
}
|
|
25
|
+
declare const ListGroup: ({ children, style, marginHorizontal, testID, }: ListGroupProps) => ReactElement;
|
|
26
|
+
export default ListGroup;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
import { View } from 'react-native';
|
|
2
|
+
type MarginHorizontal = 'none' | 'small' | 'medium' | 'large';
|
|
3
|
+
declare const StyledListGroupContainer: import("@emotion/native").StyledComponent<import("react-native").ViewProps & {
|
|
4
|
+
theme?: import("@emotion/react").Theme;
|
|
5
|
+
as?: React.ElementType;
|
|
6
|
+
} & {
|
|
7
|
+
themeMarginHorizontal?: MarginHorizontal;
|
|
8
|
+
}, {}, {
|
|
9
|
+
ref?: import("react").Ref<View> | undefined;
|
|
10
|
+
}>;
|
|
11
|
+
export { StyledListGroupContainer };
|
|
12
|
+
export type { MarginHorizontal };
|
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import ListItem from './ListItem';
|
|
2
2
|
import BasicListItem from './BasicListItem';
|
|
3
|
+
import ListGroup from './ListGroup';
|
|
3
4
|
export type { ListItemProps } from './ListItem';
|
|
4
5
|
export type { BasicListItemProps } from './BasicListItem';
|
|
5
6
|
interface ListType {
|
|
6
7
|
Item: typeof ListItem;
|
|
7
8
|
BasicItem: typeof BasicListItem;
|
|
9
|
+
Group: typeof ListGroup;
|
|
8
10
|
}
|
|
9
11
|
declare const List: ListType;
|
|
10
12
|
export default List;
|