@adiraku/react-native-ui 1.2.9-canary-4 → 1.2.9-canary-5
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/components/ActionList/ActionList.styles.js +0 -2
- package/lib/commonjs/components/ActionList/ActionList.styles.js.map +1 -1
- package/lib/commonjs/components/Badge/Badge.component.js +155 -0
- package/lib/commonjs/components/Badge/Badge.component.js.map +1 -0
- package/lib/commonjs/components/Badge/Badge.style.js +69 -0
- package/lib/commonjs/components/Badge/Badge.style.js.map +1 -0
- package/lib/commonjs/components/Badge/Badge.type.js +6 -0
- package/lib/commonjs/components/Badge/Badge.type.js.map +1 -0
- package/lib/commonjs/components/ContentCard/ContentCard.component.js +47 -0
- package/lib/commonjs/components/ContentCard/ContentCard.component.js.map +1 -0
- package/lib/commonjs/components/ContentCard/ContentCard.style.js +35 -0
- package/lib/commonjs/components/ContentCard/ContentCard.style.js.map +1 -0
- package/lib/commonjs/components/ContentCard/ContentCard.type.js +6 -0
- package/lib/commonjs/components/ContentCard/ContentCard.type.js.map +1 -0
- package/lib/commonjs/components/Image/Image.component.js +34 -0
- package/lib/commonjs/components/Image/Image.component.js.map +1 -0
- package/lib/commonjs/components/Image/error-placeholder.png +0 -0
- package/lib/commonjs/components/Image/loading.png +0 -0
- package/lib/commonjs/components/Ribbon/Ribbon.component.js +47 -0
- package/lib/commonjs/components/Ribbon/Ribbon.component.js.map +1 -0
- package/lib/commonjs/components/Ribbon/Ribbon.style.js +59 -0
- package/lib/commonjs/components/Ribbon/Ribbon.style.js.map +1 -0
- package/lib/commonjs/components/Ribbon/Ribbon.type.js +6 -0
- package/lib/commonjs/components/Ribbon/Ribbon.type.js.map +1 -0
- package/lib/commonjs/components/Tabs/Tabs.component.js +3 -3
- package/lib/commonjs/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/commonjs/components/countdown/countdown.component.js.map +1 -1
- package/lib/commonjs/components/index.js +21 -0
- package/lib/commonjs/components/index.js.map +1 -1
- package/lib/module/components/ActionList/ActionList.styles.js +0 -2
- package/lib/module/components/ActionList/ActionList.styles.js.map +1 -1
- package/lib/module/components/Badge/Badge.component.js +141 -0
- package/lib/module/components/Badge/Badge.component.js.map +1 -0
- package/lib/module/components/Badge/Badge.style.js +62 -0
- package/lib/module/components/Badge/Badge.style.js.map +1 -0
- package/lib/module/components/Badge/Badge.type.js +2 -0
- package/lib/module/components/Badge/Badge.type.js.map +1 -0
- package/lib/module/components/ContentCard/ContentCard.component.js +40 -0
- package/lib/module/components/ContentCard/ContentCard.component.js.map +1 -0
- package/lib/module/components/ContentCard/ContentCard.style.js +28 -0
- package/lib/module/components/ContentCard/ContentCard.style.js.map +1 -0
- package/lib/module/components/ContentCard/ContentCard.type.js +2 -0
- package/lib/module/components/ContentCard/ContentCard.type.js.map +1 -0
- package/lib/module/components/Image/Image.component.js +26 -0
- package/lib/module/components/Image/Image.component.js.map +1 -0
- package/lib/module/components/Image/error-placeholder.png +0 -0
- package/lib/module/components/Image/loading.png +0 -0
- package/lib/module/components/Ribbon/Ribbon.component.js +39 -0
- package/lib/module/components/Ribbon/Ribbon.component.js.map +1 -0
- package/lib/module/components/Ribbon/Ribbon.style.js +52 -0
- package/lib/module/components/Ribbon/Ribbon.style.js.map +1 -0
- package/lib/module/components/Ribbon/Ribbon.type.js +2 -0
- package/lib/module/components/Ribbon/Ribbon.type.js.map +1 -0
- package/lib/module/components/Tabs/Tabs.component.js +3 -3
- package/lib/module/components/Tabs/Tabs.component.js.map +1 -1
- package/lib/module/components/countdown/countdown.component.js.map +1 -1
- package/lib/module/components/index.js +3 -0
- package/lib/module/components/index.js.map +1 -1
- package/lib/typescript/components/ActionList/ActionList.styles.d.ts.map +1 -1
- package/lib/typescript/components/ActionList/ActionList.type.d.ts +2 -2
- package/lib/typescript/components/ActionList/ActionList.type.d.ts.map +1 -1
- package/lib/typescript/components/Badge/Badge.component.d.ts +11 -0
- package/lib/typescript/components/Badge/Badge.component.d.ts.map +1 -0
- package/lib/typescript/components/Badge/Badge.style.d.ts +14 -0
- package/lib/typescript/components/Badge/Badge.style.d.ts.map +1 -0
- package/lib/typescript/components/Badge/Badge.type.d.ts +35 -0
- package/lib/typescript/components/Badge/Badge.type.d.ts.map +1 -0
- package/lib/typescript/components/ContentCard/ContentCard.component.d.ts +4 -0
- package/lib/typescript/components/ContentCard/ContentCard.component.d.ts.map +1 -0
- package/lib/typescript/components/ContentCard/ContentCard.style.d.ts +11 -0
- package/lib/typescript/components/ContentCard/ContentCard.style.d.ts.map +1 -0
- package/lib/typescript/components/ContentCard/ContentCard.type.d.ts +36 -0
- package/lib/typescript/components/ContentCard/ContentCard.type.d.ts.map +1 -0
- package/lib/typescript/components/Divider/Divider.type.d.ts +3 -0
- package/lib/typescript/components/Divider/Divider.type.d.ts.map +1 -1
- package/lib/typescript/components/Image/Image.component.d.ts +4 -0
- package/lib/typescript/components/Image/Image.component.d.ts.map +1 -0
- package/lib/typescript/components/Ribbon/Ribbon.component.d.ts +5 -0
- package/lib/typescript/components/Ribbon/Ribbon.component.d.ts.map +1 -0
- package/lib/typescript/components/Ribbon/Ribbon.style.d.ts +10 -0
- package/lib/typescript/components/Ribbon/Ribbon.style.d.ts.map +1 -0
- package/lib/typescript/components/Ribbon/Ribbon.type.d.ts +25 -0
- package/lib/typescript/components/Ribbon/Ribbon.type.d.ts.map +1 -0
- package/lib/typescript/components/Tabs/Tabs.component.d.ts.map +1 -1
- package/lib/typescript/components/countdown/countdown.component.d.ts +2 -2
- package/lib/typescript/components/countdown/countdown.component.d.ts.map +1 -1
- package/lib/typescript/components/index.d.ts +7 -1
- package/lib/typescript/components/index.d.ts.map +1 -1
- package/lib/typescript/types.d.ts +8 -0
- package/lib/typescript/types.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/ActionList/ActionList.styles.tsx +0 -2
- package/src/components/ActionList/ActionList.type.tsx +2 -2
- package/src/components/Badge/Badge.component.tsx +180 -0
- package/src/components/Badge/Badge.style.ts +83 -0
- package/src/components/Badge/Badge.type.ts +49 -0
- package/src/components/ContentCard/ContentCard.component.tsx +69 -0
- package/src/components/ContentCard/ContentCard.style.ts +43 -0
- package/src/components/ContentCard/ContentCard.type.ts +46 -0
- package/src/components/Divider/Divider.type.ts +3 -0
- package/src/components/Image/Image.component.tsx +33 -0
- package/src/components/Image/error-placeholder.png +0 -0
- package/src/components/Image/loading.png +0 -0
- package/src/components/Ribbon/Ribbon.component.tsx +45 -0
- package/src/components/Ribbon/Ribbon.style.tsx +61 -0
- package/src/components/Ribbon/Ribbon.type.ts +25 -0
- package/src/components/Tabs/Tabs.component.tsx +1 -4
- package/src/components/countdown/countdown.component.tsx +1 -1
- package/src/components/index.ts +20 -1
- package/src/types.ts +17 -0
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_typography","_countdown","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Countdown","props","targetDateTime","formats","type","trailingString","computedStyle","getStyle","timeLeft","setTimeLeft","useState","calculateTimeRemaining","useEffect","timer","setInterval","clearInterval","formatTime","time","d","appendZero","h","m","s","day","Math","floor","remainingSeconds","hour","minute","second","createElement","View","style","container","map","leadingString","idx","_formatTime","Fragment","textContainer","Typography","variant","textLabel","length","dividerContainer","exports","currentTime","Date","getTime","targetTime","difference","max","num","Number"],"sourceRoot":"../../../../src","sources":["components/countdown/countdown.component.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,WAAA,GAAAF,OAAA;AAIA,IAAAG,UAAA,GAAAH,OAAA;AAA6C,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAN,wBAAAM,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAE7C,MAAMW,
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_typography","_countdown","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","Countdown","props","targetDateTime","formats","type","trailingString","computedStyle","getStyle","timeLeft","setTimeLeft","useState","calculateTimeRemaining","useEffect","timer","setInterval","clearInterval","formatTime","time","d","appendZero","h","m","s","day","Math","floor","remainingSeconds","hour","minute","second","createElement","View","style","container","map","leadingString","idx","_formatTime","Fragment","textContainer","Typography","variant","textLabel","length","dividerContainer","exports","currentTime","Date","getTime","targetTime","difference","max","num","Number"],"sourceRoot":"../../../../src","sources":["components/countdown/countdown.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -15,6 +15,12 @@ Object.defineProperty(exports, "Appbar", {
|
|
|
15
15
|
return _Appbar.Appbar;
|
|
16
16
|
}
|
|
17
17
|
});
|
|
18
|
+
Object.defineProperty(exports, "Badges", {
|
|
19
|
+
enumerable: true,
|
|
20
|
+
get: function () {
|
|
21
|
+
return _Badge.Badges;
|
|
22
|
+
}
|
|
23
|
+
});
|
|
18
24
|
Object.defineProperty(exports, "BaseComponent", {
|
|
19
25
|
enumerable: true,
|
|
20
26
|
get: function () {
|
|
@@ -75,6 +81,12 @@ Object.defineProperty(exports, "Coachmark", {
|
|
|
75
81
|
return _coachmark.Coachmark;
|
|
76
82
|
}
|
|
77
83
|
});
|
|
84
|
+
Object.defineProperty(exports, "ContentCard", {
|
|
85
|
+
enumerable: true,
|
|
86
|
+
get: function () {
|
|
87
|
+
return _ContentCard.ContentCard;
|
|
88
|
+
}
|
|
89
|
+
});
|
|
78
90
|
Object.defineProperty(exports, "Countdown", {
|
|
79
91
|
enumerable: true,
|
|
80
92
|
get: function () {
|
|
@@ -159,6 +171,12 @@ Object.defineProperty(exports, "RadioInput", {
|
|
|
159
171
|
return _RadioInput.RadioInput;
|
|
160
172
|
}
|
|
161
173
|
});
|
|
174
|
+
Object.defineProperty(exports, "Ribbon", {
|
|
175
|
+
enumerable: true,
|
|
176
|
+
get: function () {
|
|
177
|
+
return _Ribbon.Ribbon;
|
|
178
|
+
}
|
|
179
|
+
});
|
|
162
180
|
Object.defineProperty(exports, "RoundedTab", {
|
|
163
181
|
enumerable: true,
|
|
164
182
|
get: function () {
|
|
@@ -274,9 +292,11 @@ Object.defineProperty(exports, "useMaskedInputProps", {
|
|
|
274
292
|
}
|
|
275
293
|
});
|
|
276
294
|
var _ActionList = require("./ActionList/ActionList.component");
|
|
295
|
+
var _Badge = require("./Badge/Badge.component");
|
|
277
296
|
var _BottomTabBar = require("./BottomTabBar/BottomTabBar.component");
|
|
278
297
|
var _button = require("./button/button.component");
|
|
279
298
|
var _calendars = require("./calendars/calendars.component");
|
|
299
|
+
var _ContentCard = require("./ContentCard/ContentCard.component");
|
|
280
300
|
var _label = require("./label/label.component");
|
|
281
301
|
var _base = require("./base/base.component");
|
|
282
302
|
var _typography = require("./typography/typography.component");
|
|
@@ -306,4 +326,5 @@ var _loader = require("./Loader/loader.component");
|
|
|
306
326
|
var _notification = require("./Notification/notification.component");
|
|
307
327
|
var _reactNativeMaskInput = require("react-native-mask-input");
|
|
308
328
|
var _SelectionCard = require("./selection-card/SelectionCard.component");
|
|
329
|
+
var _Ribbon = require("./Ribbon/Ribbon.component");
|
|
309
330
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_ActionList","require","_BottomTabBar","_button","_calendars","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_reactNativeMaskInput","_SelectionCard"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":"
|
|
1
|
+
{"version":3,"names":["_ActionList","require","_Badge","_BottomTabBar","_button","_calendars","_ContentCard","_label","_base","_typography","_coachmark","_textlink","_sliderIndicator","_TextInput","_TextArea","_StepperCounter","_Divider","_Tabs","_RadioButton","_Chips","_BottomSheet","_searchInput","_RadioInput","_CheckBoxInput","_Checkbox","_Appbar","_Snackbar","_switch","_dot","_informationBox","_roundedTab","_countdown","_loader","_notification","_reactNativeMaskInput","_SelectionCard","_Ribbon"],"sourceRoot":"../../../src","sources":["components/index.ts"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,WAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,aAAA,GAAAF,OAAA;AACA,IAAAG,OAAA,GAAAH,OAAA;AACA,IAAAI,UAAA,GAAAJ,OAAA;AACA,IAAAK,YAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AACA,IAAAO,KAAA,GAAAP,OAAA;AACA,IAAAQ,WAAA,GAAAR,OAAA;AACA,IAAAS,UAAA,GAAAT,OAAA;AACA,IAAAU,SAAA,GAAAV,OAAA;AACA,IAAAW,gBAAA,GAAAX,OAAA;AACA,IAAAY,UAAA,GAAAZ,OAAA;AACA,IAAAa,SAAA,GAAAb,OAAA;AACA,IAAAc,eAAA,GAAAd,OAAA;AACA,IAAAe,QAAA,GAAAf,OAAA;AACA,IAAAgB,KAAA,GAAAhB,OAAA;AACA,IAAAiB,YAAA,GAAAjB,OAAA;AACA,IAAAkB,MAAA,GAAAlB,OAAA;AACA,IAAAmB,YAAA,GAAAnB,OAAA;AAIA,IAAAoB,YAAA,GAAApB,OAAA;AACA,IAAAqB,WAAA,GAAArB,OAAA;AACA,IAAAsB,cAAA,GAAAtB,OAAA;AACA,IAAAuB,SAAA,GAAAvB,OAAA;AACA,IAAAwB,OAAA,GAAAxB,OAAA;AACA,IAAAyB,SAAA,GAAAzB,OAAA;AAKA,IAAA0B,OAAA,GAAA1B,OAAA;AACA,IAAA2B,IAAA,GAAA3B,OAAA;AACA,IAAA4B,eAAA,GAAA5B,OAAA;AACA,IAAA6B,WAAA,GAAA7B,OAAA;AACA,IAAA8B,UAAA,GAAA9B,OAAA;AACA,IAAA+B,OAAA,GAAA/B,OAAA;AACA,IAAAgC,aAAA,GAAAhC,OAAA;AACA,IAAAiC,qBAAA,GAAAjC,OAAA;AAWA,IAAAkC,cAAA,GAAAlC,OAAA;AACA,IAAAmC,OAAA,GAAAnC,OAAA","ignoreList":[]}
|
|
@@ -19,14 +19,12 @@ export const getStyle = props => {
|
|
|
19
19
|
minWidth: 350
|
|
20
20
|
};
|
|
21
21
|
computedStyle.title = {
|
|
22
|
-
textAlign: 'center',
|
|
23
22
|
fontWeight: '600',
|
|
24
23
|
fontSize: 14,
|
|
25
24
|
lineHeight: 21,
|
|
26
25
|
color: disabled ? Palettes.grey[500] : Palettes.black[900]
|
|
27
26
|
};
|
|
28
27
|
computedStyle.description = {
|
|
29
|
-
textAlign: 'center',
|
|
30
28
|
fontWeight: '400',
|
|
31
29
|
fontSize: 14,
|
|
32
30
|
lineHeight: 21,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","props","disabled","isLast","computedStyle","container","paddingVertical","paddingHorizontal","borderBottomColor","black","borderBottomWidth","backgroundColor","grey","flexDirection","justifyContent","alignItems","width","minWidth","title","
|
|
1
|
+
{"version":3,"names":["StyleSheet","Palettes","Spacing","getStyle","props","disabled","isLast","computedStyle","container","paddingVertical","paddingHorizontal","borderBottomColor","black","borderBottomWidth","backgroundColor","grey","flexDirection","justifyContent","alignItems","width","minWidth","title","fontWeight","fontSize","lineHeight","color","description","textContainer","flex","leadingWrapper","marginRight","trailingWrapper","marginLeft","create"],"sourceRoot":"../../../../src","sources":["components/ActionList/ActionList.styles.tsx"],"mappings":"AAEA,SAASA,UAAU,QAAQ,cAAc;AACzC,SAASC,QAAQ,EAAEC,OAAO,QAAQ,cAAc;AAYhD,OAAO,MAAMC,QAAQ,GAAIC,KAAsB,IAAK;EAClD,MAAM;IAAEC,QAAQ;IAAEC;EAAO,CAAC,GAAGF,KAAK;EAElC,MAAMG,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,eAAe,EAAE,EAAE;IACnBC,iBAAiB,EAAEL,QAAQ,GAAG,EAAE,GAAG,CAAC;IACpCM,iBAAiB,EAAEV,QAAQ,CAACW,KAAK,CAAC,GAAG,CAAC;IACtCC,iBAAiB,EAAER,QAAQ,IAAIC,MAAM,GAAG,CAAC,GAAG,GAAG;IAC/CQ,eAAe,EAAET,QAAQ,GAAGJ,QAAQ,CAACc,IAAI,CAAC,EAAE,CAAC,GAAG,aAAa;IAC7DC,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,YAAY;IAC5BC,UAAU,EAAE,QAAQ;IACpBC,KAAK,EAAE,MAAM;IACbC,QAAQ,EAAE;EACZ,CAAC;EACDb,aAAa,CAACc,KAAK,GAAG;IACpBC,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEpB,QAAQ,GAAGJ,QAAQ,CAACc,IAAI,CAAC,GAAG,CAAC,GAAGd,QAAQ,CAACW,KAAK,CAAC,GAAG;EAC3D,CAAC;EACDL,aAAa,CAACmB,WAAW,GAAG;IAC1BJ,UAAU,EAAE,KAAK;IACjBC,QAAQ,EAAE,EAAE;IACZC,UAAU,EAAE,EAAE;IACdC,KAAK,EAAEpB,QAAQ,GAAGJ,QAAQ,CAACc,IAAI,CAAC,GAAG,CAAC,GAAGd,QAAQ,CAACW,KAAK,CAAC,GAAG;EAC3D,CAAC;EAEDL,aAAa,CAACoB,aAAa,GAAG;IAC5BT,UAAU,EAAE,YAAY;IACxBU,IAAI,EAAE;EACR,CAAC;EAEDrB,aAAa,CAACsB,cAAc,GAAG;IAC7BC,WAAW,EAAE5B,OAAO,CAAC,EAAE,CAAC;IACxBe,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAEDX,aAAa,CAACwB,eAAe,GAAG;IAC9BC,UAAU,EAAE9B,OAAO,CAAC,EAAE,CAAC;IACvBe,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE;EACd,CAAC;EAED,OAAOlB,UAAU,CAACiC,MAAM,CAAC1B,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1,141 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React, { useMemo } from 'react';
|
|
3
|
+
import { View } from 'react-native';
|
|
4
|
+
import { getStyle } from './Badge.style';
|
|
5
|
+
import { Typography } from '../typography/typography.component';
|
|
6
|
+
import { Image } from 'react-native';
|
|
7
|
+
export function BadgeIcon(props) {
|
|
8
|
+
const {
|
|
9
|
+
children,
|
|
10
|
+
style,
|
|
11
|
+
...rest
|
|
12
|
+
} = props;
|
|
13
|
+
const computedSytle = useMemo(() => {
|
|
14
|
+
return getStyle();
|
|
15
|
+
}, []);
|
|
16
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
17
|
+
style: [computedSytle.badgeIconContainer, style]
|
|
18
|
+
}, rest), children);
|
|
19
|
+
}
|
|
20
|
+
export function BadgeStep(props) {
|
|
21
|
+
const {
|
|
22
|
+
step,
|
|
23
|
+
style,
|
|
24
|
+
...rest
|
|
25
|
+
} = props;
|
|
26
|
+
const computedSytle = useMemo(() => {
|
|
27
|
+
return getStyle();
|
|
28
|
+
}, []);
|
|
29
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
30
|
+
style: [computedSytle.badgeStepContainer, style]
|
|
31
|
+
}, rest), /*#__PURE__*/React.createElement(Typography, {
|
|
32
|
+
variant: "caption2"
|
|
33
|
+
}, step));
|
|
34
|
+
}
|
|
35
|
+
export function BadgeLogo(props) {
|
|
36
|
+
const {
|
|
37
|
+
style,
|
|
38
|
+
source,
|
|
39
|
+
...rest
|
|
40
|
+
} = props;
|
|
41
|
+
const computedSytle = useMemo(() => {
|
|
42
|
+
return getStyle();
|
|
43
|
+
}, []);
|
|
44
|
+
if (!source) throw 'Source props is not provided';
|
|
45
|
+
return /*#__PURE__*/React.createElement(Image, _extends({
|
|
46
|
+
style: [computedSytle.badgeLogoContainer, style],
|
|
47
|
+
source: source
|
|
48
|
+
}, rest));
|
|
49
|
+
}
|
|
50
|
+
export function BadgeInitial(props) {
|
|
51
|
+
const {
|
|
52
|
+
initial = '',
|
|
53
|
+
style,
|
|
54
|
+
...rest
|
|
55
|
+
} = props;
|
|
56
|
+
const computedSytle = useMemo(() => {
|
|
57
|
+
return getStyle();
|
|
58
|
+
}, []);
|
|
59
|
+
const getInitial = useMemo(() => {
|
|
60
|
+
if (initial.length === 2) {
|
|
61
|
+
return initial.toUpperCase(); // Directly return the two-char string in uppercase
|
|
62
|
+
}
|
|
63
|
+
const parts = initial.split(' ');
|
|
64
|
+
if (parts.length === 1) {
|
|
65
|
+
var _parts$;
|
|
66
|
+
return parts === null || parts === void 0 || (_parts$ = parts[0]) === null || _parts$ === void 0 ? void 0 : _parts$.charAt(0).toUpperCase();
|
|
67
|
+
}
|
|
68
|
+
return parts.filter(part => part.length > 0).map(part => part.charAt(0).toUpperCase()).join('');
|
|
69
|
+
}, [initial]);
|
|
70
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
71
|
+
style: [computedSytle.badgeInitialContainer, style]
|
|
72
|
+
}, rest), /*#__PURE__*/React.createElement(Typography, {
|
|
73
|
+
variant: "subtitle1"
|
|
74
|
+
}, getInitial));
|
|
75
|
+
}
|
|
76
|
+
export function BadgeIlustration(props) {
|
|
77
|
+
const {
|
|
78
|
+
size = 'small',
|
|
79
|
+
children,
|
|
80
|
+
style,
|
|
81
|
+
...rest
|
|
82
|
+
} = props;
|
|
83
|
+
const computedSytle = useMemo(() => {
|
|
84
|
+
return getStyle();
|
|
85
|
+
}, []);
|
|
86
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
87
|
+
style: [computedSytle.badgeIlustrationContainer, size === 'medium' && computedSytle.badgeIlustrationMediumContainer, style]
|
|
88
|
+
}, rest), children);
|
|
89
|
+
}
|
|
90
|
+
export function BadgeImage(props) {
|
|
91
|
+
const {
|
|
92
|
+
style,
|
|
93
|
+
source,
|
|
94
|
+
...rest
|
|
95
|
+
} = props;
|
|
96
|
+
const computedSytle = useMemo(() => {
|
|
97
|
+
return getStyle();
|
|
98
|
+
}, []);
|
|
99
|
+
if (!source) throw 'Source props is not provided';
|
|
100
|
+
return /*#__PURE__*/React.createElement(Image, _extends({
|
|
101
|
+
style: [computedSytle.badgeImageContainer, style],
|
|
102
|
+
source: source
|
|
103
|
+
}, rest));
|
|
104
|
+
}
|
|
105
|
+
export function BadgeIlustrationRaku(props) {
|
|
106
|
+
const {
|
|
107
|
+
children,
|
|
108
|
+
style,
|
|
109
|
+
...rest
|
|
110
|
+
} = props;
|
|
111
|
+
const computedSytle = useMemo(() => {
|
|
112
|
+
return getStyle();
|
|
113
|
+
}, []);
|
|
114
|
+
return /*#__PURE__*/React.createElement(View, _extends({
|
|
115
|
+
style: [computedSytle.badgeIlustrationRakuContainer, style]
|
|
116
|
+
}, rest), children);
|
|
117
|
+
}
|
|
118
|
+
export function Badges(props) {
|
|
119
|
+
const {
|
|
120
|
+
variant
|
|
121
|
+
} = props;
|
|
122
|
+
switch (variant) {
|
|
123
|
+
case 'icon':
|
|
124
|
+
return /*#__PURE__*/React.createElement(BadgeIcon, props);
|
|
125
|
+
case 'step':
|
|
126
|
+
return /*#__PURE__*/React.createElement(BadgeStep, props);
|
|
127
|
+
case 'logo':
|
|
128
|
+
return /*#__PURE__*/React.createElement(BadgeLogo, props);
|
|
129
|
+
case 'initial':
|
|
130
|
+
return /*#__PURE__*/React.createElement(BadgeInitial, props);
|
|
131
|
+
case 'image':
|
|
132
|
+
return /*#__PURE__*/React.createElement(BadgeImage, props);
|
|
133
|
+
case 'ilustration':
|
|
134
|
+
return /*#__PURE__*/React.createElement(BadgeIlustration, props);
|
|
135
|
+
case 'ilustration-raku':
|
|
136
|
+
return /*#__PURE__*/React.createElement(BadgeIlustrationRaku, props);
|
|
137
|
+
default:
|
|
138
|
+
throw 'Please fill one of the variant props';
|
|
139
|
+
}
|
|
140
|
+
}
|
|
141
|
+
//# sourceMappingURL=Badge.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useMemo","View","getStyle","Typography","Image","BadgeIcon","props","children","style","rest","computedSytle","createElement","_extends","badgeIconContainer","BadgeStep","step","badgeStepContainer","variant","BadgeLogo","source","badgeLogoContainer","BadgeInitial","initial","getInitial","length","toUpperCase","parts","split","_parts$","charAt","filter","part","map","join","badgeInitialContainer","BadgeIlustration","size","badgeIlustrationContainer","badgeIlustrationMediumContainer","BadgeImage","badgeImageContainer","BadgeIlustrationRaku","badgeIlustrationRakuContainer","Badges"],"sourceRoot":"../../../../src","sources":["components/Badge/Badge.component.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Palettes, Radius, Shadow } from '../../themes';
|
|
3
|
+
export const getStyle = () => {
|
|
4
|
+
const computedStyle = {};
|
|
5
|
+
computedStyle.badgeIconContainer = {
|
|
6
|
+
height: 24,
|
|
7
|
+
width: 24,
|
|
8
|
+
alignItems: 'center',
|
|
9
|
+
justifyContent: 'center',
|
|
10
|
+
borderRadius: Radius.full,
|
|
11
|
+
backgroundColor: Palettes.white[50],
|
|
12
|
+
...Shadow['shadow-elevation-1']
|
|
13
|
+
};
|
|
14
|
+
computedStyle.badgeStepContainer = {
|
|
15
|
+
height: 24,
|
|
16
|
+
width: 24,
|
|
17
|
+
alignItems: 'center',
|
|
18
|
+
justifyContent: 'center',
|
|
19
|
+
borderRadius: Radius.full,
|
|
20
|
+
backgroundColor: Palettes.yellow[600]
|
|
21
|
+
};
|
|
22
|
+
computedStyle.badgeLogoContainer = {
|
|
23
|
+
height: 24,
|
|
24
|
+
width: 24,
|
|
25
|
+
resizeMode: 'center',
|
|
26
|
+
borderRadius: 2
|
|
27
|
+
};
|
|
28
|
+
computedStyle.badgeInitialContainer = {
|
|
29
|
+
height: 36,
|
|
30
|
+
width: 36,
|
|
31
|
+
alignItems: 'center',
|
|
32
|
+
justifyContent: 'center',
|
|
33
|
+
borderRadius: Radius[8],
|
|
34
|
+
backgroundColor: Palettes.yellow[600]
|
|
35
|
+
};
|
|
36
|
+
computedStyle.badgeIlustrationContainer = {
|
|
37
|
+
height: 40,
|
|
38
|
+
width: 40,
|
|
39
|
+
alignItems: 'center',
|
|
40
|
+
justifyContent: 'center',
|
|
41
|
+
borderRadius: Radius[8],
|
|
42
|
+
backgroundColor: Palettes.yellow[100]
|
|
43
|
+
};
|
|
44
|
+
computedStyle.badgeIlustrationMediumContainer = {
|
|
45
|
+
height: 48,
|
|
46
|
+
width: 48
|
|
47
|
+
};
|
|
48
|
+
computedStyle.badgeImageContainer = {
|
|
49
|
+
height: 56,
|
|
50
|
+
width: 56,
|
|
51
|
+
resizeMode: 'center',
|
|
52
|
+
borderRadius: Radius[8]
|
|
53
|
+
};
|
|
54
|
+
computedStyle.badgeIlustrationRakuContainer = {
|
|
55
|
+
height: 68,
|
|
56
|
+
width: 68,
|
|
57
|
+
resizeMode: 'center',
|
|
58
|
+
borderRadius: Radius[8]
|
|
59
|
+
};
|
|
60
|
+
return StyleSheet.create(computedStyle);
|
|
61
|
+
};
|
|
62
|
+
//# sourceMappingURL=Badge.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","Palettes","Radius","Shadow","getStyle","computedStyle","badgeIconContainer","height","width","alignItems","justifyContent","borderRadius","full","backgroundColor","white","badgeStepContainer","yellow","badgeLogoContainer","resizeMode","badgeInitialContainer","badgeIlustrationContainer","badgeIlustrationMediumContainer","badgeImageContainer","badgeIlustrationRakuContainer","create"],"sourceRoot":"../../../../src","sources":["components/Badge/Badge.style.ts"],"mappings":"AAAA,SAAqBA,UAAU,QAAmB,cAAc;AAEhE,SAASC,QAAQ,EAAEC,MAAM,EAAEC,MAAM,QAAQ,cAAc;AAavD,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,kBAAkB,GAAG;IACjCC,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAET,MAAM,CAACU,IAAI;IACzBC,eAAe,EAAEZ,QAAQ,CAACa,KAAK,CAAC,EAAE,CAAC;IACnC,GAAGX,MAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDE,aAAa,CAACU,kBAAkB,GAAG;IACjCR,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAET,MAAM,CAACU,IAAI;IACzBC,eAAe,EAAEZ,QAAQ,CAACe,MAAM,CAAC,GAAG;EACtC,CAAC;EAEDX,aAAa,CAACY,kBAAkB,GAAG;IACjCV,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBP,YAAY,EAAE;EAChB,CAAC;EAEDN,aAAa,CAACc,qBAAqB,GAAG;IACpCZ,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAET,MAAM,CAAC,CAAC,CAAC;IACvBW,eAAe,EAAEZ,QAAQ,CAACe,MAAM,CAAC,GAAG;EACtC,CAAC;EAEDX,aAAa,CAACe,yBAAyB,GAAG;IACxCb,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,YAAY,EAAET,MAAM,CAAC,CAAC,CAAC;IACvBW,eAAe,EAAEZ,QAAQ,CAACe,MAAM,CAAC,GAAG;EACtC,CAAC;EAEDX,aAAa,CAACgB,+BAA+B,GAAG;IAC9Cd,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE;EACT,CAAC;EAEDH,aAAa,CAACiB,mBAAmB,GAAG;IAClCf,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBP,YAAY,EAAET,MAAM,CAAC,CAAC;EACxB,CAAC;EAEDG,aAAa,CAACkB,6BAA6B,GAAG;IAC5ChB,MAAM,EAAE,EAAE;IACVC,KAAK,EAAE,EAAE;IACTU,UAAU,EAAE,QAAQ;IACpBP,YAAY,EAAET,MAAM,CAAC,CAAC;EACxB,CAAC;EAED,OAAOF,UAAU,CAACwB,MAAM,CAACnB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Badge/Badge.type.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React from 'react';
|
|
3
|
+
import { TouchableWithoutFeedback, View } from 'react-native';
|
|
4
|
+
import { getStyle } from './ContentCard.style';
|
|
5
|
+
import { Image } from '../Image/Image.component';
|
|
6
|
+
import { Typography } from '../typography/typography.component';
|
|
7
|
+
export function ContentCard(props) {
|
|
8
|
+
const {
|
|
9
|
+
title,
|
|
10
|
+
subtitle,
|
|
11
|
+
imgBannerProps,
|
|
12
|
+
testID = '',
|
|
13
|
+
containerStyle,
|
|
14
|
+
customImgBanner,
|
|
15
|
+
...rest
|
|
16
|
+
} = props;
|
|
17
|
+
const computedStyle = getStyle();
|
|
18
|
+
return /*#__PURE__*/React.createElement(TouchableWithoutFeedback, _extends({
|
|
19
|
+
testID: testID + '_content_card_button'
|
|
20
|
+
}, rest), /*#__PURE__*/React.createElement(View, {
|
|
21
|
+
style: [computedStyle.container, containerStyle]
|
|
22
|
+
}, /*#__PURE__*/React.createElement(View, {
|
|
23
|
+
style: computedStyle.imageContainer
|
|
24
|
+
}, customImgBanner || !!imgBannerProps && /*#__PURE__*/React.createElement(Image, _extends({}, imgBannerProps, {
|
|
25
|
+
testID: testID + '_content_card_image',
|
|
26
|
+
style: [computedStyle.image, imgBannerProps === null || imgBannerProps === void 0 ? void 0 : imgBannerProps.style]
|
|
27
|
+
}))), /*#__PURE__*/React.createElement(View, {
|
|
28
|
+
style: computedStyle.contentContainer
|
|
29
|
+
}, title && typeof title === 'string' ? /*#__PURE__*/React.createElement(Typography, {
|
|
30
|
+
testID: testID + '_content_card_title',
|
|
31
|
+
variant: "subtitle2",
|
|
32
|
+
numberOfLines: 1
|
|
33
|
+
}, title) : title, subtitle && typeof subtitle === 'string' ? /*#__PURE__*/React.createElement(Typography, {
|
|
34
|
+
testID: testID + '_content_card_subtitle',
|
|
35
|
+
variant: "body3",
|
|
36
|
+
numberOfLines: 2,
|
|
37
|
+
style: computedStyle.subtitle
|
|
38
|
+
}, subtitle) : subtitle)));
|
|
39
|
+
}
|
|
40
|
+
//# sourceMappingURL=ContentCard.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","TouchableWithoutFeedback","View","getStyle","Image","Typography","ContentCard","props","title","subtitle","imgBannerProps","testID","containerStyle","customImgBanner","rest","computedStyle","createElement","_extends","style","container","imageContainer","image","contentContainer","variant","numberOfLines"],"sourceRoot":"../../../../src","sources":["components/ContentCard/ContentCard.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,wBAAwB,EAAEC,IAAI,QAAQ,cAAc;AAE7D,SAASC,QAAQ,QAAQ,qBAAqB;AAG9C,SAASC,KAAK,QAAQ,0BAA0B;AAChD,SAASC,UAAU,QAAQ,oCAAoC;AAE/D,OAAO,SAASC,WAAWA,CAACC,KAAuB,EAAE;EACnD,MAAM;IACJC,KAAK;IACLC,QAAQ;IACRC,cAAc;IACdC,MAAM,GAAG,EAAE;IACXC,cAAc;IACdC,eAAe;IACf,GAAGC;EACL,CAAC,GAAGP,KAAK;EAET,MAAMQ,aAAa,GAAGZ,QAAQ,CAAC,CAAC;EAEhC,oBACEH,KAAA,CAAAgB,aAAA,CAACf,wBAAwB,EAAAgB,QAAA;IACvBN,MAAM,EAAEA,MAAM,GAAG;EAAuB,GACpCG,IAAI,gBAERd,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAE,CAACH,aAAa,CAACI,SAAS,EAAEP,cAAc;EAAE,gBACrDZ,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAEH,aAAa,CAACK;EAAe,GACvCP,eAAe,IACb,CAAC,CAACH,cAAc,iBACfV,KAAA,CAAAgB,aAAA,CAACZ,KAAK,EAAAa,QAAA,KACAP,cAAc;IAClBC,MAAM,EAAEA,MAAM,GAAG,qBAAsB;IACvCO,KAAK,EAAE,CAACH,aAAa,CAACM,KAAK,EAAEX,cAAc,aAAdA,cAAc,uBAAdA,cAAc,CAAEQ,KAAK;EAAE,EACrD,CAED,CAAC,eAEPlB,KAAA,CAAAgB,aAAA,CAACd,IAAI;IAACgB,KAAK,EAAEH,aAAa,CAACO;EAAiB,GACzCd,KAAK,IAAI,OAAOA,KAAK,KAAK,QAAQ,gBACjCR,KAAA,CAAAgB,aAAA,CAACX,UAAU;IACTM,MAAM,EAAEA,MAAM,GAAG,qBAAsB;IACvCY,OAAO,EAAC,WAAW;IACnBC,aAAa,EAAE;EAAE,GAEhBhB,KACS,CAAC,GAEbA,KACD,EAEAC,QAAQ,IAAI,OAAOA,QAAQ,KAAK,QAAQ,gBACvCT,KAAA,CAAAgB,aAAA,CAACX,UAAU;IACTM,MAAM,EAAEA,MAAM,GAAG,wBAAyB;IAC1CY,OAAO,EAAC,OAAO;IACfC,aAAa,EAAE,CAAE;IACjBN,KAAK,EAAEH,aAAa,CAACN;EAAS,GAE7BA,QACS,CAAC,GAEbA,QAEE,CACF,CACkB,CAAC;AAE/B","ignoreList":[]}
|
|
@@ -0,0 +1,28 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Radius, Spacing, Shadow, Palettes } from '../../themes';
|
|
3
|
+
export const getStyle = () => {
|
|
4
|
+
const computedStyle = {};
|
|
5
|
+
computedStyle.container = {
|
|
6
|
+
width: '100%',
|
|
7
|
+
borderRadius: Radius[8],
|
|
8
|
+
overflow: 'hidden',
|
|
9
|
+
backgroundColor: Palettes.white[50],
|
|
10
|
+
...Shadow['shadow-elevation-1']
|
|
11
|
+
};
|
|
12
|
+
computedStyle.image = {
|
|
13
|
+
width: '100%',
|
|
14
|
+
height: 160,
|
|
15
|
+
resizeMode: 'cover'
|
|
16
|
+
};
|
|
17
|
+
computedStyle.imageContainer = {
|
|
18
|
+
minHeight: 160
|
|
19
|
+
};
|
|
20
|
+
computedStyle.contentContainer = {
|
|
21
|
+
padding: Spacing[16]
|
|
22
|
+
};
|
|
23
|
+
computedStyle.subtitle = {
|
|
24
|
+
marginTop: Spacing[8]
|
|
25
|
+
};
|
|
26
|
+
return StyleSheet.create(computedStyle);
|
|
27
|
+
};
|
|
28
|
+
//# sourceMappingURL=ContentCard.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","Radius","Spacing","Shadow","Palettes","getStyle","computedStyle","container","width","borderRadius","overflow","backgroundColor","white","image","height","resizeMode","imageContainer","minHeight","contentContainer","padding","subtitle","marginTop","create"],"sourceRoot":"../../../../src","sources":["components/ContentCard/ContentCard.style.ts"],"mappings":"AAAA,SAAqBA,UAAU,QAA8B,cAAc;AAE3E,SAASC,MAAM,EAAEC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,cAAc;AAUhE,OAAO,MAAMC,QAAQ,GAAGA,CAAA,KAAM;EAC5B,MAAMC,aAAiC,GAAG,CAAC,CAAC;EAE5CA,aAAa,CAACC,SAAS,GAAG;IACxBC,KAAK,EAAE,MAAM;IACbC,YAAY,EAAER,MAAM,CAAC,CAAC,CAAC;IACvBS,QAAQ,EAAE,QAAQ;IAClBC,eAAe,EAAEP,QAAQ,CAACQ,KAAK,CAAC,EAAE,CAAC;IACnC,GAAGT,MAAM,CAAC,oBAAoB;EAChC,CAAC;EAEDG,aAAa,CAACO,KAAK,GAAG;IACpBL,KAAK,EAAE,MAAM;IACbM,MAAM,EAAE,GAAG;IACXC,UAAU,EAAE;EACd,CAAC;EAEDT,aAAa,CAACU,cAAc,GAAG;IAC7BC,SAAS,EAAE;EACb,CAAC;EAEDX,aAAa,CAACY,gBAAgB,GAAG;IAC/BC,OAAO,EAAEjB,OAAO,CAAC,EAAE;EACrB,CAAC;EAEDI,aAAa,CAACc,QAAQ,GAAG;IACvBC,SAAS,EAAEnB,OAAO,CAAC,CAAC;EACtB,CAAC;EAED,OAAOF,UAAU,CAACsB,MAAM,CAAChB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/ContentCard/ContentCard.type.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
|
|
2
|
+
import React, { useState } from 'react';
|
|
3
|
+
import { Image as RNImage } from 'react-native';
|
|
4
|
+
export function Image(props) {
|
|
5
|
+
const {
|
|
6
|
+
source,
|
|
7
|
+
onLoad,
|
|
8
|
+
onError,
|
|
9
|
+
...rest
|
|
10
|
+
} = props;
|
|
11
|
+
const [isError, setIsError] = useState(false);
|
|
12
|
+
const handleOnLoad = e => {
|
|
13
|
+
onLoad === null || onLoad === void 0 || onLoad(e);
|
|
14
|
+
};
|
|
15
|
+
const handleOnError = e => {
|
|
16
|
+
setIsError(true);
|
|
17
|
+
onError === null || onError === void 0 || onError(e);
|
|
18
|
+
};
|
|
19
|
+
return /*#__PURE__*/React.createElement(RNImage, _extends({
|
|
20
|
+
defaultSource: require('./loading.png'),
|
|
21
|
+
source: isError ? require('./error-placeholder.png') : source,
|
|
22
|
+
onLoad: e => handleOnLoad(e),
|
|
23
|
+
onError: e => handleOnError(e)
|
|
24
|
+
}, rest));
|
|
25
|
+
}
|
|
26
|
+
//# sourceMappingURL=Image.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","useState","Image","RNImage","props","source","onLoad","onError","rest","isError","setIsError","handleOnLoad","e","handleOnError","createElement","_extends","defaultSource","require"],"sourceRoot":"../../../../src","sources":["components/Image/Image.component.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SAEEC,KAAK,IAAIC,OAAO,QAIX,cAAc;AAErB,OAAO,SAASD,KAAKA,CAACE,KAAiB,EAAE;EACvC,MAAM;IAAEC,MAAM;IAAEC,MAAM;IAAEC,OAAO;IAAE,GAAGC;EAAK,CAAC,GAAGJ,KAAK;EAElD,MAAM,CAACK,OAAO,EAAEC,UAAU,CAAC,GAAGT,QAAQ,CAAC,KAAK,CAAC;EAE7C,MAAMU,YAAY,GAAIC,CAA2C,IAAK;IACpEN,MAAM,aAANA,MAAM,eAANA,MAAM,CAAGM,CAAC,CAAC;EACb,CAAC;EAED,MAAMC,aAAa,GAAID,CAA4C,IAAK;IACtEF,UAAU,CAAC,IAAI,CAAC;IAChBH,OAAO,aAAPA,OAAO,eAAPA,OAAO,CAAGK,CAAC,CAAC;EACd,CAAC;EAED,oBACEZ,KAAA,CAAAc,aAAA,CAACX,OAAO,EAAAY,QAAA;IACNC,aAAa,EAAEC,OAAO,CAAC,eAAe,CAAE;IACxCZ,MAAM,EAAEI,OAAO,GAAGQ,OAAO,CAAC,yBAAyB,CAAC,GAAGZ,MAAO;IAC9DC,MAAM,EAAGM,CAAC,IAAKD,YAAY,CAACC,CAAC,CAAE;IAC/BL,OAAO,EAAGK,CAAC,IAAKC,aAAa,CAACD,CAAC;EAAE,GAC7BJ,IAAI,CACT,CAAC;AAEN","ignoreList":[]}
|
|
Binary file
|
|
Binary file
|
|
@@ -0,0 +1,39 @@
|
|
|
1
|
+
import * as React from 'react';
|
|
2
|
+
import { View } from 'react-native';
|
|
3
|
+
import { getStyle } from './Ribbon.style';
|
|
4
|
+
import { Typography } from '../typography/typography.component';
|
|
5
|
+
import { IconOfficial } from '../../icons';
|
|
6
|
+
const Ribbon = ({
|
|
7
|
+
containerStyles,
|
|
8
|
+
icon,
|
|
9
|
+
label,
|
|
10
|
+
testID,
|
|
11
|
+
textStyles,
|
|
12
|
+
variant = 'folded'
|
|
13
|
+
}) => {
|
|
14
|
+
const computedStyle = getStyle({
|
|
15
|
+
containerStyles,
|
|
16
|
+
label,
|
|
17
|
+
textStyles,
|
|
18
|
+
variant
|
|
19
|
+
});
|
|
20
|
+
return /*#__PURE__*/React.createElement(View, {
|
|
21
|
+
style: {
|
|
22
|
+
flexDirection: 'row'
|
|
23
|
+
},
|
|
24
|
+
testID: testID
|
|
25
|
+
}, variant === 'folded' && /*#__PURE__*/React.createElement(View, {
|
|
26
|
+
style: [computedStyle.fold]
|
|
27
|
+
}), /*#__PURE__*/React.createElement(View, {
|
|
28
|
+
style: [computedStyle.container, containerStyles]
|
|
29
|
+
}, variant === 'tiny' && (!!icon ? icon : /*#__PURE__*/React.createElement(IconOfficial, {
|
|
30
|
+
width: 16,
|
|
31
|
+
height: 16
|
|
32
|
+
})), /*#__PURE__*/React.createElement(Typography, {
|
|
33
|
+
variant: variant === 'tiny' ? 'text-overline-semibold' : 'text-caption-semibold',
|
|
34
|
+
style: [computedStyle.label, textStyles],
|
|
35
|
+
testID: testID + '_label'
|
|
36
|
+
}, label)));
|
|
37
|
+
};
|
|
38
|
+
export { Ribbon };
|
|
39
|
+
//# sourceMappingURL=Ribbon.component.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","View","getStyle","Typography","IconOfficial","Ribbon","containerStyles","icon","label","testID","textStyles","variant","computedStyle","createElement","style","flexDirection","fold","container","width","height"],"sourceRoot":"../../../../src","sources":["components/Ribbon/Ribbon.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAQ,cAAc;AAEnC,SAASC,QAAQ,QAAQ,gBAAgB;AAGzC,SAASC,UAAU,QAAQ,oCAAoC;AAC/D,SAASC,YAAY,QAAQ,aAAa;AAE1C,MAAMC,MAA4C,GAAGA,CAAC;EACpDC,eAAe;EACfC,IAAI;EACJC,KAAK;EACLC,MAAM;EACNC,UAAU;EACVC,OAAO,GAAG;AACZ,CAAC,KAAK;EACJ,MAAMC,aAAa,GAAGV,QAAQ,CAAC;IAC7BI,eAAe;IACfE,KAAK;IACLE,UAAU;IACVC;EACF,CAAC,CAAC;EACF,oBACEX,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE;MAAEC,aAAa,EAAE;IAAM,CAAE;IAACN,MAAM,EAAEA;EAAO,GACnDE,OAAO,KAAK,QAAQ,iBAAIX,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACF,aAAa,CAACI,IAAI;EAAE,CAAE,CAAC,eAC9DhB,KAAA,CAAAa,aAAA,CAACZ,IAAI;IAACa,KAAK,EAAE,CAACF,aAAa,CAACK,SAAS,EAAEX,eAAe;EAAE,GACrDK,OAAO,KAAK,MAAM,KAAK,CAAC,CAACJ,IAAI,GAAGA,IAAI,gBAAGP,KAAA,CAAAa,aAAA,CAACT,YAAY;IAACc,KAAK,EAAE,EAAG;IAACC,MAAM,EAAE;EAAG,CAAE,CAAC,CAAC,eAChFnB,KAAA,CAAAa,aAAA,CAACV,UAAU;IACTQ,OAAO,EACLA,OAAO,KAAK,MAAM,GACd,wBAAwB,GACxB,uBACL;IACDG,KAAK,EAAE,CAACF,aAAa,CAACJ,KAAK,EAAEE,UAAU,CAAE;IACzCD,MAAM,EAAEA,MAAM,GAAG;EAAS,GAEzBD,KACS,CACR,CACF,CAAC;AAEX,CAAC;AAED,SAASH,MAAM","ignoreList":[]}
|
|
@@ -0,0 +1,52 @@
|
|
|
1
|
+
import { StyleSheet } from 'react-native';
|
|
2
|
+
import { Palettes, Radius } from '../../themes';
|
|
3
|
+
export const getStyle = props => {
|
|
4
|
+
const {
|
|
5
|
+
variant
|
|
6
|
+
} = props;
|
|
7
|
+
const computedStyle = {};
|
|
8
|
+
switch (variant) {
|
|
9
|
+
case 'folded':
|
|
10
|
+
computedStyle.container = {
|
|
11
|
+
backgroundColor: Palettes.yellow[600],
|
|
12
|
+
borderBottomLeftRadius: Radius[8],
|
|
13
|
+
borderBottomRightRadius: Radius[8],
|
|
14
|
+
borderTopRightRadius: Radius[8],
|
|
15
|
+
paddingHorizontal: 8,
|
|
16
|
+
paddingVertical: 4
|
|
17
|
+
};
|
|
18
|
+
computedStyle.fold = {
|
|
19
|
+
backgroundColor: Palettes.yellow[700],
|
|
20
|
+
borderTopLeftRadius: Radius[8],
|
|
21
|
+
height: 5,
|
|
22
|
+
width: 5
|
|
23
|
+
};
|
|
24
|
+
break;
|
|
25
|
+
case 'left-sided':
|
|
26
|
+
computedStyle.container = {
|
|
27
|
+
backgroundColor: Palettes.yellow[600],
|
|
28
|
+
borderTopRightRadius: Radius[16],
|
|
29
|
+
paddingLeft: 16,
|
|
30
|
+
paddingRight: 8,
|
|
31
|
+
paddingVertical: 4
|
|
32
|
+
};
|
|
33
|
+
break;
|
|
34
|
+
case 'tiny':
|
|
35
|
+
computedStyle.container = {
|
|
36
|
+
alignItems: 'center',
|
|
37
|
+
backgroundColor: Palettes.yellow[100],
|
|
38
|
+
borderRadius: Radius[24],
|
|
39
|
+
flexDirection: 'row',
|
|
40
|
+
paddingHorizontal: 8,
|
|
41
|
+
paddingVertical: 3
|
|
42
|
+
};
|
|
43
|
+
computedStyle.label = {
|
|
44
|
+
marginLeft: 4
|
|
45
|
+
};
|
|
46
|
+
break;
|
|
47
|
+
default:
|
|
48
|
+
break;
|
|
49
|
+
}
|
|
50
|
+
return StyleSheet.create(computedStyle);
|
|
51
|
+
};
|
|
52
|
+
//# sourceMappingURL=Ribbon.style.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["StyleSheet","Palettes","Radius","getStyle","props","variant","computedStyle","container","backgroundColor","yellow","borderBottomLeftRadius","borderBottomRightRadius","borderTopRightRadius","paddingHorizontal","paddingVertical","fold","borderTopLeftRadius","height","width","paddingLeft","paddingRight","alignItems","borderRadius","flexDirection","label","marginLeft","create"],"sourceRoot":"../../../../src","sources":["components/Ribbon/Ribbon.style.tsx"],"mappings":"AACA,SAASA,UAAU,QAAQ,cAAc;AAEzC,SAASC,QAAQ,EAAEC,MAAM,QAAQ,cAAc;AAQ/C,OAAO,MAAMC,QAAQ,GAAIC,KAAkB,IAAK;EAC9C,MAAM;IAAEC;EAAQ,CAAC,GAAGD,KAAK;EAEzB,MAAME,aAAiC,GAAG,CAAC,CAAC;EAE5C,QAAQD,OAAO;IACb,KAAK,QAAQ;MACXC,aAAa,CAACC,SAAS,GAAG;QACxBC,eAAe,EAAEP,QAAQ,CAACQ,MAAM,CAAC,GAAG,CAAC;QACrCC,sBAAsB,EAAER,MAAM,CAAC,CAAC,CAAC;QACjCS,uBAAuB,EAAET,MAAM,CAAC,CAAC,CAAC;QAClCU,oBAAoB,EAAEV,MAAM,CAAC,CAAC,CAAC;QAC/BW,iBAAiB,EAAE,CAAC;QACpBC,eAAe,EAAE;MACnB,CAAC;MACDR,aAAa,CAACS,IAAI,GAAG;QACnBP,eAAe,EAAEP,QAAQ,CAACQ,MAAM,CAAC,GAAG,CAAC;QACrCO,mBAAmB,EAAEd,MAAM,CAAC,CAAC,CAAC;QAC9Be,MAAM,EAAE,CAAC;QACTC,KAAK,EAAE;MACT,CAAC;MACD;IACF,KAAK,YAAY;MACfZ,aAAa,CAACC,SAAS,GAAG;QACxBC,eAAe,EAAEP,QAAQ,CAACQ,MAAM,CAAC,GAAG,CAAC;QACrCG,oBAAoB,EAAEV,MAAM,CAAC,EAAE,CAAC;QAChCiB,WAAW,EAAE,EAAE;QACfC,YAAY,EAAE,CAAC;QACfN,eAAe,EAAE;MACnB,CAAC;MACD;IACF,KAAK,MAAM;MACTR,aAAa,CAACC,SAAS,GAAG;QACxBc,UAAU,EAAE,QAAQ;QACpBb,eAAe,EAAEP,QAAQ,CAACQ,MAAM,CAAC,GAAG,CAAC;QACrCa,YAAY,EAAEpB,MAAM,CAAC,EAAE,CAAC;QACxBqB,aAAa,EAAE,KAAK;QACpBV,iBAAiB,EAAE,CAAC;QACpBC,eAAe,EAAE;MACnB,CAAC;MACDR,aAAa,CAACkB,KAAK,GAAG;QACpBC,UAAU,EAAE;MACd,CAAC;MACD;IACF;MACE;EACJ;EAEA,OAAOzB,UAAU,CAAC0B,MAAM,CAACpB,aAAa,CAAC;AACzC,CAAC","ignoreList":[]}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":[],"sourceRoot":"../../../../src","sources":["components/Ribbon/Ribbon.type.ts"],"mappings":"","ignoreList":[]}
|
|
@@ -48,10 +48,10 @@ const Tabs = props => {
|
|
|
48
48
|
const {
|
|
49
49
|
width
|
|
50
50
|
} = event.nativeEvent.layout;
|
|
51
|
-
setLabelsLayout({
|
|
52
|
-
...
|
|
51
|
+
setLabelsLayout(prev => ({
|
|
52
|
+
...prev,
|
|
53
53
|
[idx]: width
|
|
54
|
-
});
|
|
54
|
+
}));
|
|
55
55
|
};
|
|
56
56
|
return /*#__PURE__*/React.createElement(View, {
|
|
57
57
|
style: [computedStyle.container]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","createElement","style","container","map","label","key","onPress","tabContainer","variant","bottomMarker","left"],"sourceRoot":"../../../../src","sources":["components/Tabs/Tabs.component.tsx"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,EACNC,IAAI,EAEJC,gBAAgB,QACX,cAAc;AAErB,SAASC,QAAQ,QAAQ,cAAc;AACvC,SAASC,UAAU,QAAQ,oCAAoC;AAQ/D,MAAMC,IAAwC,GAAIC,KAAK,IAAK;EAC1D,MAAM;IAAEC,MAAM,GAAG,EAAE;IAAEC,UAAU,GAAGA,CAAA,KAAM,CAAC,CAAC;IAAEC,WAAW,GAAG;EAAE,CAAC,GAAGH,KAAK;EAErE,MAAMI,aAAa,GAAGP,QAAQ,CAAC,CAAC;EAEhC,MAAM,CAACQ,YAAY,EAAEC,eAAe,CAAC,GAAGd,KAAK,CAACe,QAAQ,CAAmB,CAAC,CAAC,CAAC;EAC5E,MAAMC,cAAc,GAAGhB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAC/D,MAAMC,gBAAgB,GAAGlB,KAAK,CAACe,QAAQ,CAAC,IAAId,QAAQ,CAACgB,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC,CAAC;EAEjEjB,KAAK,CAACmB,SAAS,CAAC,MAAM;IACpB,MAAMC,cAAc,GAAGA,CAAA,KAAM;MAC3B,IAAIT,WAAW,GAAG,CAAC,EAAE;QACnB,OAAO,CAAC;MACV,CAAC,MAAM,IAAIA,WAAW,GAAGF,MAAM,CAACY,MAAM,GAAG,CAAC,EAAE;QAC1C,OAAOZ,MAAM,CAACY,MAAM,GAAG,CAAC;MAC1B,CAAC,MAAM;QACL,OAAOV,WAAW;MACpB;IACF,CAAC;IAED,IAAIW,MAAM,CAACC,IAAI,CAACV,YAAY,CAAC,CAACQ,MAAM,KAAK,CAAC,EAAE;MAC1C,MAAMG,kBAAkB,GAAGJ,cAAc,CAAC,CAAC;MAC3C,IAAIK,eAAe,GAAG,CAAC;MACvB,KAAK,IAAIC,CAAC,GAAG,CAAC,EAAEA,CAAC,GAAGF,kBAAkB,EAAEE,CAAC,EAAE,EAAE;QAC3CD,eAAe,IAAIZ,YAAY,CAACa,CAAC,CAAC,IAAI,CAAC;MACzC;MAEA,MAAMC,WAAW,GAAGd,YAAY,CAACW,kBAAkB,CAAC,IAAI,CAAC;MACzDvB,QAAQ,CAAC2B,MAAM,CAACV,gBAAgB,EAAE;QAChCW,OAAO,EAAEJ,eAAe;QACxBK,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;MACVjC,QAAQ,CAAC2B,MAAM,CAACZ,cAAc,EAAE;QAC9Ba,OAAO,EAAEF,WAAW;QACpBG,MAAM,EAAE5B,MAAM,CAAC6B,IAAI;QACnBC,eAAe,EAAE,KAAK;QACtBC,QAAQ,EAAE;MACZ,CAAC,CAAC,CAACC,KAAK,CAAC,CAAC;IACZ;IACA;EACF,CAAC,EAAE,CAACvB,WAAW,EAAEF,MAAM,EAAEI,YAAY,CAAC,CAAC;EAEvC,MAAMsB,QAAQ,GAAGA,CAACC,KAAwB,EAAEC,GAAW,KAAK;IAC1D,MAAM;MAAEC;IAAM,CAAC,GAAGF,KAAK,CAACG,WAAW,CAACC,MAAM;IAC1C1B,eAAe,
|
|
1
|
+
{"version":3,"names":["React","Animated","Easing","View","TouchableOpacity","getStyle","Typography","Tabs","props","labels","onTabPress","activeIndex","computedStyle","labelsLayout","setLabelsLayout","useState","indicatorWidth","Value","indicatorOffsetX","useEffect","getActiveIndex","length","Object","keys","currentActiveIndex","indicatorOffset","i","updatedWith","timing","toValue","easing","ease","useNativeDriver","duration","start","onLayout","event","idx","width","nativeEvent","layout","prev","createElement","style","container","map","label","key","onPress","tabContainer","variant","bottomMarker","left"],"sourceRoot":"../../../../src","sources":["components/Tabs/Tabs.component.tsx"],"mappings":"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","ignoreList":[]}
|