@pagopa/io-app-design-system 1.0.0-0

package/lib/commonjs/components/listitems/ListItemNav.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ListItemNav = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _core = require("../../core");
+var _icons = require("../icons");
+var _typography = require("../typography");
+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); }
+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; }
+const ListItemNav = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    value,
+    description,
+    onPress,
+    icon,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+  const theme = (0, _core.useIOTheme)();
+  const mapBackgroundStates = {
+    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
+    pressed: _core.IOColors[theme["listItem-pressed"]]
+  };
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
+  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
+    return {
+      backgroundColor
+    };
+  });
+  const handlePressIn = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const handlePressOut = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOListItemStyles.listItem, animatedBackgroundStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOListItemStyles.listItemInner, animatedScaleStyle]
+  }, icon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginRight: _core.IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: icon,
+    color: "grey-450",
+    size: _core.IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _core.IOStyles.flex
+  }, /*#__PURE__*/_react.default.createElement(_typography.H6, {
+    color: theme["textBody-default"]
+  }, value), description && /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
+    weight: "Regular",
+    color: theme["textBody-tertiary"]
+  }, description)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginLeft: _core.IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: "chevronRightListItem",
+    color: theme["interactiveElem-default"],
+    size: _core.IOListItemVisualParams.chevronSize
+  })))));
+};
+exports.ListItemNav = ListItemNav;
+var _default = ListItemNav;
+exports.default = _default;
+//# sourceMappingURL=ListItemNav.js.map

package/lib/commonjs/components/listitems/ListItemNav.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemNav","_ref","_IOScaleValues$basicB","value","description","onPress","icon","accessibilityLabel","testID","isPressed","useSharedValue","theme","useIOTheme","mapBackgroundStates","hexToRgba","IOColors","pressed","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","createElement","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","color","size","iconSize","IOStyles","flex","H6","LabelSmall","weight","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNav.tsx"],"mappings":"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"}

package/lib/commonjs/components/listitems/ListItemNavAlert.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = exports.ListItemNavAlert = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _core = require("../../core");
+var _icons = require("../icons");
+var _typography = require("../typography");
+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); }
+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; }
+const ListItemNavAlert = _ref => {
+  var _IOScaleValues$basicB;
+  let {
+    value,
+    description,
+    withoutIcon = false,
+    onPress,
+    accessibilityLabel,
+    testID
+  } = _ref;
+  const isPressed = (0, _reactNativeReanimated.useSharedValue)(0);
+  const theme = (0, _core.useIOTheme)();
+  const mapBackgroundStates = {
+    default: (0, _core.hexToRgba)(_core.IOColors[theme["listItem-pressed"]], 0),
+    pressed: _core.IOColors[theme["listItem-pressed"]]
+  };
+
+  // Scaling transformation applied when the button is pressed
+  const animationScaleValue = _core.IOScaleValues === null || _core.IOScaleValues === void 0 ? void 0 : (_IOScaleValues$basicB = _core.IOScaleValues.basicButton) === null || _IOScaleValues$basicB === void 0 ? void 0 : _IOScaleValues$basicB.pressedState;
+  const progressPressed = (0, _reactNativeReanimated.useDerivedValue)(() => (0, _reactNativeReanimated.withSpring)(isPressed.value, _core.IOSpringValues.button));
+
+  // Interpolate animation values from `isPressed` values
+  const animatedScaleStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const scale = (0, _reactNativeReanimated.interpolate)(progressPressed.value, [0, 1], [1, animationScaleValue], _reactNativeReanimated.Extrapolate.CLAMP);
+    return {
+      transform: [{
+        scale
+      }]
+    };
+  });
+  const animatedBackgroundStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const backgroundColor = (0, _reactNativeReanimated.interpolateColor)(progressPressed.value, [0, 1], [mapBackgroundStates.default, mapBackgroundStates.pressed]);
+    return {
+      backgroundColor
+    };
+  });
+  const handlePressIn = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 1;
+  }, [isPressed]);
+  const handlePressOut = (0, _react.useCallback)(() => {
+    // eslint-disable-next-line functional/immutable-data
+    isPressed.value = 0;
+  }, [isPressed]);
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    onPressIn: handlePressIn,
+    onPressOut: handlePressOut,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "button",
+    testID: testID
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOListItemStyles.listItem, animatedBackgroundStyle]
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOListItemStyles.listItemInner, animatedScaleStyle]
+  }, !withoutIcon && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginRight: _core.IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: "errorFilled",
+    color: theme.errorIcon,
+    size: _core.IOListItemVisualParams.iconSize
+  })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _core.IOStyles.flex
+  }, /*#__PURE__*/_react.default.createElement(_typography.H6, {
+    color: theme["textBody-default"]
+  }, value), description && /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
+    weight: "SemiBold",
+    color: theme.errorText
+  }, description)), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      marginLeft: _core.IOListItemVisualParams.iconMargin
+    }
+  }, /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+    name: "chevronRightListItem",
+    color: theme["interactiveElem-default"],
+    size: _core.IOListItemVisualParams.chevronSize
+  })))));
+};
+exports.ListItemNavAlert = ListItemNavAlert;
+var _default = ListItemNavAlert;
+exports.default = _default;
+//# sourceMappingURL=ListItemNavAlert.js.map

