@pagopa/io-app-design-system 5.5.1 → 5.6.1
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/buttons/IOButton/IOButton.js +1 -3
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/commonjs/components/featureInfo/FeatureInfo.js +34 -15
- package/lib/commonjs/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +1 -3
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -1
- package/lib/module/components/featureInfo/FeatureInfo.js +35 -16
- package/lib/module/components/featureInfo/FeatureInfo.js.map +1 -1
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts +5 -4
- package/lib/typescript/components/featureInfo/FeatureInfo.d.ts.map +1 -1
- package/lib/typescript/components/pictograms/Pictogram.d.ts +1 -2
- package/lib/typescript/components/pictograms/Pictogram.d.ts.map +1 -1
- package/lib/typescript/components/typography/IOText.d.ts +1 -1
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/IOButton/IOButton.tsx +1 -1
- package/src/components/featureInfo/FeatureInfo.tsx +44 -18
- package/src/components/pictograms/Pictogram.tsx +1 -1
- package/src/components/typography/IOText.tsx +1 -1
|
@@ -156,9 +156,7 @@ const IOButton = exports.IOButton = /*#__PURE__*/(0, _react.forwardRef)(({
|
|
|
156
156
|
textAlign
|
|
157
157
|
}, disabled ? {
|
|
158
158
|
color: mapColorStates[color]?.foreground?.disabled
|
|
159
|
-
} :
|
|
160
|
-
...labelAnimatedStyle
|
|
161
|
-
}],
|
|
159
|
+
} : labelAnimatedStyle],
|
|
162
160
|
children: label
|
|
163
161
|
})]
|
|
164
162
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_typography","_ButtonText","_styles","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IOButton","exports","forwardRef","variant","color","label","fullWidth","disabled","loading","numberOfLines","textAlign","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","accessibilityRole","testID","ref","mapColorStates","useButtonColorMap","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","buttonAnimatedStyle","labelAnimatedStyle","iconColorAnimatedStyle","useButtonAnimatedStyles","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","isLinkButton","btnIconSizeMap","solid","outline","link","btnBorderWidthMap","btnPaddingHorizontalMap","btnLinkHitSlop","top","right","bottom","left","btnIconSize","btnBorderWidth","btnBorderRadius","btnSizeDefault","ICON_MARGIN","DISABLED_OPACITY","backgroundColor","background","foregroundColor","foreground","isMounted","useRef","useEffect","current","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","renderButtonContent","jsxs","Fragment","children","jsx","View","style","styles","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","AnimatedIconWithColorTransition","allowFontScaling","name","animatedProps","size","AnimatedIcon","AnimatedIOText","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","accessible","accessibilityElementsHidden","importantForAccessibility","ellipsizeMode","Pressable","accessibilityState","busy","hitSlop","alignSelf","flexShrink","button","paddingHorizontal","height","borderWidth","borderRadius","borderColor","opacity","StyleSheet","create","alignItems","justifyContent","textAlignVertical","borderCurve","overflow","elevation","_default"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/IOButton.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeHapticFeedback","_interopRequireDefault","_reactNativeReanimated","_core","_hooks","_icons","_loadingSpinner","_typography","_ButtonText","_styles","_jsxRuntime","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","IOButton","exports","forwardRef","variant","color","label","fullWidth","disabled","loading","numberOfLines","textAlign","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","accessibilityRole","testID","ref","mapColorStates","useButtonColorMap","progress","onPressIn","onPressOut","scaleAnimatedStyle","useScaleAnimation","buttonAnimatedStyle","labelAnimatedStyle","iconColorAnimatedStyle","useButtonAnimatedStyles","reducedMotion","useReducedMotion","newTypefaceEnabled","useIONewTypeface","isLinkButton","btnIconSizeMap","solid","outline","link","btnBorderWidthMap","btnPaddingHorizontalMap","btnLinkHitSlop","top","right","bottom","left","btnIconSize","btnBorderWidth","btnBorderRadius","btnSizeDefault","ICON_MARGIN","DISABLED_OPACITY","backgroundColor","background","foregroundColor","foreground","isMounted","useRef","useEffect","current","handleOnPress","useCallback","event","ReactNativeHapticFeedback","trigger","renderButtonContent","jsxs","Fragment","children","jsx","View","style","styles","buttonInner","entering","enterTransitionInnerContentSmall","undefined","exiting","exitTransitionInnerContent","LoadingSpinner","columnGap","flexDirection","enterTransitionInnerContent","AnimatedIconWithColorTransition","allowFontScaling","name","animatedProps","size","AnimatedIcon","AnimatedIOText","font","weight","buttonTextFontSize","lineHeight","buttonTextLineHeight","accessible","accessibilityElementsHidden","importantForAccessibility","ellipsizeMode","Pressable","accessibilityState","busy","hitSlop","alignSelf","flexShrink","button","paddingHorizontal","height","borderWidth","borderRadius","borderColor","opacity","StyleSheet","create","alignItems","justifyContent","textAlignVertical","borderCurve","overflow","elevation","_default"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/IOButton.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AAOA,IAAAC,YAAA,GAAAD,OAAA;AAYA,IAAAE,0BAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAL,uBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAL,OAAA;AAMA,IAAAM,MAAA,GAAAN,OAAA;AAEA,IAAAO,MAAA,GAAAP,OAAA;AAMA,IAAAQ,eAAA,GAAAR,OAAA;AACA,IAAAS,WAAA,GAAAT,OAAA;AACA,IAAAU,WAAA,GAAAV,OAAA;AAIA,IAAAW,OAAA,GAAAX,OAAA;AAAsE,IAAAY,WAAA,GAAAZ,OAAA;AAAA,SAAAG,uBAAAU,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,SAAAd,wBAAAc,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;AAsE/D,MAAMW,QAAQ,GAAAC,OAAA,CAAAD,QAAA,gBAAG,IAAAE,iBAAU,EAChC,CACE;EACEC,OAAO,GAAG,OAAO;EACjBC,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,aAAa,GAAG,CAAC;EACjBC,SAAS,GAAG,MAAM;EAClBC,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC,iBAAiB,GAAG,QAAQ;EAC5BC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,cAAc,GAAG,IAAAC,yBAAiB,EAACjB,OAAO,CAAC;EACjD,MAAM;IAAEkB,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3D,IAAAC,wBAAiB,EAAC,CAAC;EACrB,MAAM;IAAEC,mBAAmB;IAAEC,kBAAkB;IAAEC;EAAuB,CAAC,GACvE,IAAAC,+BAAuB,EAAC1B,OAAO,EAAEC,KAAK,EAAEiB,QAAQ,CAAC;EACnD,MAAMS,aAAa,GAAG,IAAAC,uCAAgB,EAAC,CAAC;EACxC,MAAM;IAAEC;EAAmB,CAAC,GAAG,IAAAC,sBAAgB,EAAC,CAAC;EAEjD,MAAMC,YAAY,GAAG/B,OAAO,KAAK,MAAM;;EAEvC;EACA;EACA;EACA,MAAMgC,cAAwD,GAAG;IAC/DC,KAAK,EAAE,EAAE;IACTC,OAAO,EAAE,EAAE;IACXC,IAAI,EAAE;EACR,CAAC;EAED,MAAMC,iBAAoE,GACxE;IACEH,KAAK,EAAE,CAAC;IACRC,OAAO,EAAE,CAAC;IACVC,IAAI,EAAE;EACR,CAAC;EAEH,MAAME,uBAGL,GAAG;IACF1D,OAAO,EAAE,EAAE;IACXwB,SAAS,EAAE,EAAE;IACbgC,IAAI,EAAE;EACR,CAAC;EAED,MAAMG,cAAyC,GAAG;IAChDC,GAAG,EAAE,EAAE;IACPC,KAAK,EAAE,EAAE;IACTC,MAAM,EAAE,EAAE;IACVC,IAAI,EAAE;EACR,CAAC;EAED,MAAMC,WAAW,GAAGX,cAAc,CAAChC,OAAO,CAAC;EAC3C,MAAM4C,cAAc,GAAGR,iBAAiB,CAACpC,OAAO,CAAC;EACjD,MAAM6C,eAAe,GAAG,CAAC;EACzB,MAAMC,cAAc,GAAG,EAAE;EAEzB,MAAMC,WAAW,GAAG,CAAC;EACrB,MAAMC,gBAAgB,GAAG,GAAG;;EAE5B;EACA,MAAMC,eAA2B,GAAG7C,QAAQ,GACxCY,cAAc,CAACf,KAAK,CAAC,CAACiD,UAAU,CAAC9C,QAAQ,GACzCY,cAAc,CAACf,KAAK,CAAC,CAACiD,UAAU,CAACvE,OAAO;;EAE5C;EACA,MAAMwE,eAA2B,GAAG/C,QAAQ,GACxCY,cAAc,CAACf,KAAK,CAAC,EAAEmD,UAAU,EAAEhD,QAAQ,GAC3CY,cAAc,CAACf,KAAK,CAAC,EAAEmD,UAAU,EAAEzE,OAAO;;EAE9C;EACA;EACA;;EAEA;AACJ;AACA;AACA;EACI,MAAM0E,SAAS,GAAG,IAAAC,aAAM,EAAU,KAAK,CAAC;EAExC,IAAAC,gBAAS,EAAC,MAAM;IACd;IACAF,SAAS,CAACG,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,aAAa,GAAG,IAAAC,kBAAW,EAC9BC,KAA4B,IAAK;IAChC;AACR;IACQ,IAAItD,OAAO,EAAE;MACX;IACF;IACAuD,kCAAyB,CAACC,OAAO,CAAC,aAAa,CAAC;IAChDnD,OAAO,CAACiD,KAAK,CAAC;EAChB,CAAC,EACD,CAACtD,OAAO,EAAEK,OAAO,CACnB,CAAC;;EAED;EACA;EACA;EACA,MAAMoD,mBAAmB,GAAGA,CAAA,kBAC1B,IAAAtF,WAAA,CAAAuF,IAAA,EAAAvF,WAAA,CAAAwF,QAAA;IAAAC,QAAA,GACG5D,OAAO,iBACN,IAAA7B,WAAA,CAAA0F,GAAA,EAAClG,sBAAA,CAAAW,OAAQ,CAACwF,IAAI;MACZC,KAAK,EAAEC,MAAM,CAACC,WAAY;MAC1BC,QAAQ,EACNlB,SAAS,CAACG,OAAO,GAAGgB,sCAAgC,GAAGC,SACxD;MACDC,OAAO,EAAEC,gCAA2B;MAAAV,QAAA,eAEpC,IAAAzF,WAAA,CAAA0F,GAAA,EAAC9F,eAAA,CAAAwG,cAAc;QAAC3E,KAAK,EAAEkD;MAAgB,CAAE;IAAC,CAC7B,CAChB,EAEA,CAAC9C,OAAO,iBACP,IAAA7B,WAAA,CAAAuF,IAAA,EAAC/F,sBAAA,CAAAW,OAAQ,CAACwF,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACC,WAAW,EAClB;QAAEO,SAAS,EAAE9B;MAAY,CAAC,EAC1BtC,YAAY,KAAK,KAAK,IAAI;QAAEqE,aAAa,EAAE;MAAc,CAAC,CAC1D;MACFP,QAAQ,EACNlB,SAAS,CAACG,OAAO,GAAGuB,iCAA2B,GAAGN,SACnD;MAAAR,QAAA,GAEAzD,IAAI,KACF,CAACJ,QAAQ,gBACR,IAAA5B,WAAA,CAAA0F,GAAA,EAAC/F,MAAA,CAAA6G,+BAA+B;QAC9BC,gBAAgB;QAChBC,IAAI,EAAE1E,IAAK;QACX2E,aAAa,EAAE1D,sBAAuB;QACtC2D,IAAI,EAAEzC;MAAY,CACnB,CAAC,gBAEF,IAAAnE,WAAA,CAAA0F,GAAA,EAAC/F,MAAA,CAAAkH,YAAY;QACXJ,gBAAgB;QAChBC,IAAI,EAAE1E,IAAK;QACXP,KAAK,EAAEe,cAAc,CAACf,KAAK,CAAC,EAAEmD,UAAU,EAAEhD,QAAS;QACnDgF,IAAI,EAAEzC;MAAY,CACnB,CACF,CAAC,eACJ,IAAAnE,WAAA,CAAA0F,GAAA,EAAC7F,WAAA,CAAAiH,cAAc;QACbC,IAAI,EAAE1D,kBAAkB,GAAG,UAAU,GAAG,kBAAmB;QAC3D2D,MAAM,EAAE,UAAW;QACnBJ,IAAI,EAAEK,8BAAmB;QACzBC,UAAU,EAAE3D,YAAY,GAAG4D,gCAAoB,GAAGlB,SAAU;QAC5DmB,UAAU,EAAE,KAAM;QAClBC,2BAA2B;QAC3BC,yBAAyB,EAAC,qBAAqB;QAC/CxF,aAAa,EAAEA,aAAc;QAC7ByF,aAAa,EAAC,MAAM;QACpB3B,KAAK,EAAE,CACL;UAAE7D;QAAU,CAAC,EACbH,QAAQ,GACJ;UAAEH,KAAK,EAAEe,cAAc,CAACf,KAAK,CAAC,EAAEmD,UAAU,EAAEhD;QAAS,CAAC,GACtDoB,kBAAkB,CACtB;QAAAyC,QAAA,EAED/D;MAAK,CACQ,CAAC;IAAA,CACJ,CAChB;EAAA,CACD,CACH;EAED,oBACE,IAAA1B,WAAA,CAAA0F,GAAA,EAACrG,YAAA,CAAAmI,SAAS;IACRjF,GAAG,EAAEA,GAAI;IACT6E,UAAU,EAAE;IACZ;IAAA;IACAjF,kBAAkB,EAAEA,kBAAkB,IAAIT,KAAM;IAChDU,iBAAiB,EAAEA,iBAAkB;IACrCC,iBAAiB,EAAEA,iBAAkB;IACrCoF,kBAAkB,EAAE;MAClBC,IAAI,EAAE7F,OAAO;MACbD,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAE;IACFM,OAAO,EAAE+C,aAAc;IACvBtC,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBhB,QAAQ,EAAEA,QAAS;IACnB+F,OAAO,EAAEpE,YAAY,GAAGO,cAAc,GAAGmC,SAAU;IACnDL,KAAK,EACHrC,YAAY,GACR;MAAEqE,SAAS,EAAE;IAAa,CAAC,GAC3BjG,SAAS,GACT;MAAEkG,UAAU,EAAE,CAAC;MAAED,SAAS,EAAE;IAAU,CAAC,GACvC;MAAEC,UAAU,EAAE,CAAC;MAAED,SAAS,EAAE;IAAO,CACxC;IACDtF,MAAM,EAAEA,MAAO;IAAAmD,QAAA,eAEf,IAAAzF,WAAA,CAAA0F,GAAA,EAAClG,sBAAA,CAAAW,OAAQ,CAACwF,IAAI;MACZC,KAAK,EAAE,CACLC,MAAM,CAACiC,MAAM,EACb;QACEC,iBAAiB,EAAExE,YAAY,GAC3BM,uBAAuB,CAACF,IAAI,GAC5BhC,SAAS,GACTkC,uBAAuB,CAAClC,SAAS,GACjCkC,uBAAuB,CAAC1D;MAC9B,CAAC,EACD;QACE6H,MAAM,EAAEzE,YAAY,GAAG0C,SAAS,GAAG3B,cAAc;QACjDG,eAAe;QACfwD,WAAW,EAAE7D,cAAc;QAC3B8D,YAAY,EAAE7D,eAAe;QAC7B8D,WAAW,EAAExD;MACf,CAAC,EACD/C,QAAQ,GAAG;QAAEwG,OAAO,EAAE5D;MAAiB,CAAC,GAAG,CAAC,CAAC;MAC7C;AACZ;MACY,CAAC5C,QAAQ,IAAI,CAACuB,aAAa,IAAIN,kBAAkB,EACjD,CAACjB,QAAQ,IAAImB,mBAAmB,CAChC;MAAA0C,QAAA,EAEDH,mBAAmB,CAAC;IAAC,CACT;EAAC,CACP,CAAC;AAEhB,CACF,CAAC;AAED,MAAMO,MAAM,GAAGwC,uBAAU,CAACC,MAAM,CAAC;EAC/BR,MAAM,EAAE;IACNxB,aAAa,EAAE,KAAK;IACpBiC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxBC,iBAAiB,EAAE,QAAQ;IAAE;IAC7BC,WAAW,EAAE,YAAY;IACzBC,QAAQ,EAAE,QAAQ;IAClBC,SAAS,EAAE;EACb,CAAC;EACD9C,WAAW,EAAE;IACXQ,aAAa,EAAE,KAAK;IACpBiC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAAC,IAAAK,QAAA,GAAAvH,OAAA,CAAAnB,OAAA,GAEYkB,QAAQ","ignoreList":[]}
|
|
@@ -11,26 +11,44 @@ var _jsxRuntime = require("react/jsx-runtime");
|
|
|
11
11
|
function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
|
|
12
12
|
const DEFAULT_ICON_SIZE = 24;
|
|
13
13
|
const DEFAULT_PICTOGRAM_SIZE = 48;
|
|
14
|
-
const renderNode = body => {
|
|
15
|
-
if (typeof body === "string") {
|
|
16
|
-
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BodySmall, {
|
|
17
|
-
testID: "infoScreenBody",
|
|
18
|
-
children: body
|
|
19
|
-
});
|
|
20
|
-
}
|
|
21
|
-
return body;
|
|
22
|
-
};
|
|
23
14
|
const FeatureInfo = ({
|
|
24
|
-
|
|
25
|
-
pictogramName,
|
|
15
|
+
action,
|
|
26
16
|
body,
|
|
27
|
-
|
|
17
|
+
iconName,
|
|
18
|
+
pictogramProps,
|
|
19
|
+
variant = "neutral"
|
|
28
20
|
}) => {
|
|
29
21
|
const theme = (0, _core.useIOTheme)();
|
|
30
22
|
|
|
31
23
|
/* Already defined in the `BodySmall` component as a fallback value,
|
|
32
24
|
but I keep it here to avoid possible future inconsistencies. */
|
|
33
25
|
const accessibilityRole = action?.accessibilityRole ?? "link";
|
|
26
|
+
const variantMap = {
|
|
27
|
+
contrast: {
|
|
28
|
+
action: "white",
|
|
29
|
+
content: "white"
|
|
30
|
+
},
|
|
31
|
+
neutral: {
|
|
32
|
+
action: theme["interactiveElem-default"],
|
|
33
|
+
content: theme["textBody-tertiary"]
|
|
34
|
+
}
|
|
35
|
+
};
|
|
36
|
+
const {
|
|
37
|
+
action: actionColor,
|
|
38
|
+
content: contentColor
|
|
39
|
+
} = variantMap[variant];
|
|
40
|
+
const FeatureInfoContent = () => {
|
|
41
|
+
if (typeof body === "string") {
|
|
42
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BodySmall, {
|
|
43
|
+
color: contentColor,
|
|
44
|
+
testID: "infoScreenBody",
|
|
45
|
+
children: body
|
|
46
|
+
});
|
|
47
|
+
}
|
|
48
|
+
return /*#__PURE__*/(0, _jsxRuntime.jsx)(_jsxRuntime.Fragment, {
|
|
49
|
+
children: body
|
|
50
|
+
});
|
|
51
|
+
};
|
|
34
52
|
return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.HStack, {
|
|
35
53
|
style: {
|
|
36
54
|
alignItems: "center"
|
|
@@ -41,9 +59,9 @@ const FeatureInfo = ({
|
|
|
41
59
|
name: iconName,
|
|
42
60
|
size: DEFAULT_ICON_SIZE,
|
|
43
61
|
color: theme["icon-decorative"]
|
|
44
|
-
}),
|
|
62
|
+
}), pictogramProps && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.Pictogram, {
|
|
63
|
+
...pictogramProps,
|
|
45
64
|
allowFontScaling: true,
|
|
46
|
-
name: pictogramName,
|
|
47
65
|
size: DEFAULT_PICTOGRAM_SIZE
|
|
48
66
|
}), /*#__PURE__*/(0, _jsxRuntime.jsxs)(_components.VStack, {
|
|
49
67
|
allowScaleSpacing: true,
|
|
@@ -51,10 +69,11 @@ const FeatureInfo = ({
|
|
|
51
69
|
style: {
|
|
52
70
|
flexShrink: 1
|
|
53
71
|
},
|
|
54
|
-
children: [
|
|
72
|
+
children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(FeatureInfoContent, {}), action && /*#__PURE__*/(0, _jsxRuntime.jsx)(_components.BodySmall, {
|
|
55
73
|
asLink: true,
|
|
56
74
|
weight: "Semibold",
|
|
57
75
|
onPress: action.onPress,
|
|
76
|
+
color: actionColor,
|
|
58
77
|
accessible: true,
|
|
59
78
|
importantForAccessibility: "yes",
|
|
60
79
|
accessibilityElementsHidden: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireDefault","require","_components","_core","_jsxRuntime","e","__esModule","default","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_components","_core","_jsxRuntime","e","__esModule","default","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","FeatureInfo","action","body","iconName","pictogramProps","variant","theme","useIOTheme","accessibilityRole","variantMap","contrast","content","neutral","actionColor","contentColor","FeatureInfoContent","jsx","BodySmall","color","testID","children","Fragment","jsxs","HStack","style","alignItems","space","Icon","allowFontScaling","name","size","Pictogram","VStack","allowScaleSpacing","flexShrink","asLink","weight","onPress","accessible","importantForAccessibility","accessibilityElementsHidden","label","exports"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -149,9 +149,7 @@ export const IOButton = /*#__PURE__*/forwardRef(({
|
|
|
149
149
|
textAlign
|
|
150
150
|
}, disabled ? {
|
|
151
151
|
color: mapColorStates[color]?.foreground?.disabled
|
|
152
|
-
} :
|
|
153
|
-
...labelAnimatedStyle
|
|
154
|
-
}],
|
|
152
|
+
} : labelAnimatedStyle],
|
|
155
153
|
children: label
|
|
156
154
|
})]
|
|
157
155
|
})]
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","useReducedMotion","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIONewTypeface","useScaleAnimation","AnimatedIcon","AnimatedIconWithColorTransition","LoadingSpinner","AnimatedIOText","buttonTextFontSize","buttonTextLineHeight","useButtonAnimatedStyles","useButtonColorMap","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IOButton","variant","color","label","fullWidth","disabled","loading","numberOfLines","textAlign","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","accessibilityRole","testID","ref","mapColorStates","progress","onPressIn","onPressOut","scaleAnimatedStyle","buttonAnimatedStyle","labelAnimatedStyle","iconColorAnimatedStyle","reducedMotion","newTypefaceEnabled","isLinkButton","btnIconSizeMap","solid","outline","link","btnBorderWidthMap","btnPaddingHorizontalMap","default","btnLinkHitSlop","top","right","bottom","left","btnIconSize","btnBorderWidth","btnBorderRadius","btnSizeDefault","ICON_MARGIN","DISABLED_OPACITY","backgroundColor","background","foregroundColor","foreground","isMounted","current","handleOnPress","event","trigger","renderButtonContent","children","View","style","styles","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","animatedProps","size","font","weight","lineHeight","accessible","accessibilityElementsHidden","importantForAccessibility","ellipsizeMode","accessibilityState","busy","hitSlop","alignSelf","flexShrink","button","paddingHorizontal","height","borderWidth","borderRadius","borderColor","opacity","create","alignItems","justifyContent","textAlignVertical","borderCurve","overflow","elevation"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/IOButton.tsx"],"mappings":"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
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useRef","Pressable","StyleSheet","ReactNativeHapticFeedback","Animated","useReducedMotion","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIONewTypeface","useScaleAnimation","AnimatedIcon","AnimatedIconWithColorTransition","LoadingSpinner","AnimatedIOText","buttonTextFontSize","buttonTextLineHeight","useButtonAnimatedStyles","useButtonColorMap","jsx","_jsx","jsxs","_jsxs","Fragment","_Fragment","IOButton","variant","color","label","fullWidth","disabled","loading","numberOfLines","textAlign","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","accessibilityRole","testID","ref","mapColorStates","progress","onPressIn","onPressOut","scaleAnimatedStyle","buttonAnimatedStyle","labelAnimatedStyle","iconColorAnimatedStyle","reducedMotion","newTypefaceEnabled","isLinkButton","btnIconSizeMap","solid","outline","link","btnBorderWidthMap","btnPaddingHorizontalMap","default","btnLinkHitSlop","top","right","bottom","left","btnIconSize","btnBorderWidth","btnBorderRadius","btnSizeDefault","ICON_MARGIN","DISABLED_OPACITY","backgroundColor","background","foregroundColor","foreground","isMounted","current","handleOnPress","event","trigger","renderButtonContent","children","View","style","styles","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","animatedProps","size","font","weight","lineHeight","accessible","accessibilityElementsHidden","importantForAccessibility","ellipsizeMode","accessibilityState","busy","hitSlop","alignSelf","flexShrink","button","paddingHorizontal","height","borderWidth","borderRadius","borderColor","opacity","create","alignItems","justifyContent","textAlignVertical","borderCurve","overflow","elevation"],"sourceRoot":"../../../../../src","sources":["components/buttons/IOButton/IOButton.tsx"],"mappings":"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","ignoreList":[]}
|
|
@@ -3,29 +3,47 @@
|
|
|
3
3
|
import React from "react";
|
|
4
4
|
import { BodySmall, HStack, Icon, Pictogram, VStack } from "../../components";
|
|
5
5
|
import { useIOTheme } from "../../core";
|
|
6
|
-
import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
|
|
6
|
+
import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
|
|
7
7
|
const DEFAULT_ICON_SIZE = 24;
|
|
8
8
|
const DEFAULT_PICTOGRAM_SIZE = 48;
|
|
9
|
-
const renderNode = body => {
|
|
10
|
-
if (typeof body === "string") {
|
|
11
|
-
return /*#__PURE__*/_jsx(BodySmall, {
|
|
12
|
-
testID: "infoScreenBody",
|
|
13
|
-
children: body
|
|
14
|
-
});
|
|
15
|
-
}
|
|
16
|
-
return body;
|
|
17
|
-
};
|
|
18
9
|
export const FeatureInfo = ({
|
|
19
|
-
|
|
20
|
-
pictogramName,
|
|
10
|
+
action,
|
|
21
11
|
body,
|
|
22
|
-
|
|
12
|
+
iconName,
|
|
13
|
+
pictogramProps,
|
|
14
|
+
variant = "neutral"
|
|
23
15
|
}) => {
|
|
24
16
|
const theme = useIOTheme();
|
|
25
17
|
|
|
26
18
|
/* Already defined in the `BodySmall` component as a fallback value,
|
|
27
19
|
but I keep it here to avoid possible future inconsistencies. */
|
|
28
20
|
const accessibilityRole = action?.accessibilityRole ?? "link";
|
|
21
|
+
const variantMap = {
|
|
22
|
+
contrast: {
|
|
23
|
+
action: "white",
|
|
24
|
+
content: "white"
|
|
25
|
+
},
|
|
26
|
+
neutral: {
|
|
27
|
+
action: theme["interactiveElem-default"],
|
|
28
|
+
content: theme["textBody-tertiary"]
|
|
29
|
+
}
|
|
30
|
+
};
|
|
31
|
+
const {
|
|
32
|
+
action: actionColor,
|
|
33
|
+
content: contentColor
|
|
34
|
+
} = variantMap[variant];
|
|
35
|
+
const FeatureInfoContent = () => {
|
|
36
|
+
if (typeof body === "string") {
|
|
37
|
+
return /*#__PURE__*/_jsx(BodySmall, {
|
|
38
|
+
color: contentColor,
|
|
39
|
+
testID: "infoScreenBody",
|
|
40
|
+
children: body
|
|
41
|
+
});
|
|
42
|
+
}
|
|
43
|
+
return /*#__PURE__*/_jsx(_Fragment, {
|
|
44
|
+
children: body
|
|
45
|
+
});
|
|
46
|
+
};
|
|
29
47
|
return /*#__PURE__*/_jsxs(HStack, {
|
|
30
48
|
style: {
|
|
31
49
|
alignItems: "center"
|
|
@@ -36,9 +54,9 @@ export const FeatureInfo = ({
|
|
|
36
54
|
name: iconName,
|
|
37
55
|
size: DEFAULT_ICON_SIZE,
|
|
38
56
|
color: theme["icon-decorative"]
|
|
39
|
-
}),
|
|
57
|
+
}), pictogramProps && /*#__PURE__*/_jsx(Pictogram, {
|
|
58
|
+
...pictogramProps,
|
|
40
59
|
allowFontScaling: true,
|
|
41
|
-
name: pictogramName,
|
|
42
60
|
size: DEFAULT_PICTOGRAM_SIZE
|
|
43
61
|
}), /*#__PURE__*/_jsxs(VStack, {
|
|
44
62
|
allowScaleSpacing: true,
|
|
@@ -46,10 +64,11 @@ export const FeatureInfo = ({
|
|
|
46
64
|
style: {
|
|
47
65
|
flexShrink: 1
|
|
48
66
|
},
|
|
49
|
-
children: [
|
|
67
|
+
children: [/*#__PURE__*/_jsx(FeatureInfoContent, {}), action && /*#__PURE__*/_jsx(BodySmall, {
|
|
50
68
|
asLink: true,
|
|
51
69
|
weight: "Semibold",
|
|
52
70
|
onPress: action.onPress,
|
|
71
|
+
color: actionColor,
|
|
53
72
|
accessible: true,
|
|
54
73
|
importantForAccessibility: "yes",
|
|
55
74
|
accessibilityElementsHidden: false,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","BodySmall","HStack","Icon","Pictogram","VStack","useIOTheme","jsx","_jsx","jsxs","_jsxs","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","
|
|
1
|
+
{"version":3,"names":["React","BodySmall","HStack","Icon","Pictogram","VStack","useIOTheme","jsx","_jsx","Fragment","_Fragment","jsxs","_jsxs","DEFAULT_ICON_SIZE","DEFAULT_PICTOGRAM_SIZE","FeatureInfo","action","body","iconName","pictogramProps","variant","theme","accessibilityRole","variantMap","contrast","content","neutral","actionColor","contentColor","FeatureInfoContent","color","testID","children","style","alignItems","space","allowFontScaling","name","size","allowScaleSpacing","flexShrink","asLink","weight","onPress","accessible","importantForAccessibility","accessibilityElementsHidden","label"],"sourceRoot":"../../../../src","sources":["components/featureInfo/FeatureInfo.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAqB,OAAO;AAExC,SACEC,SAAS,EACTC,MAAM,EAKNC,IAAI,EACJC,SAAS,EACTC,MAAM,QACD,kBAAkB;AACzB,SAAmBC,UAAU,QAAQ,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,QAAA,IAAAC,SAAA,EAAAC,IAAA,IAAAC,KAAA;AA+BlD,MAAMC,iBAAkC,GAAG,EAAE;AAC7C,MAAMC,sBAA4C,GAAG,EAAE;AAEvD,OAAO,MAAMC,WAAW,GAAGA,CAAC;EAC1BC,MAAM;EACNC,IAAI;EACJC,QAAQ;EACRC,cAAc;EACdC,OAAO,GAAG;AACM,CAAC,KAAK;EACtB,MAAMC,KAAK,GAAGf,UAAU,CAAC,CAAC;;EAE1B;AACF;EACE,MAAMgB,iBAAiB,GAAGN,MAAM,EAAEM,iBAAiB,IAAI,MAAM;EAE7D,MAAMC,UAGL,GAAG;IACFC,QAAQ,EAAE;MACRR,MAAM,EAAE,OAAO;MACfS,OAAO,EAAE;IACX,CAAC;IACDC,OAAO,EAAE;MACPV,MAAM,EAAEK,KAAK,CAAC,yBAAyB,CAAC;MACxCI,OAAO,EAAEJ,KAAK,CAAC,mBAAmB;IACpC;EACF,CAAC;EAED,MAAM;IAAEL,MAAM,EAAEW,WAAW;IAAEF,OAAO,EAAEG;EAAa,CAAC,GAAGL,UAAU,CAACH,OAAO,CAAC;EAE1E,MAAMS,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,IAAI,OAAOZ,IAAI,KAAK,QAAQ,EAAE;MAC5B,oBACET,IAAA,CAACP,SAAS;QAAC6B,KAAK,EAAEF,YAAa;QAACG,MAAM,EAAC,gBAAgB;QAAAC,QAAA,EACpDf;MAAI,CACI,CAAC;IAEhB;IAEA,oBAAOT,IAAA,CAAAE,SAAA;MAAAsB,QAAA,EAAGf;IAAI,CAAG,CAAC;EACpB,CAAC;EAED,oBACEL,KAAA,CAACV,MAAM;IAAC+B,KAAK,EAAE;MAAEC,UAAU,EAAE;IAAS,CAAE;IAACC,KAAK,EAAE,EAAG;IAAAH,QAAA,GAChDd,QAAQ,iBACPV,IAAA,CAACL,IAAI;MACHiC,gBAAgB;MAChBC,IAAI,EAAEnB,QAAS;MACfoB,IAAI,EAAEzB,iBAAkB;MACxBiB,KAAK,EAAET,KAAK,CAAC,iBAAiB;IAAE,CACjC,CACF,EACAF,cAAc,iBACbX,IAAA,CAACJ,SAAS;MAAA,GACJe,cAAc;MAClBiB,gBAAgB;MAChBE,IAAI,EAAExB;IAAuB,CAC9B,CACF,eACDF,KAAA,CAACP,MAAM;MAACkC,iBAAiB;MAACJ,KAAK,EAAE,CAAE;MAACF,KAAK,EAAE;QAAEO,UAAU,EAAE;MAAE,CAAE;MAAAR,QAAA,gBAC3DxB,IAAA,CAACqB,kBAAkB,IAAE,CAAC,EACrBb,MAAM,iBACLR,IAAA,CAACP,SAAS;QACRwC,MAAM;QACNC,MAAM,EAAC,UAAU;QACjBC,OAAO,EAAE3B,MAAM,CAAC2B,OAAQ;QACxBb,KAAK,EAAEH,WAAY;QACnBiB,UAAU;QACVC,yBAAyB,EAAE,KAAM;QACjCC,2BAA2B,EAAE,KAAM;QACnCxB,iBAAiB,EAAEA,iBAAkB;QAAAU,QAAA,EAEpChB,MAAM,CAAC+B;MAAK,CACJ,CACZ;IAAA,CACK,CAAC;EAAA,CACH,CAAC;AAEb,CAAC","ignoreList":[]}
|
|
@@ -1,8 +1,9 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
2
|
import { AccessibilityRole, GestureResponderEvent } from "react-native";
|
|
3
|
-
import { IOIcons,
|
|
3
|
+
import { IOIcons, IOPictogramsProps } from "../../components";
|
|
4
4
|
type PartialFeatureInfo = {
|
|
5
5
|
body?: string | ReactNode;
|
|
6
|
+
variant?: "neutral" | "contrast";
|
|
6
7
|
};
|
|
7
8
|
type FeatureInfoActionProps = {
|
|
8
9
|
action: {
|
|
@@ -15,12 +16,12 @@ type FeatureInfoActionProps = {
|
|
|
15
16
|
};
|
|
16
17
|
type FeatureInfoGraphicProps = {
|
|
17
18
|
iconName?: never;
|
|
18
|
-
|
|
19
|
+
pictogramProps: Pick<IOPictogramsProps, "name" | "pictogramStyle">;
|
|
19
20
|
} | {
|
|
20
21
|
iconName: IOIcons;
|
|
21
|
-
|
|
22
|
+
pictogramProps?: never;
|
|
22
23
|
};
|
|
23
24
|
type FeatureInfoProps = FeatureInfoGraphicProps & PartialFeatureInfo & FeatureInfoActionProps;
|
|
24
|
-
export declare const FeatureInfo: ({
|
|
25
|
+
export declare const FeatureInfo: ({ action, body, iconName, pictogramProps, variant }: FeatureInfoProps) => React.JSX.Element;
|
|
25
26
|
export {};
|
|
26
27
|
//# sourceMappingURL=FeatureInfo.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FeatureInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/featureInfo/FeatureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAIL,OAAO,EAEP,
|
|
1
|
+
{"version":3,"file":"FeatureInfo.d.ts","sourceRoot":"","sources":["../../../../src/components/featureInfo/FeatureInfo.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACzC,OAAO,EAAE,iBAAiB,EAAE,qBAAqB,EAAE,MAAM,cAAc,CAAC;AACxE,OAAO,EAIL,OAAO,EAEP,iBAAiB,EAIlB,MAAM,kBAAkB,CAAC;AAG1B,KAAK,kBAAkB,GAAG;IAExB,IAAI,CAAC,EAAE,MAAM,GAAG,SAAS,CAAC;IAC1B,OAAO,CAAC,EAAE,SAAS,GAAG,UAAU,CAAC;CAClC,CAAC;AAEF,KAAK,sBAAsB,GACvB;IACE,MAAM,EAAE;QACN,KAAK,EAAE,MAAM,CAAC;QACd,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;QAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;KACnE,CAAC;CACH,GACD;IACE,MAAM,CAAC,EAAE,KAAK,CAAC;CAChB,CAAC;AAEN,KAAK,uBAAuB,GACxB;IACE,QAAQ,CAAC,EAAE,KAAK,CAAC;IACjB,cAAc,EAAE,IAAI,CAAC,iBAAiB,EAAE,MAAM,GAAG,gBAAgB,CAAC,CAAC;CACpE,GACD;IAAE,QAAQ,EAAE,OAAO,CAAC;IAAC,cAAc,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAElD,KAAK,gBAAgB,GAAG,uBAAuB,GAC7C,kBAAkB,GAClB,sBAAsB,CAAC;AAKzB,eAAO,MAAM,WAAW,GAAI,qDAMzB,gBAAgB,sBAuElB,CAAC"}
|
|
@@ -70,7 +70,7 @@ export declare const IOPictograms: {
|
|
|
70
70
|
};
|
|
71
71
|
export type IOPictograms = keyof typeof IOPictograms;
|
|
72
72
|
export type IOPictogramSizeScale = 48 | 64 | 72 | 80 | 120 | 180;
|
|
73
|
-
type IOPictogramsProps = {
|
|
73
|
+
export type IOPictogramsProps = {
|
|
74
74
|
name: IOPictograms;
|
|
75
75
|
pictogramStyle?: "default" | "light-content" | "dark-content";
|
|
76
76
|
size?: IOPictogramSizeScale | "100%";
|
|
@@ -92,5 +92,4 @@ export declare const IOPictogramsObject: {
|
|
|
92
92
|
readonly flyingMessage: ({ size, colorValues, ...props }: SVGPictogramProps) => React.JSX.Element;
|
|
93
93
|
};
|
|
94
94
|
export type IOPictogramsObject = keyof typeof IOPictogramsObject;
|
|
95
|
-
export {};
|
|
96
95
|
//# sourceMappingURL=Pictogram.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAkHvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjE,
|
|
1
|
+
{"version":3,"file":"Pictogram.d.ts","sourceRoot":"","sources":["../../../../src/components/pictograms/Pictogram.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAkB,MAAM,OAAO,CAAC;AAkHvC,OAAO,EAAE,iBAAiB,EAAE,MAAM,SAAS,CAAC;AAE5C,eAAO,MAAM,YAAY;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CAqExB,CAAC;AAEF,MAAM,MAAM,YAAY,GAAG,MAAM,OAAO,YAAY,CAAC;AAErD,MAAM,MAAM,oBAAoB,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,GAAG,GAAG,GAAG,CAAC;AAEjE,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,YAAY,CAAC;IAInB,cAAc,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC9D,IAAI,CAAC,EAAE,oBAAoB,GAAG,MAAM,CAAC;IACrC,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B,CAAC;AASF,eAAO,MAAM,SAAS,GAAI,4DAMvB,iBAAiB,sBAuCnB,CAAC;AAUF,MAAM,MAAM,iBAAiB,GAAG,OAAO,CACnC,OAAO,GACP,SAAS,GACT,WAAW,GACX,SAAS,GACT,MAAM,GACN,UAAU,GACV,MAAM,GACN,UAAU,GACV,UAAU,GACV,SAAS,GACT,KAAK,GACL,UAAU,GACV,aAAa,GACb,eAAe,GACf,iBAAiB,GACjB,eAAe,GACf,cAAc,GACd,SAAS,GACT,eAAe,GACf,cAAc,GACd,WAAW,GACX,cAAc,GACd,UAAU,GACV,cAAc,GACd,MAAM,GACN,SAAS,GACT,OAAO,GACP,QAAQ,GACR,YAAY,GACZ,UAAU,GACV,SAAS,GACT,YAAY,GACZ,cAAc,GACd,MAAM,GACN,KAAK,GACL,cAAc,GACd,MAAM,GACN,QAAQ,GACR,gBAAgB,GAChB,UAAU,GACV,UAAU,GACV,YAAY,GACZ,gBAAgB,EAClB,YAAY,CACb,CAAC;AAEF,eAAO,MAAM,iBAAiB,EAAE;KAC7B,GAAG,IAAI,iBAAiB,GAAG,CAAC,EAAE,IAAI,EAAE,EAAE,iBAAiB,KAAK,GAAG,CAAC,OAAO;CA2CzE,CAAC;AAEF,eAAO,MAAM,cAAc,GAAI,4DAM5B,iBAAiB,sBAuCnB,CAAC;AAOF,eAAO,MAAM,kBAAkB;;;;;;;;CAQrB,CAAC;AAEX,MAAM,MAAM,kBAAkB,GAAG,MAAM,OAAO,kBAAkB,CAAC"}
|
|
@@ -35,7 +35,7 @@ export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
|
|
|
35
35
|
* can be used as links
|
|
36
36
|
*/
|
|
37
37
|
export type TypographicStyleAsLinkProps = {
|
|
38
|
-
color?:
|
|
38
|
+
color?: IOColors;
|
|
39
39
|
asLink: true;
|
|
40
40
|
onPress: (event: GestureResponderEvent) => void;
|
|
41
41
|
accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,
|
|
1
|
+
{"version":3,"file":"IOText.d.ts","sourceRoot":"","sources":["../../../../src/components/typography/IOText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,cAAc,EAAuB,MAAM,OAAO,CAAC;AACnE,OAAO,EACL,iBAAiB,EAEjB,qBAAqB,EACrB,IAAI,EACJ,SAAS,EACT,IAAI,EACL,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,QAAQ,EAAc,MAAM,YAAY,CAAC;AAElD,OAAO,EACL,YAAY,EACZ,YAAY,EAGb,MAAM,mBAAmB,CAAC;AAE3B;;;;GAIG;AACH,MAAM,MAAM,WAAW,GAAG,IAAI,CAC5B,SAAS,EACT,YAAY,GAAG,UAAU,GAAG,YAAY,GAAG,YAAY,GAAG,WAAW,CACtE,CAAC;AAEF,MAAM,MAAM,qBAAqB,GAAG,IAAI,CACtC,WAAW,EACX,OAAO,GAAG,MAAM,GAAG,MAAM,GAAG,QAAQ,GAAG,OAAO,GAAG,YAAY,GAAG,WAAW,CAC5E,GAAG;IAAE,SAAS,CAAC,EAAE,WAAW,CAAC;IAAC,KAAK,CAAC,EAAE,WAAW,CAAA;CAAE,GAAG;IACrD,KAAK,CAAC,EAAE,eAAe,CAAC,OAAO,CAAC,CAAC;CAClC,CAAC;AAEF;;;GAGG;AACH,KAAK,eAAe,GAAG;IACrB,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,MAAM,CAAC,EAAE,YAAY,CAAC;IACtB,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,IAAI,CAAC,EAAE,YAAY,CAAC;IACpB,UAAU,CAAC,EAAE,SAAS,CAAC,YAAY,CAAC,CAAC;IACrC,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,SAAS,CAAC,EAAE,WAAW,CAAC;IACxB,KAAK,CAAC,EAAE,WAAW,CAAC;CACrB,CAAC;AAEF,KAAK,mBAAmB,GAAG,IAAI,CAAC,cAAc,CAAC,OAAO,IAAI,CAAC,EAAE,OAAO,CAAC,CAAC;AAEtE,MAAM,MAAM,WAAW,GAAG,eAAe,GAAG,mBAAmB,CAAC;AAEhE;;;GAGG;AACH,MAAM,MAAM,2BAA2B,GACnC;IACE,KAAK,CAAC,EAAE,QAAQ,CAAC;IACjB,MAAM,EAAE,IAAI,CAAC;IACb,OAAO,EAAE,CAAC,KAAK,EAAE,qBAAqB,KAAK,IAAI,CAAC;IAChD,iBAAiB,CAAC,EAAE,OAAO,CAAC,iBAAiB,EAAE,QAAQ,GAAG,MAAM,CAAC,CAAC;CACnE,GACD;IAAE,KAAK,CAAC,EAAE,QAAQ,CAAC;IAAC,MAAM,CAAC,EAAE,KAAK,CAAA;CAAE,CAAC;AAezC;;;;;;GAMG;AACH,eAAO,MAAM,MAAM,oGAoElB,CAAC;AAEF,eAAO,MAAM,cAAc,4IAA2C,CAAC"}
|
package/package.json
CHANGED
|
@@ -6,16 +6,17 @@ import {
|
|
|
6
6
|
IOIconSizeScale,
|
|
7
7
|
IOIcons,
|
|
8
8
|
IOPictogramSizeScale,
|
|
9
|
-
|
|
9
|
+
IOPictogramsProps,
|
|
10
10
|
Icon,
|
|
11
11
|
Pictogram,
|
|
12
12
|
VStack
|
|
13
13
|
} from "../../components";
|
|
14
|
-
import { useIOTheme } from "../../core";
|
|
14
|
+
import { IOColors, useIOTheme } from "../../core";
|
|
15
15
|
|
|
16
16
|
type PartialFeatureInfo = {
|
|
17
17
|
// Necessary to render main body with different formatting
|
|
18
18
|
body?: string | ReactNode;
|
|
19
|
+
variant?: "neutral" | "contrast";
|
|
19
20
|
};
|
|
20
21
|
|
|
21
22
|
type FeatureInfoActionProps =
|
|
@@ -31,8 +32,11 @@ type FeatureInfoActionProps =
|
|
|
31
32
|
};
|
|
32
33
|
|
|
33
34
|
type FeatureInfoGraphicProps =
|
|
34
|
-
| {
|
|
35
|
-
|
|
35
|
+
| {
|
|
36
|
+
iconName?: never;
|
|
37
|
+
pictogramProps: Pick<IOPictogramsProps, "name" | "pictogramStyle">;
|
|
38
|
+
}
|
|
39
|
+
| { iconName: IOIcons; pictogramProps?: never };
|
|
36
40
|
|
|
37
41
|
type FeatureInfoProps = FeatureInfoGraphicProps &
|
|
38
42
|
PartialFeatureInfo &
|
|
@@ -41,19 +45,12 @@ type FeatureInfoProps = FeatureInfoGraphicProps &
|
|
|
41
45
|
const DEFAULT_ICON_SIZE: IOIconSizeScale = 24;
|
|
42
46
|
const DEFAULT_PICTOGRAM_SIZE: IOPictogramSizeScale = 48;
|
|
43
47
|
|
|
44
|
-
const renderNode = (body: FeatureInfoProps["body"]) => {
|
|
45
|
-
if (typeof body === "string") {
|
|
46
|
-
return <BodySmall testID="infoScreenBody">{body}</BodySmall>;
|
|
47
|
-
}
|
|
48
|
-
|
|
49
|
-
return body;
|
|
50
|
-
};
|
|
51
|
-
|
|
52
48
|
export const FeatureInfo = ({
|
|
53
|
-
|
|
54
|
-
pictogramName,
|
|
49
|
+
action,
|
|
55
50
|
body,
|
|
56
|
-
|
|
51
|
+
iconName,
|
|
52
|
+
pictogramProps,
|
|
53
|
+
variant = "neutral"
|
|
57
54
|
}: FeatureInfoProps) => {
|
|
58
55
|
const theme = useIOTheme();
|
|
59
56
|
|
|
@@ -61,6 +58,34 @@ export const FeatureInfo = ({
|
|
|
61
58
|
but I keep it here to avoid possible future inconsistencies. */
|
|
62
59
|
const accessibilityRole = action?.accessibilityRole ?? "link";
|
|
63
60
|
|
|
61
|
+
const variantMap: Record<
|
|
62
|
+
NonNullable<FeatureInfoProps["variant"]>,
|
|
63
|
+
{ action: IOColors; content: IOColors }
|
|
64
|
+
> = {
|
|
65
|
+
contrast: {
|
|
66
|
+
action: "white",
|
|
67
|
+
content: "white"
|
|
68
|
+
},
|
|
69
|
+
neutral: {
|
|
70
|
+
action: theme["interactiveElem-default"],
|
|
71
|
+
content: theme["textBody-tertiary"]
|
|
72
|
+
}
|
|
73
|
+
};
|
|
74
|
+
|
|
75
|
+
const { action: actionColor, content: contentColor } = variantMap[variant];
|
|
76
|
+
|
|
77
|
+
const FeatureInfoContent = () => {
|
|
78
|
+
if (typeof body === "string") {
|
|
79
|
+
return (
|
|
80
|
+
<BodySmall color={contentColor} testID="infoScreenBody">
|
|
81
|
+
{body}
|
|
82
|
+
</BodySmall>
|
|
83
|
+
);
|
|
84
|
+
}
|
|
85
|
+
|
|
86
|
+
return <>{body}</>;
|
|
87
|
+
};
|
|
88
|
+
|
|
64
89
|
return (
|
|
65
90
|
<HStack style={{ alignItems: "center" }} space={24}>
|
|
66
91
|
{iconName && (
|
|
@@ -71,20 +96,21 @@ export const FeatureInfo = ({
|
|
|
71
96
|
color={theme["icon-decorative"]}
|
|
72
97
|
/>
|
|
73
98
|
)}
|
|
74
|
-
{
|
|
99
|
+
{pictogramProps && (
|
|
75
100
|
<Pictogram
|
|
101
|
+
{...pictogramProps}
|
|
76
102
|
allowFontScaling
|
|
77
|
-
name={pictogramName}
|
|
78
103
|
size={DEFAULT_PICTOGRAM_SIZE}
|
|
79
104
|
/>
|
|
80
105
|
)}
|
|
81
106
|
<VStack allowScaleSpacing space={4} style={{ flexShrink: 1 }}>
|
|
82
|
-
|
|
107
|
+
<FeatureInfoContent />
|
|
83
108
|
{action && (
|
|
84
109
|
<BodySmall
|
|
85
110
|
asLink
|
|
86
111
|
weight="Semibold"
|
|
87
112
|
onPress={action.onPress}
|
|
113
|
+
color={actionColor}
|
|
88
114
|
accessible
|
|
89
115
|
importantForAccessibility={"yes"}
|
|
90
116
|
accessibilityElementsHidden={false}
|
|
@@ -189,7 +189,7 @@ export type IOPictograms = keyof typeof IOPictograms;
|
|
|
189
189
|
|
|
190
190
|
export type IOPictogramSizeScale = 48 | 64 | 72 | 80 | 120 | 180;
|
|
191
191
|
|
|
192
|
-
type IOPictogramsProps = {
|
|
192
|
+
export type IOPictogramsProps = {
|
|
193
193
|
name: IOPictograms;
|
|
194
194
|
/* Not too happy about the API choice,
|
|
195
195
|
but at least we have the same <StatusBar …>
|
|
@@ -59,7 +59,7 @@ export type IOTextProps = IOTextBaseProps & IOTextExcludedProps;
|
|
|
59
59
|
*/
|
|
60
60
|
export type TypographicStyleAsLinkProps =
|
|
61
61
|
| {
|
|
62
|
-
color?:
|
|
62
|
+
color?: IOColors;
|
|
63
63
|
asLink: true;
|
|
64
64
|
onPress: (event: GestureResponderEvent) => void;
|
|
65
65
|
accessibilityRole?: Extract<AccessibilityRole, "button" | "link">;
|