@pagopa/io-app-design-system 5.3.0 → 5.3.2
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/avatar/Avatar.js +5 -3
- package/lib/commonjs/components/avatar/Avatar.js.map +1 -1
- package/lib/commonjs/components/banner/Banner.js +16 -18
- package/lib/commonjs/components/banner/Banner.js.map +1 -1
- package/lib/commonjs/components/banner/BannerErrorState.js +132 -0
- package/lib/commonjs/components/banner/BannerErrorState.js.map +1 -0
- package/lib/commonjs/components/banner/__test__/__snapshots__/banner.test.tsx.snap +12 -32
- package/lib/commonjs/components/banner/index.js +11 -0
- package/lib/commonjs/components/banner/index.js.map +1 -1
- package/lib/module/components/avatar/Avatar.js +3 -3
- package/lib/module/components/avatar/Avatar.js.map +1 -1
- package/lib/module/components/banner/Banner.js +18 -20
- package/lib/module/components/banner/Banner.js.map +1 -1
- package/lib/module/components/banner/BannerErrorState.js +124 -0
- package/lib/module/components/banner/BannerErrorState.js.map +1 -0
- package/lib/module/components/banner/__test__/__snapshots__/banner.test.tsx.snap +12 -32
- package/lib/module/components/banner/index.js +1 -0
- package/lib/module/components/banner/index.js.map +1 -1
- package/lib/typescript/components/avatar/Avatar.d.ts +2 -2
- package/lib/typescript/components/avatar/Avatar.d.ts.map +1 -1
- package/lib/typescript/components/banner/Banner.d.ts.map +1 -1
- package/lib/typescript/components/banner/BannerErrorState.d.ts +27 -0
- package/lib/typescript/components/banner/BannerErrorState.d.ts.map +1 -0
- package/lib/typescript/components/banner/index.d.ts +1 -0
- package/lib/typescript/components/banner/index.d.ts.map +1 -1
- package/package.json +1 -2
- package/src/components/avatar/Avatar.tsx +6 -18
- package/src/components/banner/Banner.tsx +7 -16
- package/src/components/banner/BannerErrorState.tsx +163 -0
- package/src/components/banner/__test__/__snapshots__/banner.test.tsx.snap +12 -32
- package/src/components/banner/index.tsx +1 -0
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
|
|
|
4
4
|
value: true
|
|
5
5
|
});
|
|
6
6
|
exports.AvatarSearch = exports.Avatar = void 0;
|
|
7
|
-
var _react =
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
8
|
var _reactNative = require("react-native");
|
|
9
9
|
var _icons = require("../../components/icons");
|
|
10
10
|
var _core = require("../../core");
|
|
@@ -12,6 +12,8 @@ var _image = require("../../utils/image");
|
|
|
12
12
|
var _avatarPlaceholder = _interopRequireDefault(require("./placeholder/avatar-placeholder.png"));
|
|
13
13
|
var _jsxRuntime = require("react/jsx-runtime");
|
|
14
14
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
15
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
16
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
15
17
|
const internalSpaceDefaultSize = 6;
|
|
16
18
|
const internalSpaceLargeSize = 9;
|
|
17
19
|
const internalSpacePlaceholderDefaultSize = 12;
|
|
@@ -63,8 +65,8 @@ const Avatar = ({
|
|
|
63
65
|
size
|
|
64
66
|
}) => {
|
|
65
67
|
const theme = (0, _core.useIOTheme)();
|
|
66
|
-
const indexValue = _react.
|
|
67
|
-
const [imageSource, setImageSource] =
|
|
68
|
+
const indexValue = (0, _react.useRef)(0);
|
|
69
|
+
const [imageSource, setImageSource] = (0, _react.useState)(logoUri === undefined ? undefined : (0, _image.addCacheTimestampToUri)(logoUri));
|
|
68
70
|
const onError = () => {
|
|
69
71
|
if (Array.isArray(logoUri) && indexValue.current + 1 < logoUri.length) {
|
|
70
72
|
// eslint-disable-next-line functional/immutable-data
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_icons","_core","_image","_avatarPlaceholder","_interopRequireDefault","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","internalSpaceDefaultSize","internalSpaceLargeSize","internalSpacePlaceholderDefaultSize","internalSpacePlaceholderLargeSize","avatarBorderLightMode","hexToRgba","IOColors","black","dimensionsMap","small","size","IOVisualCostants","avatarSizeSmall","internalSpace","internalSpacePlaceholder","radius","avatarRadiusSizeSmall","medium","avatarSizeMedium","avatarRadiusSizeMedium","styles","StyleSheet","create","avatarWrapper","overflow","borderColor","borderWidth","borderCurve","avatarInnerWrapper","backgroundColor","white","avatarImage","resizeMode","height","width","Avatar","logoUri","theme","useIOTheme","indexValue","useRef","imageSource","setImageSource","useState","undefined","addCacheTimestampToUri","onError","Array","isArray","current","length","jsx","View","accessibilityIgnoresInvertColors","style","borderRadius","padding","children","Icon","name","color","Image","source","exports","AvatarSearch","React","memo","defaultSource","avatarSize","innerRadius","avatarSearchPlaceholder"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,KAAA,GAAAH,OAAA;AAOA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,kBAAA,GAAAC,sBAAA,CAAAN,OAAA;AAA2E,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAM,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAAA,SAAAG,yBAAAH,CAAA,6BAAAI,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAD,wBAAA,YAAAA,CAAAH,CAAA,WAAAA,CAAA,GAAAM,CAAA,GAAAD,CAAA,KAAAL,CAAA;AAAA,SAAAT,wBAAAS,CAAA,EAAAK,CAAA,SAAAA,CAAA,IAAAL,CAAA,IAAAA,CAAA,CAAAC,UAAA,SAAAD,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAE,OAAA,EAAAF,CAAA,QAAAM,CAAA,GAAAH,wBAAA,CAAAE,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAC,GAAA,CAAAP,CAAA,UAAAM,CAAA,CAAAE,GAAA,CAAAR,CAAA,OAAAS,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAf,CAAA,oBAAAe,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAjB,CAAA,EAAAe,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAd,CAAA,EAAAe,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,IAAAf,CAAA,CAAAe,CAAA,YAAAN,CAAA,CAAAP,OAAA,GAAAF,CAAA,EAAAM,CAAA,IAAAA,CAAA,CAAAa,GAAA,CAAAnB,CAAA,EAAAS,CAAA,GAAAA,CAAA;AAO3E,MAAMW,wBAAgC,GAAG,CAAC;AAC1C,MAAMC,sBAA8B,GAAG,CAAC;AACxC,MAAMC,mCAAmD,GAAG,EAAE;AAC9D,MAAMC,iCAAiD,GAAG,EAAE;AAC5D,MAAMC,qBAAqB,GAAG,IAAAC,eAAS,EAACC,cAAQ,CAACC,KAAK,EAAE,GAAG,CAAC;AAE5D,MAAMC,aAAa,GAAG;EACpBC,KAAK,EAAE;IACLC,IAAI,EAAEC,sBAAgB,CAACC,eAAe;IACtCC,aAAa,EAAEb,wBAAwB;IACvCc,wBAAwB,EAAEZ,mCAAmC;IAC7Da,MAAM,EAAEJ,sBAAgB,CAACK;EAC3B,CAAC;EACDC,MAAM,EAAE;IACNP,IAAI,EAAEC,sBAAgB,CAACO,gBAAgB;IACvCL,aAAa,EAAEZ,sBAAsB;IACrCa,wBAAwB,EAAEX,iCAAiC;IAC3DY,MAAM,EAAEJ,sBAAgB,CAACQ;EAC3B;AACF,CAAC;AAED,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,aAAa,EAAE;IACbC,QAAQ,EAAE,QAAQ;IAClBC,WAAW,EAAErB,qBAAqB;IAClCsB,WAAW,EAAE,CAAC;IACdC,WAAW,EAAE;EACf,CAAC;EACDC,kBAAkB,EAAE;IAClBJ,QAAQ,EAAE,QAAQ;IAClBK,eAAe,EAAEvB,cAAQ,CAACwB,KAAK;IAC/BH,WAAW,EAAE;EACf,CAAC;EACDI,WAAW,EAAE;IACXC,UAAU,EAAE,SAAS;IACrBC,MAAM,EAAE,MAAM;IACdC,KAAK,EAAE;EACT;AACF,CAAC,CAAC;;AAEF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,MAAM,GAAGA,CAAC;EAAEC,OAAO;EAAE1B;AAAa,CAAC,KAAK;EACnD,MAAM2B,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAC1B,MAAMC,UAAU,GAAG,IAAAC,aAAM,EAAS,CAAC,CAAC;EAEpC,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAG,IAAAC,eAAQ,EAC5CP,OAAO,KAAKQ,SAAS,GAAGA,SAAS,GAAG,IAAAC,6BAAsB,EAACT,OAAO,CACpE,CAAC;EAED,MAAMU,OAAO,GAAGA,CAAA,KAAM;IACpB,IAAIC,KAAK,CAACC,OAAO,CAACZ,OAAO,CAAC,IAAIG,UAAU,CAACU,OAAO,GAAG,CAAC,GAAGb,OAAO,CAACc,MAAM,EAAE;MACrE;MACAX,UAAU,CAACU,OAAO,GAAGV,UAAU,CAACU,OAAO,GAAG,CAAC;MAC3CP,cAAc,CAAC,IAAAG,6BAAsB,EAACT,OAAO,CAACG,UAAU,CAACU,OAAO,CAAC,CAAC,CAAC;MACnE;IACF;IACAP,cAAc,CAACE,SAAS,CAAC;EAC3B,CAAC;EAED,oBACE,IAAAjE,WAAA,CAAAwE,GAAA,EAAC9E,YAAA,CAAA+E,IAAI;IACHC,gCAAgC;IAChCC,KAAK,EAAE,CACLlC,MAAM,CAACG,aAAa,EACpB;MACEU,MAAM,EAAEzB,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI;MAChCwB,KAAK,EAAE1B,aAAa,CAACE,IAAI,CAAC,CAACA,IAAI;MAC/B6C,YAAY,EAAE/C,aAAa,CAACE,IAAI,CAAC,CAACK,MAAM;MACxCc,eAAe,EACbY,WAAW,KAAKG,SAAS,GAAGtC,cAAQ,CAAC,SAAS,CAAC,GAAGA,cAAQ,CAACwB,KAAK;MAClE0B,OAAO,EACLf,WAAW,KAAKG,SAAS,GACrBpC,aAAa,CAACE,IAAI,CAAC,CAACI,wBAAwB,GAC5CN,aAAa,CAACE,IAAI,CAAC,CAACG;IAC5B,CAAC,CACD;IAAA4C,QAAA,EAEDhB,WAAW,KAAKG,SAAS,gBACxB,IAAAjE,WAAA,CAAAwE,GAAA,EAAC7E,MAAA,CAAAoF,IAAI;MACHC,IAAI,EAAC,aAAa;MAClBC,KAAK,EAAEvB,KAAK,CAAC,iBAAiB,CAAE;MAChC3B,IAAI,EAAE;IAAO,CACd,CAAC,gBAEF,IAAA/B,WAAA,CAAAwE,GAAA,EAAC9E,YAAA,CAAA+E,IAAI;MACHE,KAAK,EAAE,CACLlC,MAAM,CAACQ,kBAAkB,EACzB;QACE2B,YAAY,EACV/C,aAAa,CAACE,IAAI,CAAC,CAACK,MAAM,GAAGP,aAAa,CAACE,IAAI,CAAC,CAACG;MACrD,CAAC,CACD;MAAA4C,QAAA,eAEF,IAAA9E,WAAA,CAAAwE,GAAA,EAAC9E,YAAA,CAAAwF,KAAK;QACJR,gCAAgC;QAChCS,MAAM,EAAErB,WAAY;QACpBa,KAAK,EAAElC,MAAM,CAACW,WAAY;QAC1Be,OAAO,EAAEA;MAAQ,CAClB;IAAC,CACE;EACP,CACG,CAAC;AAEX,CAAC;AAACiB,OAAA,CAAA5B,MAAA,GAAAA,MAAA;AAOF;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM6B,YAAY,GAAAD,OAAA,CAAAC,YAAA,gBAAGC,cAAK,CAACC,IAAI,CACpC,CAAC;EAAEC,aAAa;EAAEL;AAA0B,CAAC,KAAK;EAChD;EACA,MAAMM,UAAU,GAAG5D,aAAa,CAACC,KAAK,CAACC,IAAI;EAC3C,MAAM6C,YAAY,GAAG/C,aAAa,CAACC,KAAK,CAACM,MAAM;EAC/C,MAAMF,aAAa,GAAGL,aAAa,CAACC,KAAK,CAACI,aAAa;EACvD,MAAMwD,WAAW,GAAGd,YAAY,GAAG1C,aAAa;EAEhD,oBACE,IAAAlC,WAAA,CAAAwE,GAAA,EAAC9E,YAAA,CAAA+E,IAAI;IACHC,gCAAgC;IAChCC,KAAK,EAAE,CACLlC,MAAM,CAACG,aAAa,EACpB;MACEgC,YAAY;MACZtB,MAAM,EAAEmC,UAAU;MAClBlC,KAAK,EAAEkC,UAAU;MACjBvC,eAAe,EAAEvB,cAAQ,CAACwB,KAAK;MAC/B0B,OAAO,EAAE3C;IACX,CAAC,CACD;IAAA4C,QAAA,eAEF,IAAA9E,WAAA,CAAAwE,GAAA,EAAC9E,YAAA,CAAA+E,IAAI;MACHE,KAAK,EAAE,CAAClC,MAAM,CAACQ,kBAAkB,EAAE;QAAE2B,YAAY,EAAEc;MAAY,CAAC,CAAE;MAAAZ,QAAA,eAElE,IAAA9E,WAAA,CAAAwE,GAAA,EAAC9E,YAAA,CAAAwF,KAAK;QACJR,gCAAgC;QAChCS,MAAM,EAAEA,MAAO;QACfR,KAAK,EAAElC,MAAM,CAACW,WAAY;QAC1BoC,aAAa,EAAEA,aAAa,IAAIG;MAAwB,CACzD;IAAC,CACE;EAAC,CACH,CAAC;AAEX,CACF,CAAC","ignoreList":[]}
|
|
@@ -104,28 +104,24 @@ const Banner = ({
|
|
|
104
104
|
const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
|
|
105
105
|
const renderMainBlock = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
106
106
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
107
|
-
style:
|
|
107
|
+
style: {
|
|
108
|
+
flex: 1,
|
|
109
|
+
alignSelf: "center",
|
|
110
|
+
gap: 4
|
|
111
|
+
},
|
|
108
112
|
accessible: true
|
|
109
113
|
// A11y related props
|
|
110
114
|
,
|
|
111
115
|
accessibilityLabel: accessibilityLabel ?? fallbackAccessibilityLabel,
|
|
112
116
|
accessibilityHint: accessibilityHint,
|
|
113
117
|
accessibilityRole: action !== undefined ? accessibilityRole : "text",
|
|
114
|
-
children: [title && /*#__PURE__*/(0, _jsxRuntime.
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
|
|
119
|
-
|
|
120
|
-
|
|
121
|
-
}), content && /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
|
|
122
|
-
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.BodySmall, {
|
|
123
|
-
color: theme["textBody-tertiary"],
|
|
124
|
-
weight: "Regular",
|
|
125
|
-
children: content
|
|
126
|
-
}), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.VSpacer, {
|
|
127
|
-
size: 8
|
|
128
|
-
})]
|
|
118
|
+
children: [title && /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.H6, {
|
|
119
|
+
color: colorTitle,
|
|
120
|
+
children: title
|
|
121
|
+
}), content && /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.BodySmall, {
|
|
122
|
+
color: theme["textBody-tertiary"],
|
|
123
|
+
weight: "Regular",
|
|
124
|
+
children: content
|
|
129
125
|
}), action &&
|
|
130
126
|
/*#__PURE__*/
|
|
131
127
|
/* Disable pointer events to avoid
|
|
@@ -139,7 +135,7 @@ const Banner = ({
|
|
|
139
135
|
accessibilityRole: "button",
|
|
140
136
|
onPress: onPress,
|
|
141
137
|
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.VSpacer, {
|
|
142
|
-
size:
|
|
138
|
+
size: 8
|
|
143
139
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.IOText, {
|
|
144
140
|
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
145
141
|
weight: "Semibold",
|
|
@@ -156,7 +152,9 @@ const Banner = ({
|
|
|
156
152
|
})]
|
|
157
153
|
})]
|
|
158
154
|
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
159
|
-
style: [styles.bleedPictogram,
|
|
155
|
+
style: [styles.bleedPictogram, {
|
|
156
|
+
alignSelf: "center"
|
|
157
|
+
}],
|
|
160
158
|
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_pictograms.PictogramBleed, {
|
|
161
159
|
name: pictogramName,
|
|
162
160
|
size: sizePictogram
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_buttons","_pictograms","_spacer","_typography","_jsxRuntime","e","__esModule","default","sizePictogram","closeButtonDistanceFromEdge","closeButtonOpacity","bannerPadding","IOBannerBigSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","IOBannerRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","exports","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","accessibilityRole","testID","newTypefaceEnabled","useIONewTypeface","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","themeType","useIOThemeContext","theme","useIOTheme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","hexToRgba","IOColors","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","jsxs","Fragment","children","View","style","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_core","_IOColors","_hooks","_buttons","_pictograms","_spacer","_typography","_jsxRuntime","e","__esModule","default","sizePictogram","closeButtonDistanceFromEdge","closeButtonOpacity","bannerPadding","IOBannerBigSpacing","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","IOBannerRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","exports","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","accessibilityRole","testID","newTypefaceEnabled","useIONewTypeface","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","themeType","useIOThemeContext","theme","useIOTheme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","hexToRgba","IOColors","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","jsxs","Fragment","children","View","style","flex","alignSelf","gap","accessible","undefined","jsx","H6","BodySmall","weight","Pressable","pointerEvents","importantForAccessibility","accessibilityElementsHidden","VSpacer","size","IOText","font","buttonTextFontSize","numberOfLines","ellipsizeMode","PictogramBleed","name","IconButton","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -0,0 +1,132 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.BannerErrorState = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
|
+
var _core = require("../../core");
|
|
11
|
+
var _icons = require("../icons");
|
|
12
|
+
var _hooks = require("../../hooks");
|
|
13
|
+
var _spacer = require("../spacer");
|
|
14
|
+
var _typography = require("../typography");
|
|
15
|
+
var _buttons = require("../buttons");
|
|
16
|
+
var _jsxRuntime = require("react/jsx-runtime");
|
|
17
|
+
function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
|
|
18
|
+
function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
|
|
19
|
+
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
20
|
+
const styles = _reactNative.StyleSheet.create({
|
|
21
|
+
container: {
|
|
22
|
+
flexDirection: "row",
|
|
23
|
+
alignItems: "center",
|
|
24
|
+
alignContent: "center",
|
|
25
|
+
borderRadius: _core.IOBannerRadius,
|
|
26
|
+
borderCurve: "continuous",
|
|
27
|
+
padding: _core.IOBannerBigSpacing
|
|
28
|
+
}
|
|
29
|
+
});
|
|
30
|
+
|
|
31
|
+
/* Component Types */
|
|
32
|
+
|
|
33
|
+
/**
|
|
34
|
+
** TODO: Move it to the `io-app-design-system` package
|
|
35
|
+
*/
|
|
36
|
+
const BannerErrorState = ({
|
|
37
|
+
viewRef,
|
|
38
|
+
icon = "warningFilled",
|
|
39
|
+
label,
|
|
40
|
+
actionText,
|
|
41
|
+
onPress,
|
|
42
|
+
accessibilityHint,
|
|
43
|
+
accessibilityLabel,
|
|
44
|
+
testID
|
|
45
|
+
}) => {
|
|
46
|
+
const {
|
|
47
|
+
onPressIn,
|
|
48
|
+
onPressOut,
|
|
49
|
+
scaleAnimatedStyle
|
|
50
|
+
} = (0, _hooks.useScaleAnimation)("medium");
|
|
51
|
+
const theme = (0, _core.useIOTheme)();
|
|
52
|
+
const {
|
|
53
|
+
themeType
|
|
54
|
+
} = (0, _core.useIOThemeContext)();
|
|
55
|
+
|
|
56
|
+
/* Styles */
|
|
57
|
+
const foregroundColor = theme["textBody-tertiary"];
|
|
58
|
+
const backgroundColor = "grey-50";
|
|
59
|
+
const dynamicContainerStyles = {
|
|
60
|
+
backgroundColor: themeType === "dark" ? (0, _core.hexToRgba)(_core.IOColors[backgroundColor], 0.1) : _core.IOColors[backgroundColor]
|
|
61
|
+
};
|
|
62
|
+
const renderMainBlock = () => /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
63
|
+
style: {
|
|
64
|
+
flex: 1,
|
|
65
|
+
alignItems: "center",
|
|
66
|
+
gap: 8
|
|
67
|
+
},
|
|
68
|
+
accessible: true
|
|
69
|
+
// A11y related props
|
|
70
|
+
,
|
|
71
|
+
accessibilityLabel: accessibilityLabel,
|
|
72
|
+
accessibilityHint: accessibilityHint,
|
|
73
|
+
accessibilityRole: actionText !== undefined ? "button" : undefined,
|
|
74
|
+
children: [icon && /*#__PURE__*/(0, _jsxRuntime.jsx)(_icons.Icon, {
|
|
75
|
+
name: icon,
|
|
76
|
+
size: 24,
|
|
77
|
+
color: foregroundColor
|
|
78
|
+
}), label && /*#__PURE__*/(0, _jsxRuntime.jsx)(_typography.Body, {
|
|
79
|
+
color: foregroundColor,
|
|
80
|
+
textStyle: {
|
|
81
|
+
textAlign: "center"
|
|
82
|
+
},
|
|
83
|
+
children: label
|
|
84
|
+
}), actionText &&
|
|
85
|
+
/*#__PURE__*/
|
|
86
|
+
/* Disable pointer events to avoid
|
|
87
|
+
pressed state on the button */
|
|
88
|
+
(0, _jsxRuntime.jsxs)(_reactNative.View, {
|
|
89
|
+
pointerEvents: "none",
|
|
90
|
+
accessibilityElementsHidden: true,
|
|
91
|
+
importantForAccessibility: "no-hide-descendants",
|
|
92
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_spacer.VSpacer, {
|
|
93
|
+
size: 4
|
|
94
|
+
}), /*#__PURE__*/(0, _jsxRuntime.jsx)(_buttons.ButtonLink, {
|
|
95
|
+
color: "primary",
|
|
96
|
+
onPress: onPress,
|
|
97
|
+
label: actionText
|
|
98
|
+
})]
|
|
99
|
+
})]
|
|
100
|
+
});
|
|
101
|
+
const PressableContent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
|
|
102
|
+
ref: viewRef,
|
|
103
|
+
testID: testID,
|
|
104
|
+
onPress: onPress,
|
|
105
|
+
onPressIn: onPressIn,
|
|
106
|
+
onPressOut: onPressOut,
|
|
107
|
+
accessible: false,
|
|
108
|
+
children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
109
|
+
style: [styles.container, dynamicContainerStyles, scaleAnimatedStyle],
|
|
110
|
+
children: renderMainBlock()
|
|
111
|
+
})
|
|
112
|
+
});
|
|
113
|
+
const StaticComponent = () => /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
|
|
114
|
+
ref: viewRef,
|
|
115
|
+
testID: testID,
|
|
116
|
+
style: [styles.container, dynamicContainerStyles]
|
|
117
|
+
// A11y related props
|
|
118
|
+
,
|
|
119
|
+
accessible: false,
|
|
120
|
+
accessibilityHint: accessibilityHint,
|
|
121
|
+
accessibilityLabel: accessibilityLabel,
|
|
122
|
+
accessibilityRole: "text",
|
|
123
|
+
children: renderMainBlock()
|
|
124
|
+
});
|
|
125
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
|
|
126
|
+
entering: _reactNativeReanimated.FadeIn.duration(150),
|
|
127
|
+
exiting: _reactNativeReanimated.FadeOut.duration(150),
|
|
128
|
+
children: actionText ? /*#__PURE__*/(0, _jsxRuntime.jsx)(PressableContent, {}) : /*#__PURE__*/(0, _jsxRuntime.jsx)(StaticComponent, {})
|
|
129
|
+
});
|
|
130
|
+
};
|
|
131
|
+
exports.BannerErrorState = BannerErrorState;
|
|
132
|
+
//# sourceMappingURL=BannerErrorState.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeReanimated","_interopRequireWildcard","_core","_icons","_hooks","_spacer","_typography","_buttons","_jsxRuntime","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","styles","StyleSheet","create","container","flexDirection","alignItems","alignContent","borderRadius","IOBannerRadius","borderCurve","padding","IOBannerBigSpacing","BannerErrorState","viewRef","icon","label","actionText","onPress","accessibilityHint","accessibilityLabel","testID","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","theme","useIOTheme","themeType","useIOThemeContext","foregroundColor","backgroundColor","dynamicContainerStyles","hexToRgba","IOColors","renderMainBlock","jsxs","View","style","flex","gap","accessible","accessibilityRole","undefined","children","jsx","Icon","name","size","color","Body","textStyle","textAlign","pointerEvents","accessibilityElementsHidden","importantForAccessibility","VSpacer","ButtonLink","PressableContent","Pressable","ref","StaticComponent","entering","FadeIn","duration","exiting","FadeOut","exports"],"sourceRoot":"../../../../src","sources":["components/banner/BannerErrorState.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -61,14 +61,11 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
61
61
|
accessibilityRole="button"
|
|
62
62
|
accessible={true}
|
|
63
63
|
style={
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
"alignSelf": "center",
|
|
70
|
-
},
|
|
71
|
-
]
|
|
64
|
+
{
|
|
65
|
+
"alignSelf": "center",
|
|
66
|
+
"flex": 1,
|
|
67
|
+
"gap": 4,
|
|
68
|
+
}
|
|
72
69
|
}
|
|
73
70
|
>
|
|
74
71
|
<Text
|
|
@@ -91,13 +88,6 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
91
88
|
>
|
|
92
89
|
Banner title
|
|
93
90
|
</Text>
|
|
94
|
-
<View
|
|
95
|
-
style={
|
|
96
|
-
{
|
|
97
|
-
"height": 4,
|
|
98
|
-
}
|
|
99
|
-
}
|
|
100
|
-
/>
|
|
101
91
|
<View
|
|
102
92
|
accessibilityElementsHidden={true}
|
|
103
93
|
accessibilityLabel="Action text"
|
|
@@ -137,7 +127,7 @@ exports[`Test Banner Components - Experimental Enabled Banner Snapshot 1`] = `
|
|
|
137
127
|
<View
|
|
138
128
|
style={
|
|
139
129
|
{
|
|
140
|
-
"height":
|
|
130
|
+
"height": 8,
|
|
141
131
|
}
|
|
142
132
|
}
|
|
143
133
|
/>
|
|
@@ -365,14 +355,11 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
365
355
|
accessibilityRole="button"
|
|
366
356
|
accessible={true}
|
|
367
357
|
style={
|
|
368
|
-
|
|
369
|
-
|
|
370
|
-
|
|
371
|
-
|
|
372
|
-
|
|
373
|
-
"alignSelf": "center",
|
|
374
|
-
},
|
|
375
|
-
]
|
|
358
|
+
{
|
|
359
|
+
"alignSelf": "center",
|
|
360
|
+
"flex": 1,
|
|
361
|
+
"gap": 4,
|
|
362
|
+
}
|
|
376
363
|
}
|
|
377
364
|
>
|
|
378
365
|
<Text
|
|
@@ -395,13 +382,6 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
395
382
|
>
|
|
396
383
|
Banner title
|
|
397
384
|
</Text>
|
|
398
|
-
<View
|
|
399
|
-
style={
|
|
400
|
-
{
|
|
401
|
-
"height": 4,
|
|
402
|
-
}
|
|
403
|
-
}
|
|
404
|
-
/>
|
|
405
385
|
<View
|
|
406
386
|
accessibilityElementsHidden={true}
|
|
407
387
|
accessibilityLabel="Action text"
|
|
@@ -441,7 +421,7 @@ exports[`Test Banner Components Banner Snapshot 1`] = `
|
|
|
441
421
|
<View
|
|
442
422
|
style={
|
|
443
423
|
{
|
|
444
|
-
"height":
|
|
424
|
+
"height": 8,
|
|
445
425
|
}
|
|
446
426
|
}
|
|
447
427
|
/>
|
|
@@ -14,4 +14,15 @@ Object.keys(_Banner).forEach(function (key) {
|
|
|
14
14
|
}
|
|
15
15
|
});
|
|
16
16
|
});
|
|
17
|
+
var _BannerErrorState = require("./BannerErrorState");
|
|
18
|
+
Object.keys(_BannerErrorState).forEach(function (key) {
|
|
19
|
+
if (key === "default" || key === "__esModule") return;
|
|
20
|
+
if (key in exports && exports[key] === _BannerErrorState[key]) return;
|
|
21
|
+
Object.defineProperty(exports, key, {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
get: function () {
|
|
24
|
+
return _BannerErrorState[key];
|
|
25
|
+
}
|
|
26
|
+
});
|
|
27
|
+
});
|
|
17
28
|
//# sourceMappingURL=index.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_Banner","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/banner/index.tsx"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
1
|
+
{"version":3,"names":["_Banner","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_BannerErrorState"],"sourceRoot":"../../../../src","sources":["components/banner/index.tsx"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
|
|
3
|
-
import React from "react";
|
|
3
|
+
import React, { useRef, useState } from "react";
|
|
4
4
|
import { Image, StyleSheet, View } from "react-native";
|
|
5
5
|
import { Icon } from "../../components/icons";
|
|
6
6
|
import { IOColors, IOVisualCostants, hexToRgba, useIOTheme } from "../../core";
|
|
@@ -58,8 +58,8 @@ export const Avatar = ({
|
|
|
58
58
|
size
|
|
59
59
|
}) => {
|
|
60
60
|
const theme = useIOTheme();
|
|
61
|
-
const indexValue =
|
|
62
|
-
const [imageSource, setImageSource] =
|
|
61
|
+
const indexValue = useRef(0);
|
|
62
|
+
const [imageSource, setImageSource] = useState(logoUri === undefined ? undefined : addCacheTimestampToUri(logoUri));
|
|
63
63
|
const onError = () => {
|
|
64
64
|
if (Array.isArray(logoUri) && indexValue.current + 1 < logoUri.length) {
|
|
65
65
|
// eslint-disable-next-line functional/immutable-data
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Image","StyleSheet","View","Icon","IOColors","IOVisualCostants","hexToRgba","useIOTheme","addCacheTimestampToUri","avatarSearchPlaceholder","jsx","_jsx","internalSpaceDefaultSize","internalSpaceLargeSize","internalSpacePlaceholderDefaultSize","internalSpacePlaceholderLargeSize","avatarBorderLightMode","black","dimensionsMap","small","size","avatarSizeSmall","internalSpace","internalSpacePlaceholder","radius","avatarRadiusSizeSmall","medium","avatarSizeMedium","avatarRadiusSizeMedium","styles","create","avatarWrapper","overflow","borderColor","borderWidth","borderCurve","avatarInnerWrapper","backgroundColor","white","avatarImage","resizeMode","height","width","Avatar","logoUri","theme","indexValue","
|
|
1
|
+
{"version":3,"names":["React","useRef","useState","Image","StyleSheet","View","Icon","IOColors","IOVisualCostants","hexToRgba","useIOTheme","addCacheTimestampToUri","avatarSearchPlaceholder","jsx","_jsx","internalSpaceDefaultSize","internalSpaceLargeSize","internalSpacePlaceholderDefaultSize","internalSpacePlaceholderLargeSize","avatarBorderLightMode","black","dimensionsMap","small","size","avatarSizeSmall","internalSpace","internalSpacePlaceholder","radius","avatarRadiusSizeSmall","medium","avatarSizeMedium","avatarRadiusSizeMedium","styles","create","avatarWrapper","overflow","borderColor","borderWidth","borderCurve","avatarInnerWrapper","backgroundColor","white","avatarImage","resizeMode","height","width","Avatar","logoUri","theme","indexValue","imageSource","setImageSource","undefined","onError","Array","isArray","current","length","accessibilityIgnoresInvertColors","style","borderRadius","padding","children","name","color","source","AvatarSearch","memo","defaultSource","avatarSize","innerRadius"],"sourceRoot":"../../../../src","sources":["components/avatar/Avatar.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { Pressable, StyleSheet, View } from "react-native";
|
|
5
5
|
import Animated from "react-native-reanimated";
|
|
6
|
-
import { IOBannerBigSpacing, IOBannerRadius,
|
|
6
|
+
import { IOBannerBigSpacing, IOBannerRadius, useIONewTypeface, useIOTheme, useIOThemeContext } from "../../core";
|
|
7
7
|
import { hexToRgba, IOColors } from "../../core/IOColors";
|
|
8
8
|
import { useScaleAnimation } from "../../hooks";
|
|
9
9
|
import { IconButton } from "../buttons";
|
|
@@ -12,7 +12,7 @@ import { VSpacer } from "../spacer";
|
|
|
12
12
|
import { BodySmall, buttonTextFontSize, H6, IOText } from "../typography";
|
|
13
13
|
|
|
14
14
|
/* Styles */
|
|
15
|
-
import { jsx as _jsx,
|
|
15
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
16
16
|
const sizePictogram = 80;
|
|
17
17
|
const closeButtonDistanceFromEdge = 6;
|
|
18
18
|
const closeButtonOpacity = 0.6;
|
|
@@ -101,28 +101,24 @@ export const Banner = ({
|
|
|
101
101
|
const fallbackAccessibilityLabel = [title, content, action].filter(Boolean).join(" ");
|
|
102
102
|
const renderMainBlock = () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
103
103
|
children: [/*#__PURE__*/_jsxs(View, {
|
|
104
|
-
style:
|
|
104
|
+
style: {
|
|
105
|
+
flex: 1,
|
|
106
|
+
alignSelf: "center",
|
|
107
|
+
gap: 4
|
|
108
|
+
},
|
|
105
109
|
accessible: true
|
|
106
110
|
// A11y related props
|
|
107
111
|
,
|
|
108
112
|
accessibilityLabel: accessibilityLabel ?? fallbackAccessibilityLabel,
|
|
109
113
|
accessibilityHint: accessibilityHint,
|
|
110
114
|
accessibilityRole: action !== undefined ? accessibilityRole : "text",
|
|
111
|
-
children: [title && /*#__PURE__*/
|
|
112
|
-
|
|
113
|
-
|
|
114
|
-
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
|
|
118
|
-
}), content && /*#__PURE__*/_jsxs(_Fragment, {
|
|
119
|
-
children: [/*#__PURE__*/_jsx(BodySmall, {
|
|
120
|
-
color: theme["textBody-tertiary"],
|
|
121
|
-
weight: "Regular",
|
|
122
|
-
children: content
|
|
123
|
-
}), action && /*#__PURE__*/_jsx(VSpacer, {
|
|
124
|
-
size: 8
|
|
125
|
-
})]
|
|
115
|
+
children: [title && /*#__PURE__*/_jsx(H6, {
|
|
116
|
+
color: colorTitle,
|
|
117
|
+
children: title
|
|
118
|
+
}), content && /*#__PURE__*/_jsx(BodySmall, {
|
|
119
|
+
color: theme["textBody-tertiary"],
|
|
120
|
+
weight: "Regular",
|
|
121
|
+
children: content
|
|
126
122
|
}), action &&
|
|
127
123
|
/*#__PURE__*/
|
|
128
124
|
/* Disable pointer events to avoid
|
|
@@ -136,7 +132,7 @@ export const Banner = ({
|
|
|
136
132
|
accessibilityRole: "button",
|
|
137
133
|
onPress: onPress,
|
|
138
134
|
children: [/*#__PURE__*/_jsx(VSpacer, {
|
|
139
|
-
size:
|
|
135
|
+
size: 8
|
|
140
136
|
}), /*#__PURE__*/_jsx(IOText, {
|
|
141
137
|
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
142
138
|
weight: "Semibold",
|
|
@@ -153,7 +149,9 @@ export const Banner = ({
|
|
|
153
149
|
})]
|
|
154
150
|
})]
|
|
155
151
|
}), /*#__PURE__*/_jsx(View, {
|
|
156
|
-
style: [styles.bleedPictogram,
|
|
152
|
+
style: [styles.bleedPictogram, {
|
|
153
|
+
alignSelf: "center"
|
|
154
|
+
}],
|
|
157
155
|
children: /*#__PURE__*/_jsx(PictogramBleed, {
|
|
158
156
|
name: pictogramName,
|
|
159
157
|
size: sizePictogram
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","
|
|
1
|
+
{"version":3,"names":["React","Pressable","StyleSheet","View","Animated","IOBannerBigSpacing","IOBannerRadius","useIONewTypeface","useIOTheme","useIOThemeContext","hexToRgba","IOColors","useScaleAnimation","IconButton","PictogramBleed","VSpacer","BodySmall","buttonTextFontSize","H6","IOText","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","sizePictogram","closeButtonDistanceFromEdge","closeButtonOpacity","bannerPadding","styles","create","container","flexDirection","alignItems","alignContent","padding","borderRadius","borderCurve","bleedPictogram","marginRight","closeIconButton","position","right","top","opacity","bannerBackgroundColours","mapBackgroundColorLightMode","neutral","turquoise","mapBackgroundColorDarkMode","Banner","viewRef","color","pictogramName","title","content","action","labelClose","onPress","onClose","accessibilityHint","accessibilityLabel","accessibilityRole","testID","newTypefaceEnabled","onPressIn","onPressOut","scaleAnimatedStyle","themeType","theme","colorTitle","colorCloseButton","colorMainButton","dynamicContainerStyles","backgroundColor","fallbackAccessibilityLabel","filter","Boolean","join","renderMainBlock","children","style","flex","alignSelf","gap","accessible","undefined","weight","pointerEvents","importantForAccessibility","accessibilityElementsHidden","size","font","numberOfLines","ellipsizeMode","name","icon","PressableButton","ref","StaticComponent"],"sourceRoot":"../../../../src","sources":["components/banner/Banner.tsx"],"mappings":"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","ignoreList":[]}
|