package/lib/commonjs/components/listitems/ListItemNavAlert.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_core","_icons","_typography","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","ListItemNavAlert","_ref","_IOScaleValues$basicB","value","description","withoutIcon","onPress","accessibilityLabel","testID","isPressed","useSharedValue","theme","useIOTheme","mapBackgroundStates","hexToRgba","IOColors","pressed","animationScaleValue","IOScaleValues","basicButton","pressedState","progressPressed","useDerivedValue","withSpring","IOSpringValues","button","animatedScaleStyle","useAnimatedStyle","scale","interpolate","Extrapolate","CLAMP","transform","animatedBackgroundStyle","backgroundColor","interpolateColor","handlePressIn","useCallback","handlePressOut","createElement","Pressable","onPressIn","onPressOut","accessible","accessibilityRole","View","style","IOListItemStyles","listItem","listItemInner","marginRight","IOListItemVisualParams","iconMargin","Icon","name","color","errorIcon","size","iconSize","IOStyles","flex","H6","LabelSmall","weight","errorText","marginLeft","chevronSize","exports","_default"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemNavAlert.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAKA,IAAAE,sBAAA,GAAAH,uBAAA,CAAAC,OAAA;AASA,IAAAG,KAAA,GAAAH,OAAA;AAEA,IAAAI,MAAA,GAAAJ,OAAA;AACA,IAAAK,WAAA,GAAAL,OAAA;AAA+C,SAAAM,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,SAAAR,wBAAAY,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;AAWxC,MAAMW,gBAAgB,GAAGC,IAAA,IAOR;EAAA,IAAAC,qBAAA;EAAA,IAPS;IAC7BC,KAAK;IACLC,WAAW;IACXC,WAAW,GAAG,KAAK;IACnBC,OAAO;IACPC,kBAAkB;IAClBC;EACc,CAAC,GAAAP,IAAA;EACf,MAAMQ,SAAuC,GAAG,IAAAC,qCAAc,EAAC,CAAC,CAAC;EAEjE,MAAMC,KAAK,GAAG,IAAAC,gBAAU,EAAC,CAAC;EAE1B,MAAMC,mBAA2C,GAAG;IAChD5B,OAAO,EAAE,IAAA6B,eAAS,EAACC,cAAQ,CAACJ,KAAK,CAAC,kBAAkB,CAAC,CAAC,EAAE,CAAC,CAAC;IAC1DK,OAAO,EAAED,cAAQ,CAACJ,KAAK,CAAC,kBAAkB,CAAC;EAC/C,CAAC;;EAED;EACA,MAAMM,mBAAmB,GAAGC,mBAAa,aAAbA,mBAAa,wBAAAhB,qBAAA,GAAbgB,mBAAa,CAAEC,WAAW,cAAAjB,qBAAA,uBAA1BA,qBAAA,CAA4BkB,YAAY;EAEpE,MAAMC,eAAe,GAAG,IAAAC,sCAAe,EAAC,MACpC,IAAAC,iCAAU,EAACd,SAAS,CAACN,KAAK,EAAEqB,oBAAc,CAACC,MAAM,CACrD,CAAC;;EAED;EACA,MAAMC,kBAAkB,GAAG,IAAAC,uCAAgB,EAAC,MAAM;IAC9C,MAAMC,KAAK,GAAG,IAAAC,kCAAW,EACrBR,eAAe,CAAClB,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAAC,CAAC,EAAEc,mBAAmB,CAAC,EACxBa,kCAAW,CAACC,KAChB,CAAC;IAED,OAAO;MACHC,SAAS,EAAE,CAAC;QAAEJ;MAAM,CAAC;IACzB,CAAC;EACL,CAAC,CAAC;EAEF,MAAMK,uBAAuB,GAAG,IAAAN,uCAAgB,EAAC,MAAM;IACnD,MAAMO,eAAe,GAAG,IAAAC,uCAAgB,EACpCd,eAAe,CAAClB,KAAK,EACrB,CAAC,CAAC,EAAE,CAAC,CAAC,EACN,CAACU,mBAAmB,CAAC5B,OAAO,EAAE4B,mBAAmB,CAACG,OAAO,CAC7D,CAAC;IAED,OAAO;MACHkB;IACJ,CAAC;EACL,CAAC,CAAC;EAEF,MAAME,aAAa,GAAG,IAAAC,kBAAW,EAAC,MAAM;IACpC;IACA5B,SAAS,CAACN,KAAK,GAAG,CAAC;EACvB,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EACf,MAAM6B,cAAc,GAAG,IAAAD,kBAAW,EAAC,MAAM;IACrC;IACA5B,SAAS,CAACN,KAAK,GAAG,CAAC;EACvB,CAAC,EAAE,CAACM,SAAS,CAAC,CAAC;EAGf,oBACIvC,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAClE,YAAA,CAAAmE,SAAS;IACNlC,OAAO,EAAEA,OAAQ;IACjBmC,SAAS,EAAEL,aAAc;IACzBM,UAAU,EAAEJ,cAAe;IAC3BK,UAAU,EAAE,IAAK;IACjBpC,kBAAkB,EAAEA,kBAAmB;IACvCqC,iBAAiB,EAAC,QAAQ;IAC1BpC,MAAM,EAAEA;EAAO,gBAEftC,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAACjE,sBAAA,CAAAW,OAAQ,CAAC4D,IAAI;IACVC,KAAK,EAAE,CAACC,sBAAgB,CAACC,QAAQ,EAAEf,uBAAuB;EAAE,gBAE5D/D,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAACjE,sBAAA,CAAAW,OAAQ,CAAC4D,IAAI;IACVC,KAAK,EAAE,CAACC,sBAAgB,CAACE,aAAa,EAAEvB,kBAAkB;EAAE,GAE3D,CAACrB,WAAW,iBACTnC,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAClE,YAAA,CAAAwE,IAAI;IAACC,KAAK,EAAE;MAAEI,WAAW,EAAEC,4BAAsB,CAACC;IAAW;EAAE,gBAC5DlF,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAC/D,MAAA,CAAA6E,IAAI;IACDC,IAAI,EAAC,aAAa;IAClBC,KAAK,EAAE5C,KAAK,CAAC6C,SAAU;IACvBC,IAAI,EAAEN,4BAAsB,CAACO;EAAS,CACzC,CACC,CACT,eACDxF,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAClE,YAAA,CAAAwE,IAAI;IAACC,KAAK,EAAEa,cAAQ,CAACC;EAAK,gBACvB1F,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAC9D,WAAA,CAAAoF,EAAE;IAACN,KAAK,EAAE5C,KAAK,CAAC,kBAAkB;EAAE,GAAER,KAAU,CAAC,EACjDC,WAAW,iBACRlC,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAC9D,WAAA,CAAAqF,UAAU;IAACC,MAAM,EAAC,UAAU;IAACR,KAAK,EAAE5C,KAAK,CAACqD;EAAU,GAChD5D,WACO,CAEd,CAAC,eACPlC,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAClE,YAAA,CAAAwE,IAAI;IAACC,KAAK,EAAE;MAAEmB,UAAU,EAAEd,4BAAsB,CAACC;IAAW;EAAE,gBAC3DlF,MAAA,CAAAe,OAAA,CAAAsD,aAAA,CAAC/D,MAAA,CAAA6E,IAAI;IACDC,IAAI,EAAC,sBAAsB;IAC3BC,KAAK,EAAE5C,KAAK,CAAC,yBAAyB,CAAE;IACxC8C,IAAI,EAAEN,4BAAsB,CAACe;EAAY,CAC5C,CACC,CACK,CACJ,CACR,CAAC;AAEpB,CAAC;AAACC,OAAA,CAAAnE,gBAAA,GAAAA,gBAAA;AAAA,IAAAoE,QAAA,GAEapE,gBAAgB;AAAAmE,OAAA,CAAAlF,OAAA,GAAAmF,QAAA"}

