@pagopa/io-app-design-system 1.17.0 → 1.17.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/buttons/ButtonLink.js +14 -0
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/codeInput/CodeInput.js +9 -5
- package/lib/commonjs/components/codeInput/CodeInput.js.map +1 -1
- package/lib/commonjs/components/common/ScaleInOutAnimation.js +69 -0
- package/lib/commonjs/components/common/ScaleInOutAnimation.js.map +1 -0
- package/lib/commonjs/components/layout/ForceScrollDownView.js +161 -0
- package/lib/commonjs/components/layout/ForceScrollDownView.js.map +1 -0
- package/lib/commonjs/components/layout/HeaderFirstLevel.js +4 -4
- package/lib/commonjs/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js +94 -0
- package/lib/commonjs/components/layout/__test__/ForceScrollDownView.test.js.map +1 -0
- package/lib/commonjs/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/lib/commonjs/components/layout/index.js +11 -0
- package/lib/commonjs/components/layout/index.js.map +1 -1
- package/lib/commonjs/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +1 -16
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +3 -2
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/textInput/TextInputBase.js +1 -0
- package/lib/commonjs/components/textInput/TextInputBase.js.map +1 -1
- package/lib/commonjs/components/toast/ToastProvider.js +17 -16
- package/lib/commonjs/components/toast/ToastProvider.js.map +1 -1
- package/lib/commonjs/core/IOSpacing.js +1 -1
- package/lib/commonjs/core/IOSpacing.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +3 -1
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +15 -1
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/codeInput/CodeInput.js +9 -5
- package/lib/module/components/codeInput/CodeInput.js.map +1 -1
- package/lib/module/components/common/ScaleInOutAnimation.js +59 -0
- package/lib/module/components/common/ScaleInOutAnimation.js.map +1 -0
- package/lib/module/components/layout/ForceScrollDownView.js +153 -0
- package/lib/module/components/layout/ForceScrollDownView.js.map +1 -0
- package/lib/module/components/layout/HeaderFirstLevel.js +4 -4
- package/lib/module/components/layout/HeaderFirstLevel.js.map +1 -1
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js +90 -0
- package/lib/module/components/layout/__test__/ForceScrollDownView.test.js.map +1 -0
- package/lib/module/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/lib/module/components/layout/index.js +1 -0
- package/lib/module/components/layout/index.js.map +1 -1
- package/lib/module/components/modules/ModuleCheckout.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +2 -17
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +3 -2
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/textInput/TextInputBase.js +1 -0
- package/lib/module/components/textInput/TextInputBase.js.map +1 -1
- package/lib/module/components/toast/ToastProvider.js +17 -16
- package/lib/module/components/toast/ToastProvider.js.map +1 -1
- package/lib/module/core/IOSpacing.js +1 -1
- package/lib/module/core/IOSpacing.js.map +1 -1
- package/lib/module/core/IOStyles.js +3 -1
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/codeInput/CodeInput.d.ts.map +1 -1
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts +14 -0
- package/lib/typescript/components/common/ScaleInOutAnimation.d.ts.map +1 -0
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts +27 -0
- package/lib/typescript/components/layout/ForceScrollDownView.d.ts.map +1 -0
- package/lib/typescript/components/layout/__test__/ForceScrollDownView.test.d.ts +2 -0
- package/lib/typescript/components/layout/__test__/ForceScrollDownView.test.d.ts.map +1 -0
- package/lib/typescript/components/layout/index.d.ts +1 -0
- package/lib/typescript/components/layout/index.d.ts.map +1 -1
- package/lib/typescript/components/modules/ModuleCheckout.d.ts +12 -6
- package/lib/typescript/components/modules/ModuleCheckout.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberPad.d.ts.map +1 -1
- package/lib/typescript/components/textInput/TextInputBase.d.ts.map +1 -1
- package/lib/typescript/components/toast/ToastProvider.d.ts.map +1 -1
- package/lib/typescript/core/IOSpacing.d.ts +1 -1
- package/lib/typescript/core/IOSpacing.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +2 -0
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/package.json +2 -1
- package/src/components/buttons/ButtonLink.tsx +17 -1
- package/src/components/codeInput/CodeInput.tsx +16 -3
- package/src/components/common/ScaleInOutAnimation.tsx +68 -0
- package/src/components/layout/ForceScrollDownView.tsx +210 -0
- package/src/components/layout/HeaderFirstLevel.tsx +4 -4
- package/src/components/layout/__test__/ForceScrollDownView.test.tsx +106 -0
- package/src/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap +23 -0
- package/src/components/layout/index.tsx +1 -0
- package/src/components/modules/ModuleCheckout.tsx +12 -5
- package/src/components/numberpad/NumberButton.tsx +2 -21
- package/src/components/numberpad/NumberPad.tsx +5 -2
- package/src/components/textInput/TextInputBase.tsx +1 -0
- package/src/components/toast/ToastProvider.tsx +12 -17
- package/src/core/IOSpacing.ts +4 -2
- package/src/core/IOStyles.ts +5 -1
|
@@ -22,6 +22,13 @@ const mapColorStates = {
|
|
|
22
22
|
pressed: _core.IOColors["blueIO-600"],
|
|
23
23
|
disabled: _core.IOColors["grey-700"]
|
|
24
24
|
}
|
|
25
|
+
},
|
|
26
|
+
contrast: {
|
|
27
|
+
label: {
|
|
28
|
+
default: _core.IOColors.white,
|
|
29
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
30
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.5)
|
|
31
|
+
}
|
|
25
32
|
}
|
|
26
33
|
};
|
|
27
34
|
|
|
@@ -34,6 +41,13 @@ const mapLegacyColorStates = {
|
|
|
34
41
|
pressed: _core.IOColors["blue-600"],
|
|
35
42
|
disabled: _core.IOColors["grey-700"]
|
|
36
43
|
}
|
|
44
|
+
},
|
|
45
|
+
contrast: {
|
|
46
|
+
label: {
|
|
47
|
+
default: _core.IOColors.white,
|
|
48
|
+
pressed: (0, _core.hexToRgba)(_core.IOColors.white, 0.85),
|
|
49
|
+
disabled: (0, _core.hexToRgba)(_core.IOColors.white, 0.5)
|
|
50
|
+
}
|
|
37
51
|
}
|
|
38
52
|
};
|
|
39
53
|
const DISABLED_OPACITY = 0.5;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_icons","_Spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","mapLegacyColorStates","blue","DISABLED_OPACITY","IOButtonStylesLocal","StyleSheet","create","makeFontStyleObject","fontSize","buttonTextFontSize","IOButtonLegacyStylesLocal","ButtonLink","React","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","colorMap","useMemo","buttonStylesLocal","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","interpolateColor","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","onPressIn","useCallback","onPressOut","iconSize","createElement","Pressable","accessibilityRole","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","opacity","Fragment","name","animatedProps","size","AnimatedIcon","HSpacer","Text","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAUA,IAAAG,KAAA,GAAAH,OAAA;
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_fonts","_icons","_Spacer","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","mapColorStates","primary","label","IOColors","pressed","disabled","contrast","white","hexToRgba","mapLegacyColorStates","blue","DISABLED_OPACITY","IOButtonStylesLocal","StyleSheet","create","makeFontStyleObject","fontSize","buttonTextFontSize","IOButtonLegacyStylesLocal","ButtonLink","React","memo","_ref","_IOScaleValues$basicB","_colorMap$color","_colorMap$color2","_colorMap$color3","_colorMap$color4","color","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","isPressed","useSharedValue","isExperimental","useIOExperimentalDesign","colorMap","useMemo","buttonStylesLocal","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","value","IOSpringValues","button","pressedAnimationStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","pressedColorLabelAnimationStyle","labelColor","interpolateColor","pressedColorIconAnimationStyle","useAnimatedProps","iconColor","AnimatedIconClassComponent","Animated","createAnimatedComponent","IconClassComponent","onPressIn","useCallback","onPressOut","iconSize","createElement","Pressable","accessibilityRole","onTouchEnd","accessible","hitSlop","top","right","bottom","left","style","IOButtonStyles","dimensionsDefault","View","buttonLink","flexDirection","opacity","Fragment","name","animatedProps","size","AnimatedIcon","HSpacer","Text","numberOfLines","ellipsizeMode","allowFontScaling","maxFontSizeMultiplier","exports","_default"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonLink.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AAUA,IAAAG,KAAA,GAAAH,OAAA;AAQA,IAAAI,MAAA,GAAAJ,OAAA;AAEA,IAAAK,MAAA,GAAAL,OAAA;AAMA,IAAAM,OAAA,GAAAN,OAAA;AACA,IAAAO,WAAA,GAAAP,OAAA;AAAmD,SAAAQ,yBAAAC,WAAA,eAAAC,OAAA,kCAAAC,iBAAA,OAAAD,OAAA,QAAAE,gBAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,WAAA,WAAAA,WAAA,GAAAG,gBAAA,GAAAD,iBAAA,KAAAF,WAAA;AAAA,SAAAV,wBAAAc,GAAA,EAAAJ,WAAA,SAAAA,WAAA,IAAAI,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAG,KAAA,GAAAR,wBAAA,CAAAC,WAAA,OAAAO,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAJ,GAAA,YAAAG,KAAA,CAAAE,GAAA,CAAAL,GAAA,SAAAM,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAX,GAAA,QAAAW,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAd,GAAA,EAAAW,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAV,GAAA,EAAAW,GAAA,cAAAI,IAAA,KAAAA,IAAA,CAAAV,GAAA,IAAAU,IAAA,CAAAC,GAAA,KAAAR,MAAA,CAAAC,cAAA,CAAAH,MAAA,EAAAK,GAAA,EAAAI,IAAA,YAAAT,MAAA,CAAAK,GAAA,IAAAX,GAAA,CAAAW,GAAA,SAAAL,MAAA,CAAAJ,OAAA,GAAAF,GAAA,MAAAG,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAAhB,GAAA,EAAAM,MAAA,YAAAA,MAAA;AA0BnD,MAAMW,cAGL,GAAG;EACF;EACAC,OAAO,EAAE;IACPC,KAAK,EAAE;MACLjB,OAAO,EAAEkB,cAAQ,CAAC,YAAY,CAAC;MAC/BC,OAAO,EAAED,cAAQ,CAAC,YAAY,CAAC;MAC/BE,QAAQ,EAAEF,cAAQ,CAAC,UAAU;IAC/B;EACF,CAAC;EACDG,QAAQ,EAAE;IACRJ,KAAK,EAAE;MACLjB,OAAO,EAAEkB,cAAQ,CAACI,KAAK;MACvBH,OAAO,EAAE,IAAAI,eAAS,EAACL,cAAQ,CAACI,KAAK,EAAE,IAAI,CAAC;MACxCF,QAAQ,EAAE,IAAAG,eAAS,EAACL,cAAQ,CAACI,KAAK,EAAE,GAAG;IACzC;EACF;AACF,CAAC;;AAED;AACA,MAAME,oBAGL,GAAG;EACF;EACAR,OAAO,EAAE;IACPC,KAAK,EAAE;MACLjB,OAAO,EAAEkB,cAAQ,CAACO,IAAI;MACtBN,OAAO,EAAED,cAAQ,CAAC,UAAU,CAAC;MAC7BE,QAAQ,EAAEF,cAAQ,CAAC,UAAU;IAC/B;EACF,CAAC;EACDG,QAAQ,EAAE;IACRJ,KAAK,EAAE;MACLjB,OAAO,EAAEkB,cAAQ,CAACI,KAAK;MACvBH,OAAO,EAAE,IAAAI,eAAS,EAACL,cAAQ,CAACI,KAAK,EAAE,IAAI,CAAC;MACxCF,QAAQ,EAAE,IAAAG,eAAS,EAACL,cAAQ,CAACI,KAAK,EAAE,GAAG;IACzC;EACF;AACF,CAAC;AAED,MAAMI,gBAAgB,GAAG,GAAG;AAC5B,MAAMC,mBAAmB,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC5CZ,KAAK,EAAE;IACL,GAAG,IAAAa,0BAAmB,EAAC,SAAS,EAAE,KAAK,EAAE,WAAW,CAAC;IACrDC,QAAQ,EAAEC;EACZ;AACF,CAAC,CAAC;;AAEF;AACA,MAAMC,yBAAyB,GAAGL,uBAAU,CAACC,MAAM,CAAC;EAClDZ,KAAK,EAAE;IACLc,QAAQ,EAAE,EAAE;IACZ,GAAG,IAAAD,0BAAmB,EAAC,MAAM,EAAE,KAAK,EAAE,cAAc;EACtD;AACF,CAAC,CAAC;AAEK,MAAMI,UAAU,gBAAGC,cAAK,CAACC,IAAI,CAClCC,IAAA,IAUuB;EAAA,IAAAC,qBAAA,EAAAC,eAAA,EAAAC,gBAAA,EAAAC,gBAAA,EAAAC,gBAAA;EAAA,IAVtB;IACCC,KAAK,GAAG,SAAS;IACjB1B,KAAK;IACLG,QAAQ,GAAG,KAAK;IAChBwB,IAAI;IACJC,YAAY,GAAG,OAAO;IACtBC,OAAO;IACPC,kBAAkB;IAClBC,iBAAiB;IACjBC;EACe,CAAC,GAAAZ,IAAA;EAChB,MAAMa,SAAS,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EACnC,MAAM;IAAEC;EAAe,CAAC,GAAG,IAAAC,6BAAuB,EAAC,CAAC;EAEpD,MAAMC,QAAQ,GAAG,IAAAC,cAAO,EACtB,MAAOH,cAAc,GAAGrC,cAAc,GAAGS,oBAAqB,EAC9D,CAAC4B,cAAc,CACjB,CAAC;EACD,MAAMI,iBAAiB,GAAG,IAAAD,cAAO,EAC/B,MAAOH,cAAc,GAAGzB,mBAAmB,GAAGM,yBAA0B,EACxE,CAACmB,cAAc,CACjB,CAAC;;EAED;EACA,MAAMK,mBAAmB,GAAGC,mBAAa,aAAbA,mBAAa,gBAAApB,qBAAA,GAAboB,mBAAa,CAAEC,WAAW,cAAArB,qBAAA,uBAA1BA,qBAAA,CAA4BsB,YAAY;;EAEpE;EACA,MAAMC,eAAe,GAAG,IAAAC,sCAAe,EAAC,MACtC,IAAAC,iCAAU,EAACb,SAAS,CAACc,KAAK,EAAEC,oBAAc,CAACC,MAAM,CACnD,CAAC;;EAED;EACA,MAAMC,qBAAqB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IACnD;;IAEA;IACA,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACvBT,eAAe,CAACG,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEP,mBAAmB,CAAC,EACxBc,kCAAW,CAACC,KACd,CAAC;IAED,OAAO;MACLC,SAAS,EAAE,CAAC;QAAEJ;MAAM,CAAC;IACvB,CAAC;EACH,CAAC,CAAC;EAEF,MAAMK,+BAA+B,GAAG,IAAAN,uCAAgB,EAAC,MAAM;IAC7D;;IAEA,MAAMO,UAAU,GAAG,IAAAC,uCAAgB,EACjCf,eAAe,CAACG,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACV,QAAQ,CAACX,KAAK,CAAC,CAAC1B,KAAK,CAACjB,OAAO,EAAEsD,QAAQ,CAACX,KAAK,CAAC,CAAC1B,KAAK,CAACE,OAAO,CAC/D,CAAC;IAED,OAAO;MACLwB,KAAK,EAAEgC;IACT,CAAC;EACH,CAAC,CAAC;;EAEF;EACA,MAAME,8BAA8B,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC5D,MAAMC,SAAS,GAAG,IAAAH,uCAAgB,EAChCf,eAAe,CAACG,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACV,QAAQ,CAACX,KAAK,CAAC,CAAC1B,KAAK,CAACjB,OAAO,EAAEsD,QAAQ,CAACX,KAAK,CAAC,CAAC1B,KAAK,CAACE,OAAO,CAC/D,CAAC;IAED,OAAO;MAAEwB,KAAK,EAAEoC;IAAU,CAAC;EAC7B,CAAC,CAAC;EAEF,MAAMC,0BAA0B,GAC9BC,8BAAQ,CAACC,uBAAuB,CAACC,yBAAkB,CAAC;EAEtD,MAAMC,SAAS,GAAG,IAAAC,kBAAW,EAAC,MAAM;IAClC;IACAnC,SAAS,CAACc,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACd,SAAS,CAAC,CAAC;EACf,MAAMoC,UAAU,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACnC;IACAnC,SAAS,CAACc,KAAK,GAAG,CAAC;EACrB,CAAC,EAAE,CAACd,SAAS,CAAC,CAAC;;EAEf;EACA,MAAMqC,QAAyB,GAAG,EAAE;EAEpC,oBACExG,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAACtG,YAAA,CAAAuG,SAAS;IACR1C,kBAAkB,EAAEA,kBAAmB;IACvCC,iBAAiB,EAAEA,iBAAkB;IACrC0C,iBAAiB,EAAE,QAAS;IAC5BzC,MAAM,EAAEA,MAAO;IACfH,OAAO,EAAEA,OAAQ;IACjBsC,SAAS,EAAEA,SAAU;IACrBE,UAAU,EAAEA,UAAW;IACvBK,UAAU,EAAEL,UAAW;IACvBM,UAAU,EAAE,IAAK;IACjBxE,QAAQ,EAAEA,QAAS;IACnByE,OAAO,EAAE;MAAEC,GAAG,EAAE,EAAE;MAAEC,KAAK,EAAE,EAAE;MAAEC,MAAM,EAAE,EAAE;MAAEC,IAAI,EAAE;IAAG,CAAE;IACtDC,KAAK,EAAEC,oBAAc,CAACC;EAAkB,gBAExCrH,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAACrG,sBAAA,CAAAa,OAAQ,CAACqG,IAAI;IACZH,KAAK,EAAE,CACLC,oBAAc,CAACG,UAAU,EACzBzD,YAAY,KAAK,KAAK,IAAI;MAAE0D,aAAa,EAAE;IAAc,CAAC,EAC1DnF,QAAQ,GAAG;MAAEoF,OAAO,EAAE9E;IAAiB,CAAC,GAAG,CAAC,CAAC;IAC7C;AACZ;IACY,CAACN,QAAQ,IAAI+C,qBAAqB;EAClC,GAEDvB,IAAI,iBACH7D,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAAAzG,MAAA,CAAAiB,OAAA,CAAAyG,QAAA,QACG,CAACrF,QAAQ,gBACRrC,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAACR,0BAA0B;IACzB0B,IAAI,EAAE9D,IAAK;IACX+D,aAAa,EAAE9B,8BAA+B;IAC9ClC,KAAK,GAAAJ,eAAA,GAAEe,QAAQ,CAACX,KAAK,CAAC,cAAAJ,eAAA,gBAAAA,eAAA,GAAfA,eAAA,CAAiBtB,KAAK,cAAAsB,eAAA,uBAAtBA,eAAA,CAAwBvC,OAAQ;IACvC4G,IAAI,EAAErB;EAAS,CAChB,CAAC,gBAEFxG,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAAClG,MAAA,CAAAuH,YAAY;IACXH,IAAI,EAAE9D,IAAK;IACXD,KAAK,GAAAH,gBAAA,GAAEc,QAAQ,CAACX,KAAK,CAAC,cAAAH,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBvB,KAAK,cAAAuB,gBAAA,uBAAtBA,gBAAA,CAAwBpB,QAAS;IACxCwF,IAAI,EAAErB;EAAS,CAChB,CACF,eACDxG,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAACjG,OAAA,CAAAuH,OAAO;IAACF,IAAI,EAAE;EAAE,CAAE,CACnB,CACH,eACD7H,MAAA,CAAAiB,OAAA,CAAAwF,aAAA,CAACrG,sBAAA,CAAAa,OAAQ,CAAC+G,IAAI;IACZb,KAAK,EAAE,CACL1C,iBAAiB,CAACvC,KAAK,EACvBG,QAAQ,GACJ;MAAEuB,KAAK,GAAAF,gBAAA,GAAEa,QAAQ,CAACX,KAAK,CAAC,cAAAF,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBxB,KAAK,cAAAwB,gBAAA,uBAAtBA,gBAAA,CAAwBrB;IAAS,CAAC,GAC3C;MAAEuB,KAAK,GAAAD,gBAAA,GAAEY,QAAQ,CAACX,KAAK,CAAC,cAAAD,gBAAA,gBAAAA,gBAAA,GAAfA,gBAAA,CAAiBzB,KAAK,cAAAyB,gBAAA,uBAAtBA,gBAAA,CAAwB1C;IAAQ,CAAC,EAC9C,CAACoB,QAAQ,IAAIsD,+BAA+B,CAC5C;IACFsC,aAAa,EAAE,CAAE;IACjBC,aAAa,EAAC,MAAM;IACpBC,gBAAgB,EAAE9D,cAAe;IACjC+D,qBAAqB,EAAE;EAAI,GAE1BlG,KACY,CACF,CACN,CAAC;AAEhB,CACF,CAAC;AAACmG,OAAA,CAAAlF,UAAA,GAAAA,UAAA;AAAA,IAAAmF,QAAA,GAEanF,UAAU;AAAAkF,OAAA,CAAApH,OAAA,GAAAqH,QAAA"}
|
|
@@ -9,6 +9,7 @@ var _reactNative = require("react-native");
|
|
|
9
9
|
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
10
10
|
var _core = require("../../core");
|
|
11
11
|
var _functions = require("../../functions");
|
|
12
|
+
var _spacer = require("../spacer");
|
|
12
13
|
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
14
|
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
15
|
const DOT_SIZE = 16;
|
|
@@ -23,8 +24,7 @@ const styles = _reactNative.StyleSheet.create({
|
|
|
23
24
|
borderColor: _core.IOColors["grey-200"]
|
|
24
25
|
},
|
|
25
26
|
wrapper: {
|
|
26
|
-
justifyContent: "center"
|
|
27
|
-
gap: DOT_SIZE
|
|
27
|
+
justifyContent: "center"
|
|
28
28
|
}
|
|
29
29
|
});
|
|
30
30
|
const EmptyDot = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
|
|
@@ -93,11 +93,15 @@ const CodeInput = _ref2 => {
|
|
|
93
93
|
}, [value, onValidate, length, onValueChange, translate]);
|
|
94
94
|
return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
95
95
|
style: [_core.IOStyles.row, styles.wrapper, animatedStyle]
|
|
96
|
-
}, [...Array(length)].map((_, i) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
96
|
+
}, [...Array(length)].map((_, i, arr) => /*#__PURE__*/_react.default.createElement(_react.default.Fragment, {
|
|
97
97
|
key: i
|
|
98
|
-
}, value[i] ? /*#__PURE__*/_react.default.createElement(FilletDot, {
|
|
98
|
+
}, value[i] ? /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(FilletDot, {
|
|
99
99
|
color: fillColor
|
|
100
|
-
})
|
|
100
|
+
}), i !== arr.length - 1 && /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
101
|
+
size: DOT_SIZE
|
|
102
|
+
})) : /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(EmptyDot, null), i !== arr.length - 1 && /*#__PURE__*/_react.default.createElement(_spacer.HSpacer, {
|
|
103
|
+
size: DOT_SIZE
|
|
104
|
+
})))));
|
|
101
105
|
};
|
|
102
106
|
exports.CodeInput = CodeInput;
|
|
103
107
|
//# sourceMappingURL=CodeInput.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_functions","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","dotEmpty","borderColor","IOColors","wrapper","justifyContent","
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_functions","_spacer","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DOT_SIZE","styles","StyleSheet","create","dotShape","width","height","borderRadius","borderWidth","dotEmpty","borderColor","IOColors","wrapper","justifyContent","EmptyDot","createElement","View","style","FilletDot","_ref","color","backgroundColor","CodeInput","_ref2","length","value","onValueChange","variant","onValidate","status","setStatus","React","useState","translate","useSharedValue","shakeOffset","animatedStyle","useAnimatedStyle","transform","translateX","fillColor","useMemo","useEffect","isValid","triggerHaptic","withSequence","withTiming","duration","easing","Easing","inOut","cubic","timer","setTimeout","clearTimeout","IOStyles","row","Array","map","_","i","arr","Fragment","HSpacer","size","exports"],"sourceRoot":"../../../../src","sources":["components/codeInput/CodeInput.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,69 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ScaleInOutAnimation = void 0;
|
|
7
|
+
var _react = _interopRequireDefault(require("react"));
|
|
8
|
+
var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
|
|
9
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
10
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
11
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
12
|
+
/* eslint-disable functional/immutable-data */
|
|
13
|
+
|
|
14
|
+
const ScaleInOutAnimation = _ref => {
|
|
15
|
+
let {
|
|
16
|
+
visible = true,
|
|
17
|
+
springConfig = {
|
|
18
|
+
damping: 500,
|
|
19
|
+
mass: 3,
|
|
20
|
+
stiffness: 1000
|
|
21
|
+
},
|
|
22
|
+
delayOut = 0,
|
|
23
|
+
delayIn = 0,
|
|
24
|
+
children,
|
|
25
|
+
style
|
|
26
|
+
} = _ref;
|
|
27
|
+
const enteringAnimation = () => {
|
|
28
|
+
"worklet";
|
|
29
|
+
|
|
30
|
+
return {
|
|
31
|
+
initialValues: {
|
|
32
|
+
transform: [{
|
|
33
|
+
scale: 0
|
|
34
|
+
}]
|
|
35
|
+
},
|
|
36
|
+
animations: {
|
|
37
|
+
transform: [{
|
|
38
|
+
scale: (0, _reactNativeReanimated.withDelay)(delayIn, (0, _reactNativeReanimated.withSpring)(1, springConfig))
|
|
39
|
+
}]
|
|
40
|
+
}
|
|
41
|
+
};
|
|
42
|
+
};
|
|
43
|
+
const exitingAnimation = () => {
|
|
44
|
+
"worklet";
|
|
45
|
+
|
|
46
|
+
return {
|
|
47
|
+
initialValues: {
|
|
48
|
+
transform: [{
|
|
49
|
+
scale: 1
|
|
50
|
+
}]
|
|
51
|
+
},
|
|
52
|
+
animations: {
|
|
53
|
+
transform: [{
|
|
54
|
+
scale: (0, _reactNativeReanimated.withDelay)(delayOut, (0, _reactNativeReanimated.withTiming)(0))
|
|
55
|
+
}]
|
|
56
|
+
}
|
|
57
|
+
};
|
|
58
|
+
};
|
|
59
|
+
if (!visible) {
|
|
60
|
+
return null;
|
|
61
|
+
}
|
|
62
|
+
return /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
|
|
63
|
+
style: style,
|
|
64
|
+
entering: enteringAnimation,
|
|
65
|
+
exiting: exitingAnimation
|
|
66
|
+
}, children);
|
|
67
|
+
};
|
|
68
|
+
exports.ScaleInOutAnimation = ScaleInOutAnimation;
|
|
69
|
+
//# sourceMappingURL=ScaleInOutAnimation.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeReanimated","_interopRequireWildcard","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ScaleInOutAnimation","_ref","visible","springConfig","damping","mass","stiffness","delayOut","delayIn","children","style","enteringAnimation","initialValues","transform","scale","animations","withDelay","withSpring","exitingAnimation","withTiming","createElement","View","entering","exiting","exports"],"sourceRoot":"../../../../src","sources":["components/common/ScaleInOutAnimation.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,161 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
|
4
|
+
value: true
|
|
5
|
+
});
|
|
6
|
+
exports.ForceScrollDownView = void 0;
|
|
7
|
+
var _react = _interopRequireWildcard(require("react"));
|
|
8
|
+
var _reactNative = require("react-native");
|
|
9
|
+
var _ScaleInOutAnimation = require("../common/ScaleInOutAnimation");
|
|
10
|
+
var _core = require("../../core");
|
|
11
|
+
var _buttons = require("../buttons");
|
|
12
|
+
function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function (nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
|
|
13
|
+
function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
|
|
14
|
+
/**
|
|
15
|
+
* A React Native component that displays a scroll view with a button that scrolls to the bottom of the content
|
|
16
|
+
* when pressed. The button is hidden when the scroll view reaches a certain threshold from the bottom, which is
|
|
17
|
+
* configurable by the `threshold` prop. The button, and the scrolling, can also be disabled by setting the
|
|
18
|
+
* `scrollEnabled` prop to `false`.
|
|
19
|
+
*/
|
|
20
|
+
const ForceScrollDownView = _ref => {
|
|
21
|
+
let {
|
|
22
|
+
children,
|
|
23
|
+
threshold = 100,
|
|
24
|
+
style,
|
|
25
|
+
contentContainerStyle,
|
|
26
|
+
scrollEnabled = true,
|
|
27
|
+
onThresholdCrossed
|
|
28
|
+
} = _ref;
|
|
29
|
+
const scrollViewRef = (0, _react.useRef)(null);
|
|
30
|
+
|
|
31
|
+
/**
|
|
32
|
+
* The height of the scroll view, used to determine whether or not the scrollable content fits inside
|
|
33
|
+
* the scroll view and whether the "scroll to bottom" button should be displayed.
|
|
34
|
+
*/
|
|
35
|
+
const [scrollViewHeight, setScrollViewHeight] = (0, _react.useState)();
|
|
36
|
+
|
|
37
|
+
/**
|
|
38
|
+
* The height of the scrollable content, used to determine whether or not the "scroll to bottom" button
|
|
39
|
+
* should be displayed.
|
|
40
|
+
*/
|
|
41
|
+
const [contentHeight, setContentHeight] = (0, _react.useState)();
|
|
42
|
+
|
|
43
|
+
/**
|
|
44
|
+
* Whether or not the scroll view has crossed the threshold from the bottom.
|
|
45
|
+
*/
|
|
46
|
+
const [isThresholdCrossed, setThresholdCrossed] = (0, _react.useState)(false);
|
|
47
|
+
|
|
48
|
+
/**
|
|
49
|
+
* Whether or not the "scroll to bottom" button should be visible. This is controlled by the threshold
|
|
50
|
+
* and the current scroll position.
|
|
51
|
+
*/
|
|
52
|
+
const [isButtonVisible, setButtonVisible] = (0, _react.useState)(true);
|
|
53
|
+
|
|
54
|
+
/**
|
|
55
|
+
* A callback that is called whenever the scroll view is scrolled. It checks whether or not the
|
|
56
|
+
* scroll view has crossed the threshold from the bottom and updates the state accordingly.
|
|
57
|
+
* The callback is designed to updatr button visibility only when crossing the threshold.
|
|
58
|
+
*/
|
|
59
|
+
const handleScroll = (0, _react.useCallback)(event => {
|
|
60
|
+
const {
|
|
61
|
+
layoutMeasurement,
|
|
62
|
+
contentOffset,
|
|
63
|
+
contentSize
|
|
64
|
+
} = event.nativeEvent;
|
|
65
|
+
const thresholdCrossed = layoutMeasurement.height + contentOffset.y >= contentSize.height - threshold;
|
|
66
|
+
setThresholdCrossed(previousState => {
|
|
67
|
+
if (!previousState && thresholdCrossed) {
|
|
68
|
+
setButtonVisible(false);
|
|
69
|
+
}
|
|
70
|
+
if (previousState && !thresholdCrossed) {
|
|
71
|
+
setButtonVisible(true);
|
|
72
|
+
}
|
|
73
|
+
return thresholdCrossed;
|
|
74
|
+
});
|
|
75
|
+
}, [threshold]);
|
|
76
|
+
|
|
77
|
+
/**
|
|
78
|
+
* A side effect that calls the `onThresholdCrossed` callback whenever the value of `isThresholdCrossed` changes.
|
|
79
|
+
*/
|
|
80
|
+
(0, _react.useEffect)(() => {
|
|
81
|
+
onThresholdCrossed === null || onThresholdCrossed === void 0 || onThresholdCrossed(isThresholdCrossed);
|
|
82
|
+
}, [onThresholdCrossed, isThresholdCrossed]);
|
|
83
|
+
|
|
84
|
+
/**
|
|
85
|
+
* A callback that is called whenever the size of the scrollable content changes. It updates the
|
|
86
|
+
* state with the new content height.
|
|
87
|
+
*/
|
|
88
|
+
const handleContentSizeChange = (0, _react.useCallback)((_contentWidth, contentHeight) => {
|
|
89
|
+
setContentHeight(contentHeight);
|
|
90
|
+
}, []);
|
|
91
|
+
|
|
92
|
+
/**
|
|
93
|
+
* A callback that is called whenever the size of the scroll view changes. It updates the state
|
|
94
|
+
* with the new scroll view height.
|
|
95
|
+
*/
|
|
96
|
+
const handleLayout = (0, _react.useCallback)(event => {
|
|
97
|
+
setScrollViewHeight(event.nativeEvent.layout.height);
|
|
98
|
+
}, []);
|
|
99
|
+
|
|
100
|
+
/**
|
|
101
|
+
* A callback that is called when the "scroll to bottom" button is pressed. It scrolls the
|
|
102
|
+
* scroll view to the bottom and hides the button.
|
|
103
|
+
*/
|
|
104
|
+
const handleScrollDownPress = (0, _react.useCallback)(() => {
|
|
105
|
+
var _scrollViewRef$curren;
|
|
106
|
+
setButtonVisible(false);
|
|
107
|
+
(_scrollViewRef$curren = scrollViewRef.current) === null || _scrollViewRef$curren === void 0 || _scrollViewRef$curren.scrollToEnd();
|
|
108
|
+
}, [scrollViewRef]);
|
|
109
|
+
|
|
110
|
+
/**
|
|
111
|
+
* Whether or not the "scroll to bottom" button needs to be displayed. It is only displayed
|
|
112
|
+
* when the scrollable content cannot fit inside the scroll view and the button is enabled
|
|
113
|
+
* (`scrollEnabled` is `true`).
|
|
114
|
+
*/
|
|
115
|
+
const needsScroll = (0, _react.useMemo)(() => scrollViewHeight != null && contentHeight != null && scrollViewHeight < contentHeight, [scrollViewHeight, contentHeight]);
|
|
116
|
+
|
|
117
|
+
/**
|
|
118
|
+
* Whether or not to render the "scroll to bottom" button. It is only rendered when the scroll view
|
|
119
|
+
* is enabled, needs to be scrolled, and the button is visible (`isButtonVisible` is `true`).
|
|
120
|
+
*/
|
|
121
|
+
const shouldRenderScrollButton = scrollEnabled && needsScroll && isButtonVisible;
|
|
122
|
+
|
|
123
|
+
/**
|
|
124
|
+
* The "scroll to bottom" button component. It is wrapped in a reanimated view and has enter and exit
|
|
125
|
+
* animations applied to it.
|
|
126
|
+
*/
|
|
127
|
+
const scrollDownButton = /*#__PURE__*/_react.default.createElement(_ScaleInOutAnimation.ScaleInOutAnimation, {
|
|
128
|
+
springConfig: _core.IOSpringValues.button,
|
|
129
|
+
style: styles.scrollDownButton,
|
|
130
|
+
visible: shouldRenderScrollButton
|
|
131
|
+
}, /*#__PURE__*/_react.default.createElement(_buttons.IconButtonSolid, {
|
|
132
|
+
testID: "ScrollDownButton",
|
|
133
|
+
accessibilityLabel: "Scroll to bottom",
|
|
134
|
+
icon: "arrowBottom",
|
|
135
|
+
onPress: handleScrollDownPress
|
|
136
|
+
}));
|
|
137
|
+
return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, /*#__PURE__*/_react.default.createElement(_reactNative.ScrollView, {
|
|
138
|
+
testID: "ScrollView",
|
|
139
|
+
ref: scrollViewRef,
|
|
140
|
+
scrollIndicatorInsets: {
|
|
141
|
+
right: 1
|
|
142
|
+
},
|
|
143
|
+
scrollEnabled: scrollEnabled,
|
|
144
|
+
onScroll: handleScroll,
|
|
145
|
+
scrollEventThrottle: 400,
|
|
146
|
+
style: style,
|
|
147
|
+
onLayout: handleLayout,
|
|
148
|
+
onContentSizeChange: handleContentSizeChange,
|
|
149
|
+
contentContainerStyle: contentContainerStyle
|
|
150
|
+
}, children), scrollDownButton);
|
|
151
|
+
};
|
|
152
|
+
exports.ForceScrollDownView = ForceScrollDownView;
|
|
153
|
+
const styles = _reactNative.StyleSheet.create({
|
|
154
|
+
scrollDownButton: {
|
|
155
|
+
position: "absolute",
|
|
156
|
+
zIndex: 10,
|
|
157
|
+
right: _core.IOVisualCostants.scrollDownButtonRight,
|
|
158
|
+
bottom: _core.IOVisualCostants.scrollDownButtonBottom
|
|
159
|
+
}
|
|
160
|
+
});
|
|
161
|
+
//# sourceMappingURL=ForceScrollDownView.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_ScaleInOutAnimation","_core","_buttons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ForceScrollDownView","_ref","children","threshold","style","contentContainerStyle","scrollEnabled","onThresholdCrossed","scrollViewRef","useRef","scrollViewHeight","setScrollViewHeight","useState","contentHeight","setContentHeight","isThresholdCrossed","setThresholdCrossed","isButtonVisible","setButtonVisible","handleScroll","useCallback","event","layoutMeasurement","contentOffset","contentSize","nativeEvent","thresholdCrossed","height","y","previousState","useEffect","handleContentSizeChange","_contentWidth","handleLayout","layout","handleScrollDownPress","_scrollViewRef$curren","current","scrollToEnd","needsScroll","useMemo","shouldRenderScrollButton","scrollDownButton","createElement","ScaleInOutAnimation","springConfig","IOSpringValues","button","styles","visible","IconButtonSolid","testID","accessibilityLabel","icon","onPress","Fragment","ScrollView","ref","scrollIndicatorInsets","right","onScroll","scrollEventThrottle","onLayout","onContentSizeChange","exports","StyleSheet","create","position","zIndex","IOVisualCostants","scrollDownButtonRight","bottom","scrollDownButtonBottom"],"sourceRoot":"../../../../src","sources":["components/layout/ForceScrollDownView.tsx"],"mappings":"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"}
|
|
@@ -51,21 +51,21 @@ const HeaderFirstLevel = _ref => {
|
|
|
51
51
|
flexShrink: 1
|
|
52
52
|
},
|
|
53
53
|
numberOfLines: 1,
|
|
54
|
-
color: backgroundColor === "dark" ? "white" :
|
|
54
|
+
color: backgroundColor === "dark" ? "white" : "black"
|
|
55
55
|
}, title), /*#__PURE__*/React.createElement(_reactNative.View, {
|
|
56
56
|
style: [_core.IOStyles.row, {
|
|
57
57
|
flexShrink: 0
|
|
58
58
|
}]
|
|
59
59
|
}, type === "threeActions" && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, thirdAction, {
|
|
60
|
-
color: backgroundColor === "dark" ? "contrast" : "
|
|
60
|
+
color: backgroundColor === "dark" ? "contrast" : "primary"
|
|
61
61
|
})), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
62
62
|
size: 16
|
|
63
63
|
})), (type === "twoActions" || type === "threeActions") && /*#__PURE__*/React.createElement(React.Fragment, null, /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, secondAction, {
|
|
64
|
-
color: backgroundColor === "dark" ? "contrast" : "
|
|
64
|
+
color: backgroundColor === "dark" ? "contrast" : "primary"
|
|
65
65
|
})), /*#__PURE__*/React.createElement(_spacer.HSpacer, {
|
|
66
66
|
size: 16
|
|
67
67
|
})), type !== "base" && /*#__PURE__*/React.createElement(_buttons.IconButton, _extends({}, firstAction, {
|
|
68
|
-
color: backgroundColor === "dark" ? "contrast" : "
|
|
68
|
+
color: backgroundColor === "dark" ? "contrast" : "primary"
|
|
69
69
|
})))));
|
|
70
70
|
};
|
|
71
71
|
exports.HeaderFirstLevel = HeaderFirstLevel;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_core","_typography","_spacer","_buttons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","HEADER_BG_COLOR_LIGHT","HEADER_BG_COLOR_DARK","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","insets","useSafeAreaInsets","createElement","View","style","paddingTop","top","IOColors","accessibilityRole","H3","flexShrink","numberOfLines","color","
|
|
1
|
+
{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeSafeAreaContext","_core","_typography","_spacer","_buttons","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","_extends","assign","bind","target","i","arguments","length","source","apply","HEADER_BG_COLOR_LIGHT","HEADER_BG_COLOR_DARK","styles","StyleSheet","create","headerInner","paddingHorizontal","IOVisualCostants","appMarginDefault","height","headerHeight","width","flexDirection","alignItems","justifyContent","HeaderFirstLevel","_ref","title","type","testID","backgroundColor","firstAction","secondAction","thirdAction","insets","useSafeAreaInsets","createElement","View","style","paddingTop","top","IOColors","accessibilityRole","H3","flexShrink","numberOfLines","color","IOStyles","row","Fragment","IconButton","HSpacer","size","exports","_default"],"sourceRoot":"../../../../src","sources":["components/layout/HeaderFirstLevel.tsx"],"mappings":"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"}
|
|
@@ -0,0 +1,94 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
var _reactNative = require("@testing-library/react-native");
|
|
4
|
+
var _react = _interopRequireDefault(require("react"));
|
|
5
|
+
var _reactNative2 = require("react-native");
|
|
6
|
+
var _ForceScrollDownView = require("../ForceScrollDownView");
|
|
7
|
+
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
|
8
|
+
/* eslint-disable functional/immutable-data */
|
|
9
|
+
|
|
10
|
+
const tContent = "Some content";
|
|
11
|
+
describe("ForceScrollDownView", () => {
|
|
12
|
+
jest.useFakeTimers();
|
|
13
|
+
it("should match snapshot", () => {
|
|
14
|
+
const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
|
|
15
|
+
const component = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
|
|
16
|
+
expect(component).toMatchSnapshot();
|
|
17
|
+
});
|
|
18
|
+
it("renders the content correctly", () => {
|
|
19
|
+
const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
|
|
20
|
+
const {
|
|
21
|
+
getByText
|
|
22
|
+
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
|
|
23
|
+
expect(getByText(tContent)).toBeDefined();
|
|
24
|
+
});
|
|
25
|
+
it("displays the scroll down button when necessary", async () => {
|
|
26
|
+
const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
|
|
27
|
+
const tScreenHeight = 1000;
|
|
28
|
+
const {
|
|
29
|
+
getByTestId,
|
|
30
|
+
queryByTestId
|
|
31
|
+
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
|
|
32
|
+
const scrollView = getByTestId("ScrollView");
|
|
33
|
+
|
|
34
|
+
// Update scroll view height
|
|
35
|
+
(0, _reactNative.fireEvent)(scrollView, "layout", {
|
|
36
|
+
nativeEvent: {
|
|
37
|
+
layout: {
|
|
38
|
+
height: tScreenHeight
|
|
39
|
+
}
|
|
40
|
+
}
|
|
41
|
+
});
|
|
42
|
+
|
|
43
|
+
// Update scroll view content height
|
|
44
|
+
(0, _reactNative.fireEvent)(scrollView, "contentSizeChange", null, tScreenHeight - 500);
|
|
45
|
+
|
|
46
|
+
// Button should not be visible because content does not need scrolling
|
|
47
|
+
const buttonBefore = queryByTestId("ScrollDownButton");
|
|
48
|
+
expect(buttonBefore).toBeNull();
|
|
49
|
+
|
|
50
|
+
// Increase content height to force button to be shown
|
|
51
|
+
(0, _reactNative.fireEvent)(scrollView, "contentSizeChange", null, tScreenHeight + 500);
|
|
52
|
+
jest.advanceTimersByTime(500);
|
|
53
|
+
|
|
54
|
+
// Button should be visible now beacuse content needs scrolling
|
|
55
|
+
const buttonAfter = queryByTestId("ScrollDownButton");
|
|
56
|
+
expect(buttonAfter).not.toBeNull();
|
|
57
|
+
});
|
|
58
|
+
it("scrolls to the bottom when the button is pressed", () => {
|
|
59
|
+
const tChildren = /*#__PURE__*/_react.default.createElement(_reactNative2.Text, null, tContent);
|
|
60
|
+
const tScreenHeight = 1000;
|
|
61
|
+
const {
|
|
62
|
+
getByTestId,
|
|
63
|
+
queryByTestId
|
|
64
|
+
} = (0, _reactNative.render)( /*#__PURE__*/_react.default.createElement(_ForceScrollDownView.ForceScrollDownView, null, tChildren));
|
|
65
|
+
const scrollView = getByTestId("ScrollView");
|
|
66
|
+
|
|
67
|
+
// Update scroll view height
|
|
68
|
+
(0, _reactNative.fireEvent)(scrollView, "layout", {
|
|
69
|
+
nativeEvent: {
|
|
70
|
+
layout: {
|
|
71
|
+
height: tScreenHeight
|
|
72
|
+
}
|
|
73
|
+
}
|
|
74
|
+
});
|
|
75
|
+
|
|
76
|
+
// Update scroll view content height
|
|
77
|
+
(0, _reactNative.fireEvent)(scrollView, "contentSizeChange", null, tScreenHeight + 500);
|
|
78
|
+
|
|
79
|
+
// Button should be visible
|
|
80
|
+
const buttonBefore = getByTestId("ScrollDownButton");
|
|
81
|
+
expect(buttonBefore).not.toBeNull();
|
|
82
|
+
|
|
83
|
+
// Fire button press event
|
|
84
|
+
_reactNative.fireEvent.press(buttonBefore);
|
|
85
|
+
|
|
86
|
+
// Wait for the scroll animation
|
|
87
|
+
jest.advanceTimersByTime(500);
|
|
88
|
+
|
|
89
|
+
// Button should not be visible after scrolling
|
|
90
|
+
const buttonAfter = queryByTestId("ScrollDownButton");
|
|
91
|
+
expect(buttonAfter).toBeNull();
|
|
92
|
+
});
|
|
93
|
+
});
|
|
94
|
+
//# sourceMappingURL=ForceScrollDownView.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["_reactNative","require","_react","_interopRequireDefault","_reactNative2","_ForceScrollDownView","obj","__esModule","default","tContent","describe","jest","useFakeTimers","it","tChildren","createElement","Text","component","render","ForceScrollDownView","expect","toMatchSnapshot","getByText","toBeDefined","tScreenHeight","getByTestId","queryByTestId","scrollView","fireEvent","nativeEvent","layout","height","buttonBefore","toBeNull","advanceTimersByTime","buttonAfter","not","press"],"sourceRoot":"../../../../../src","sources":["components/layout/__test__/ForceScrollDownView.test.tsx"],"mappings":"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"}
|
package/lib/commonjs/components/layout/__test__/__snapshots__/ForceScrollDownView.test.tsx.snap
ADDED
|
@@ -0,0 +1,23 @@
|
|
|
1
|
+
// Jest Snapshot v1, https://goo.gl/fbAQLP
|
|
2
|
+
|
|
3
|
+
exports[`ForceScrollDownView should match snapshot 1`] = `
|
|
4
|
+
<RCTScrollView
|
|
5
|
+
onContentSizeChange={[Function]}
|
|
6
|
+
onLayout={[Function]}
|
|
7
|
+
onScroll={[Function]}
|
|
8
|
+
scrollEnabled={true}
|
|
9
|
+
scrollEventThrottle={400}
|
|
10
|
+
scrollIndicatorInsets={
|
|
11
|
+
{
|
|
12
|
+
"right": 1,
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
testID="ScrollView"
|
|
16
|
+
>
|
|
17
|
+
<View>
|
|
18
|
+
<Text>
|
|
19
|
+
Some content
|
|
20
|
+
</Text>
|
|
21
|
+
</View>
|
|
22
|
+
</RCTScrollView>
|
|
23
|
+
`;
|
|
@@ -58,6 +58,17 @@ Object.keys(_HeaderSecondLevel).forEach(function (key) {
|
|
|
58
58
|
}
|
|
59
59
|
});
|
|
60
60
|
});
|
|
61
|
+
var _ForceScrollDownView = require("./ForceScrollDownView");
|
|
62
|
+
Object.keys(_ForceScrollDownView).forEach(function (key) {
|
|
63
|
+
if (key === "default" || key === "__esModule") return;
|
|
64
|
+
if (key in exports && exports[key] === _ForceScrollDownView[key]) return;
|
|
65
|
+
Object.defineProperty(exports, key, {
|
|
66
|
+
enumerable: true,
|
|
67
|
+
get: function () {
|
|
68
|
+
return _ForceScrollDownView[key];
|
|
69
|
+
}
|
|
70
|
+
});
|
|
71
|
+
});
|
|
61
72
|
var _FooterWithButtons = require("./FooterWithButtons");
|
|
62
73
|
Object.keys(_FooterWithButtons).forEach(function (key) {
|
|
63
74
|
if (key === "default" || key === "__esModule") return;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["_common","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_GradientScrollView","_GradientBottomActions","_HeaderFirstLevel","_HeaderSecondLevel","_FooterWithButtons","_BlockButtons"],"sourceRoot":"../../../../src","sources":["components/layout/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,mBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,mBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,mBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,mBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,sBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,sBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,sBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,sBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,iBAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,iBAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,iBAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,iBAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,kBAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,kBAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,kBAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,kBAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,
|
|
1
|
+
{"version":3,"names":["_common","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_GradientScrollView","_GradientBottomActions","_HeaderFirstLevel","_HeaderSecondLevel","_ForceScrollDownView","_FooterWithButtons","_BlockButtons"],"sourceRoot":"../../../../src","sources":["components/layout/index.tsx"],"mappings":"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"}
|