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

package/lib/commonjs/components/checkbox/CheckboxLabel.js

@@ -0,0 +1,76 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.CheckboxLabel = void 0;
+var React = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _hapticFeedback = require("../../functions/haptic-feedback/hapticFeedback");
+var _H = require("../typography/H6");
+var _IOStyles = require("../../core/IOStyles");
+var _Spacer = require("../spacer/Spacer");
+var _AnimatedCheckbox = require("./AnimatedCheckbox");
+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 DISABLED_OPACITY = 0.5;
+
+// disabled: the component is no longer touchable
+// onPress:
+/**
+ * A checkbox with the automatic state management that uses a {@link AnimatedCheckBox}
+ * The toggleValue change when a `onPress` event is received and dispatch the `onValueChange`.
+ *
+ * @param props
+ * @constructor
+ */
+const CheckboxLabel = _ref => {
+  let {
+    label,
+    checked,
+    disabled,
+    onValueChange
+  } = _ref;
+  const [toggleValue, setToggleValue] = (0, React.useState)(checked ?? false);
+  const toggleCheckbox = () => {
+    (0, _hapticFeedback.triggerHaptic)("impactLight");
+    setToggleValue(!toggleValue);
+    if (onValueChange !== undefined) {
+      onValueChange(!toggleValue);
+    }
+  };
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
+    disabled: disabled,
+    onPress: toggleCheckbox,
+    testID: "AnimatedCheckbox",
+    style: {
+      alignSelf: "flex-start",
+      opacity: disabled ? DISABLED_OPACITY : 1
+    }
+    // This is required to avoid opacity
+    // inheritance on Android
+    ,
+    needsOffscreenAlphaCompositing: true
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    style: [_IOStyles.IOStyles.row, {
+      alignItems: "center",
+      width: "100%"
+    }]
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+    pointerEvents: "none",
+    style: {
+      alignSelf: "flex-start"
+    }
+  }, /*#__PURE__*/React.createElement(_AnimatedCheckbox.AnimatedCheckbox, {
+    checked: checked ?? toggleValue
+  })), /*#__PURE__*/React.createElement(_Spacer.HSpacer, {
+    size: 8
+  }), /*#__PURE__*/React.createElement(_H.H6, {
+    color: "black",
+    style: {
+      flexShrink: 1
+    }
+  }, label)));
+};
+exports.CheckboxLabel = CheckboxLabel;
+//# sourceMappingURL=CheckboxLabel.js.map

package/lib/commonjs/components/checkbox/CheckboxLabel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","_interopRequireWildcard","require","_reactNative","_hapticFeedback","_H","_IOStyles","_Spacer","_AnimatedCheckbox","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","obj","__esModule","default","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","DISABLED_OPACITY","CheckboxLabel","_ref","label","checked","disabled","onValueChange","toggleValue","setToggleValue","useState","toggleCheckbox","triggerHaptic","undefined","createElement","Pressable","onPress","testID","style","alignSelf","opacity","needsOffscreenAlphaCompositing","View","IOStyles","row","alignItems","width","pointerEvents","AnimatedCheckbox","HSpacer","size","H6","color","flexShrink","exports"],"sourceRoot":"../../../../src","sources":["components/checkbox/CheckboxLabel.tsx"],"mappings":"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"}