package/lib/commonjs/components/listitems/ListItemTransaction.js

@@ -0,0 +1,168 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ListItemTransaction = void 0;
+var O = _interopRequireWildcard(require("fp-ts/lib/Option"));
+var _function = require("fp-ts/lib/function");
+var _i18nJs = _interopRequireDefault(require("i18n-js"));
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _rnPlaceholder = _interopRequireDefault(require("rn-placeholder"));
+var _core = require("../../core");
+var _Avatar = require("../avatar/Avatar");
+var _Badge = require("../badge/Badge");
+var _icons = require("../icons");
+var _logos = require("../logos");
+var _spacer = require("../spacer");
+var _typography = require("../typography");
+var _PressableListItemsBase = require("./PressableListItemsBase");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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; }
+const isImageUrI = value => typeof value === "object" && value.uri !== undefined;
+const LeftComponent = _ref => {
+  let {
+    logoNameOrUrl
+  } = _ref;
+  if (isImageUrI(logoNameOrUrl)) {
+    return /*#__PURE__*/_react.default.createElement(_Avatar.Avatar, {
+      shape: "circle",
+      size: "small",
+      logoUri: [logoNameOrUrl]
+    });
+  } else {
+    return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        width: _core.IOVisualCostants.avatarSizeSmall,
+        height: _core.IOVisualCostants.avatarSizeSmall,
+        alignItems: "center",
+        justifyContent: "center"
+      }
+    }, /*#__PURE__*/_react.default.createElement(_logos.LogoPayment, {
+      name: logoNameOrUrl
+    }));
+  }
+};
+const ListItemTransaction = _ref2 => {
+  let {
+    accessibilityLabel,
+    hasChevronRight = false,
+    isLoading = false,
+    paymentLogoOrUrl,
+    onPress,
+    subtitle,
+    testID,
+    title,
+    transactionAmount,
+    transactionStatus = "success"
+  } = _ref2;
+  const theme = (0, _core.useIOTheme)();
+  if (isLoading) {
+    return /*#__PURE__*/_react.default.createElement(SkeletonComponent, null);
+  }
+  const designSystemBlue = "blue";
+  const ListItemTransactionContent = () => {
+    const TransactionAmountOrBadgeComponent = () => {
+      switch (transactionStatus) {
+        case "success":
+          return /*#__PURE__*/_react.default.createElement(_typography.H6, {
+            color: hasChevronRight ? designSystemBlue : "black"
+          }, transactionAmount || "-");
+        case "failure":
+          return /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
+            variant: "error",
+            text: _i18nJs.default.t("global.badges.failed")
+          });
+        case "pending":
+          return /*#__PURE__*/_react.default.createElement(_Badge.Badge, {
+            variant: "info",
+            text: _i18nJs.default.t("global.badges.onGoing")
+          });
+      }
+    };
+    return /*#__PURE__*/_react.default.createElement(_react.default.Fragment, null, paymentLogoOrUrl && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: {
+        marginRight: _core.IOListItemVisualParams.iconMargin
+      }
+    }, /*#__PURE__*/_react.default.createElement(LeftComponent, {
+      logoNameOrUrl: paymentLogoOrUrl
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: _core.IOStyles.flex
+    }, /*#__PURE__*/_react.default.createElement(_typography.H6, {
+      color: theme["textBody-default"]
+    }, title), /*#__PURE__*/_react.default.createElement(_typography.LabelSmall, {
+      weight: "Regular",
+      color: theme["textBody-tertiary"]
+    }, subtitle), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+      size: 4
+    })), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: Styles.rightSection
+    }, /*#__PURE__*/_react.default.createElement(TransactionAmountOrBadgeComponent, null), hasChevronRight && /*#__PURE__*/_react.default.createElement(_icons.Icon, {
+      name: "chevronRightListItem",
+      color: designSystemBlue,
+      size: _core.IOListItemVisualParams.chevronSize
+    })));
+  };
+  return (0, _function.pipe)(onPress, O.fromNullable, O.fold(() => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _core.IOListItemStyles.listItem,
+    testID: testID,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: _core.IOListItemStyles.listItemInner
+  }, /*#__PURE__*/_react.default.createElement(ListItemTransactionContent, null))), onPress => /*#__PURE__*/_react.default.createElement(_PressableListItemsBase.PressableListItemBase, {
+    onPress: onPress,
+    testID: testID,
+    accessibilityLabel: accessibilityLabel
+  }, /*#__PURE__*/_react.default.createElement(ListItemTransactionContent, null))));
+};
+exports.ListItemTransaction = ListItemTransaction;
+const SkeletonComponent = () => /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: _core.IOListItemStyles.listItem,
+  accessible: false
+}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: _core.IOListItemStyles.listItemInner
+}, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: {
+    marginRight: _core.IOListItemVisualParams.iconMargin
+  }
+}, /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  height: _core.IOVisualCostants.avatarSizeSmall,
+  width: _core.IOVisualCostants.avatarSizeSmall,
+  radius: 100
+})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: _core.IOStyles.flex
+}, /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  radius: 8,
+  width: 62,
+  height: 16
+}), /*#__PURE__*/_react.default.createElement(_spacer.VSpacer, {
+  size: 4
+}), /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  radius: 8,
+  width: 107,
+  height: 16
+})), /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+  style: {
+    marginLeft: _core.IOListItemVisualParams.iconMargin
+  }
+}, /*#__PURE__*/_react.default.createElement(_rnPlaceholder.default.Box, {
+  animate: "fade",
+  radius: 8,
+  width: 70,
+  height: 24
+}))));
+const Styles = _reactNative.StyleSheet.create({
+  rightSection: {
+    marginLeft: _core.IOListItemVisualParams.iconMargin,
+    flexDirection: "row",
+    alignItems: "center",
+    height: "100%"
+  }
+});
+//# sourceMappingURL=ListItemTransaction.js.map

