react-native-exp-fig 0.1.15 → 0.1.17
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/lib/commonjs/common/icons-svg/constants/index.js +2 -1
- package/lib/commonjs/common/icons-svg/constants/index.js.map +1 -1
- package/lib/commonjs/common/icons-svg/hourglass/index.js +36 -0
- package/lib/commonjs/common/icons-svg/hourglass/index.js.map +1 -0
- package/lib/commonjs/common/icons-svg/index.js +8 -1
- package/lib/commonjs/common/icons-svg/index.js.map +1 -1
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconCallBell.js +46 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconCallBell.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconCoffee.js +47 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconCoffee.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconGear.js +47 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconGear.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconHourGlassMedium.js +48 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconHourGlassMedium.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconHouse.js +46 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconHouse.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconMoonStars.js +48 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconMoonStars.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconSteeringWheel.js +54 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconSteeringWheel.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconTimer.js +45 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconTimer.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconTruck.js +35 -0
- package/lib/commonjs/common/icons-svg/modal-activities/SvgIconTruck.js.map +1 -0
- package/lib/commonjs/common/icons-svg/modal-activities/index.js +80 -0
- package/lib/commonjs/common/icons-svg/modal-activities/index.js.map +1 -0
- package/lib/commonjs/components/button/styles.js +1 -1
- package/lib/commonjs/components/button/styles.js.map +1 -1
- package/lib/commonjs/components/card-history/index.js +55 -5
- package/lib/commonjs/components/card-history/index.js.map +1 -1
- package/lib/commonjs/components/card-history/interface.d.js.map +1 -1
- package/lib/commonjs/components/card-loading/index.js +14 -3
- package/lib/commonjs/components/card-loading/index.js.map +1 -1
- package/lib/commonjs/components/history-details/index.js +4 -4
- package/lib/commonjs/components/history-details/index.js.map +1 -1
- package/lib/commonjs/components/image-capture-with-remove/index.js +4 -3
- package/lib/commonjs/components/image-capture-with-remove/index.js.map +1 -1
- package/lib/commonjs/components/image-capture-with-remove/interface.d.js.map +1 -1
- package/lib/commonjs/components/loading-progress/index.js +9 -10
- package/lib/commonjs/components/loading-progress/index.js.map +1 -1
- package/lib/commonjs/components/modal-activities/data-activities/index.js +62 -0
- package/lib/commonjs/components/modal-activities/data-activities/index.js.map +1 -0
- package/lib/commonjs/components/modal-activities/index.js +147 -0
- package/lib/commonjs/components/modal-activities/index.js.map +1 -0
- package/lib/commonjs/components/modal-activities/interface.d.js +6 -0
- package/lib/commonjs/components/modal-activities/interface.d.js.map +1 -0
- package/lib/commonjs/components/notification-loading/index.js +4 -4
- package/lib/commonjs/components/notification-loading/index.js.map +1 -1
- package/lib/commonjs/components/step-indicator/styles.js +4 -4
- package/lib/commonjs/components/step-indicator/styles.js.map +1 -1
- package/lib/commonjs/index.js +7 -0
- package/lib/commonjs/index.js.map +1 -1
- package/lib/commonjs/stories/modal-activities/modal-activities.stories.js +63 -0
- package/lib/commonjs/stories/modal-activities/modal-activities.stories.js.map +1 -0
- package/lib/commonjs/styles/global/interface.d.js.map +1 -1
- package/lib/commonjs/styles/theme/theme.js +2 -1
- package/lib/commonjs/styles/theme/theme.js.map +1 -1
- package/lib/commonjs/utils/status-color/return-color.js +12 -2
- package/lib/commonjs/utils/status-color/return-color.js.map +1 -1
- package/lib/module/common/icons-svg/constants/index.js +2 -1
- package/lib/module/common/icons-svg/constants/index.js.map +1 -1
- package/lib/module/common/icons-svg/hourglass/index.js +28 -0
- package/lib/module/common/icons-svg/hourglass/index.js.map +1 -0
- package/lib/module/common/icons-svg/index.js +11 -4
- package/lib/module/common/icons-svg/index.js.map +1 -1
- package/lib/module/common/icons-svg/modal-activities/SvgIconCallBell.js +37 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconCallBell.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconCoffee.js +38 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconCoffee.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconGear.js +38 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconGear.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconHourGlassMedium.js +39 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconHourGlassMedium.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconHouse.js +37 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconHouse.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconMoonStars.js +40 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconMoonStars.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconSteeringWheel.js +45 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconSteeringWheel.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconTimer.js +36 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconTimer.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconTruck.js +26 -0
- package/lib/module/common/icons-svg/modal-activities/SvgIconTruck.js.map +1 -0
- package/lib/module/common/icons-svg/modal-activities/index.js +75 -0
- package/lib/module/common/icons-svg/modal-activities/index.js.map +1 -0
- package/lib/module/components/button/styles.js +1 -1
- package/lib/module/components/button/styles.js.map +1 -1
- package/lib/module/components/card-history/index.js +55 -5
- package/lib/module/components/card-history/index.js.map +1 -1
- package/lib/module/components/card-history/interface.d.js.map +1 -1
- package/lib/module/components/card-loading/index.js +15 -4
- package/lib/module/components/card-loading/index.js.map +1 -1
- package/lib/module/components/history-details/index.js +4 -4
- package/lib/module/components/history-details/index.js.map +1 -1
- package/lib/module/components/image-capture-with-remove/index.js +4 -3
- package/lib/module/components/image-capture-with-remove/index.js.map +1 -1
- package/lib/module/components/image-capture-with-remove/interface.d.js.map +1 -1
- package/lib/module/components/loading-progress/index.js +9 -10
- package/lib/module/components/loading-progress/index.js.map +1 -1
- package/lib/module/components/modal-activities/data-activities/index.js +56 -0
- package/lib/module/components/modal-activities/data-activities/index.js.map +1 -0
- package/lib/module/components/modal-activities/index.js +139 -0
- package/lib/module/components/modal-activities/index.js.map +1 -0
- package/lib/module/components/modal-activities/interface.d.js +2 -0
- package/lib/module/components/modal-activities/interface.d.js.map +1 -0
- package/lib/module/components/notification-loading/index.js +4 -4
- package/lib/module/components/notification-loading/index.js.map +1 -1
- package/lib/module/components/step-indicator/styles.js +4 -4
- package/lib/module/components/step-indicator/styles.js.map +1 -1
- package/lib/module/index.js +1 -0
- package/lib/module/index.js.map +1 -1
- package/lib/module/stories/modal-activities/modal-activities.stories.js +57 -0
- package/lib/module/stories/modal-activities/modal-activities.stories.js.map +1 -0
- package/lib/module/styles/global/interface.d.js.map +1 -1
- package/lib/module/styles/theme/theme.js +2 -1
- package/lib/module/styles/theme/theme.js.map +1 -1
- package/lib/module/utils/status-color/return-color.js +12 -3
- package/lib/module/utils/status-color/return-color.js.map +1 -1
- package/lib/typescript/src/common/icons-svg/constants/index.d.ts +1 -0
- package/lib/typescript/src/common/icons-svg/hourglass/index.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconCallBell.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconCoffee.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconGear.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconHourGlassMedium.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconHouse.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconMoonStars.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconSteeringWheel.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconTimer.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/SvgIconTruck.d.ts +10 -0
- package/lib/typescript/src/common/icons-svg/modal-activities/index.d.ts +23 -0
- package/lib/typescript/src/components/button/styles.d.ts +2 -3
- package/lib/typescript/src/components/modal-activities/data-activities/index.d.ts +19 -0
- package/lib/typescript/src/components/modal-activities/index.d.ts +6 -0
- package/lib/typescript/src/index.d.ts +1 -0
- package/lib/typescript/src/stories/modal-activities/modal-activities.stories.d.ts +7 -0
- package/lib/typescript/src/styles/global/theme-provider.d.ts +1 -0
- package/lib/typescript/src/styles/theme/theme.d.ts +1 -0
- package/lib/typescript/src/utils/status-color/return-color.d.ts +2 -1
- package/package.json +1 -1
- package/src/common/icons-svg/constants/index.ts +1 -0
- package/src/common/icons-svg/hourglass/index.tsx +28 -0
- package/src/common/icons-svg/index.tsx +8 -4
- package/src/common/icons-svg/modal-activities/SvgIconCallBell.tsx +37 -0
- package/src/common/icons-svg/modal-activities/SvgIconCoffee.tsx +38 -0
- package/src/common/icons-svg/modal-activities/SvgIconGear.tsx +38 -0
- package/src/common/icons-svg/modal-activities/SvgIconHourGlassMedium.tsx +38 -0
- package/src/common/icons-svg/modal-activities/SvgIconHouse.tsx +37 -0
- package/src/common/icons-svg/modal-activities/SvgIconMoonStars.tsx +39 -0
- package/src/common/icons-svg/modal-activities/SvgIconSteeringWheel.tsx +48 -0
- package/src/common/icons-svg/modal-activities/SvgIconTimer.tsx +37 -0
- package/src/common/icons-svg/modal-activities/SvgIconTruck.tsx +28 -0
- package/src/common/icons-svg/modal-activities/index.tsx +53 -0
- package/src/components/button/styles.ts +2 -2
- package/src/components/card-history/index.tsx +67 -5
- package/src/components/card-history/interface.d.ts +8 -2
- package/src/components/card-loading/index.tsx +16 -4
- package/src/components/history-details/index.tsx +99 -99
- package/src/components/image-capture-with-remove/index.tsx +11 -8
- package/src/components/image-capture-with-remove/interface.d.ts +6 -3
- package/src/components/loading-progress/index.tsx +93 -92
- package/src/components/modal-activities/data-activities/index.ts +65 -0
- package/src/components/modal-activities/index.tsx +137 -0
- package/src/components/modal-activities/interface.d.ts +32 -0
- package/src/components/notification-loading/index.tsx +162 -162
- package/src/components/step-indicator/styles.ts +68 -68
- package/src/index.ts +1 -0
- package/src/stories/modal-activities/modal-activities.stories.tsx +64 -0
- package/src/styles/global/interface.d.ts +5 -0
- package/src/styles/theme/theme.ts +1 -0
- package/src/utils/status-color/return-color.ts +14 -3
|
@@ -1,5 +1,5 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* IMPORTS
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
3
|
*/
|
|
4
4
|
|
|
5
5
|
import { StyleSheet } from "react-native";
|
|
@@ -62,8 +62,8 @@ const styles = props => {
|
|
|
62
62
|
});
|
|
63
63
|
};
|
|
64
64
|
|
|
65
|
-
/**
|
|
66
|
-
* EXPORTS
|
|
65
|
+
/**
|
|
66
|
+
* EXPORTS
|
|
67
67
|
*/
|
|
68
68
|
export { styles };
|
|
69
69
|
//# sourceMappingURL=styles.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","theme","styles","props","_props$backgroundColo","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","backgroundColorBall","colors","blue","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","containerMain"],"sources":["styles.ts"],"sourcesContent":["/**\
|
|
1
|
+
{"version":3,"names":["StyleSheet","theme","styles","props","_props$backgroundColo","_props$titleColor","_props$titleNumberCol","_props$textColorDescr","create","containerIndicator","width","height","flexDirection","justifyContent","containerBall","backgroundColor","backgroundColorBall","colors","blue","alignItems","borderRadius","title","color","titleColor","textAlign","lineHeight","fontSize","fontSizes","fontWeight","marginLeft","titleNumber","titleNumberColor","neutral","fontFamily","fonts","inter_regular_400","position","titleDescription","textColorDescription","gray","containerMain"],"sources":["styles.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nimport { StyleSheet } from \"react-native\";\n\n// typings\nimport { IStepIndicator } from \"./interface\";\n\n// styles\nimport { theme } from \"../../styles/theme/theme\";\n\nconst styles = (props: IStepIndicator) =>\n StyleSheet.create({\n containerIndicator: {\n width: \"100%\",\n height: 86,\n flexDirection: \"row\",\n justifyContent: \"flex-start\",\n // backgroundColor: theme.colors.gray[300],\n },\n containerBall: {\n width: 32,\n height: 32,\n backgroundColor: props.backgroundColorBall ?? theme.colors.blue[500],\n flexDirection: \"row\",\n alignItems: \"center\",\n justifyContent: \"center\",\n borderRadius: 16,\n },\n title: {\n color: props.titleColor ?? \"black\",\n textAlign: \"center\",\n lineHeight: 20,\n fontSize: theme.fontSizes[\"sm\"],\n fontWeight: \"500\",\n marginLeft: 8,\n },\n titleNumber: {\n color: props.titleNumberColor ?? theme.colors.neutral[25],\n textAlign: \"center\",\n lineHeight: 16,\n fontFamily: theme.fonts.inter_regular_400,\n fontSize: theme.fontSizes[\"xs\"],\n position: \"absolute\",\n },\n titleDescription: {\n color: props.textColorDescription ?? theme.colors.gray[700],\n textAlign: \"center\",\n lineHeight: 16,\n fontSize: theme.fontSizes[\"xs\"],\n fontFamily: theme.fonts.inter_regular_400,\n fontWeight: \"400\",\n marginLeft: 8,\n },\n containerMain: {\n width: \"100%\",\n height: 56,\n flexDirection: \"column\",\n alignItems: \"flex-start\",\n marginLeft: 2,\n },\n });\n\n/**\n * EXPORTS\n */\nexport { styles };\n"],"mappings":"AAAA;AACA;AACA;;AAEA,SAASA,UAAU,QAAQ,cAAc;;AAEzC;;AAGA;AACA,SAASC,KAAK,QAAQ,0BAA0B;AAEhD,MAAMC,MAAM,GAAIC,KAAqB;EAAA,IAAAC,qBAAA,EAAAC,iBAAA,EAAAC,qBAAA,EAAAC,qBAAA;EAAA,OACnCP,UAAU,CAACQ,MAAM,CAAC;IAChBC,kBAAkB,EAAE;MAClBC,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,KAAK;MACpBC,cAAc,EAAE;MAChB;IACF,CAAC;IACDC,aAAa,EAAE;MACbJ,KAAK,EAAE,EAAE;MACTC,MAAM,EAAE,EAAE;MACVI,eAAe,GAAAX,qBAAA,GAAED,KAAK,CAACa,mBAAmB,cAAAZ,qBAAA,cAAAA,qBAAA,GAAIH,KAAK,CAACgB,MAAM,CAACC,IAAI,CAAC,GAAG,CAAC;MACpEN,aAAa,EAAE,KAAK;MACpBO,UAAU,EAAE,QAAQ;MACpBN,cAAc,EAAE,QAAQ;MACxBO,YAAY,EAAE;IAChB,CAAC;IACDC,KAAK,EAAE;MACLC,KAAK,GAAAjB,iBAAA,GAAEF,KAAK,CAACoB,UAAU,cAAAlB,iBAAA,cAAAA,iBAAA,GAAI,OAAO;MAClCmB,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BC,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDC,WAAW,EAAE;MACXR,KAAK,GAAAhB,qBAAA,GAAEH,KAAK,CAAC4B,gBAAgB,cAAAzB,qBAAA,cAAAA,qBAAA,GAAIL,KAAK,CAACgB,MAAM,CAACe,OAAO,CAAC,EAAE,CAAC;MACzDR,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdQ,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCT,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BS,QAAQ,EAAE;IACZ,CAAC;IACDC,gBAAgB,EAAE;MAChBf,KAAK,GAAAf,qBAAA,GAAEJ,KAAK,CAACmC,oBAAoB,cAAA/B,qBAAA,cAAAA,qBAAA,GAAIN,KAAK,CAACgB,MAAM,CAACsB,IAAI,CAAC,GAAG,CAAC;MAC3Df,SAAS,EAAE,QAAQ;MACnBC,UAAU,EAAE,EAAE;MACdC,QAAQ,EAAEzB,KAAK,CAAC0B,SAAS,CAAC,IAAI,CAAC;MAC/BM,UAAU,EAAEhC,KAAK,CAACiC,KAAK,CAACC,iBAAiB;MACzCP,UAAU,EAAE,KAAK;MACjBC,UAAU,EAAE;IACd,CAAC;IACDW,aAAa,EAAE;MACb9B,KAAK,EAAE,MAAM;MACbC,MAAM,EAAE,EAAE;MACVC,aAAa,EAAE,QAAQ;MACvBO,UAAU,EAAE,YAAY;MACxBU,UAAU,EAAE;IACd;EACF,CAAC,CAAC;AAAA;;AAEJ;AACA;AACA;AACA,SAAS3B,MAAM","ignoreList":[]}
|
package/lib/module/index.js
CHANGED
|
@@ -33,6 +33,7 @@ export { HistoryDetails } from "./components/history-details";
|
|
|
33
33
|
export { ActivitiesDaily } from "./components/activities-daily";
|
|
34
34
|
export { ActivitiesProgress } from "./components/activities-progress";
|
|
35
35
|
export { ProfileMenuOption } from "./components/profile-menu-option";
|
|
36
|
+
export { ModalActivities } from "./components/modal-activities";
|
|
36
37
|
|
|
37
38
|
// Utilities
|
|
38
39
|
export { multiply } from "./utils/mutiply";
|
package/lib/module/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["Box","Button","StepIndicator","Typography","Input","CapturePhoto","CardHours","SelectOption","Header","ScheduledJourneyIndicators","CardScheduledJourney","UserProfile","MenuItem","CardLoading","CardWorkSession","LoadingProgress","NoData","FilterJourney","Coil","FilterDateSelector","CardHistory","NotificationLoading","CheckBox","ImageCaptureWithRemove","LoadingDetails","AvatarProfile","HistoryDetails","ActivitiesDaily","ActivitiesProgress","ProfileMenuOption","multiply","formatDate","getLastSevenDays","formHoursMinute","theme"],"sources":["index.ts"],"sourcesContent":["/**\n * EXPORTS\n */\n\n// Components\nexport { Box } from \"./components/box\";\nexport { Button } from \"./components/button\";\nexport { StepIndicator } from \"./components/step-indicator\";\nexport { Typography } from \"./components/typography\";\nexport { Input } from \"./components/input\";\nexport { CapturePhoto } from \"./components/capture-photo\";\nexport { CardHours } from \"./components/card-hours\";\nexport { SelectOption } from \"./components/selects/select-option\";\nexport { Header } from \"./components/header-profile\";\nexport { ScheduledJourneyIndicators } from \"./components/scheduled-journey-indicators\";\nexport { CardScheduledJourney } from \"./components/card-scheduled-journey\";\nexport { UserProfile } from \"./components/user-profile\";\nexport { MenuItem } from \"./components/menu-item\";\nexport { CardLoading } from \"./components/card-loading\";\nexport { CardWorkSession } from \"./components/card-work-session\";\nexport { LoadingProgress } from \"./components/loading-progress\";\nexport { NoData } from \"./components/no-data\";\nexport { FilterJourney } from \"./components/filter-journey\";\nexport { Coil } from \"./components/coil\";\nexport { FilterDateSelector } from \"./components/filter-date-selector\";\nexport { CardHistory } from \"./components/card-history\";\nexport { NotificationLoading } from \"./components/notification-loading\";\nexport { CheckBox } from \"./components/check-box\";\nexport { ImageCaptureWithRemove } from \"./components/image-capture-with-remove\";\nexport { LoadingDetails } from \"./components/loading-details\";\nexport { AvatarProfile } from \"./components/avatar-profile\";\nexport { HistoryDetails } from \"./components/history-details\";\nexport { ActivitiesDaily } from \"./components/activities-daily\";\nexport { ActivitiesProgress } from \"./components/activities-progress\";\nexport { ProfileMenuOption } from \"./components/profile-menu-option\";\n\n// Utilities\nexport { multiply } from \"./utils/mutiply\";\nexport { formatDate, getLastSevenDays, formHoursMinute } from \"./utils/format-data\";\n\n// Styles\nexport { theme } from \"./styles/theme/theme\";\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,GAAG,QAAQ,kBAAkB;AACtC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,YAAY,QAAQ,oCAAoC;AACjE,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,iBAAiB,QAAQ,kCAAkC;;
|
|
1
|
+
{"version":3,"names":["Box","Button","StepIndicator","Typography","Input","CapturePhoto","CardHours","SelectOption","Header","ScheduledJourneyIndicators","CardScheduledJourney","UserProfile","MenuItem","CardLoading","CardWorkSession","LoadingProgress","NoData","FilterJourney","Coil","FilterDateSelector","CardHistory","NotificationLoading","CheckBox","ImageCaptureWithRemove","LoadingDetails","AvatarProfile","HistoryDetails","ActivitiesDaily","ActivitiesProgress","ProfileMenuOption","ModalActivities","multiply","formatDate","getLastSevenDays","formHoursMinute","theme"],"sources":["index.ts"],"sourcesContent":["/**\n * EXPORTS\n */\n\n// Components\nexport { Box } from \"./components/box\";\nexport { Button } from \"./components/button\";\nexport { StepIndicator } from \"./components/step-indicator\";\nexport { Typography } from \"./components/typography\";\nexport { Input } from \"./components/input\";\nexport { CapturePhoto } from \"./components/capture-photo\";\nexport { CardHours } from \"./components/card-hours\";\nexport { SelectOption } from \"./components/selects/select-option\";\nexport { Header } from \"./components/header-profile\";\nexport { ScheduledJourneyIndicators } from \"./components/scheduled-journey-indicators\";\nexport { CardScheduledJourney } from \"./components/card-scheduled-journey\";\nexport { UserProfile } from \"./components/user-profile\";\nexport { MenuItem } from \"./components/menu-item\";\nexport { CardLoading } from \"./components/card-loading\";\nexport { CardWorkSession } from \"./components/card-work-session\";\nexport { LoadingProgress } from \"./components/loading-progress\";\nexport { NoData } from \"./components/no-data\";\nexport { FilterJourney } from \"./components/filter-journey\";\nexport { Coil } from \"./components/coil\";\nexport { FilterDateSelector } from \"./components/filter-date-selector\";\nexport { CardHistory } from \"./components/card-history\";\nexport { NotificationLoading } from \"./components/notification-loading\";\nexport { CheckBox } from \"./components/check-box\";\nexport { ImageCaptureWithRemove } from \"./components/image-capture-with-remove\";\nexport { LoadingDetails } from \"./components/loading-details\";\nexport { AvatarProfile } from \"./components/avatar-profile\";\nexport { HistoryDetails } from \"./components/history-details\";\nexport { ActivitiesDaily } from \"./components/activities-daily\";\nexport { ActivitiesProgress } from \"./components/activities-progress\";\nexport { ProfileMenuOption } from \"./components/profile-menu-option\";\nexport { ModalActivities } from \"./components/modal-activities\";\n\n// Utilities\nexport { multiply } from \"./utils/mutiply\";\nexport { formatDate, getLastSevenDays, formHoursMinute } from \"./utils/format-data\";\n\n// Styles\nexport { theme } from \"./styles/theme/theme\";\n"],"mappings":"AAAA;AACA;AACA;;AAEA;AACA,SAASA,GAAG,QAAQ,kBAAkB;AACtC,SAASC,MAAM,QAAQ,qBAAqB;AAC5C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,UAAU,QAAQ,yBAAyB;AACpD,SAASC,KAAK,QAAQ,oBAAoB;AAC1C,SAASC,YAAY,QAAQ,4BAA4B;AACzD,SAASC,SAAS,QAAQ,yBAAyB;AACnD,SAASC,YAAY,QAAQ,oCAAoC;AACjE,SAASC,MAAM,QAAQ,6BAA6B;AACpD,SAASC,0BAA0B,QAAQ,2CAA2C;AACtF,SAASC,oBAAoB,QAAQ,qCAAqC;AAC1E,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,eAAe,QAAQ,gCAAgC;AAChE,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,MAAM,QAAQ,sBAAsB;AAC7C,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,IAAI,QAAQ,mBAAmB;AACxC,SAASC,kBAAkB,QAAQ,mCAAmC;AACtE,SAASC,WAAW,QAAQ,2BAA2B;AACvD,SAASC,mBAAmB,QAAQ,mCAAmC;AACvE,SAASC,QAAQ,QAAQ,wBAAwB;AACjD,SAASC,sBAAsB,QAAQ,wCAAwC;AAC/E,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,aAAa,QAAQ,6BAA6B;AAC3D,SAASC,cAAc,QAAQ,8BAA8B;AAC7D,SAASC,eAAe,QAAQ,+BAA+B;AAC/D,SAASC,kBAAkB,QAAQ,kCAAkC;AACrE,SAASC,iBAAiB,QAAQ,kCAAkC;AACpE,SAASC,eAAe,QAAQ,+BAA+B;;AAE/D;AACA,SAASC,QAAQ,QAAQ,iBAAiB;AAC1C,SAASC,UAAU,EAAEC,gBAAgB,EAAEC,eAAe,QAAQ,qBAAqB;;AAEnF;AACA,SAASC,KAAK,QAAQ,sBAAsB","ignoreList":[]}
|
|
@@ -0,0 +1,57 @@
|
|
|
1
|
+
import { ModalActivities } from "../../components/modal-activities";
|
|
2
|
+
const meta = {
|
|
3
|
+
title: "componente/ModalActivities",
|
|
4
|
+
component: ModalActivities,
|
|
5
|
+
args: {
|
|
6
|
+
width: 120,
|
|
7
|
+
onClose: () => {},
|
|
8
|
+
activityType: "trabalho",
|
|
9
|
+
isLoading: false,
|
|
10
|
+
handleActivity: activity => {
|
|
11
|
+
return activity;
|
|
12
|
+
}
|
|
13
|
+
},
|
|
14
|
+
parameters: {
|
|
15
|
+
notes: `
|
|
16
|
+
# MenuItem
|
|
17
|
+
|
|
18
|
+
Este é um componente de MenuItem de menu.
|
|
19
|
+
Você usa assim:
|
|
20
|
+
\`\`\`tsx
|
|
21
|
+
<ModalActivities
|
|
22
|
+
{...args}
|
|
23
|
+
activityType={activity?.tipo || "trabalho"}
|
|
24
|
+
onClose={() => setIsVisible(false)}
|
|
25
|
+
handleActivity={handleActivity}
|
|
26
|
+
/>
|
|
27
|
+
\`\`\`
|
|
28
|
+
`
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
export default meta;
|
|
32
|
+
export const DefaultWork = {
|
|
33
|
+
name: "modal-activities-work",
|
|
34
|
+
args: {
|
|
35
|
+
isLoading: false,
|
|
36
|
+
activityType: "trabalho",
|
|
37
|
+
onClose: () => {},
|
|
38
|
+
handleActivity: activity => () => {
|
|
39
|
+
return activity;
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
};
|
|
43
|
+
export const DefaultRest = {
|
|
44
|
+
name: "modal-activities-rest",
|
|
45
|
+
args: {
|
|
46
|
+
isLoading: false,
|
|
47
|
+
activityType: "descanso",
|
|
48
|
+
style: {
|
|
49
|
+
marginLeft: 0
|
|
50
|
+
},
|
|
51
|
+
onClose: () => {},
|
|
52
|
+
handleActivity: activity => () => {
|
|
53
|
+
return activity;
|
|
54
|
+
}
|
|
55
|
+
}
|
|
56
|
+
};
|
|
57
|
+
//# sourceMappingURL=modal-activities.stories.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["ModalActivities","meta","title","component","args","width","onClose","activityType","isLoading","handleActivity","activity","parameters","notes","DefaultWork","name","DefaultRest","style","marginLeft"],"sources":["modal-activities.stories.tsx"],"sourcesContent":["import { StoryObj, Meta } from \"@storybook/react\";\nimport { ModalActivities } from \"../../components/modal-activities\";\nimport { IActivity } from \"../../components/modal-activities/interface\";\n\nconst meta: Meta<typeof ModalActivities> = {\n title: \"componente/ModalActivities\",\n component: ModalActivities,\n args: {\n width: 120,\n onClose: () => {},\n activityType: \"trabalho\",\n isLoading: false,\n handleActivity: (activity: IActivity) => {\n return activity;\n },\n },\n parameters: {\n notes: `\n# MenuItem\n\nEste é um componente de MenuItem de menu.\nVocê usa assim:\n\\`\\`\\`tsx\n <ModalActivities\n {...args}\n activityType={activity?.tipo || \"trabalho\"}\n onClose={() => setIsVisible(false)}\n handleActivity={handleActivity}\n />\n\\`\\`\\`\n`,\n },\n};\n\nexport default meta;\n\ntype Story = StoryObj<typeof meta>;\n\nexport const DefaultWork: Story = {\n name: \"modal-activities-work\",\n args: {\n isLoading: false,\n activityType: \"trabalho\",\n onClose: () => {},\n handleActivity: (activity: IActivity) => () => {\n return activity;\n },\n },\n};\n\nexport const DefaultRest: Story = {\n name: \"modal-activities-rest\",\n args: {\n isLoading: false,\n activityType: \"descanso\",\n style: {\n marginLeft: 0,\n },\n onClose: () => {},\n handleActivity: (activity: IActivity) => () => {\n return activity;\n },\n },\n};\n"],"mappings":"AACA,SAASA,eAAe,QAAQ,mCAAmC;AAGnE,MAAMC,IAAkC,GAAG;EACzCC,KAAK,EAAE,4BAA4B;EACnCC,SAAS,EAAEH,eAAe;EAC1BI,IAAI,EAAE;IACJC,KAAK,EAAE,GAAG;IACVC,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBC,YAAY,EAAE,UAAU;IACxBC,SAAS,EAAE,KAAK;IAChBC,cAAc,EAAGC,QAAmB,IAAK;MACvC,OAAOA,QAAQ;IACjB;EACF,CAAC;EACDC,UAAU,EAAE;IACVC,KAAK,EAAE;AACX;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;EACE;AACF,CAAC;AAED,eAAeX,IAAI;AAInB,OAAO,MAAMY,WAAkB,GAAG;EAChCC,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBD,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC;AAED,OAAO,MAAMK,WAAkB,GAAG;EAChCD,IAAI,EAAE,uBAAuB;EAC7BV,IAAI,EAAE;IACJI,SAAS,EAAE,KAAK;IAChBD,YAAY,EAAE,UAAU;IACxBS,KAAK,EAAE;MACLC,UAAU,EAAE;IACd,CAAC;IACDX,OAAO,EAAEA,CAAA,KAAM,CAAC,CAAC;IACjBG,cAAc,EAAGC,QAAmB,IAAK,MAAM;MAC7C,OAAOA,QAAQ;IACjB;EACF;AACF,CAAC","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/*\n * IMPORTS\n */\nimport React from \"react\";\nimport { DimensionValue } from \"react-native\";\nimport { theme } from \"../theme/theme\";\n\nexport interface IGlobalCss {\n /**\n * A propriedade JSX que define um elemento ou componente filho.\n */\n children?: React.ReactNode;\n\n /**\n * TestID para testes automático e identificação\n */\n testID?: string;\n\n /**\n * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.\n */\n borderStyled?: {\n borderStyle?: \"solid\" | \"dotted\" | \"dashed\";\n\n borderRadius?: number | DimensionValue;\n borderTopRightRadius?: number | DimensionValue;\n borderTopLeftRadius?: number | DimensionValue;\n borderBottomRightRadius?: number | DimensionValue;\n borderBottomLeftRadius?: number | DimensionValue;\n\n borderWidth?: number | DimensionValue;\n borderLeftWidth?: number | DimensionValue;\n borderRightWidth?: number | DimensionValue;\n borderTopWidth?: number | DimensionValue;\n borderBottomWidth?: number | DimensionValue;\n\n borderColor?: string;\n borderBottomColor?: string;\n borderLeftColor?: string;\n borderRightColor?: string;\n borderTopColor?: string;\n };\n\n /**\n * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.\n */\n flexStyle?: {\n alignItems?: \"flex-start\" | \"flex-end\" | \"center\" | \"stretch\" | \"baseline\";\n alignSelf?: \"auto\" | \"flex-start\" | \"flex-end\" | \"center\" | \"stretch\" | \"baseline\";\n flex?: string | number;\n flexDirection?: \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\";\n flexWrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n textAlign?: \"auto\" | \"center\" | \"left\" | \"right\" | \"justify\";\n justifyContent?:\n | \"flex-start\"\n | \"flex-end\"\n | \"center\"\n | \"space-between\"\n | \"space-around\"\n | \"space-evenly\";\n };\n\n /**\n * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).\n */\n marginStyle?: {\n margin?: number | DimensionValue;\n marginLeft?: number | DimensionValue;\n marginRight?: number | DimensionValue;\n marginTop?: number | DimensionValue;\n marginBottom?: number | DimensionValue;\n };\n\n /**\n * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).\n */\n paddingStyle?: {\n padding?: number | DimensionValue;\n paddingLeft?: number | DimensionValue;\n paddingRight?: number | DimensionValue;\n paddingTop?: number | DimensionValue;\n paddingBottom?: number | DimensionValue;\n };\n\n /**\n * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.\n */\n height?: number | DimensionValue;\n\n /**\n * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.\n */\n width?: number | DimensionValue;\n\n /**\n * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..\n */\n backgroundColor?: string;\n\n /**\n * Propriedade texto que sera renderizado pro usuário final\n */\n text?: string;\n\n /**\n * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.\n */\n color?: {\n colorSvg?: string;\n colorText?: string;\n colorTextBold?: string;\n colorTextData?: string;\n };\n\n /**\n * A propriedade abreviada CSS da fonte define todas as propriedades diferentes da fonte de um elemento. Alternativamente, ele define a fonte de um elemento como uma fonte do sistema.\n */\n fontStyle?: {\n font?: string;\n fontSize?: number;\n fontWeight?: \"100\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"bold\";\n fontFamily?: keyof typeof theme.fonts;\n letterSpacing?: keyof typeof theme.letterSpacing;\n lineHeight?: number;\n };\n\n /**\n * A propriedade CSS opacity define o nível de opacidade de um elemento. O valor da opacidade varia de 0 (totalmente transparente) a 1 (totalmente opaco).\n */\n disabled?: boolean;\n\n /**\n * A propriedade background do icon da cor.\n */\n backgroundColorIcon?: string;\n}\n\n// /**\n// * EXPORTS\n// */\n// export { IGlobalCss };\n"],"mappings":"","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":[],"sources":["interface.d.ts"],"sourcesContent":["/*\n * IMPORTS\n */\nimport React from \"react\";\nimport { DimensionValue } from \"react-native\";\nimport { theme } from \"../theme/theme\";\n\nexport interface IGlobalCss {\n /**\n * A propriedade JSX que define um elemento ou componente filho.\n */\n children?: React.ReactNode;\n\n /**\n * TestID para testes automático e identificação\n */\n testID?: string;\n\n /**\n * A propriedade CSS abreviada border define a borda de um elemento. Ele define os valores de largura da borda, estilo da borda e cor da borda.\n */\n borderStyled?: {\n borderStyle?: \"solid\" | \"dotted\" | \"dashed\";\n\n borderRadius?: number | DimensionValue;\n borderTopRightRadius?: number | DimensionValue;\n borderTopLeftRadius?: number | DimensionValue;\n borderBottomRightRadius?: number | DimensionValue;\n borderBottomLeftRadius?: number | DimensionValue;\n\n borderWidth?: number | DimensionValue;\n borderLeftWidth?: number | DimensionValue;\n borderRightWidth?: number | DimensionValue;\n borderTopWidth?: number | DimensionValue;\n borderBottomWidth?: number | DimensionValue;\n\n borderColor?: string;\n borderBottomColor?: string;\n borderLeftColor?: string;\n borderRightColor?: string;\n borderTopColor?: string;\n };\n\n /**\n * Propriedades que define a orientação do button que é usada para representar uma página. Na maioria das vezes, esse valores corresponde ao posicionamento alvo da página impressa, se aplicável.\n */\n flexStyle?: {\n alignItems?: \"flex-start\" | \"flex-end\" | \"center\" | \"stretch\" | \"baseline\";\n alignSelf?: \"auto\" | \"flex-start\" | \"flex-end\" | \"center\" | \"stretch\" | \"baseline\";\n flex?: string | number;\n flexDirection?: \"column\" | \"column-reverse\" | \"row\" | \"row-reverse\";\n flexWrap?: \"nowrap\" | \"wrap\" | \"wrap-reverse\";\n textAlign?: \"auto\" | \"center\" | \"left\" | \"right\" | \"justify\";\n justifyContent?:\n | \"flex-start\"\n | \"flex-end\"\n | \"center\"\n | \"space-between\"\n | \"space-around\"\n | \"space-evenly\";\n };\n\n /**\n * A propriedade margin do CSS define a área de margem nos quatro lados do elemento. É uma abreviação que define todas as margens individuais de uma só vez: margin-top, margin-right (en-US), margin-bottom, e margin-left (en-US).\n */\n marginStyle?: {\n margin?: number | DimensionValue;\n marginLeft?: number | DimensionValue;\n marginRight?: number | DimensionValue;\n marginTop?: number | DimensionValue;\n marginBottom?: number | DimensionValue;\n };\n\n /**\n * A propriedade padding define uma a distância entre o conteúdo de um elemento e suas bordas. É um atalho que evita definir uma distância para cada lado separadamente (padding-top, padding-right, padding-bottom, padding-left).\n */\n paddingStyle?: {\n padding?: number | DimensionValue;\n paddingLeft?: number | DimensionValue;\n paddingRight?: number | DimensionValue;\n paddingTop?: number | DimensionValue;\n paddingBottom?: number | DimensionValue;\n };\n\n /**\n * A propriedade CSS height define a altura de um elemento. A altura de um elemento é a distância do topo da borda superior do elemento ao fundo da borda inferior.\n */\n height?: number | DimensionValue;\n\n /**\n * A propriedade CSS width define a largura de um elemento. A largura de um elemento é a distância do topo da borda esquerda do elemento ao fundo da borda direita.\n */\n width?: number | DimensionValue;\n\n /**\n * O fundo abreviado CSS Propriedade define todas as propriedades do estilo de fundo de uma só vez, como cor, imagem, origem e tamanho ou método de repetição. As propriedades dos componentes não definidas no fundo da declaração de valor da propriedade abreviada são definidas como seus valores padrão..\n */\n backgroundColor?: string;\n\n /**\n * Propriedade texto que sera renderizado pro usuário final\n */\n text?: string;\n\n /**\n * A propriedade CSS color define o valor da cor de primeiro plano do texto e das decorações de texto de um elemento e define o valor currentcolor. currentcolor pode ser usado como um valor indireto em outras propriedades e é o padrão para outras propriedades de cores, como border-color.\n */\n color?: {\n colorSvg?: string;\n colorText?: string;\n colorTextBold?: string;\n colorTextData?: string;\n };\n\n /**\n * A propriedade abreviada CSS da fonte define todas as propriedades diferentes da fonte de um elemento. Alternativamente, ele define a fonte de um elemento como uma fonte do sistema.\n */\n fontStyle?: {\n font?: string;\n fontSize?: number;\n fontWeight?: \"100\" | \"300\" | \"400\" | \"500\" | \"600\" | \"700\" | \"800\" | \"900\" | \"bold\";\n fontFamily?: keyof typeof theme.fonts;\n letterSpacing?: keyof typeof theme.letterSpacing;\n lineHeight?: number;\n };\n\n /**\n * A propriedade CSS opacity define o nível de opacidade de um elemento. O valor da opacidade varia de 0 (totalmente transparente) a 1 (totalmente opaco).\n */\n disabled?: boolean;\n\n /**\n * A propriedade background do icon da cor.\n */\n backgroundColorIcon?: string;\n\n /**\n * props que indica o loading do button\n */\n isLoading?: boolean;\n}\n\n// /**\n// * EXPORTS\n// */\n// export { IGlobalCss };\n"],"mappings":"","ignoreList":[]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["borderWidths","thin","thin_medium","thin_bold","thick","thick_medium","thick_bold","thick_large","hairline","colors","neutral","black","blue","red","gray","green","orange","yellow","fonts","inter_thin_100","inter_extra_light_200","inter_light_300","inter_regular_400","inter_medium_500","inter_semi_bold_600","inter_bold_700","inter_extra_bold_800","inter_bold","fontSizes","xs","sm","md","lg","xl","margins","paddings","shadows","z1","z2","letterSpacing","o_16","regular","medium","strong","theme"],"sources":["theme.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nconst borderWidths = {\n thin: 1,\n thin_medium: 2,\n thin_bold: 6,\n thick: 4,\n thick_medium: 8,\n thick_bold: 12,\n thick_large: 16,\n hairline: 999,\n};\n\nconst colors = {\n neutral: {\n 25: \"#FFFFFF\",\n 50: \"#E7EEFF\",\n 75: \"#E5E1F9\",\n 200: \"#C6C6C6\",\n 300: \"#F3F3F3\",\n 400: \"#F4F5F6\",\n },\n black: {\n 10: \"#000000\",\n 25: \"#1E1E1E\",\n 100: \"#393939\",\n 180: \"#35302B\",\n },\n blue: {\n 25: \"#1E1E1E\",\n 50: \"#1EA7fD\",\n 100: \"#051C3B\",\n 150: \"#2E41F2\",\n 350: \"#357FD6\",\n 375: \"#056CF2\",\n 400: \"#2D3748\",\n 400_50: \"#2D374880\",\n 500: \"#050022\",\n 525: \"#051C3B\",\n },\n red: {\n 400: \"#D23A1A\",\n 500: \"#C54239\",\n 600: \"#B3261E\",\n 800: \"#E72626\",\n 900: \"#9F0000\",\n },\n gray: {\n 300: \"#D9D9D9\",\n 350: \"#CDCDCD\",\n 400: \"#C6C6C6\",\n 500: \"#1c1c1e\",\n 600: \"#5E5E5E\",\n 700: \"#727272\",\n 800: \"#837676\",\n 850: \"#868686\",\n 875: \"#949494\",\n 900: \"#9B9B9B\",\n 925: \"#957c5f\",\n 950: \"#94a3b8\",\n },\n green: {\n 200: \"#25BA76\",\n 250: \"#20AD48\",\n 400: \"#49C63E\",\n 500: \"#50C58F\",\n },\n orange: {\n 500: \"#FC5701\",\n 450: \"#FC6C2D\",\n 150: \"#FFA41C\",\n },\n yellow: {\n 100: \"#DFAE00\",\n 50: \"#F0CA4B\",\n 75: \"#F59E0B\",\n },\n};\n\nconst fonts = {\n inter_thin_100: \"Inter-Thin\",\n inter_extra_light_200: \"Inter-ExtraLight\",\n inter_light_300: \"Inter-Light\",\n inter_regular_400: \"Inter-Regular\",\n inter_medium_500: \"Inter-Medium\",\n inter_semi_bold_600: \"Inter-SemiBold\",\n inter_bold_700: \"Inter-Bold\",\n inter_extra_bold_800: \"Inter-ExtraBold\",\n inter_bold: \"Inter-Bold\",\n};\n\nconst fontSizes = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 32,\n \"4xl\": 38,\n \"5xl\": 50,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst margins = {\n \"1xs\": 6,\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst paddings = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst shadows = {\n z1: \"0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)\",\n z2: \"0px 1px 2px rgba(0, 0, 0, 0.3)\",\n};\n\nconst letterSpacing = {\n o_16: 0.16,\n regular: 0.5,\n medium: 0.75,\n strong: 1,\n};\n\n/**\n * EXPORTSS\n */\nexport const theme = {\n borderWidths,\n colors,\n fonts,\n fontSizes,\n margins,\n shadows,\n paddings,\n letterSpacing,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["borderWidths","thin","thin_medium","thin_bold","thick","thick_medium","thick_bold","thick_large","hairline","colors","neutral","black","blue","red","gray","green","orange","yellow","fonts","inter_thin_100","inter_extra_light_200","inter_light_300","inter_regular_400","inter_medium_500","inter_semi_bold_600","inter_bold_700","inter_extra_bold_800","inter_bold","fontSizes","xs","sm","md","lg","xl","margins","paddings","shadows","z1","z2","letterSpacing","o_16","regular","medium","strong","theme"],"sources":["theme.ts"],"sourcesContent":["/**\n * IMPORTS\n */\n\nconst borderWidths = {\n thin: 1,\n thin_medium: 2,\n thin_bold: 6,\n thick: 4,\n thick_medium: 8,\n thick_bold: 12,\n thick_large: 16,\n hairline: 999,\n};\n\nconst colors = {\n neutral: {\n 25: \"#FFFFFF\",\n 50: \"#E7EEFF\",\n 75: \"#E5E1F9\",\n 200: \"#C6C6C6\",\n 300: \"#F3F3F3\",\n 400: \"#F4F5F6\",\n },\n black: {\n 10: \"#000000\",\n 25: \"#1E1E1E\",\n 100: \"#393939\",\n 180: \"#35302B\",\n },\n blue: {\n 25: \"#1E1E1E\",\n 50: \"#1EA7fD\",\n 100: \"#051C3B\",\n 150: \"#2E41F2\",\n 350: \"#357FD6\",\n 375: \"#056CF2\",\n 400: \"#2D3748\",\n 400_50: \"#2D374880\",\n 500: \"#050022\",\n 525: \"#051C3B\",\n },\n red: {\n 400: \"#D23A1A\",\n 500: \"#C54239\",\n 600: \"#B3261E\",\n 800: \"#E72626\",\n 900: \"#9F0000\",\n },\n gray: {\n 300: \"#D9D9D9\",\n 350: \"#CDCDCD\",\n 400: \"#C6C6C6\",\n 500: \"#1c1c1e\",\n 600: \"#5E5E5E\",\n 700: \"#727272\",\n 800: \"#837676\",\n 850: \"#868686\",\n 875: \"#949494\",\n 900: \"#9B9B9B\",\n 925: \"#957c5f\",\n 950: \"#94a3b8\",\n },\n green: {\n 200: \"#25BA76\",\n 250: \"#20AD48\",\n 400: \"#49C63E\",\n 500: \"#50C58F\",\n },\n orange: {\n 500: \"#FC5701\",\n 450: \"#FC6C2D\",\n 150: \"#FFA41C\",\n },\n yellow: {\n 100: \"#DFAE00\",\n 50: \"#F0CA4B\",\n 75: \"#F59E0B\",\n 90: \"#957C5F\",\n },\n};\n\nconst fonts = {\n inter_thin_100: \"Inter-Thin\",\n inter_extra_light_200: \"Inter-ExtraLight\",\n inter_light_300: \"Inter-Light\",\n inter_regular_400: \"Inter-Regular\",\n inter_medium_500: \"Inter-Medium\",\n inter_semi_bold_600: \"Inter-SemiBold\",\n inter_bold_700: \"Inter-Bold\",\n inter_extra_bold_800: \"Inter-ExtraBold\",\n inter_bold: \"Inter-Bold\",\n};\n\nconst fontSizes = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 32,\n \"4xl\": 38,\n \"5xl\": 50,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst margins = {\n \"1xs\": 6,\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst paddings = {\n \"2xs\": 10,\n xs: 12,\n sm: 14,\n md: 16,\n lg: 18,\n xl: 20,\n \"2xl\": 24,\n \"3xl\": 30,\n \"4xl\": 36,\n \"5xl\": 48,\n \"6xl\": 60,\n \"7xl\": 72,\n \"8xl\": 96,\n \"9xl\": 128,\n};\n\nconst shadows = {\n z1: \"0px 1px 0px rgba(0, 0, 0, 0.3), 0px 1px 0px 1px rgba(0, 0, 0, 0.15)\",\n z2: \"0px 1px 2px rgba(0, 0, 0, 0.3)\",\n};\n\nconst letterSpacing = {\n o_16: 0.16,\n regular: 0.5,\n medium: 0.75,\n strong: 1,\n};\n\n/**\n * EXPORTSS\n */\nexport const theme = {\n borderWidths,\n colors,\n fonts,\n fontSizes,\n margins,\n shadows,\n paddings,\n letterSpacing,\n};\n"],"mappings":"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","ignoreList":[]}
|
|
@@ -8,12 +8,21 @@ function getBorderColor(status) {
|
|
|
8
8
|
}
|
|
9
9
|
function getStatusColor(status) {
|
|
10
10
|
const statusColors = {
|
|
11
|
-
Concluido: theme.colors.green[
|
|
11
|
+
Concluido: theme.colors.green[250],
|
|
12
12
|
Cancelado: theme.colors.red[900],
|
|
13
|
-
Pendente: theme.colors.yellow[
|
|
13
|
+
Pendente: theme.colors.yellow[75],
|
|
14
14
|
Andamento: theme.colors.yellow[50]
|
|
15
15
|
};
|
|
16
16
|
return statusColors[status];
|
|
17
17
|
}
|
|
18
|
-
|
|
18
|
+
function getStatusTextColor(status) {
|
|
19
|
+
const statusColors = {
|
|
20
|
+
Concluido: theme.colors.neutral[25],
|
|
21
|
+
Cancelado: theme.colors.neutral[25],
|
|
22
|
+
Pendente: theme.colors.neutral[50],
|
|
23
|
+
Andamento: theme.colors.neutral[50]
|
|
24
|
+
};
|
|
25
|
+
return statusColors[status];
|
|
26
|
+
}
|
|
27
|
+
export { getStatusColor, getBorderColor, getStatusTextColor };
|
|
19
28
|
//# sourceMappingURL=return-color.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["theme","getBorderColor","status","borderColors","Cancelado","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","yellow","Andamento"],"sources":["return-color.ts"],"sourcesContent":["import { theme } from \"../../styles/theme/theme\";\n\nexport type StatusType = \"Andamento\" | \"Cancelado\" | \"Pendente\" | \"Concluido\";\n\nfunction getBorderColor(status: string) {\n const borderColors = {\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.orange[450],\n };\n return borderColors[status as keyof typeof borderColors];\n}\nfunction getStatusColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.green[
|
|
1
|
+
{"version":3,"names":["theme","getBorderColor","status","borderColors","Cancelado","colors","red","Pendente","orange","getStatusColor","statusColors","Concluido","green","yellow","Andamento","getStatusTextColor","neutral"],"sources":["return-color.ts"],"sourcesContent":["import { theme } from \"../../styles/theme/theme\";\n\nexport type StatusType = \"Andamento\" | \"Cancelado\" | \"Pendente\" | \"Concluido\";\n\nfunction getBorderColor(status: string) {\n const borderColors = {\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.orange[450],\n };\n return borderColors[status as keyof typeof borderColors];\n}\nfunction getStatusColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.green[250],\n Cancelado: theme.colors.red[900],\n Pendente: theme.colors.yellow[75],\n Andamento: theme.colors.yellow[50],\n };\n\n return statusColors[status];\n}\n\nfunction getStatusTextColor(status: StatusType): string {\n const statusColors: Record<StatusType, string> = {\n Concluido: theme.colors.neutral[25],\n Cancelado: theme.colors.neutral[25],\n Pendente: theme.colors.neutral[50],\n Andamento: theme.colors.neutral[50],\n };\n\n return statusColors[status];\n}\n\nexport { getStatusColor, getBorderColor, getStatusTextColor };\n"],"mappings":"AAAA,SAASA,KAAK,QAAQ,0BAA0B;AAIhD,SAASC,cAAcA,CAACC,MAAc,EAAE;EACtC,MAAMC,YAAY,GAAG;IACnBC,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACG,MAAM,CAAC,GAAG;EACnC,CAAC;EACD,OAAOL,YAAY,CAACD,MAAM,CAA8B;AAC1D;AACA,SAASO,cAAcA,CAACP,MAAkB,EAAU;EAClD,MAAMQ,YAAwC,GAAG;IAC/CC,SAAS,EAAEX,KAAK,CAACK,MAAM,CAACO,KAAK,CAAC,GAAG,CAAC;IAClCR,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACC,GAAG,CAAC,GAAG,CAAC;IAChCC,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACQ,MAAM,CAAC,EAAE,CAAC;IACjCC,SAAS,EAAEd,KAAK,CAACK,MAAM,CAACQ,MAAM,CAAC,EAAE;EACnC,CAAC;EAED,OAAOH,YAAY,CAACR,MAAM,CAAC;AAC7B;AAEA,SAASa,kBAAkBA,CAACb,MAAkB,EAAU;EACtD,MAAMQ,YAAwC,GAAG;IAC/CC,SAAS,EAAEX,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE,CAAC;IACnCZ,SAAS,EAAEJ,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE,CAAC;IACnCT,QAAQ,EAAEP,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE,CAAC;IAClCF,SAAS,EAAEd,KAAK,CAACK,MAAM,CAACW,OAAO,CAAC,EAAE;EACpC,CAAC;EAED,OAAON,YAAY,CAACR,MAAM,CAAC;AAC7B;AAEA,SAASO,cAAc,EAAER,cAAc,EAAEc,kBAAkB","ignoreList":[]}
|
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Imports
|
|
3
|
+
*/
|
|
4
|
+
import React from "react";
|
|
5
|
+
/** Enum com os tipos de propriedade */
|
|
6
|
+
export declare enum PropertyType {
|
|
7
|
+
OPERACAO_VEICULO = "operacao_veiculo",
|
|
8
|
+
MANUTENCAO = "manutencao",
|
|
9
|
+
AGUARDANDO_CARGA = "aguardando_carga",
|
|
10
|
+
DISPOSICAO_VEICULO_PARADO = "disposicao_veiculo_parado",
|
|
11
|
+
AGUARDANDO = "aguardando_descarga",
|
|
12
|
+
DESCANSO = "descanso",
|
|
13
|
+
REPOUSO_SEMANAL = "repouso_semanal",
|
|
14
|
+
REPOUSO_NOTURNO = "repouso_noturno",
|
|
15
|
+
REFEICAO = "refeicao"
|
|
16
|
+
}
|
|
17
|
+
/**
|
|
18
|
+
* Função que retorna o ícone com cor aplicada
|
|
19
|
+
* @param propertyType Tipo da propriedade
|
|
20
|
+
* @param color Cor a ser aplicada
|
|
21
|
+
* @returns Ícone com cor aplicada
|
|
22
|
+
*/
|
|
23
|
+
export declare const getIconModalActivities: (propertyType: string, color?: string) => React.JSX.Element;
|
|
@@ -1,10 +1,9 @@
|
|
|
1
1
|
import { type IButtonProps } from "./interface";
|
|
2
2
|
import { IGlobalCss } from "../../styles/global/interface";
|
|
3
3
|
/**
|
|
4
|
-
*
|
|
4
|
+
* Type ButtonProps
|
|
5
5
|
*/
|
|
6
|
-
|
|
7
|
-
}
|
|
6
|
+
declare type ButtonProps = Omit<IButtonProps, "color"> & Omit<IGlobalCss, "color">;
|
|
8
7
|
declare const styles: (props: ButtonProps) => {
|
|
9
8
|
buttonStyle: IGlobalCss;
|
|
10
9
|
buttonTextStyle: {
|
|
@@ -0,0 +1,19 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* dados para os tipos de atividades selecionado
|
|
3
|
+
*/
|
|
4
|
+
export declare const activities: {
|
|
5
|
+
trabalho: {
|
|
6
|
+
id: number;
|
|
7
|
+
referencia: string;
|
|
8
|
+
cor_hex: string;
|
|
9
|
+
descricao: string;
|
|
10
|
+
tipo: string;
|
|
11
|
+
}[];
|
|
12
|
+
descanso: {
|
|
13
|
+
id: number;
|
|
14
|
+
referencia: string;
|
|
15
|
+
cor_hex: string;
|
|
16
|
+
descricao: string;
|
|
17
|
+
tipo: string;
|
|
18
|
+
}[];
|
|
19
|
+
};
|
|
@@ -31,6 +31,7 @@ export { HistoryDetails } from "./components/history-details";
|
|
|
31
31
|
export { ActivitiesDaily } from "./components/activities-daily";
|
|
32
32
|
export { ActivitiesProgress } from "./components/activities-progress";
|
|
33
33
|
export { ProfileMenuOption } from "./components/profile-menu-option";
|
|
34
|
+
export { ModalActivities } from "./components/modal-activities";
|
|
34
35
|
export { multiply } from "./utils/mutiply";
|
|
35
36
|
export { formatDate, getLastSevenDays, formHoursMinute } from "./utils/format-data";
|
|
36
37
|
export { theme } from "./styles/theme/theme";
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import { StoryObj, Meta } from "@storybook/react";
|
|
2
|
+
import { ModalActivities } from "../../components/modal-activities";
|
|
3
|
+
declare const meta: Meta<typeof ModalActivities>;
|
|
4
|
+
export default meta;
|
|
5
|
+
declare type Story = StoryObj<typeof meta>;
|
|
6
|
+
export declare const DefaultWork: Story;
|
|
7
|
+
export declare const DefaultRest: Story;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
export declare type StatusType = "Andamento" | "Cancelado" | "Pendente" | "Concluido";
|
|
2
2
|
declare function getBorderColor(status: string): string;
|
|
3
3
|
declare function getStatusColor(status: StatusType): string;
|
|
4
|
-
|
|
4
|
+
declare function getStatusTextColor(status: StatusType): string;
|
|
5
|
+
export { getStatusColor, getBorderColor, getStatusTextColor };
|
package/package.json
CHANGED
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import Svg, { Path } from "react-native-svg";
|
|
6
|
+
|
|
7
|
+
//typings
|
|
8
|
+
import { ISvgProps } from "../interface";
|
|
9
|
+
|
|
10
|
+
const SvgIconHourglass: React.FC<ISvgProps> = ({ color, size }) => (
|
|
11
|
+
<Svg
|
|
12
|
+
// @ts-ignore
|
|
13
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
14
|
+
width={size ?? 25}
|
|
15
|
+
height={size ?? 25}
|
|
16
|
+
viewBox="0 0 256 256"
|
|
17
|
+
>
|
|
18
|
+
<Path
|
|
19
|
+
fill={color}
|
|
20
|
+
d="M198 75.641V40a14.016 14.016 0 0 0-14-14H72a14.016 14.016 0 0 0-14 14v36a14.07 14.07 0 0 0 5.6 11.2L118 128l-54.4 40.8A14.07 14.07 0 0 0 58 180v36a14.016 14.016 0 0 0 14 14h112a14.016 14.016 0 0 0 14-14v-35.641a14.07 14.07 0 0 0-5.558-11.169L137.95 128l54.492-41.19A14.07 14.07 0 0 0 198 75.64M70 40a2.003 2.003 0 0 1 2-2h112a2.003 2.003 0 0 1 2 2v35.641a2.01 2.01 0 0 1-.794 1.596l-6.295 4.759H76.66L70.8 77.6A2.01 2.01 0 0 1 70 76Zm57.986 80.49L92.66 93.995h70.374ZM186 180.358V216a2.003 2.003 0 0 1-2 2H72a2.003 2.003 0 0 1-2-2v-36a2.01 2.01 0 0 1 .8-1.6L122 140v27.996a6 6 0 0 0 12 0v-27.94l51.206 38.707a2.01 2.01 0 0 1 .794 1.596"
|
|
21
|
+
></Path>
|
|
22
|
+
</Svg>
|
|
23
|
+
);
|
|
24
|
+
|
|
25
|
+
/**
|
|
26
|
+
* EXPORTS
|
|
27
|
+
*/
|
|
28
|
+
export { SvgIconHourglass };
|
|
@@ -51,16 +51,17 @@ import { SvgIconPencil } from "./pencil";
|
|
|
51
51
|
import { SvgIconCar } from "./car";
|
|
52
52
|
import { SvgIconTruckActivity } from "./truck-activity";
|
|
53
53
|
import { SvgIconCheckOutline } from "./check-outline";
|
|
54
|
+
import { SvgIconCoffee } from "./coffee";
|
|
55
|
+
import { SvgIconAgent } from "./agent";
|
|
56
|
+
import { SvgIconBed } from "./bed";
|
|
57
|
+
import { SvgIconRefreshCcwDot } from "./refresh-ccw-dot";
|
|
58
|
+
import { SvgIconHourglass } from "./hourglass";
|
|
54
59
|
|
|
55
60
|
// typing
|
|
56
61
|
import { ISvgProps } from "./interface";
|
|
57
62
|
|
|
58
63
|
// styles
|
|
59
64
|
import { theme } from "../../styles/theme/theme";
|
|
60
|
-
import { SvgIconCoffee } from "./coffee";
|
|
61
|
-
import { SvgIconAgent } from "./agent";
|
|
62
|
-
import { SvgIconBed } from "./bed";
|
|
63
|
-
import { SvgIconRefreshCcwDot } from "./refresh-ccw-dot";
|
|
64
65
|
|
|
65
66
|
const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
|
|
66
67
|
switch (icon) {
|
|
@@ -228,6 +229,9 @@ const Icons: React.FC<ISvgProps> = ({ icon, color, size, background }) => {
|
|
|
228
229
|
case "REFRESH_CCW_DOT":
|
|
229
230
|
return <SvgIconRefreshCcwDot color={color} size={size} icon={"REFRESH_CCW_DOT"} />;
|
|
230
231
|
|
|
232
|
+
case "HOURGLASS":
|
|
233
|
+
return <SvgIconHourglass color={color} size={size} icon={"HOURGLASS"} />;
|
|
234
|
+
|
|
231
235
|
default:
|
|
232
236
|
return <SvgIconCameraPlus color={color} size={size} icon={"CAMERA_PLUS"} />;
|
|
233
237
|
}
|
|
@@ -0,0 +1,37 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* IMPORTS
|
|
3
|
+
*/
|
|
4
|
+
import * as React from "react";
|
|
5
|
+
import Svg, { Path, Defs, G, ClipPath } from "react-native-svg";
|
|
6
|
+
import { ISvgProps } from "../interface";
|
|
7
|
+
|
|
8
|
+
const SvgIconCallBell: React.FC<Omit<ISvgProps, "icon">> = ({ color, size }) => (
|
|
9
|
+
<Svg
|
|
10
|
+
//@ts-ignore
|
|
11
|
+
xmlns="http://www.w3.org/2000/svg"
|
|
12
|
+
width={size ?? 24}
|
|
13
|
+
height={size ?? 24}
|
|
14
|
+
fill="none"
|
|
15
|
+
viewBox={`0 0 ${size ?? 24} ${size ?? 24}`}
|
|
16
|
+
>
|
|
17
|
+
<G
|
|
18
|
+
stroke={color ?? "#050022"}
|
|
19
|
+
strokeLinecap="round"
|
|
20
|
+
strokeLinejoin="round"
|
|
21
|
+
strokeWidth="2"
|
|
22
|
+
clipPath="url(#clip0_906_106)"
|
|
23
|
+
>
|
|
24
|
+
<Path d="M2.609 17.017h19.5M2.609 20.017h19.5M12.359 6.517v-3M10.109 3.517h4.5M4.109 17.017v-2.25a8.25 8.25 0 0116.5 0v2.25" />
|
|
25
|
+
</G>
|
|
26
|
+
<Defs>
|
|
27
|
+
<ClipPath id="clip0_906_106">
|
|
28
|
+
<Path fill={color ?? "#fff"} d="M0 0H24V24H0z" transform="translate(.359 .517)" />
|
|
29
|
+
</ClipPath>
|
|
30
|
+
</Defs>
|
|
31
|
+
</Svg>
|
|
32
|
+
);
|
|
33
|
+
|
|
34
|
+
/**
|
|
35
|
+
* EXPORTS
|
|
36
|
+
*/
|
|
37
|
+
export { SvgIconCallBell };
|