package/lib/commonjs/components/checkbox/index.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _CheckboxLabel = require("./CheckboxLabel");
+Object.keys(_CheckboxLabel).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _CheckboxLabel[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _CheckboxLabel[key];
+    }
+  });
+});
+var _AnimatedCheckbox = require("./AnimatedCheckbox");
+Object.keys(_AnimatedCheckbox).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _AnimatedCheckbox[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _AnimatedCheckbox[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/checkbox/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_CheckboxLabel","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_AnimatedCheckbox"],"sourceRoot":"../../../../src","sources":["components/checkbox/index.tsx"],"mappings":";;;;;AAAA,IAAAA,cAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,cAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,cAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,cAAA,CAAAK,GAAA;IAAA;EAAA;AAAA;AACA,IAAAK,iBAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,iBAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,iBAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,iBAAA,CAAAL,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/components/common/AnimatedTick.js

@@ -0,0 +1,55 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.AnimatedTick = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+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; }
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+const AnimatedPath = _reactNativeReanimated.default.createAnimatedComponent(_reactNativeSvg.Path);
+// Tick is designed to be within a 24x24 box
+const TickSVGPath = "m7 12 4 4 7-7";
+
+/**
+ * Animated tick used as a small brick for the selection components (e.g: Checkbox, Radio, etc…)
+ * It comes without any state logic.
+ *
+ */
+const AnimatedTick = _ref => {
+  let {
+    progress,
+    ...pathProps
+  } = _ref;
+  const [length, setLength] = (0, _react.useState)(0);
+  const ref = (0, _reactNativeReanimated.useAnimatedRef)();
+
+  // SVG trick to animate the checkmark
+  // Ref: https://github.com/craftzdog/react-native-checkbox-reanimated/blob/master/src/animated-stroke.tsx
+  const animatedProps = (0, _reactNativeReanimated.useAnimatedProps)(() => ({
+    strokeDashoffset: Math.max(0, length - length * progress.value - 0.1)
+  }));
+  const onLayout = () => {
+    // "as any" to fix an annoying TS error.
+    // I honestly don't know which type to use
+    const currentRef = ref.current;
+    setLength(currentRef.getTotalLength());
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
+    viewBox: "0 0 24 24"
+  }, /*#__PURE__*/_react.default.createElement(AnimatedPath, _extends({
+    ref: ref,
+    onLayout: onLayout,
+    d: TickSVGPath,
+    animatedProps: animatedProps,
+    strokeDasharray: length,
+    strokeWidth: 2,
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, pathProps)));
+};
+exports.AnimatedTick = AnimatedTick;
+//# sourceMappingURL=AnimatedTick.js.map

package/lib/commonjs/components/common/AnimatedTick.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNativeReanimated","_reactNativeSvg","_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","AnimatedPath","Animated","createAnimatedComponent","Path","TickSVGPath","AnimatedTick","_ref","progress","pathProps","setLength","useState","ref","useAnimatedRef","animatedProps","useAnimatedProps","strokeDashoffset","Math","max","value","onLayout","currentRef","current","getTotalLength","createElement","viewBox","d","strokeDasharray","strokeWidth","strokeLinecap","strokeLinejoin","exports"],"sourceRoot":"../../../../src","sources":["components/common/AnimatedTick.tsx"],"mappings":"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"}

package/lib/commonjs/components/contentWrapper/ContentWrapper.js

@@ -0,0 +1,28 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ContentWrapper = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _IOStyles = require("../../core/IOStyles");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+/**
+`ContentWrapper` is the main wrapper of the application. It automatically sets side margins,
+depending on the size value
+@param {IOContentWrapper} margin
+ */
+const ContentWrapper = _ref => {
+  let {
+    margin = _IOStyles.IOVisualCostants.appMarginDefault,
+    children
+  } = _ref;
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: {
+      paddingHorizontal: margin
+    }
+  }, children);
+};
+exports.ContentWrapper = ContentWrapper;
+//# sourceMappingURL=ContentWrapper.js.map

package/lib/commonjs/components/contentWrapper/ContentWrapper.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_IOStyles","obj","__esModule","default","ContentWrapper","_ref","margin","IOVisualCostants","appMarginDefault","children","createElement","View","style","paddingHorizontal","exports"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/ContentWrapper.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,SAAA,GAAAF,OAAA;AAAuD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAOvD;AACA;AACA;AACA;AACA;AACO,MAAMG,cAAc,GAAGC,IAAA;EAAA,IAAC;IAC3BC,MAAM,GAAGC,0BAAgB,CAACC,gBAAgB;IAC1CC;EACmB,CAAC,GAAAJ,IAAA;EAAA,oBACpBT,MAAA,CAAAO,OAAA,CAAAO,aAAA,CAACX,YAAA,CAAAY,IAAI;IACDC,KAAK,EAAE;MACHC,iBAAiB,EAAEP;IACvB;EAAE,GAEDG,QACC,CAAC;AAAA,CACV;AAACK,OAAA,CAAAV,cAAA,GAAAA,cAAA"}