package/lib/commonjs/components/listitems/ListItemTransaction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["O","_interopRequireWildcard","require","_function","_i18nJs","_interopRequireDefault","_react","_reactNative","_rnPlaceholder","_core","_Avatar","_Badge","_icons","_logos","_spacer","_typography","_PressableListItemsBase","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","isImageUrI","value","uri","undefined","LeftComponent","_ref","logoNameOrUrl","createElement","Avatar","shape","size","logoUri","View","style","width","IOVisualCostants","avatarSizeSmall","height","alignItems","justifyContent","LogoPayment","name","ListItemTransaction","_ref2","accessibilityLabel","hasChevronRight","isLoading","paymentLogoOrUrl","onPress","subtitle","testID","title","transactionAmount","transactionStatus","theme","useIOTheme","SkeletonComponent","designSystemBlue","ListItemTransactionContent","TransactionAmountOrBadgeComponent","H6","color","Badge","variant","text","I18n","t","Fragment","marginRight","IOListItemVisualParams","iconMargin","IOStyles","flex","LabelSmall","weight","VSpacer","Styles","rightSection","Icon","chevronSize","pipe","fromNullable","fold","IOListItemStyles","listItem","accessible","listItemInner","PressableListItemBase","exports","Box","animate","radius","marginLeft","StyleSheet","create","flexDirection"],"sourceRoot":"../../../../src","sources":["components/listitems/ListItemTransaction.tsx"],"mappings":"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"}

