@cleartrip/talos-trip-card 1.1.0-TEST.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/dist/TimelineDots.d.ts +6 -0
- package/dist/TimelineDots.d.ts.map +1 -0
- package/dist/TripCard.d.ts +5 -0
- package/dist/TripCard.d.ts.map +1 -0
- package/dist/TripSegment.d.ts +8 -0
- package/dist/TripSegment.d.ts.map +1 -0
- package/dist/index.d.ts +3 -0
- package/dist/index.d.ts.map +1 -0
- package/dist/style.d.ts +61 -0
- package/dist/style.d.ts.map +1 -0
- package/dist/talos-trip-card.browser.cjs.js +2 -0
- package/dist/talos-trip-card.browser.cjs.js.map +1 -0
- package/dist/talos-trip-card.browser.esm.js +2 -0
- package/dist/talos-trip-card.browser.esm.js.map +1 -0
- package/dist/talos-trip-card.cjs.js +92 -0
- package/dist/talos-trip-card.cjs.js.map +1 -0
- package/dist/talos-trip-card.esm.js +90 -0
- package/dist/talos-trip-card.esm.js.map +1 -0
- package/dist/talos-trip-card.umd.js +30252 -0
- package/dist/talos-trip-card.umd.js.map +1 -0
- package/dist/type.d.ts +23 -0
- package/dist/type.d.ts.map +1 -0
- package/package.json +33 -0
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TimelineDots.d.ts","sourceRoot":"","sources":["../packages/components/trip-card/src/TimelineDots.tsx"],"names":[],"mappings":"AAIA,UAAU,iBAAiB;IACzB,KAAK,EAAE,MAAM,CAAC;CACf;AAED,QAAA,MAAM,YAAY,cAAe,iBAAiB,4CAcjD,CAAC;AAEF,eAAe,YAAY,CAAC"}
|
|
@@ -0,0 +1,5 @@
|
|
|
1
|
+
import { type IWidgetProps } from "@cleartrip/talos-widget-types";
|
|
2
|
+
import type { ITripCardProps } from "./type";
|
|
3
|
+
declare const TripCard: (props: IWidgetProps<ITripCardProps>) => import("react/jsx-runtime").JSX.Element;
|
|
4
|
+
export default TripCard;
|
|
5
|
+
//# sourceMappingURL=TripCard.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TripCard.d.ts","sourceRoot":"","sources":["../packages/components/trip-card/src/TripCard.tsx"],"names":[],"mappings":"AAWA,OAAO,EAAE,KAAK,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAGlE,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAE7C,QAAA,MAAM,QAAQ,UAAW,aAAa,cAAc,CAAC,4CAiDpD,CAAC;AAEF,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,8 @@
|
|
|
1
|
+
import { ITripSegment } from "./type";
|
|
2
|
+
interface TripSegmentProps {
|
|
3
|
+
segment: ITripSegment;
|
|
4
|
+
alignRight?: boolean;
|
|
5
|
+
}
|
|
6
|
+
declare const TripSegment: ({ segment, alignRight }: TripSegmentProps) => import("react/jsx-runtime").JSX.Element;
|
|
7
|
+
export default TripSegment;
|
|
8
|
+
//# sourceMappingURL=TripSegment.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"TripSegment.d.ts","sourceRoot":"","sources":["../packages/components/trip-card/src/TripSegment.tsx"],"names":[],"mappings":"AAOA,OAAO,EAAE,YAAY,EAAE,MAAM,QAAQ,CAAC;AAItC,UAAU,gBAAgB;IACxB,OAAO,EAAE,YAAY,CAAC;IACtB,UAAU,CAAC,EAAE,OAAO,CAAC;CACtB;AAED,QAAA,MAAM,WAAW,4BAAqC,gBAAgB,4CAiCrE,CAAC;AAEF,eAAe,WAAW,CAAC"}
|
package/dist/index.d.ts
ADDED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../packages/components/trip-card/src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,QAAQ,CAAC"}
|
package/dist/style.d.ts
ADDED
|
@@ -0,0 +1,61 @@
|
|
|
1
|
+
import { BadgeColors, Theme } from "@cleartrip/ct-design-components";
|
|
2
|
+
import { TripCardStatus } from "./type";
|
|
3
|
+
export declare const getTimeLineDotsStyle: (theme: Theme) => {
|
|
4
|
+
timelineDots: {
|
|
5
|
+
display: string;
|
|
6
|
+
flexDirection: string;
|
|
7
|
+
gap: any;
|
|
8
|
+
};
|
|
9
|
+
timelineDot: {
|
|
10
|
+
width: any;
|
|
11
|
+
height: any;
|
|
12
|
+
borderRadius: "4px";
|
|
13
|
+
backgroundColor: string;
|
|
14
|
+
};
|
|
15
|
+
};
|
|
16
|
+
export declare const getTripCardStyle: (theme: Theme) => {
|
|
17
|
+
root: {
|
|
18
|
+
borderRadius: "12px";
|
|
19
|
+
backgroundColor: string;
|
|
20
|
+
overflow: string;
|
|
21
|
+
boxShadow: "0px 4px 16px rgba(26, 26, 26, 0.08)";
|
|
22
|
+
minWidth: number;
|
|
23
|
+
};
|
|
24
|
+
header: {
|
|
25
|
+
display: string;
|
|
26
|
+
flexDirection: string;
|
|
27
|
+
justifyContent: string;
|
|
28
|
+
alignItems: string;
|
|
29
|
+
gap: "8px";
|
|
30
|
+
padding: "12px";
|
|
31
|
+
backgroundColor: string;
|
|
32
|
+
};
|
|
33
|
+
headerContent: {
|
|
34
|
+
display: string;
|
|
35
|
+
flexDirection: string;
|
|
36
|
+
alignItems: string;
|
|
37
|
+
gap: "12px";
|
|
38
|
+
};
|
|
39
|
+
iconContainer: {
|
|
40
|
+
width: "24px";
|
|
41
|
+
height: "24px";
|
|
42
|
+
flexShrink: number;
|
|
43
|
+
display: string;
|
|
44
|
+
alignItems: string;
|
|
45
|
+
justifyContent: string;
|
|
46
|
+
};
|
|
47
|
+
headerText: {
|
|
48
|
+
display: string;
|
|
49
|
+
flexDirection: string;
|
|
50
|
+
};
|
|
51
|
+
content: {
|
|
52
|
+
padding: "12px";
|
|
53
|
+
};
|
|
54
|
+
segmentsRow: {
|
|
55
|
+
display: string;
|
|
56
|
+
flexDirection: string;
|
|
57
|
+
gap: "12px";
|
|
58
|
+
};
|
|
59
|
+
};
|
|
60
|
+
export declare const getStatusStyle: (status: TripCardStatus) => BadgeColors.SUCCESS_GREEN500 | BadgeColors.ALERT_YELLOW500 | BadgeColors.ERROR_RED500;
|
|
61
|
+
//# sourceMappingURL=style.d.ts.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"style.d.ts","sourceRoot":"","sources":["../packages/components/trip-card/src/style.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,KAAK,EAAE,MAAM,iCAAiC,CAAC;AAErE,OAAO,EAAE,cAAc,EAAE,MAAM,QAAQ,CAAC;AAExC,eAAO,MAAM,oBAAoB,UAAW,KAAK;;;;;;;;;;;;CAchD,CAAC;AAEF,eAAO,MAAM,gBAAgB,UAAW,KAAK;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CA6C5C,CAAC;AAEF,eAAO,MAAM,cAAc,WAAY,cAAc,0FAepD,CAAC"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
"use strict";var r,e=require("tslib"),t=require("react/jsx-runtime"),a=require("react"),i=require("@cleartrip/ct-design-components"),s=require("@cleartrip/talos-trip-segment"),n=require("@cleartrip/talos-duration-divider");exports.TripCardStatus=void 0,(r=exports.TripCardStatus||(exports.TripCardStatus={})).COMPLETED="COMPLETED",r.CONFIRMED="CONFIRMED",r.ON_GOING="ON_GOING",r.CANCELLED="CANCELLED",r.PENDING="PENDING",r.FAILED="FAILED";var o=function(r){switch(r){case exports.TripCardStatus.COMPLETED:case exports.TripCardStatus.CONFIRMED:case exports.TripCardStatus.ON_GOING:return i.BadgeColors.SUCCESS_GREEN500;case exports.TripCardStatus.PENDING:return i.BadgeColors.ALERT_YELLOW500;case exports.TripCardStatus.CANCELLED:case exports.TripCardStatus.FAILED:return i.BadgeColors.ERROR_RED500}};exports.TripCard=function(r){var c=(null!=r?r:{}).data,d=void 0===c?{}:c,p=d.title,l=d.description;d.icon;var g=d.status,u=d.origin,C=d.destination,x=d.duration,h=null!=g?g:{},E=h.label,T=h.id,y=i.useTheme(),D=a.useMemo(function(){return function(r){return{root:{borderRadius:r.border.radius[12],backgroundColor:r.color.background.neutral,overflow:"hidden",boxShadow:r.elevation.bottomE2,minWidth:328},header:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",gap:r.spacing[2],padding:r.spacing[3],backgroundColor:r.color.background.primary},headerContent:{display:"flex",flexDirection:"row",alignItems:"center",gap:r.spacing[3]},iconContainer:{width:r.size[6],height:r.size[6],flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},headerText:{display:"flex",flexDirection:"column"},content:{padding:r.spacing[3]},segmentsRow:{display:"flex",flexDirection:"row",gap:r.spacing[3]}}}(y)},[y]);return t.jsxs(i.Container,e.__assign({css:D.root},{children:[t.jsxs(i.Container,e.__assign({css:D.header},{children:[t.jsxs(i.Container,e.__assign({css:D.headerContent},{children:[t.jsx(i.Container,{css:D.iconContainer}),t.jsxs(i.Container,e.__assign({css:D.headerText},{children:[t.jsx(i.Typography,e.__assign({variant:i.TypographyVariant.B3,color:i.TypographyColor.NEUTRAL},{children:p})),t.jsx(i.Typography,e.__assign({variant:i.TypographyVariant.B4CAPS,color:i.TypographyColor.DISABLED},{children:l}))]}))]})),g&&t.jsx(i.Badge,{text:t.jsx(i.Typography,e.__assign({variant:i.TypographyVariant.B4CAPS,color:i.TypographyColor.NEUTRAL},{children:E})),size:"micro",colorScheme:o(T),variant:"subtle"})]})),t.jsx(i.Container,e.__assign({css:D.content},{children:t.jsxs(i.Container,e.__assign({css:D.segmentsRow},{children:[t.jsx(s.TripSegment,{segment:u}),t.jsx(n.DurationDivider,{duration:x}),t.jsx(s.TripSegment,{segment:C,align:"right"})]}))}))]}))};
|
|
2
|
+
//# sourceMappingURL=talos-trip-card.browser.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-trip-card.browser.cjs.js","sources":["../packages/components/trip-card/src/type.ts","../packages/components/trip-card/src/style.ts","../packages/components/trip-card/src/TripCard.tsx"],"sourcesContent":[null,null,null],"names":["TripCardStatus","getStatusStyle","status","COMPLETED","CONFIRMED","ON_GOING","BadgeColors","SUCCESS_GREEN500","PENDING","ALERT_YELLOW500","CANCELLED","FAILED","ERROR_RED500","props","_a","_b","title","description","icon","origin","destination","duration","_c","label","id","theme","useTheme","staticStyles","useMemo","root","borderRadius","border","radius","backgroundColor","color","background","neutral","overflow","boxShadow","elevation","bottomE2","minWidth","header","display","flexDirection","justifyContent","alignItems","gap","spacing","padding","primary","headerContent","iconContainer","width","size","height","flexShrink","headerText","content","segmentsRow","getTripCardStyle","_jsxs","Container","css","children","__assign","_jsx","Typography","variant","TypographyVariant","B3","TypographyColor","NEUTRAL","B4CAPS","DISABLED","jsx","Badge","text","colorScheme","jsxs","TripSegment","segment","DurationDivider","align"],"mappings":"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"}
|
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
import{__assign as e}from"tslib";import{jsxs as r,jsx as n}from"react/jsx-runtime";import{useMemo as t}from"react";import{BadgeColors as i,useTheme as o,Container as a,Typography as c,TypographyVariant as s,TypographyColor as l,Badge as d}from"@cleartrip/ct-design-components";import{TripSegment as E}from"@cleartrip/talos-trip-segment";import{DurationDivider as p}from"@cleartrip/talos-duration-divider";var u;!function(e){e.COMPLETED="COMPLETED",e.CONFIRMED="CONFIRMED",e.ON_GOING="ON_GOING",e.CANCELLED="CANCELLED",e.PENDING="PENDING",e.FAILED="FAILED"}(u||(u={}));var m=function(e){switch(e){case u.COMPLETED:case u.CONFIRMED:case u.ON_GOING:return i.SUCCESS_GREEN500;case u.PENDING:return i.ALERT_YELLOW500;case u.CANCELLED:case u.FAILED:return i.ERROR_RED500}},g=function(i){var u=(null!=i?i:{}).data,g=void 0===u?{}:u,f=g.title,h=g.description;g.icon;var C=g.status,D=g.origin,N=g.destination,L=g.duration,x=null!=C?C:{},I=x.label,O=x.id,R=o(),b=t(function(){return function(e){return{root:{borderRadius:e.border.radius[12],backgroundColor:e.color.background.neutral,overflow:"hidden",boxShadow:e.elevation.bottomE2,minWidth:328},header:{display:"flex",flexDirection:"row",justifyContent:"space-between",alignItems:"flex-start",gap:e.spacing[2],padding:e.spacing[3],backgroundColor:e.color.background.primary},headerContent:{display:"flex",flexDirection:"row",alignItems:"center",gap:e.spacing[3]},iconContainer:{width:e.size[6],height:e.size[6],flexShrink:0,display:"flex",alignItems:"center",justifyContent:"center"},headerText:{display:"flex",flexDirection:"column"},content:{padding:e.spacing[3]},segmentsRow:{display:"flex",flexDirection:"row",gap:e.spacing[3]}}}(R)},[R]);return r(a,e({css:b.root},{children:[r(a,e({css:b.header},{children:[r(a,e({css:b.headerContent},{children:[n(a,{css:b.iconContainer}),r(a,e({css:b.headerText},{children:[n(c,e({variant:s.B3,color:l.NEUTRAL},{children:f})),n(c,e({variant:s.B4CAPS,color:l.DISABLED},{children:h}))]}))]})),C&&n(d,{text:n(c,e({variant:s.B4CAPS,color:l.NEUTRAL},{children:I})),size:"micro",colorScheme:m(O),variant:"subtle"})]})),n(a,e({css:b.content},{children:r(a,e({css:b.segmentsRow},{children:[n(E,{segment:D}),n(p,{duration:L}),n(E,{segment:N,align:"right"})]}))}))]}))};export{g as TripCard,u as TripCardStatus};
|
|
2
|
+
//# sourceMappingURL=talos-trip-card.browser.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-trip-card.browser.esm.js","sources":["../packages/components/trip-card/src/type.ts","../packages/components/trip-card/src/style.ts","../packages/components/trip-card/src/TripCard.tsx"],"sourcesContent":[null,null,null],"names":["TripCardStatus","getStatusStyle","status","COMPLETED","CONFIRMED","ON_GOING","BadgeColors","SUCCESS_GREEN500","PENDING","ALERT_YELLOW500","CANCELLED","FAILED","ERROR_RED500","TripCard","props","_a","_b","title","description","icon","origin","destination","duration","_c","label","id","theme","useTheme","staticStyles","useMemo","root","borderRadius","border","radius","backgroundColor","color","background","neutral","overflow","boxShadow","elevation","bottomE2","minWidth","header","display","flexDirection","justifyContent","alignItems","gap","spacing","padding","primary","headerContent","iconContainer","width","size","height","flexShrink","headerText","content","segmentsRow","getTripCardStyle","_jsxs","Container","css","children","__assign","_jsx","Typography","variant","TypographyVariant","B3","TypographyColor","NEUTRAL","B4CAPS","DISABLED","Badge","text","colorScheme","TripSegment","segment","DurationDivider","align"],"mappings":"yZAKYA,GAAZ,SAAYA,GACRA,EAAA,UAAA,YACAA,EAAA,UAAA,YACAA,EAAA,SAAA,WACAA,EAAA,UAAA,YACAA,EAAA,QAAA,UACAA,EAAA,OAAA,QACH,CAPD,CAAYA,IAAAA,EAOX,CAAA,ICQM,IA+CMC,EAAiB,SAACC,GAC3B,OAAQA,GACN,KAAKF,EAAeG,UAEpB,KAAKH,EAAeI,UAEpB,KAAKJ,EAAeK,SAClB,OAAOC,EAAYC,iBACrB,KAAKP,EAAeQ,QAClB,OAAOF,EAAYG,gBACrB,KAAKT,EAAeU,UAEpB,KAAKV,EAAeW,OAClB,OAAOL,EAAYM,aAE3B,EClEMC,EAAW,SAACC,GACR,IAAAC,GAAmFD,QAAAA,EAAS,SAA5FE,OAAA,IAAAD,EAA4E,CAAA,EAAEA,EAAtEE,EAAKD,EAAAC,MAAEC,gBAAiBF,EAAAG,SAAEjB,EAAMc,EAAAd,OAAEkB,EAAMJ,EAAAI,OAAEC,EAAWL,EAAAK,YAAEC,aACjEC,EAAgBrB,QAAAA,EAAU,CAAA,EAAxBsB,EAAKD,EAAAC,MAAEC,OACTC,EAAQC,IAGRC,EAAeC,EAAQ,WAAM,ODFL,SAACH,GAC/B,MAAO,CACLI,KAAM,CACJC,aAAcL,EAAMM,OAAOC,OAAO,IAClCC,gBAAiBR,EAAMS,MAAMC,WAAWC,QACxCC,SAAU,SACVC,UAAWb,EAAMc,UAAUC,SAC3BC,SAAU,KAEZC,OAAQ,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,gBAChBC,WAAY,aACZC,IAAKtB,EAAMuB,QAAQ,GACnBC,QAASxB,EAAMuB,QAAQ,GACvBf,gBAAiBR,EAAMS,MAAMC,WAAWe,SAE1CC,cAAe,CACbR,QAAS,OACTC,cAAe,MACfE,WAAY,SACZC,IAAKtB,EAAMuB,QAAQ,IAErBI,cAAe,CACbC,MAAO5B,EAAM6B,KAAK,GAClBC,OAAQ9B,EAAM6B,KAAK,GACnBE,WAAY,EACZb,QAAS,OACTG,WAAY,SACZD,eAAgB,UAElBY,WAAY,CACVd,QAAS,OACTC,cAAe,UAEjBc,QAAS,CACPT,QAASxB,EAAMuB,QAAQ,IAEzBW,YAAa,CACXhB,QAAS,OACTC,cAAe,MACfG,IAAKtB,EAAMuB,QAAQ,IAGzB,CC3CqCY,CAAiBnC,EAAM,EAAE,CAACA,IAE7D,OACEoC,EAACC,KAAUC,IAAKpC,EAAaE,MAC3B,CAAAmC,SAAA,CAAAH,EAACC,EAAUG,EAAA,CAAAF,IAAKpC,EAAae,QAC3B,CAAAsB,SAAA,CAAAH,EAACC,EAASG,EAAA,CAACF,IAAKpC,EAAawB,eAAa,CAAAa,SAAA,CACxCE,EAACJ,EAAS,CAACC,IAAKpC,EAAayB,gBAI7BS,EAACC,KAAUC,IAAKpC,EAAa8B,YAC3B,CAAAO,SAAA,CAAAE,EAACC,EACCF,EAAA,CAAAG,QAASC,EAAkBC,GAC3BpC,MAAOqC,EAAgBC,SAAO,CAAAR,SAE7BhD,KAEHkD,EAACC,KACCC,QAASC,EAAkBI,OAC3BvC,MAAOqC,EAAgBG,oBAEtBzD,aAKNhB,GAAUiE,EAACS,EAAK,CACfC,KAAMV,EAACC,EAAWF,EAAA,CAAAG,QAASC,EAAkBI,OAAQvC,MAAOqC,EAAgBC,SAAO,CAAAR,SAAGzC,KACtF+B,KAAK,QACLuB,YAAa7E,EAAewB,GAC5B4C,QAAQ,eAIZF,EAACJ,EAASG,EAAA,CAACF,IAAKpC,EAAa+B,mBAC3BG,EAACC,KAAUC,IAAKpC,EAAagC,aAC3B,CAAAK,SAAA,CAAAE,EAACY,EAAY,CAAAC,QAAS5D,IACtB+C,EAACc,EAAgB,CAAA3D,SAAUA,IAC3B6C,EAACY,GAAYC,QAAS3D,EAAa6D,MAAM,oBAKnD"}
|
|
@@ -0,0 +1,92 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
var tslib = require('tslib');
|
|
4
|
+
var jsxRuntime = require('react/jsx-runtime');
|
|
5
|
+
var react = require('react');
|
|
6
|
+
var ctDesignComponents = require('@cleartrip/ct-design-components');
|
|
7
|
+
var talosTripSegment = require('@cleartrip/talos-trip-segment');
|
|
8
|
+
var talosDurationDivider = require('@cleartrip/talos-duration-divider');
|
|
9
|
+
|
|
10
|
+
exports.TripCardStatus = void 0;
|
|
11
|
+
(function (TripCardStatus) {
|
|
12
|
+
TripCardStatus["COMPLETED"] = "COMPLETED";
|
|
13
|
+
TripCardStatus["CONFIRMED"] = "CONFIRMED";
|
|
14
|
+
TripCardStatus["ON_GOING"] = "ON_GOING";
|
|
15
|
+
TripCardStatus["CANCELLED"] = "CANCELLED";
|
|
16
|
+
TripCardStatus["PENDING"] = "PENDING";
|
|
17
|
+
TripCardStatus["FAILED"] = "FAILED";
|
|
18
|
+
})(exports.TripCardStatus || (exports.TripCardStatus = {}));
|
|
19
|
+
|
|
20
|
+
var getTripCardStyle = function (theme) {
|
|
21
|
+
return {
|
|
22
|
+
root: {
|
|
23
|
+
borderRadius: theme.border.radius[12],
|
|
24
|
+
backgroundColor: theme.color.background.neutral,
|
|
25
|
+
overflow: "hidden",
|
|
26
|
+
boxShadow: theme.elevation.bottomE2,
|
|
27
|
+
minWidth: 328
|
|
28
|
+
},
|
|
29
|
+
header: {
|
|
30
|
+
display: "flex",
|
|
31
|
+
flexDirection: "row",
|
|
32
|
+
justifyContent: "space-between",
|
|
33
|
+
alignItems: "flex-start",
|
|
34
|
+
gap: theme.spacing[2],
|
|
35
|
+
padding: theme.spacing[3],
|
|
36
|
+
backgroundColor: theme.color.background.primary,
|
|
37
|
+
},
|
|
38
|
+
headerContent: {
|
|
39
|
+
display: "flex",
|
|
40
|
+
flexDirection: "row",
|
|
41
|
+
alignItems: "center",
|
|
42
|
+
gap: theme.spacing[3],
|
|
43
|
+
},
|
|
44
|
+
iconContainer: {
|
|
45
|
+
width: theme.size[6],
|
|
46
|
+
height: theme.size[6],
|
|
47
|
+
flexShrink: 0,
|
|
48
|
+
display: "flex",
|
|
49
|
+
alignItems: "center",
|
|
50
|
+
justifyContent: "center",
|
|
51
|
+
},
|
|
52
|
+
headerText: {
|
|
53
|
+
display: "flex",
|
|
54
|
+
flexDirection: "column",
|
|
55
|
+
},
|
|
56
|
+
content: {
|
|
57
|
+
padding: theme.spacing[3],
|
|
58
|
+
},
|
|
59
|
+
segmentsRow: {
|
|
60
|
+
display: "flex",
|
|
61
|
+
flexDirection: "row",
|
|
62
|
+
gap: theme.spacing[3],
|
|
63
|
+
},
|
|
64
|
+
};
|
|
65
|
+
};
|
|
66
|
+
var getStatusStyle = function (status) {
|
|
67
|
+
switch (status) {
|
|
68
|
+
case exports.TripCardStatus.COMPLETED:
|
|
69
|
+
return ctDesignComponents.BadgeColors.SUCCESS_GREEN500;
|
|
70
|
+
case exports.TripCardStatus.CONFIRMED:
|
|
71
|
+
return ctDesignComponents.BadgeColors.SUCCESS_GREEN500;
|
|
72
|
+
case exports.TripCardStatus.ON_GOING:
|
|
73
|
+
return ctDesignComponents.BadgeColors.SUCCESS_GREEN500;
|
|
74
|
+
case exports.TripCardStatus.PENDING:
|
|
75
|
+
return ctDesignComponents.BadgeColors.ALERT_YELLOW500;
|
|
76
|
+
case exports.TripCardStatus.CANCELLED:
|
|
77
|
+
return ctDesignComponents.BadgeColors.ERROR_RED500;
|
|
78
|
+
case exports.TripCardStatus.FAILED:
|
|
79
|
+
return ctDesignComponents.BadgeColors.ERROR_RED500;
|
|
80
|
+
}
|
|
81
|
+
};
|
|
82
|
+
|
|
83
|
+
var TripCard = function (props) {
|
|
84
|
+
var _a = (props !== null && props !== void 0 ? props : {}).data, _b = _a === void 0 ? {} : _a, title = _b.title, description = _b.description; _b.icon; var status = _b.status, origin = _b.origin, destination = _b.destination, duration = _b.duration;
|
|
85
|
+
var _c = status !== null && status !== void 0 ? status : {}, label = _c.label, id = _c.id;
|
|
86
|
+
var theme = ctDesignComponents.useTheme();
|
|
87
|
+
var staticStyles = react.useMemo(function () { return getTripCardStyle(theme); }, [theme]);
|
|
88
|
+
return (jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.root }, { children: [jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.header }, { children: [jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.headerContent }, { children: [jsxRuntime.jsx(ctDesignComponents.Container, { css: staticStyles.iconContainer }), jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.headerText }, { children: [jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({ variant: ctDesignComponents.TypographyVariant.B3, color: ctDesignComponents.TypographyColor.NEUTRAL }, { children: title })), jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({ variant: ctDesignComponents.TypographyVariant.B4CAPS, color: ctDesignComponents.TypographyColor.DISABLED }, { children: description }))] }))] })), status && jsxRuntime.jsx(ctDesignComponents.Badge, { text: jsxRuntime.jsx(ctDesignComponents.Typography, tslib.__assign({ variant: ctDesignComponents.TypographyVariant.B4CAPS, color: ctDesignComponents.TypographyColor.NEUTRAL }, { children: label })), size: "micro", colorScheme: getStatusStyle(id), variant: "subtle" })] })), jsxRuntime.jsx(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.content }, { children: jsxRuntime.jsxs(ctDesignComponents.Container, tslib.__assign({ css: staticStyles.segmentsRow }, { children: [jsxRuntime.jsx(talosTripSegment.TripSegment, { segment: origin }), jsxRuntime.jsx(talosDurationDivider.DurationDivider, { duration: duration }), jsxRuntime.jsx(talosTripSegment.TripSegment, { segment: destination, align: "right" })] })) }))] })));
|
|
89
|
+
};
|
|
90
|
+
|
|
91
|
+
exports.TripCard = TripCard;
|
|
92
|
+
//# sourceMappingURL=talos-trip-card.cjs.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-trip-card.cjs.js","sources":["../packages/components/trip-card/src/type.ts","../packages/components/trip-card/src/style.ts","../packages/components/trip-card/src/TripCard.tsx"],"sourcesContent":[null,null,null],"names":["TripCardStatus","BadgeColors","useTheme","useMemo","_jsxs","Container","__assign","_jsx","Typography","TypographyVariant","TypographyColor","Badge","TripSegment","DurationDivider"],"mappings":"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"}
|
|
@@ -0,0 +1,90 @@
|
|
|
1
|
+
import { __assign } from 'tslib';
|
|
2
|
+
import { jsxs, jsx } from 'react/jsx-runtime';
|
|
3
|
+
import { useMemo } from 'react';
|
|
4
|
+
import { BadgeColors, useTheme, Container, Typography, TypographyVariant, TypographyColor, Badge } from '@cleartrip/ct-design-components';
|
|
5
|
+
import { TripSegment } from '@cleartrip/talos-trip-segment';
|
|
6
|
+
import { DurationDivider } from '@cleartrip/talos-duration-divider';
|
|
7
|
+
|
|
8
|
+
var TripCardStatus;
|
|
9
|
+
(function (TripCardStatus) {
|
|
10
|
+
TripCardStatus["COMPLETED"] = "COMPLETED";
|
|
11
|
+
TripCardStatus["CONFIRMED"] = "CONFIRMED";
|
|
12
|
+
TripCardStatus["ON_GOING"] = "ON_GOING";
|
|
13
|
+
TripCardStatus["CANCELLED"] = "CANCELLED";
|
|
14
|
+
TripCardStatus["PENDING"] = "PENDING";
|
|
15
|
+
TripCardStatus["FAILED"] = "FAILED";
|
|
16
|
+
})(TripCardStatus || (TripCardStatus = {}));
|
|
17
|
+
|
|
18
|
+
var getTripCardStyle = function (theme) {
|
|
19
|
+
return {
|
|
20
|
+
root: {
|
|
21
|
+
borderRadius: theme.border.radius[12],
|
|
22
|
+
backgroundColor: theme.color.background.neutral,
|
|
23
|
+
overflow: "hidden",
|
|
24
|
+
boxShadow: theme.elevation.bottomE2,
|
|
25
|
+
minWidth: 328
|
|
26
|
+
},
|
|
27
|
+
header: {
|
|
28
|
+
display: "flex",
|
|
29
|
+
flexDirection: "row",
|
|
30
|
+
justifyContent: "space-between",
|
|
31
|
+
alignItems: "flex-start",
|
|
32
|
+
gap: theme.spacing[2],
|
|
33
|
+
padding: theme.spacing[3],
|
|
34
|
+
backgroundColor: theme.color.background.primary,
|
|
35
|
+
},
|
|
36
|
+
headerContent: {
|
|
37
|
+
display: "flex",
|
|
38
|
+
flexDirection: "row",
|
|
39
|
+
alignItems: "center",
|
|
40
|
+
gap: theme.spacing[3],
|
|
41
|
+
},
|
|
42
|
+
iconContainer: {
|
|
43
|
+
width: theme.size[6],
|
|
44
|
+
height: theme.size[6],
|
|
45
|
+
flexShrink: 0,
|
|
46
|
+
display: "flex",
|
|
47
|
+
alignItems: "center",
|
|
48
|
+
justifyContent: "center",
|
|
49
|
+
},
|
|
50
|
+
headerText: {
|
|
51
|
+
display: "flex",
|
|
52
|
+
flexDirection: "column",
|
|
53
|
+
},
|
|
54
|
+
content: {
|
|
55
|
+
padding: theme.spacing[3],
|
|
56
|
+
},
|
|
57
|
+
segmentsRow: {
|
|
58
|
+
display: "flex",
|
|
59
|
+
flexDirection: "row",
|
|
60
|
+
gap: theme.spacing[3],
|
|
61
|
+
},
|
|
62
|
+
};
|
|
63
|
+
};
|
|
64
|
+
var getStatusStyle = function (status) {
|
|
65
|
+
switch (status) {
|
|
66
|
+
case TripCardStatus.COMPLETED:
|
|
67
|
+
return BadgeColors.SUCCESS_GREEN500;
|
|
68
|
+
case TripCardStatus.CONFIRMED:
|
|
69
|
+
return BadgeColors.SUCCESS_GREEN500;
|
|
70
|
+
case TripCardStatus.ON_GOING:
|
|
71
|
+
return BadgeColors.SUCCESS_GREEN500;
|
|
72
|
+
case TripCardStatus.PENDING:
|
|
73
|
+
return BadgeColors.ALERT_YELLOW500;
|
|
74
|
+
case TripCardStatus.CANCELLED:
|
|
75
|
+
return BadgeColors.ERROR_RED500;
|
|
76
|
+
case TripCardStatus.FAILED:
|
|
77
|
+
return BadgeColors.ERROR_RED500;
|
|
78
|
+
}
|
|
79
|
+
};
|
|
80
|
+
|
|
81
|
+
var TripCard = function (props) {
|
|
82
|
+
var _a = (props !== null && props !== void 0 ? props : {}).data, _b = _a === void 0 ? {} : _a, title = _b.title, description = _b.description; _b.icon; var status = _b.status, origin = _b.origin, destination = _b.destination, duration = _b.duration;
|
|
83
|
+
var _c = status !== null && status !== void 0 ? status : {}, label = _c.label, id = _c.id;
|
|
84
|
+
var theme = useTheme();
|
|
85
|
+
var staticStyles = useMemo(function () { return getTripCardStyle(theme); }, [theme]);
|
|
86
|
+
return (jsxs(Container, __assign({ css: staticStyles.root }, { children: [jsxs(Container, __assign({ css: staticStyles.header }, { children: [jsxs(Container, __assign({ css: staticStyles.headerContent }, { children: [jsx(Container, { css: staticStyles.iconContainer }), jsxs(Container, __assign({ css: staticStyles.headerText }, { children: [jsx(Typography, __assign({ variant: TypographyVariant.B3, color: TypographyColor.NEUTRAL }, { children: title })), jsx(Typography, __assign({ variant: TypographyVariant.B4CAPS, color: TypographyColor.DISABLED }, { children: description }))] }))] })), status && jsx(Badge, { text: jsx(Typography, __assign({ variant: TypographyVariant.B4CAPS, color: TypographyColor.NEUTRAL }, { children: label })), size: "micro", colorScheme: getStatusStyle(id), variant: "subtle" })] })), jsx(Container, __assign({ css: staticStyles.content }, { children: jsxs(Container, __assign({ css: staticStyles.segmentsRow }, { children: [jsx(TripSegment, { segment: origin }), jsx(DurationDivider, { duration: duration }), jsx(TripSegment, { segment: destination, align: "right" })] })) }))] })));
|
|
87
|
+
};
|
|
88
|
+
|
|
89
|
+
export { TripCard, TripCardStatus };
|
|
90
|
+
//# sourceMappingURL=talos-trip-card.esm.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"talos-trip-card.esm.js","sources":["../packages/components/trip-card/src/type.ts","../packages/components/trip-card/src/style.ts","../packages/components/trip-card/src/TripCard.tsx"],"sourcesContent":[null,null,null],"names":["_jsxs","_jsx"],"mappings":"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"}
|