package/lib/commonjs/components/contentWrapper/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _ContentWrapper = require("./ContentWrapper");
+Object.keys(_ContentWrapper).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _ContentWrapper[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _ContentWrapper[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/contentWrapper/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_ContentWrapper","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/contentWrapper/index.tsx"],"mappings":";;;;;AAAA,IAAAA,eAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,eAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,eAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,eAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/components/divider/Divider.js

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.VDivider = exports.Divider = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _core = require("../../core");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+const DEFAULT_BORDER_SIZE = _reactNative.StyleSheet.hairlineWidth;
+
+/**
+Native `Divider` component
+@param  {DividerOrientation} orientation
+ */
+const BaseDivider = /*#__PURE__*/_react.default.memo(_ref => {
+  let {
+    orientation
+  } = _ref;
+  const theme = _react.default.useContext(_core.IOThemeContext);
+  const baseStyle = {
+    backgroundColor: _core.IOColors[theme["divider-default"]],
+    ...(orientation === "vertical" ? {
+      width: DEFAULT_BORDER_SIZE
+    } : {
+      height: DEFAULT_BORDER_SIZE
+    })
+  };
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: baseStyle
+  });
+});
+
+/**
+Horizontal Divider component
+ */
+const Divider = () => /*#__PURE__*/_react.default.createElement(BaseDivider, {
+  orientation: "horizontal"
+});
+/**
+Vertical Divider component
+ */
+exports.Divider = Divider;
+const VDivider = () => /*#__PURE__*/_react.default.createElement(BaseDivider, {
+  orientation: "vertical"
+});
+exports.VDivider = VDivider;
+//# sourceMappingURL=Divider.js.map

package/lib/commonjs/components/divider/Divider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_core","obj","__esModule","default","DEFAULT_BORDER_SIZE","StyleSheet","hairlineWidth","BaseDivider","React","memo","_ref","orientation","theme","useContext","IOThemeContext","baseStyle","backgroundColor","IOColors","width","height","createElement","View","style","Divider","exports","VDivider"],"sourceRoot":"../../../../src","sources":["components/divider/Divider.tsx"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,KAAA,GAAAF,OAAA;AAAsD,SAAAD,uBAAAI,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAQtD,MAAMG,mBAAmB,GAAGC,uBAAU,CAACC,aAAa;;AAEpD;AACA;AACA;AACA;AACA,MAAMC,WAAW,gBAAGC,cAAK,CAACC,IAAI,CAACC,IAAA,IAAmC;EAAA,IAAlC;IAAEC;EAA0B,CAAC,GAAAD,IAAA;EAC3D,MAAME,KAAK,GAAGJ,cAAK,CAACK,UAAU,CAACC,oBAAc,CAAC;EAC9C,MAAMC,SAAS,GAAG;IAChBC,eAAe,EAAEC,cAAQ,CAACL,KAAK,CAAC,iBAAiB,CAAC,CAAC;IACnD,IAAID,WAAW,KAAK,UAAU,GAC1B;MAAEO,KAAK,EAAEd;IAAoB,CAAC,GAC9B;MAAEe,MAAM,EAAEf;IAAoB,CAAC;EACrC,CAAC;EACD,oBAAOR,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACrB,YAAA,CAAAsB,IAAI;IAACC,KAAK,EAAEP;EAAU,CAAE,CAAC;AACnC,CAAC,CAAC;;AAEF;AACA;AACA;AACO,MAAMQ,OAAO,GAAGA,CAAA,kBAAM3B,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACb,WAAW;EAACI,WAAW,EAAE;AAAa,CAAE,CAAC;AACvE;AACA;AACA;AAFAa,OAAA,CAAAD,OAAA,GAAAA,OAAA;AAGO,MAAME,QAAQ,GAAGA,CAAA,kBAAM7B,MAAA,CAAAO,OAAA,CAAAiB,aAAA,CAACb,WAAW;EAACI,WAAW,EAAE;AAAW,CAAE,CAAC;AAACa,OAAA,CAAAC,QAAA,GAAAA,QAAA"}

package/lib/commonjs/components/divider/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Divider = require("./Divider");
+Object.keys(_Divider).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Divider[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Divider[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/divider/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Divider","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/divider/index.tsx"],"mappings":";;;;;AAAA,IAAAA,QAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,QAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,QAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,QAAA,CAAAK,GAAA;IAAA;EAAA;AAAA"}