package/lib/commonjs/components/listitems/PressableListItemsBase.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.PressableListItemBase = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _core = require("../../core");
+var _useListItemSpringAnimation = require("./hooks/useListItemSpringAnimation");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+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; }
+const PressableListItemBase = _ref => {
+  let {
+    onPress,
+    testID,
+    accessibilityLabel,
+    children
+  } = _ref;
+  const {
+    onPressIn,
+    onPressOut,
+    animatedScaleStyle,
+    animatedBackgroundStyle
+  } = (0, _useListItemSpringAnimation.useListItemSpringAnimation)();
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    onPress: onPress,
+    testID: testID,
+    accessible: true,
+    accessibilityLabel: accessibilityLabel,
+    onPressIn: onPressIn,
+    onPressOut: onPressOut,
+    onTouchEnd: onPressOut,
+    accessibilityRole: "button"
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOListItemStyles.listItem, animatedBackgroundStyle]
+  }, /*#__PURE__*/React.createElement(_reactNativeReanimated.default.View, {
+    style: [_core.IOListItemStyles.listItemInner, animatedScaleStyle]
+  }, children)));
+};
+exports.PressableListItemBase = PressableListItemBase;
+//# sourceMappingURL=PressableListItemsBase.js.map

package/lib/commonjs/components/listitems/PressableListItemsBase.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_core","_useListItemSpringAnimation","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","PressableListItemBase","_ref","onPress","testID","accessibilityLabel","children","onPressIn","onPressOut","animatedScaleStyle","animatedBackgroundStyle","useListItemSpringAnimation","createElement","Pressable","accessible","onTouchEnd","accessibilityRole","View","style","IOListItemStyles","listItem","listItemInner","exports"],"sourceRoot":"../../../../src","sources":["components/listitems/PressableListItemsBase.tsx"],"mappings":";;;;;;AAAA,IAAAA,KAAA,GAAAC,uBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,sBAAA,GAAAC,sBAAA,CAAAH,OAAA;AACA,IAAAI,KAAA,GAAAJ,OAAA;AAEA,IAAAK,2BAAA,GAAAL,OAAA;AAAgF,SAAAG,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,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,SAAAX,wBAAAO,GAAA,EAAAI,WAAA,SAAAA,WAAA,IAAAJ,GAAA,IAAAA,GAAA,CAAAC,UAAA,WAAAD,GAAA,QAAAA,GAAA,oBAAAA,GAAA,wBAAAA,GAAA,4BAAAE,OAAA,EAAAF,GAAA,UAAAQ,KAAA,GAAAL,wBAAA,CAAAC,WAAA,OAAAI,KAAA,IAAAA,KAAA,CAAAC,GAAA,CAAAT,GAAA,YAAAQ,KAAA,CAAAE,GAAA,CAAAV,GAAA,SAAAW,MAAA,WAAAC,qBAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,GAAA,IAAAhB,GAAA,QAAAgB,GAAA,kBAAAH,MAAA,CAAAI,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAnB,GAAA,EAAAgB,GAAA,SAAAI,IAAA,GAAAR,qBAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAf,GAAA,EAAAgB,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,IAAAhB,GAAA,CAAAgB,GAAA,SAAAL,MAAA,CAAAT,OAAA,GAAAF,GAAA,MAAAQ,KAAA,IAAAA,KAAA,CAAAa,GAAA,CAAArB,GAAA,EAAAW,MAAA,YAAAA,MAAA;AAMzE,MAAMW,qBAAqB,GAAGC,IAAA,IAKc;EAAA,IALb;IAClCC,OAAO;IACPC,MAAM;IACNC,kBAAkB;IAClBC;EACyC,CAAC,GAAAJ,IAAA;EAC1C,MAAM;IAAEK,SAAS;IAAEC,UAAU;IAAEC,kBAAkB;IAAEC;EAAwB,CAAC,GACxE,IAAAC,sDAA0B,EAAC,CAAC;EAChC,oBACIxC,KAAA,CAAAyC,aAAA,CAACtC,YAAA,CAAAuC,SAAS;IACNV,OAAO,EAAEA,OAAQ;IACjBC,MAAM,EAAEA,MAAO;IACfU,UAAU,EAAE,IAAK;IACjBT,kBAAkB,EAAEA,kBAAmB;IACvCE,SAAS,EAAEA,SAAU;IACrBC,UAAU,EAAEA,UAAW;IACvBO,UAAU,EAAEP,UAAW;IACvBQ,iBAAiB,EAAC;EAAQ,gBAE1B7C,KAAA,CAAAyC,aAAA,CAACrC,sBAAA,CAAAM,OAAQ,CAACoC,IAAI;IACVC,KAAK,EAAE,CAACC,sBAAgB,CAACC,QAAQ,EAAEV,uBAAuB;EAAE,gBAE5DvC,KAAA,CAAAyC,aAAA,CAACrC,sBAAA,CAAAM,OAAQ,CAACoC,IAAI;IACVC,KAAK,EAAE,CAACC,sBAAgB,CAACE,aAAa,EAAEZ,kBAAkB;EAAE,GAE3DH,QACU,CACJ,CACR,CAAC;AAEpB,CAAC;AAACgB,OAAA,CAAArB,qBAAA,GAAAA,qBAAA"}