@pagopa/io-app-design-system 5.3.8 → 5.4.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +3 -2
- package/lib/commonjs/components/buttons/ButtonLink.js +5 -2
- package/lib/commonjs/components/buttons/ButtonLink.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonOutline.js +20 -15
- package/lib/commonjs/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js +4 -1
- package/lib/commonjs/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/commonjs/components/buttons/IOButton/IOButton.js +230 -0
- package/lib/commonjs/components/buttons/IOButton/IOButton.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/IOButton.test.js +43 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/IOButton.test.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/lib/commonjs/components/buttons/IOButton/index.js +17 -0
- package/lib/commonjs/components/buttons/IOButton/index.js.map +1 -0
- package/lib/commonjs/components/buttons/IOButton/styles.js +166 -0
- package/lib/commonjs/components/buttons/IOButton/styles.js.map +1 -0
- package/lib/commonjs/components/buttons/IconButton.js +1 -2
- package/lib/commonjs/components/buttons/IconButton.js.map +1 -1
- package/lib/commonjs/components/buttons/IconButtonContained.js +1 -2
- package/lib/commonjs/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/commonjs/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/lib/commonjs/components/buttons/__test__/button.test.js +0 -24
- package/lib/commonjs/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/commonjs/components/buttons/index.js +11 -0
- package/lib/commonjs/components/buttons/index.js.map +1 -1
- package/lib/commonjs/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/lib/commonjs/components/contentWrapper/ContentWrapper.js +6 -2
- package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map +1 -1
- package/lib/commonjs/components/icons/Icon.js +11 -9
- package/lib/commonjs/components/icons/Icon.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActions.js +10 -9
- package/lib/commonjs/components/layout/FooterActions.js.map +1 -1
- package/lib/commonjs/components/layout/FooterActionsInline.js +8 -8
- package/lib/commonjs/components/layout/FooterActionsInline.js.map +1 -1
- package/lib/commonjs/components/layout/GradientBottomActions.js +8 -8
- package/lib/commonjs/components/layout/GradientBottomActions.js.map +1 -1
- package/lib/commonjs/components/layout/GradientScrollView.js.map +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js +1 -1
- package/lib/commonjs/components/listitems/ListItemNav.js.map +1 -1
- package/lib/commonjs/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js +6 -6
- package/lib/commonjs/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberButton.js +15 -2
- package/lib/commonjs/components/numberpad/NumberButton.js.map +1 -1
- package/lib/commonjs/components/numberpad/NumberPad.js +9 -6
- package/lib/commonjs/components/numberpad/NumberPad.js.map +1 -1
- package/lib/commonjs/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/lib/commonjs/components/typography/IOText.js +4 -1
- package/lib/commonjs/components/typography/IOText.js.map +1 -1
- package/lib/commonjs/core/IOStyles.js +2 -17
- package/lib/commonjs/core/IOStyles.js.map +1 -1
- package/lib/module/components/buttons/ButtonLink.js +6 -3
- package/lib/module/components/buttons/ButtonLink.js.map +1 -1
- package/lib/module/components/buttons/ButtonOutline.js +21 -16
- package/lib/module/components/buttons/ButtonOutline.js.map +1 -1
- package/lib/module/components/buttons/ButtonSolid.js +4 -1
- package/lib/module/components/buttons/ButtonSolid.js.map +1 -1
- package/lib/module/components/buttons/IOButton/IOButton.js +223 -0
- package/lib/module/components/buttons/IOButton/IOButton.js.map +1 -0
- package/lib/module/components/buttons/IOButton/__test__/IOButton.test.js +40 -0
- package/lib/module/components/buttons/IOButton/__test__/IOButton.test.js.map +1 -0
- package/lib/module/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/lib/module/components/buttons/IOButton/index.js +4 -0
- package/lib/module/components/buttons/IOButton/index.js.map +1 -0
- package/lib/module/components/buttons/IOButton/styles.js +160 -0
- package/lib/module/components/buttons/IOButton/styles.js.map +1 -0
- package/lib/module/components/buttons/IconButton.js +2 -3
- package/lib/module/components/buttons/IconButton.js.map +1 -1
- package/lib/module/components/buttons/IconButtonContained.js +2 -3
- package/lib/module/components/buttons/IconButtonContained.js.map +1 -1
- package/lib/module/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/lib/module/components/buttons/__test__/button.test.js +0 -24
- package/lib/module/components/buttons/__test__/button.test.js.map +1 -1
- package/lib/module/components/buttons/index.js +1 -0
- package/lib/module/components/buttons/index.js.map +1 -1
- package/lib/module/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/lib/module/components/contentWrapper/ContentWrapper.js +6 -2
- package/lib/module/components/contentWrapper/ContentWrapper.js.map +1 -1
- package/lib/module/components/icons/Icon.js +10 -7
- package/lib/module/components/icons/Icon.js.map +1 -1
- package/lib/module/components/layout/FooterActions.js +11 -10
- package/lib/module/components/layout/FooterActions.js.map +1 -1
- package/lib/module/components/layout/FooterActionsInline.js +9 -9
- package/lib/module/components/layout/FooterActionsInline.js.map +1 -1
- package/lib/module/components/layout/GradientBottomActions.js +9 -9
- package/lib/module/components/layout/GradientBottomActions.js.map +1 -1
- package/lib/module/components/layout/GradientScrollView.js.map +1 -1
- package/lib/module/components/listitems/ListItemNav.js +2 -2
- package/lib/module/components/listitems/ListItemNav.js.map +1 -1
- package/lib/module/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/lib/module/components/loadingSpinner/LoadingSpinner.js +6 -6
- package/lib/module/components/loadingSpinner/LoadingSpinner.js.map +1 -1
- package/lib/module/components/numberpad/NumberButton.js +16 -3
- package/lib/module/components/numberpad/NumberButton.js.map +1 -1
- package/lib/module/components/numberpad/NumberPad.js +10 -7
- package/lib/module/components/numberpad/NumberPad.js.map +1 -1
- package/lib/module/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/lib/module/components/typography/IOText.js +2 -0
- package/lib/module/components/typography/IOText.js.map +1 -1
- package/lib/module/core/IOStyles.js +1 -16
- package/lib/module/core/IOStyles.js.map +1 -1
- package/lib/typescript/components/buttons/ButtonLink.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonLink.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonOutline.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonOutline.d.ts.map +1 -1
- package/lib/typescript/components/buttons/ButtonSolid.d.ts +3 -0
- package/lib/typescript/components/buttons/ButtonSolid.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts +57 -0
- package/lib/typescript/components/buttons/IOButton/IOButton.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/__test__/IOButton.test.d.ts +2 -0
- package/lib/typescript/components/buttons/IOButton/__test__/IOButton.test.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/index.d.ts +2 -0
- package/lib/typescript/components/buttons/IOButton/index.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IOButton/styles.d.ts +35 -0
- package/lib/typescript/components/buttons/IOButton/styles.d.ts.map +1 -0
- package/lib/typescript/components/buttons/IconButton.d.ts.map +1 -1
- package/lib/typescript/components/buttons/IconButtonContained.d.ts.map +1 -1
- package/lib/typescript/components/buttons/index.d.ts +1 -0
- package/lib/typescript/components/buttons/index.d.ts.map +1 -1
- package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts +6 -4
- package/lib/typescript/components/contentWrapper/ContentWrapper.d.ts.map +1 -1
- package/lib/typescript/components/icons/Icon.d.ts +1 -4
- package/lib/typescript/components/icons/Icon.d.ts.map +1 -1
- package/lib/typescript/components/icons/types.d.ts +3 -2
- package/lib/typescript/components/icons/types.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActions.d.ts +10 -8
- package/lib/typescript/components/layout/FooterActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/FooterActionsInline.d.ts +5 -4
- package/lib/typescript/components/layout/FooterActionsInline.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientBottomActions.d.ts +12 -6
- package/lib/typescript/components/layout/GradientBottomActions.d.ts.map +1 -1
- package/lib/typescript/components/layout/GradientScrollView.d.ts.map +1 -1
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts +2 -2
- package/lib/typescript/components/loadingSpinner/LoadingSpinner.d.ts.map +1 -1
- package/lib/typescript/components/numberpad/NumberButton.d.ts +11 -0
- 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/typography/IOText.d.ts +1 -0
- package/lib/typescript/components/typography/IOText.d.ts.map +1 -1
- package/lib/typescript/core/IOStyles.d.ts +0 -14
- package/lib/typescript/core/IOStyles.d.ts.map +1 -1
- package/package.json +1 -1
- package/src/components/buttons/ButtonLink.tsx +6 -6
- package/src/components/buttons/ButtonOutline.tsx +21 -21
- package/src/components/buttons/ButtonSolid.tsx +4 -1
- package/src/components/buttons/IOButton/IOButton.tsx +363 -0
- package/src/components/buttons/IOButton/__test__/IOButton.test.tsx +46 -0
- package/src/components/buttons/IOButton/__test__/__snapshots__/IOButton.test.tsx.snap +391 -0
- package/src/components/buttons/IOButton/index.tsx +1 -0
- package/src/components/buttons/IOButton/styles.tsx +228 -0
- package/src/components/buttons/IconButton.tsx +3 -6
- package/src/components/buttons/IconButtonContained.tsx +3 -6
- package/src/components/buttons/__test__/__snapshots__/button.test.tsx.snap +3 -395
- package/src/components/buttons/__test__/button.test.tsx +1 -33
- package/src/components/buttons/index.tsx +1 -0
- package/src/components/claimsSelector/__test__/__snapshots__/ClaimsSelector.test.tsx.snap +3 -12
- package/src/components/contentWrapper/ContentWrapper.tsx +18 -8
- package/src/components/icons/Icon.tsx +12 -3
- package/src/components/icons/types.ts +3 -2
- package/src/components/layout/FooterActions.tsx +26 -14
- package/src/components/layout/FooterActionsInline.tsx +19 -12
- package/src/components/layout/GradientBottomActions.tsx +17 -18
- package/src/components/layout/GradientScrollView.tsx +2 -1
- package/src/components/listitems/ListItemNav.tsx +1 -1
- package/src/components/listitems/__test__/__snapshots__/listitem.test.tsx.snap +10 -40
- package/src/components/loadingSpinner/LoadingSpinner.tsx +8 -8
- package/src/components/numberpad/NumberButton.tsx +18 -11
- package/src/components/numberpad/NumberPad.tsx +8 -10
- package/src/components/numberpad/__test__/__snapshots__/NumberPad.test.tsx.snap +36 -86
- package/src/components/typography/IOText.tsx +3 -0
- package/src/core/IOStyles.ts +1 -18
|
@@ -15,6 +15,9 @@ const DISABLED_OPACITY = 0.5;
|
|
|
15
15
|
|
|
16
16
|
// Icon size
|
|
17
17
|
const iconSize = 20;
|
|
18
|
+
/**
|
|
19
|
+
* @deprecated Use `Button` with variant `solid` instead
|
|
20
|
+
*/
|
|
18
21
|
export const ButtonSolid = /*#__PURE__*/forwardRef(({
|
|
19
22
|
color = "primary",
|
|
20
23
|
label,
|
|
@@ -149,7 +152,7 @@ export const ButtonSolid = /*#__PURE__*/forwardRef(({
|
|
|
149
152
|
entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
|
|
150
153
|
exiting: exitTransitionInnerContent,
|
|
151
154
|
children: /*#__PURE__*/_jsx(LoadingSpinner, {
|
|
152
|
-
color: foregroundColor
|
|
155
|
+
color: IOColors[foregroundColor]
|
|
153
156
|
})
|
|
154
157
|
}), !loading && /*#__PURE__*/_jsxs(Animated.View, {
|
|
155
158
|
style: [IOButtonStyles.buttonInner, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOTheme","useScaleAnimation","Icon","LoadingSpinner","ButtonText","jsx","_jsx","jsxs","_jsxs","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","background","default","pressed","foreground","danger","contrast","white","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","accessible","accessibilityState","busy","accessibilityRole","style","flexShrink","alignSelf","children","View","button","buttonSizeDefault","overflow","paddingHorizontal","opacity","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAEVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,OAAO;AACd,SAGEC,SAAS,QAEJ,cAAc;AACrB,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EACRC,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,UAAU,QACL,YAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,UAAU,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBtD,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;AA6BpC,OAAO,MAAMC,WAAW,gBAAG3B,UAAU,CACnC,CACE;EACE4B,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,KAAK,GAAGzB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAE0B,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3D5B,iBAAiB,CAAC,CAAC;EACrB,MAAM6B,aAAa,GAAGpC,gBAAgB,CAAC,CAAC;EAExC,MAAMqC,cAGL,GAAG;IACF;IACAC,OAAO,EAAE;MACPC,UAAU,EAAE;QACVC,OAAO,EAAEtC,QAAQ,CAAC6B,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACnDU,OAAO,EAAEvC,QAAQ,CAAC6B,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACnDT,QAAQ,EAAEpB,QAAQ,CAAC6B,KAAK,CAAC,0BAA0B,CAAC;MACtD,CAAC;MACDW,UAAU,EAAE;QACVF,OAAO,EAAET,KAAK,CAAC,oBAAoB,CAAC;QACpCT,QAAQ,EAAES,KAAK,CAAC,qBAAqB;MACvC;IACF,CAAC;IACD;IACAY,MAAM,EAAE;MACNJ,UAAU,EAAE;QACVC,OAAO,EAAEtC,QAAQ,CAAC,WAAW,CAAC;QAC9BuC,OAAO,EAAEvC,QAAQ,CAAC,WAAW,CAAC;QAC9BoB,QAAQ,EAAEpB,QAAQ,CAAC6B,KAAK,CAAC,0BAA0B,CAAC;MACtD,CAAC;MACDW,UAAU,EAAE;QACVF,OAAO,EAAET,KAAK,CAAC,mBAAmB,CAAC;QACnCT,QAAQ,EAAES,KAAK,CAAC,qBAAqB;MACvC;IACF,CAAC;IACD;IACAa,QAAQ,EAAE;MACRL,UAAU,EAAE;QACVC,OAAO,EAAEtC,QAAQ,CAAC2C,KAAK;QACvBJ,OAAO,EAAEvC,QAAQ,CAAC,WAAW,CAAC;QAC9BoB,QAAQ,EAAEpB,QAAQ,CAAC,WAAW;MAChC,CAAC;MACDwC,UAAU,EAAE;QACVF,OAAO,EAAE,YAAY;QACrBlB,QAAQ,EAAE;MACZ;IACF;EACF,CAAC;;EAED;AACJ;AACA;AACA;EACI,MAAMwB,SAAS,GAAGpD,MAAM,CAAC,KAAK,CAAC;EAE/BD,SAAS,CAAC,MAAM;IACd;IACAqD,SAAS,CAACC,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,qBAAqB,GAAGjD,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAMkD,eAAe,GAAGnD,gBAAgB,CACtCkC,QAAQ,CAACkB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CACEb,cAAc,CAAClB,KAAK,CAAC,CAACoB,UAAU,CAACC,OAAO,EACxCH,cAAc,CAAClB,KAAK,CAAC,CAACoB,UAAU,CAACE,OAAO,CAE5C,CAAC;IAED,OAAO;MAAEQ;IAAgB,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAME,aAAa,GAAG3D,WAAW,CAC9B4D,KAA4B,IAAK;IAChC;AACR;IACQ,IAAI7B,OAAO,EAAE;MACX;IACF;IACA3B,yBAAyB,CAACyD,OAAO,CAAC,aAAa,CAAC;IAChD3B,OAAO,CAAC0B,KAAK,CAAC;EAChB,CAAC,EACD,CAAC7B,OAAO,EAAEG,OAAO,CACnB,CAAC;;EAED;EACA,MAAMuB,eAA2B,GAAG3B,QAAQ,GACxCe,cAAc,CAAClB,KAAK,CAAC,EAAEoB,UAAU,EAAEjB,QAAQ,GAC3Ce,cAAc,CAAClB,KAAK,CAAC,EAAEoB,UAAU,EAAEC,OAAO;;EAE9C;EACA,MAAMc,eAAyB,GAAGhC,QAAQ,GACtCe,cAAc,CAAClB,KAAK,CAAC,EAAEuB,UAAU,EAAEpB,QAAQ,GAC3Ce,cAAc,CAAClB,KAAK,CAAC,EAAEuB,UAAU,EAAEF,OAAO;EAE9C,oBACE5B,IAAA,CAACjB,SAAS;IACRkC,MAAM,EAAEA,MAAO;IACfC,GAAG,EAAEA,GAAI;IACTyB,UAAU,EAAE;IACZ;IAAA;IACA5B,kBAAkB,EAAEA,kBAAkB,IAAIP,KAAM;IAChDQ,iBAAiB,EAAEA,iBAAkB;IACrC4B,kBAAkB,EAAE;MAClBC,IAAI,EAAElC,OAAO;MACbD,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAE;IACFoC,iBAAiB,EAAE,QAAS;IAC5BhC,OAAO,EAAEyB,aAAc;IACvBlB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBZ,QAAQ,EAAEA,QAAS;IACnBqC,KAAK,EACHtC,SAAS,GACL;MAAEuC,UAAU,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAU,CAAC,GACvC;MAAED,UAAU,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAO,CACxC;IAAAC,QAAA,eAEDhD,KAAA,CAACjB,QAAQ,CAACkE,IAAI;MACZJ,KAAK,EAAE,CACL1D,cAAc,CAAC+D,MAAM,EACrB/D,cAAc,CAACgE,iBAAiB,EAChC;QAAEhB,eAAe;QAAEiB,QAAQ,EAAE;MAAS,CAAC,EACvC7C,SAAS,IAAI;QAAE8C,iBAAiB,EAAE;MAAG,CAAC,EACtC7C,QAAQ,GAAG;QAAE8C,OAAO,EAAEpD;MAAiB,CAAC,GAAG,CAAC,CAAC;MAC7C;AACZ;MACY,CAACM,QAAQ,IAAI,CAACc,aAAa,IAAID,kBAAkB,EACjD,CAACb,QAAQ,IAAI0B,qBAAqB,CAClC;MAAAc,QAAA,GAEDvC,OAAO,iBACNX,IAAA,CAACf,QAAQ,CAACkE,IAAI;QACZJ,KAAK,EAAE1D,cAAc,CAACoE,WAAY;QAClCC,QAAQ,EACNxB,SAAS,CAACC,OAAO,GAAG3C,gCAAgC,GAAGmE,SACxD;QACDC,OAAO,EAAEnE,0BAA2B;QAAAyD,QAAA,eAEpClD,IAAA,CAACH,cAAc;UAACU,KAAK,
|
|
1
|
+
{"version":3,"names":["React","forwardRef","useCallback","useEffect","useRef","Pressable","ReactNativeHapticFeedback","Animated","interpolateColor","useAnimatedStyle","useReducedMotion","IOButtonStyles","IOColors","enterTransitionInnerContent","enterTransitionInnerContentSmall","exitTransitionInnerContent","useIOTheme","useScaleAnimation","Icon","LoadingSpinner","ButtonText","jsx","_jsx","jsxs","_jsxs","ICON_MARGIN","DISABLED_OPACITY","iconSize","ButtonSolid","color","label","fullWidth","disabled","loading","icon","iconPosition","onPress","accessibilityLabel","accessibilityHint","testID","ref","theme","progress","onPressIn","onPressOut","scaleAnimatedStyle","reducedMotion","mapColorStates","primary","background","default","pressed","foreground","danger","contrast","white","isMounted","current","pressedAnimationStyle","backgroundColor","value","handleOnPress","event","trigger","foregroundColor","accessible","accessibilityState","busy","accessibilityRole","style","flexShrink","alignSelf","children","View","button","buttonSizeDefault","overflow","paddingHorizontal","opacity","buttonInner","entering","undefined","exiting","columnGap","flexDirection","allowFontScaling","name","size","numberOfLines","ellipsizeMode","accessibilityElementsHidden","importantForAccessibility"],"sourceRoot":"../../../../src","sources":["components/buttons/ButtonSolid.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAEVC,UAAU,EACVC,WAAW,EACXC,SAAS,EACTC,MAAM,QACD,OAAO;AACd,SAGEC,SAAS,QAEJ,cAAc;AACrB,OAAOC,yBAAyB,MAAM,8BAA8B;AACpE,OAAOC,QAAQ,IACbC,gBAAgB,EAChBC,gBAAgB,EAChBC,gBAAgB,QACX,yBAAyB;AAChC,SACEC,cAAc,EACdC,QAAQ,EACRC,2BAA2B,EAC3BC,gCAAgC,EAChCC,0BAA0B,EAC1BC,UAAU,QACL,YAAY;AACnB,SAASC,iBAAiB,QAAQ,aAAa;AAE/C,SAAmCC,IAAI,QAAQ,UAAU;AACzD,SAASC,cAAc,QAAQ,mBAAmB;AAClD,SAASC,UAAU,QAAQ,0BAA0B;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAgBtD,MAAMC,WAAW,GAAG,CAAC;AACrB,MAAMC,gBAAgB,GAAG,GAAG;;AAE5B;AACA,MAAMC,QAAyB,GAAG,EAAE;AA6BpC;AACA;AACA;AACA,OAAO,MAAMC,WAAW,gBAAG3B,UAAU,CACnC,CACE;EACE4B,KAAK,GAAG,SAAS;EACjBC,KAAK;EACLC,SAAS,GAAG,KAAK;EACjBC,QAAQ,GAAG,KAAK;EAChBC,OAAO,GAAG,KAAK;EACfC,IAAI;EACJC,YAAY,GAAG,OAAO;EACtBC,OAAO;EACPC,kBAAkB;EAClBC,iBAAiB;EACjBC;AACF,CAAC,EACDC,GAAG,KACA;EACH,MAAMC,KAAK,GAAGzB,UAAU,CAAC,CAAC;EAC1B,MAAM;IAAE0B,QAAQ;IAAEC,SAAS;IAAEC,UAAU;IAAEC;EAAmB,CAAC,GAC3D5B,iBAAiB,CAAC,CAAC;EACrB,MAAM6B,aAAa,GAAGpC,gBAAgB,CAAC,CAAC;EAExC,MAAMqC,cAGL,GAAG;IACF;IACAC,OAAO,EAAE;MACPC,UAAU,EAAE;QACVC,OAAO,EAAEtC,QAAQ,CAAC6B,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACnDU,OAAO,EAAEvC,QAAQ,CAAC6B,KAAK,CAAC,yBAAyB,CAAC,CAAC;QACnDT,QAAQ,EAAEpB,QAAQ,CAAC6B,KAAK,CAAC,0BAA0B,CAAC;MACtD,CAAC;MACDW,UAAU,EAAE;QACVF,OAAO,EAAET,KAAK,CAAC,oBAAoB,CAAC;QACpCT,QAAQ,EAAES,KAAK,CAAC,qBAAqB;MACvC;IACF,CAAC;IACD;IACAY,MAAM,EAAE;MACNJ,UAAU,EAAE;QACVC,OAAO,EAAEtC,QAAQ,CAAC,WAAW,CAAC;QAC9BuC,OAAO,EAAEvC,QAAQ,CAAC,WAAW,CAAC;QAC9BoB,QAAQ,EAAEpB,QAAQ,CAAC6B,KAAK,CAAC,0BAA0B,CAAC;MACtD,CAAC;MACDW,UAAU,EAAE;QACVF,OAAO,EAAET,KAAK,CAAC,mBAAmB,CAAC;QACnCT,QAAQ,EAAES,KAAK,CAAC,qBAAqB;MACvC;IACF,CAAC;IACD;IACAa,QAAQ,EAAE;MACRL,UAAU,EAAE;QACVC,OAAO,EAAEtC,QAAQ,CAAC2C,KAAK;QACvBJ,OAAO,EAAEvC,QAAQ,CAAC,WAAW,CAAC;QAC9BoB,QAAQ,EAAEpB,QAAQ,CAAC,WAAW;MAChC,CAAC;MACDwC,UAAU,EAAE;QACVF,OAAO,EAAE,YAAY;QACrBlB,QAAQ,EAAE;MACZ;IACF;EACF,CAAC;;EAED;AACJ;AACA;AACA;EACI,MAAMwB,SAAS,GAAGpD,MAAM,CAAC,KAAK,CAAC;EAE/BD,SAAS,CAAC,MAAM;IACd;IACAqD,SAAS,CAACC,OAAO,GAAG,IAAI;EAC1B,CAAC,EAAE,EAAE,CAAC;;EAEN;EACA,MAAMC,qBAAqB,GAAGjD,gBAAgB,CAAC,MAAM;IACnD;IACA,MAAMkD,eAAe,GAAGnD,gBAAgB,CACtCkC,QAAQ,CAACkB,KAAK,EACd,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CACEb,cAAc,CAAClB,KAAK,CAAC,CAACoB,UAAU,CAACC,OAAO,EACxCH,cAAc,CAAClB,KAAK,CAAC,CAACoB,UAAU,CAACE,OAAO,CAE5C,CAAC;IAED,OAAO;MAAEQ;IAAgB,CAAC;EAC5B,CAAC,CAAC;EAEF,MAAME,aAAa,GAAG3D,WAAW,CAC9B4D,KAA4B,IAAK;IAChC;AACR;IACQ,IAAI7B,OAAO,EAAE;MACX;IACF;IACA3B,yBAAyB,CAACyD,OAAO,CAAC,aAAa,CAAC;IAChD3B,OAAO,CAAC0B,KAAK,CAAC;EAChB,CAAC,EACD,CAAC7B,OAAO,EAAEG,OAAO,CACnB,CAAC;;EAED;EACA,MAAMuB,eAA2B,GAAG3B,QAAQ,GACxCe,cAAc,CAAClB,KAAK,CAAC,EAAEoB,UAAU,EAAEjB,QAAQ,GAC3Ce,cAAc,CAAClB,KAAK,CAAC,EAAEoB,UAAU,EAAEC,OAAO;;EAE9C;EACA,MAAMc,eAAyB,GAAGhC,QAAQ,GACtCe,cAAc,CAAClB,KAAK,CAAC,EAAEuB,UAAU,EAAEpB,QAAQ,GAC3Ce,cAAc,CAAClB,KAAK,CAAC,EAAEuB,UAAU,EAAEF,OAAO;EAE9C,oBACE5B,IAAA,CAACjB,SAAS;IACRkC,MAAM,EAAEA,MAAO;IACfC,GAAG,EAAEA,GAAI;IACTyB,UAAU,EAAE;IACZ;IAAA;IACA5B,kBAAkB,EAAEA,kBAAkB,IAAIP,KAAM;IAChDQ,iBAAiB,EAAEA,iBAAkB;IACrC4B,kBAAkB,EAAE;MAClBC,IAAI,EAAElC,OAAO;MACbD,QAAQ,EAAEA,QAAQ,IAAI;IACxB,CAAE;IACFoC,iBAAiB,EAAE,QAAS;IAC5BhC,OAAO,EAAEyB,aAAc;IACvBlB,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBZ,QAAQ,EAAEA,QAAS;IACnBqC,KAAK,EACHtC,SAAS,GACL;MAAEuC,UAAU,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAU,CAAC,GACvC;MAAED,UAAU,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAO,CACxC;IAAAC,QAAA,eAEDhD,KAAA,CAACjB,QAAQ,CAACkE,IAAI;MACZJ,KAAK,EAAE,CACL1D,cAAc,CAAC+D,MAAM,EACrB/D,cAAc,CAACgE,iBAAiB,EAChC;QAAEhB,eAAe;QAAEiB,QAAQ,EAAE;MAAS,CAAC,EACvC7C,SAAS,IAAI;QAAE8C,iBAAiB,EAAE;MAAG,CAAC,EACtC7C,QAAQ,GAAG;QAAE8C,OAAO,EAAEpD;MAAiB,CAAC,GAAG,CAAC,CAAC;MAC7C;AACZ;MACY,CAACM,QAAQ,IAAI,CAACc,aAAa,IAAID,kBAAkB,EACjD,CAACb,QAAQ,IAAI0B,qBAAqB,CAClC;MAAAc,QAAA,GAEDvC,OAAO,iBACNX,IAAA,CAACf,QAAQ,CAACkE,IAAI;QACZJ,KAAK,EAAE1D,cAAc,CAACoE,WAAY;QAClCC,QAAQ,EACNxB,SAAS,CAACC,OAAO,GAAG3C,gCAAgC,GAAGmE,SACxD;QACDC,OAAO,EAAEnE,0BAA2B;QAAAyD,QAAA,eAEpClD,IAAA,CAACH,cAAc;UAACU,KAAK,EAAEjB,QAAQ,CAACoD,eAAe;QAAE,CAAE;MAAC,CACvC,CAChB,EAEA,CAAC/B,OAAO,iBACPT,KAAA,CAACjB,QAAQ,CAACkE,IAAI;QACZJ,KAAK,EAAE,CACL1D,cAAc,CAACoE,WAAW,EAC1B;UAAEI,SAAS,EAAE1D;QAAY,CAAC;QAC1B;AAChB;QACgBU,YAAY,KAAK,KAAK,IAAI;UAAEiD,aAAa,EAAE;QAAc,CAAC,CAC1D;QACFJ,QAAQ,EACNxB,SAAS,CAACC,OAAO,GAAG5C,2BAA2B,GAAGoE,SACnD;QAAAT,QAAA,GAEAtC,IAAI,iBACHZ,IAAA,CAACJ,IAAI;UACHmE,gBAAgB;UAChBC,IAAI,EAAEpD,IAAK;UACXqD,IAAI,EAAE5D,QAAS;UACfE,KAAK,EAAEmC;QAAgB,CACxB,CACF,eACD1C,IAAA,CAACF,UAAU;UACTS,KAAK,EAAEmC,eAAgB;UACvBK,KAAK,EAAE1D,cAAc,CAACmB,KAAM;UAC5B0D,aAAa,EAAE,CAAE;UACjBC,aAAa,EAAC,MAAM;UACpBxB,UAAU,EAAE,KAAM;UAClByB,2BAA2B;UAC3BC,yBAAyB,EAAC,qBAAqB;UAAAnB,QAAA,EAE9C1C;QAAK,CACI,CAAC;MAAA,CACA,CAChB;IAAA,CACY;EAAC,CACP,CAAC;AAEhB,CACF,CAAC;AAED,eAAeF,WAAW","ignoreList":[]}
|
|
@@ -0,0 +1,223 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React, { forwardRef, useCallback, useEffect, useRef } from "react";
|
|
4
|
+
import { Pressable, StyleSheet } from "react-native";
|
|
5
|
+
import ReactNativeHapticFeedback from "react-native-haptic-feedback";
|
|
6
|
+
import Animated, { useReducedMotion } from "react-native-reanimated";
|
|
7
|
+
import { enterTransitionInnerContent, enterTransitionInnerContentSmall, exitTransitionInnerContent, useIONewTypeface } from "../../../core";
|
|
8
|
+
import { useScaleAnimation } from "../../../hooks";
|
|
9
|
+
import { AnimatedIcon, AnimatedIconWithColorTransition } from "../../icons";
|
|
10
|
+
import { LoadingSpinner } from "../../loadingSpinner";
|
|
11
|
+
import { AnimatedIOText } from "../../typography";
|
|
12
|
+
import { buttonTextFontSize, buttonTextLineHeight } from "../../typography/ButtonText";
|
|
13
|
+
import { useButtonAnimatedStyles, useButtonColorMap } from "./styles";
|
|
14
|
+
import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
|
|
15
|
+
export const IOButton = /*#__PURE__*/forwardRef(({
|
|
16
|
+
variant = "solid",
|
|
17
|
+
color = "primary",
|
|
18
|
+
label,
|
|
19
|
+
fullWidth = false,
|
|
20
|
+
disabled = false,
|
|
21
|
+
loading = false,
|
|
22
|
+
numberOfLines = 1,
|
|
23
|
+
textAlign = "auto",
|
|
24
|
+
icon,
|
|
25
|
+
iconPosition = "start",
|
|
26
|
+
onPress,
|
|
27
|
+
accessibilityLabel,
|
|
28
|
+
accessibilityHint,
|
|
29
|
+
accessibilityRole = "button",
|
|
30
|
+
testID
|
|
31
|
+
}, ref) => {
|
|
32
|
+
const mapColorStates = useButtonColorMap(variant);
|
|
33
|
+
const {
|
|
34
|
+
progress,
|
|
35
|
+
onPressIn,
|
|
36
|
+
onPressOut,
|
|
37
|
+
scaleAnimatedStyle
|
|
38
|
+
} = useScaleAnimation();
|
|
39
|
+
const {
|
|
40
|
+
buttonAnimatedStyle,
|
|
41
|
+
labelAnimatedStyle,
|
|
42
|
+
iconColorAnimatedStyle
|
|
43
|
+
} = useButtonAnimatedStyles(variant, color, progress);
|
|
44
|
+
const reducedMotion = useReducedMotion();
|
|
45
|
+
const {
|
|
46
|
+
newTypefaceEnabled
|
|
47
|
+
} = useIONewTypeface();
|
|
48
|
+
const isLinkButton = variant === "link";
|
|
49
|
+
|
|
50
|
+
// ---------------------------------------
|
|
51
|
+
// VISUAL ATTRIBUTES
|
|
52
|
+
// ---------------------------------------
|
|
53
|
+
const btnIconSizeMap = {
|
|
54
|
+
solid: 20,
|
|
55
|
+
outline: 20,
|
|
56
|
+
link: 24
|
|
57
|
+
};
|
|
58
|
+
const btnBorderWidthMap = {
|
|
59
|
+
solid: 0,
|
|
60
|
+
outline: 2,
|
|
61
|
+
link: 0
|
|
62
|
+
};
|
|
63
|
+
const btnPaddingHorizontalMap = {
|
|
64
|
+
default: 24,
|
|
65
|
+
fullWidth: 16,
|
|
66
|
+
link: 0
|
|
67
|
+
};
|
|
68
|
+
const btnLinkHitSlop = {
|
|
69
|
+
top: 14,
|
|
70
|
+
right: 24,
|
|
71
|
+
bottom: 14,
|
|
72
|
+
left: 24
|
|
73
|
+
};
|
|
74
|
+
const btnIconSize = btnIconSizeMap[variant];
|
|
75
|
+
const btnBorderWidth = btnBorderWidthMap[variant];
|
|
76
|
+
const btnBorderRadius = 8;
|
|
77
|
+
const btnSizeDefault = 48;
|
|
78
|
+
const ICON_MARGIN = 8;
|
|
79
|
+
const DISABLED_OPACITY = 0.5;
|
|
80
|
+
|
|
81
|
+
// Background color
|
|
82
|
+
const backgroundColor = disabled ? mapColorStates[color].background.disabled : mapColorStates[color].background.default;
|
|
83
|
+
|
|
84
|
+
// Label & Icons colors
|
|
85
|
+
const foregroundColor = disabled ? mapColorStates[color]?.foreground?.disabled : mapColorStates[color]?.foreground?.default;
|
|
86
|
+
|
|
87
|
+
// ---------------------------------------
|
|
88
|
+
// BUTTON INNER LOGIC
|
|
89
|
+
// ---------------------------------------
|
|
90
|
+
|
|
91
|
+
/* Prevent the component from triggering the `isEntering' transition
|
|
92
|
+
on the on the first render. Solution from this discussion:
|
|
93
|
+
https://github.com/software-mansion/react-native-reanimated/discussions/2513
|
|
94
|
+
*/
|
|
95
|
+
const isMounted = useRef(false);
|
|
96
|
+
useEffect(() => {
|
|
97
|
+
// eslint-disable-next-line functional/immutable-data
|
|
98
|
+
isMounted.current = true;
|
|
99
|
+
}, []);
|
|
100
|
+
const handleOnPress = useCallback(event => {
|
|
101
|
+
/* Don't call `onPress` if the button is
|
|
102
|
+
in loading state */
|
|
103
|
+
if (loading) {
|
|
104
|
+
return;
|
|
105
|
+
}
|
|
106
|
+
ReactNativeHapticFeedback.trigger("impactLight");
|
|
107
|
+
onPress(event);
|
|
108
|
+
}, [loading, onPress]);
|
|
109
|
+
|
|
110
|
+
// ---------------------------------------
|
|
111
|
+
// BUTTON INNER CONTENT
|
|
112
|
+
// ---------------------------------------
|
|
113
|
+
const renderButtonContent = () => /*#__PURE__*/_jsxs(_Fragment, {
|
|
114
|
+
children: [loading && /*#__PURE__*/_jsx(Animated.View, {
|
|
115
|
+
style: styles.buttonInner,
|
|
116
|
+
entering: isMounted.current ? enterTransitionInnerContentSmall : undefined,
|
|
117
|
+
exiting: exitTransitionInnerContent,
|
|
118
|
+
children: /*#__PURE__*/_jsx(LoadingSpinner, {
|
|
119
|
+
color: foregroundColor
|
|
120
|
+
})
|
|
121
|
+
}), !loading && /*#__PURE__*/_jsxs(Animated.View, {
|
|
122
|
+
style: [styles.buttonInner, {
|
|
123
|
+
columnGap: ICON_MARGIN
|
|
124
|
+
}, iconPosition === "end" && {
|
|
125
|
+
flexDirection: "row-reverse"
|
|
126
|
+
}],
|
|
127
|
+
entering: isMounted.current ? enterTransitionInnerContent : undefined,
|
|
128
|
+
children: [icon && (!disabled ? /*#__PURE__*/_jsx(AnimatedIconWithColorTransition, {
|
|
129
|
+
allowFontScaling: true,
|
|
130
|
+
name: icon,
|
|
131
|
+
animatedProps: iconColorAnimatedStyle,
|
|
132
|
+
size: btnIconSize
|
|
133
|
+
}) : /*#__PURE__*/_jsx(AnimatedIcon, {
|
|
134
|
+
allowFontScaling: true,
|
|
135
|
+
name: icon,
|
|
136
|
+
color: mapColorStates[color]?.foreground?.disabled,
|
|
137
|
+
size: btnIconSize
|
|
138
|
+
})), /*#__PURE__*/_jsx(AnimatedIOText, {
|
|
139
|
+
font: newTypefaceEnabled ? "Titillio" : "TitilliumSansPro",
|
|
140
|
+
weight: "Semibold",
|
|
141
|
+
size: buttonTextFontSize,
|
|
142
|
+
lineHeight: isLinkButton ? buttonTextLineHeight : undefined,
|
|
143
|
+
accessible: false,
|
|
144
|
+
accessibilityElementsHidden: true,
|
|
145
|
+
importantForAccessibility: "no-hide-descendants",
|
|
146
|
+
numberOfLines: numberOfLines,
|
|
147
|
+
ellipsizeMode: "tail",
|
|
148
|
+
style: [{
|
|
149
|
+
textAlign
|
|
150
|
+
}, disabled ? {
|
|
151
|
+
color: mapColorStates[color]?.foreground?.disabled
|
|
152
|
+
} : {
|
|
153
|
+
...labelAnimatedStyle
|
|
154
|
+
}],
|
|
155
|
+
children: label
|
|
156
|
+
})]
|
|
157
|
+
})]
|
|
158
|
+
});
|
|
159
|
+
return /*#__PURE__*/_jsx(Pressable, {
|
|
160
|
+
ref: ref,
|
|
161
|
+
accessible: true
|
|
162
|
+
// Using || operator because empty string is not an accepted value
|
|
163
|
+
,
|
|
164
|
+
accessibilityLabel: accessibilityLabel || label,
|
|
165
|
+
accessibilityHint: accessibilityHint,
|
|
166
|
+
accessibilityRole: accessibilityRole,
|
|
167
|
+
accessibilityState: {
|
|
168
|
+
busy: loading,
|
|
169
|
+
disabled: disabled || false
|
|
170
|
+
},
|
|
171
|
+
onPress: handleOnPress,
|
|
172
|
+
onPressIn: onPressIn,
|
|
173
|
+
onPressOut: onPressOut,
|
|
174
|
+
disabled: disabled,
|
|
175
|
+
hitSlop: isLinkButton ? btnLinkHitSlop : undefined,
|
|
176
|
+
style: isLinkButton ? {
|
|
177
|
+
alignSelf: "flex-start"
|
|
178
|
+
} : fullWidth ? {
|
|
179
|
+
flexShrink: 0,
|
|
180
|
+
alignSelf: "stretch"
|
|
181
|
+
} : {
|
|
182
|
+
flexShrink: 1,
|
|
183
|
+
alignSelf: "auto"
|
|
184
|
+
},
|
|
185
|
+
testID: testID,
|
|
186
|
+
children: /*#__PURE__*/_jsx(Animated.View, {
|
|
187
|
+
style: [styles.button, {
|
|
188
|
+
paddingHorizontal: isLinkButton ? btnPaddingHorizontalMap.link : fullWidth ? btnPaddingHorizontalMap.fullWidth : btnPaddingHorizontalMap.default
|
|
189
|
+
}, {
|
|
190
|
+
height: isLinkButton ? undefined : btnSizeDefault,
|
|
191
|
+
backgroundColor,
|
|
192
|
+
borderWidth: btnBorderWidth,
|
|
193
|
+
borderRadius: btnBorderRadius,
|
|
194
|
+
borderColor: foregroundColor
|
|
195
|
+
}, disabled ? {
|
|
196
|
+
opacity: DISABLED_OPACITY
|
|
197
|
+
} : {},
|
|
198
|
+
/* Prevent Reanimated from overriding background colors
|
|
199
|
+
if button is disabled */
|
|
200
|
+
!disabled && !reducedMotion && scaleAnimatedStyle, !disabled && buttonAnimatedStyle],
|
|
201
|
+
children: renderButtonContent()
|
|
202
|
+
})
|
|
203
|
+
});
|
|
204
|
+
});
|
|
205
|
+
const styles = StyleSheet.create({
|
|
206
|
+
button: {
|
|
207
|
+
flexDirection: "row",
|
|
208
|
+
alignItems: "center",
|
|
209
|
+
justifyContent: "center",
|
|
210
|
+
textAlignVertical: "center",
|
|
211
|
+
// Prop supported on Android only
|
|
212
|
+
borderCurve: "continuous",
|
|
213
|
+
overflow: "hidden",
|
|
214
|
+
elevation: 0
|
|
215
|
+
},
|
|
216
|
+
buttonInner: {
|
|
217
|
+
flexDirection: "row",
|
|
218
|
+
alignItems: "center",
|
|
219
|
+
justifyContent: "center"
|
|
220
|
+
}
|
|
221
|
+
});
|
|
222
|
+
export default IOButton;
|
|
223
|
+
//# sourceMappingURL=IOButton.js.map
|
|
@@ -0,0 +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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","ignoreList":[]}
|
|
@@ -0,0 +1,40 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
|
|
3
|
+
import React from "react";
|
|
4
|
+
import { Alert } from "react-native";
|
|
5
|
+
import * as TestRenderer from "react-test-renderer";
|
|
6
|
+
import IOButton from "../IOButton";
|
|
7
|
+
import { jsx as _jsx } from "react/jsx-runtime";
|
|
8
|
+
const onButtonPress = () => {
|
|
9
|
+
Alert.alert("Alert", "Action triggered");
|
|
10
|
+
};
|
|
11
|
+
describe("Test Buttons Components", () => {
|
|
12
|
+
it("IOButton Snapshot · Solid variant", () => {
|
|
13
|
+
const buttonSolid = TestRenderer.create(/*#__PURE__*/_jsx(IOButton, {
|
|
14
|
+
variant: "solid",
|
|
15
|
+
label: "label",
|
|
16
|
+
accessibilityLabel: "accessibilityLabel",
|
|
17
|
+
onPress: onButtonPress
|
|
18
|
+
})).toJSON();
|
|
19
|
+
expect(buttonSolid).toMatchSnapshot();
|
|
20
|
+
});
|
|
21
|
+
it("IOButton Snapshot · Link variant", () => {
|
|
22
|
+
const buttonLink = TestRenderer.create(/*#__PURE__*/_jsx(IOButton, {
|
|
23
|
+
variant: "link",
|
|
24
|
+
label: "label",
|
|
25
|
+
accessibilityLabel: "accessibilityLabel",
|
|
26
|
+
onPress: onButtonPress
|
|
27
|
+
})).toJSON();
|
|
28
|
+
expect(buttonLink).toMatchSnapshot();
|
|
29
|
+
});
|
|
30
|
+
it("IOButton Snapshot · Outline variant", () => {
|
|
31
|
+
const buttonOutline = TestRenderer.create(/*#__PURE__*/_jsx(IOButton, {
|
|
32
|
+
variant: "outline",
|
|
33
|
+
label: "label",
|
|
34
|
+
accessibilityLabel: "accessibilityLabel",
|
|
35
|
+
onPress: onButtonPress
|
|
36
|
+
})).toJSON();
|
|
37
|
+
expect(buttonOutline).toMatchSnapshot();
|
|
38
|
+
});
|
|
39
|
+
});
|
|
40
|
+
//# sourceMappingURL=IOButton.test.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"names":["React","Alert","TestRenderer","IOButton","jsx","_jsx","onButtonPress","alert","describe","it","buttonSolid","create","variant","label","accessibilityLabel","onPress","toJSON","expect","toMatchSnapshot","buttonLink","buttonOutline"],"sourceRoot":"../../../../../../src","sources":["components/buttons/IOButton/__test__/IOButton.test.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,KAAK,QAAQ,cAAc;AACpC,OAAO,KAAKC,YAAY,MAAM,qBAAqB;AACnD,OAAOC,QAAQ,MAAM,aAAa;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAEnC,MAAMC,aAAa,GAAGA,CAAA,KAAM;EAC1BL,KAAK,CAACM,KAAK,CAAC,OAAO,EAAE,kBAAkB,CAAC;AAC1C,CAAC;AAEDC,QAAQ,CAAC,yBAAyB,EAAE,MAAM;EACxCC,EAAE,CAAC,mCAAmC,EAAE,MAAM;IAC5C,MAAMC,WAAW,GAAGR,YAAY,CAACS,MAAM,cACrCN,IAAA,CAACF,QAAQ;MACPS,OAAO,EAAC,OAAO;MACfC,KAAK,EAAE,OAAQ;MACfC,kBAAkB,EAAE,oBAAqB;MACzCC,OAAO,EAAET;IAAc,CACd,CACb,CAAC,CAACU,MAAM,CAAC,CAAC;IACVC,MAAM,CAACP,WAAW,CAAC,CAACQ,eAAe,CAAC,CAAC;EACvC,CAAC,CAAC;EAEFT,EAAE,CAAC,kCAAkC,EAAE,MAAM;IAC3C,MAAMU,UAAU,GAAGjB,YAAY,CAACS,MAAM,cACpCN,IAAA,CAACF,QAAQ;MACPS,OAAO,EAAC,MAAM;MACdC,KAAK,EAAE,OAAQ;MACfC,kBAAkB,EAAE,oBAAqB;MACzCC,OAAO,EAAET;IAAc,CACd,CACb,CAAC,CAACU,MAAM,CAAC,CAAC;IACVC,MAAM,CAACE,UAAU,CAAC,CAACD,eAAe,CAAC,CAAC;EACtC,CAAC,CAAC;EAEFT,EAAE,CAAC,qCAAqC,EAAE,MAAM;IAC9C,MAAMW,aAAa,GAAGlB,YAAY,CAACS,MAAM,cACvCN,IAAA,CAACF,QAAQ;MACPS,OAAO,EAAC,SAAS;MACjBC,KAAK,EAAE,OAAQ;MACfC,kBAAkB,EAAE,oBAAqB;MACzCC,OAAO,EAAET;IAAc,CACd,CACb,CAAC,CAACU,MAAM,CAAC,CAAC;IACVC,MAAM,CAACG,aAAa,CAAC,CAACF,eAAe,CAAC,CAAC;EACzC,CAAC,CAAC;AACJ,CAAC,CAAC","ignoreList":[]}
|