@procivis/one-react-native-components 0.1.63 → 0.3.22

package/lib/commonjs/components/history/history-details-screen.js

@@ -0,0 +1,67 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryDetailsScreen = void 0;
+var _reactNativeOneCore = require("@procivis/react-native-one-core");
+var _react = _interopRequireDefault(require("react"));
+var _uiComponents = require("../../ui-components");
+var _historyDetails = require("../../ui-components/history/history-details");
+var _utils = require("../../utils");
+var _historyListItemIcon = require("./history-list-item-icon");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const getStatusTextColor = (action, colorScheme) => {
+  switch (action) {
+    case _reactNativeOneCore.HistoryActionEnum.CLAIMS_REMOVED:
+    case _reactNativeOneCore.HistoryActionEnum.DEACTIVATED:
+    case _reactNativeOneCore.HistoryActionEnum.DELETED:
+    case _reactNativeOneCore.HistoryActionEnum.REJECTED:
+    case _reactNativeOneCore.HistoryActionEnum.REVOKED:
+    case _reactNativeOneCore.HistoryActionEnum.ERRORED:
+      return colorScheme.errorText;
+    case _reactNativeOneCore.HistoryActionEnum.SUSPENDED:
+    case _reactNativeOneCore.HistoryActionEnum.OFFERED:
+    case _reactNativeOneCore.HistoryActionEnum.PENDING:
+    case _reactNativeOneCore.HistoryActionEnum.REQUESTED:
+      return colorScheme.text;
+    default:
+      return colorScheme.successText;
+  }
+};
+const HistoryDetailsScreen = ({
+  assets,
+  dataHeader,
+  headerButton,
+  item,
+  labels,
+  onBackPressed,
+  onInfoPressed,
+  onImagePreview,
+  testID = 'HistoryDetailScreen'
+}) => {
+  var _formatDateTimeLocali;
+  const colorScheme = (0, _uiComponents.useAppColorScheme)();
+  const actionValueColor = getStatusTextColor(item.action, colorScheme);
+  return /*#__PURE__*/_react.default.createElement(_historyDetails.HistoryDetailsView, {
+    assets: assets,
+    data: {
+      header: dataHeader,
+      date: (_formatDateTimeLocali = (0, _utils.formatDateTimeLocalized)(new Date(item.createdDate))) !== null && _formatDateTimeLocali !== void 0 ? _formatDateTimeLocali : '',
+      action: {
+        icon: (0, _historyListItemIcon.getHistoryItemActionIcon)(item.action),
+        label: (0, _utils.capitalizeFirstLetter)(labels.item.actions[item.action]),
+        color: actionValueColor,
+        testID: (0, _utils.concatTestID)(testID, 'action', item.action)
+      }
+    },
+    headerButton: headerButton,
+    labels: labels,
+    onBackPressed: onBackPressed,
+    onInfoPressed: onInfoPressed,
+    onImagePreview: onImagePreview,
+    testID: testID
+  });
+};
+exports.HistoryDetailsScreen = HistoryDetailsScreen;
+//# sourceMappingURL=history-details-screen.js.map

package/lib/commonjs/components/history/history-details-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeOneCore","require","_react","_interopRequireDefault","_uiComponents","_historyDetails","_utils","_historyListItemIcon","e","__esModule","default","getStatusTextColor","action","colorScheme","HistoryActionEnum","CLAIMS_REMOVED","DEACTIVATED","DELETED","REJECTED","REVOKED","ERRORED","errorText","SUSPENDED","OFFERED","PENDING","REQUESTED","text","successText","HistoryDetailsScreen","assets","dataHeader","headerButton","item","labels","onBackPressed","onInfoPressed","onImagePreview","testID","_formatDateTimeLocali","useAppColorScheme","actionValueColor","createElement","HistoryDetailsView","data","header","date","formatDateTimeLocalized","Date","createdDate","icon","getHistoryItemActionIcon","label","capitalizeFirstLetter","actions","color","concatTestID","exports"],"sources":["history-details-screen.tsx"],"sourcesContent":["import {\n  HistoryActionEnum,\n  HistoryListItem,\n} from '@procivis/react-native-one-core';\nimport React, { FC, ReactElement } from 'react';\nimport { ImageSourcePropType } from 'react-native';\n\nimport { ColorScheme, useAppColorScheme } from '../../ui-components';\nimport {\n  HistoryDetailsLabels,\n  HistoryDetailsView,\n  HistoryDetailsViewProps,\n} from '../../ui-components/history/history-details';\nimport { capitalizeFirstLetter, concatTestID, formatDateTimeLocalized } from '../../utils';\nimport { HistoryListItemLabels } from './history-list-item';\nimport { getHistoryItemActionIcon } from './history-list-item-icon';\n\nconst getStatusTextColor = (action: HistoryActionEnum, colorScheme: Readonly<ColorScheme>) => {\n  switch (action) {\n    case HistoryActionEnum.CLAIMS_REMOVED:\n    case HistoryActionEnum.DEACTIVATED:\n    case HistoryActionEnum.DELETED:\n    case HistoryActionEnum.REJECTED:\n    case HistoryActionEnum.REVOKED:\n    case HistoryActionEnum.ERRORED:\n      return colorScheme.errorText;\n    case HistoryActionEnum.SUSPENDED:\n    case HistoryActionEnum.OFFERED:\n    case HistoryActionEnum.PENDING:\n    case HistoryActionEnum.REQUESTED:\n      return colorScheme.text;\n    default:\n      return colorScheme.successText;\n  }\n};\n\nexport type HistoryDetailsScreenLabels = HistoryDetailsLabels & {\n  item: HistoryListItemLabels;\n};\n\nexport type HistoryDetailsScreenProps = {\n  assets: HistoryDetailsViewProps['assets'];\n  dataHeader: HistoryDetailsViewProps['data']['header'];\n  headerButton?: ReactElement;\n  item: HistoryListItem;\n  labels: HistoryDetailsScreenLabels;\n  onBackPressed: () => void;\n  onInfoPressed?: () => void;\n  onImagePreview: (title: string, image: ImageSourcePropType) => void;\n  testID?: string;\n};\n\nexport const HistoryDetailsScreen: FC<HistoryDetailsScreenProps> = ({\n  assets,\n  dataHeader,\n  headerButton,\n  item,\n  labels,\n  onBackPressed,\n  onInfoPressed,\n  onImagePreview,\n  testID = 'HistoryDetailScreen',\n}) => {\n  const colorScheme = useAppColorScheme();\n\n  const actionValueColor = getStatusTextColor(item.action, colorScheme);\n\n  return (\n    <HistoryDetailsView\n      assets={assets}\n      data={{\n        header: dataHeader,\n        date: formatDateTimeLocalized(new Date(item.createdDate)) ?? '',\n        action: {\n          icon: getHistoryItemActionIcon(item.action),\n          label: capitalizeFirstLetter(labels.item.actions[item.action]),\n          color: actionValueColor,\n          testID: concatTestID(testID, 'action', item.action),\n        },\n      }}\n      headerButton={headerButton}\n      labels={labels}\n      onBackPressed={onBackPressed}\n      onInfoPressed={onInfoPressed}\n      onImagePreview={onImagePreview}\n      testID={testID}\n    />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,mBAAA,GAAAC,OAAA;AAIA,IAAAC,MAAA,GAAAC,sBAAA,CAAAF,OAAA;AAGA,IAAAG,aAAA,GAAAH,OAAA;AACA,IAAAI,eAAA,GAAAJ,OAAA;AAKA,IAAAK,MAAA,GAAAL,OAAA;AAEA,IAAAM,oBAAA,GAAAN,OAAA;AAAoE,SAAAE,uBAAAK,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAEpE,MAAMG,kBAAkB,GAAGA,CAACC,MAAyB,EAAEC,WAAkC,KAAK;EAC5F,QAAQD,MAAM;IACZ,KAAKE,qCAAiB,CAACC,cAAc;IACrC,KAAKD,qCAAiB,CAACE,WAAW;IAClC,KAAKF,qCAAiB,CAACG,OAAO;IAC9B,KAAKH,qCAAiB,CAACI,QAAQ;IAC/B,KAAKJ,qCAAiB,CAACK,OAAO;IAC9B,KAAKL,qCAAiB,CAACM,OAAO;MAC5B,OAAOP,WAAW,CAACQ,SAAS;IAC9B,KAAKP,qCAAiB,CAACQ,SAAS;IAChC,KAAKR,qCAAiB,CAACS,OAAO;IAC9B,KAAKT,qCAAiB,CAACU,OAAO;IAC9B,KAAKV,qCAAiB,CAACW,SAAS;MAC9B,OAAOZ,WAAW,CAACa,IAAI;IACzB;MACE,OAAOb,WAAW,CAACc,WAAW;EAClC;AACF,CAAC;AAkBM,MAAMC,oBAAmD,GAAGA,CAAC;EAClEC,MAAM;EACNC,UAAU;EACVC,YAAY;EACZC,IAAI;EACJC,MAAM;EACNC,aAAa;EACbC,aAAa;EACbC,cAAc;EACdC,MAAM,GAAG;AACX,CAAC,KAAK;EAAA,IAAAC,qBAAA;EACJ,MAAMzB,WAAW,GAAG,IAAA0B,+BAAiB,EAAC,CAAC;EAEvC,MAAMC,gBAAgB,GAAG7B,kBAAkB,CAACqB,IAAI,CAACpB,MAAM,EAAEC,WAAW,CAAC;EAErE,oBACEX,MAAA,CAAAQ,OAAA,CAAA+B,aAAA,CAACpC,eAAA,CAAAqC,kBAAkB;IACjBb,MAAM,EAAEA,MAAO;IACfc,IAAI,EAAE;MACJC,MAAM,EAAEd,UAAU;MAClBe,IAAI,GAAAP,qBAAA,GAAE,IAAAQ,8BAAuB,EAAC,IAAIC,IAAI,CAACf,IAAI,CAACgB,WAAW,CAAC,CAAC,cAAAV,qBAAA,cAAAA,qBAAA,GAAI,EAAE;MAC/D1B,MAAM,EAAE;QACNqC,IAAI,EAAE,IAAAC,6CAAwB,EAAClB,IAAI,CAACpB,MAAM,CAAC;QAC3CuC,KAAK,EAAE,IAAAC,4BAAqB,EAACnB,MAAM,CAACD,IAAI,CAACqB,OAAO,CAACrB,IAAI,CAACpB,MAAM,CAAC,CAAC;QAC9D0C,KAAK,EAAEd,gBAAgB;QACvBH,MAAM,EAAE,IAAAkB,mBAAY,EAAClB,MAAM,EAAE,QAAQ,EAAEL,IAAI,CAACpB,MAAM;MACpD;IACF,CAAE;IACFmB,YAAY,EAAEA,YAAa;IAC3BE,MAAM,EAAEA,MAAO;IACfC,aAAa,EAAEA,aAAc;IAC7BC,aAAa,EAAEA,aAAc;IAC7BC,cAAc,EAAEA,cAAe;IAC/BC,MAAM,EAAEA;EAAO,CAChB,CAAC;AAEN,CAAC;AAACmB,OAAA,CAAA5B,oBAAA,GAAAA,oBAAA","ignoreList":[]}

package/lib/commonjs/components/history/history-list-item-icon.js

@@ -0,0 +1,94 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.getHistoryItemActionIcon = exports.HistoryListItemIcon = void 0;
+var _reactNativeOneCore = require("@procivis/react-native-one-core");
+var _react = _interopRequireWildcard(require("react"));
+var _uiComponents = require("../../ui-components");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const defaultIcons = {
+  actions: {
+    ACCEPTED: _uiComponents.HistoryStatusAcceptedIcon,
+    ACTIVATED: _uiComponents.HistoryStatusAcceptedIcon,
+    CLAIMS_REMOVED: _uiComponents.HistoryStatusDeleteIcon,
+    CREATED: _uiComponents.HistoryStatusAcceptedIcon,
+    DEACTIVATED: _uiComponents.HistoryStatusErrorIcon,
+    DELETED: _uiComponents.HistoryStatusDeleteIcon,
+    ERRORED: _uiComponents.HistoryStatusErrorIcon,
+    IMPORTED: _uiComponents.HistoryStatusAcceptedIcon,
+    ISSUED: _uiComponents.HistoryStatusAcceptedIcon,
+    OFFERED: _uiComponents.HistoryStatusAcceptedIcon,
+    PENDING: _uiComponents.HistoryStatusAcceptedIcon,
+    REJECTED: _uiComponents.HistoryStatusErrorIcon,
+    REMOVED: _uiComponents.HistoryStatusDeleteIcon,
+    REQUESTED: _uiComponents.HistoryStatusAcceptedIcon,
+    RESTORED: _uiComponents.HistoryStatusAcceptedIcon,
+    RETRACTED: _uiComponents.HistoryStatusErrorIcon,
+    REVOKED: _uiComponents.HistoryStatusErrorIcon,
+    SHARED: _uiComponents.HistoryStatusAcceptedIcon,
+    SUSPENDED: _uiComponents.HistoryStatusSuspendIcon,
+    UPDATED: _uiComponents.HistoryStatusAcceptedIcon,
+    WITHDRAWN: _uiComponents.HistoryStatusErrorIcon,
+    REACTIVATED: _uiComponents.HistoryStatusAcceptedIcon,
+    CSR_GENERATED: _uiComponents.HistoryStatusAcceptedIcon
+  },
+  entityTypes: {
+    BACKUP: _uiComponents.HistoryRevokeIcon,
+    CREDENTIAL: _uiComponents.HistoryCredentialIcon,
+    CREDENTIAL_SCHEMA: _uiComponents.HistorySchemaIcon,
+    DID: _uiComponents.HistoryDidIcon,
+    KEY: _uiComponents.HistoryKeyIcon,
+    ORGANISATION: _uiComponents.HistoryOrganisationIcon,
+    PROOF: _uiComponents.HistoryProofRequestIcon,
+    PROOF_SCHEMA: _uiComponents.HistorySchemaIcon,
+    TRUST_ANCHOR: _uiComponents.HistoryTrustAnchorIcon,
+    TRUST_ENTITY: _uiComponents.HistoryTrustedEntityIcon
+  }
+};
+const getHistoryItemActionIcon = action => {
+  var _defaultIcons$actions;
+  return (_defaultIcons$actions = defaultIcons.actions[action]) !== null && _defaultIcons$actions !== void 0 ? _defaultIcons$actions : _uiComponents.HistoryStatusAcceptedIcon;
+};
+exports.getHistoryItemActionIcon = getHistoryItemActionIcon;
+const HistoryListItemIcon = ({
+  item
+}) => {
+  const statusIcon = getHistoryItemActionIcon(item.action);
+  const typeIcon = (0, _react.useMemo)(() => {
+    var _defaultIcons$entityT;
+    switch (item.entityType) {
+      case _reactNativeOneCore.HistoryEntityTypeEnum.BACKUP:
+        switch (item.action) {
+          case _reactNativeOneCore.HistoryActionEnum.CREATED:
+            return _uiComponents.HistoryBackupCreatedIcon;
+          case _reactNativeOneCore.HistoryActionEnum.RESTORED:
+            return _uiComponents.HistoryBackupRestoredIcon;
+          default:
+            break;
+        }
+        break;
+      case _reactNativeOneCore.HistoryEntityTypeEnum.CREDENTIAL:
+        switch (item.action) {
+          case _reactNativeOneCore.HistoryActionEnum.REVOKED:
+            return _uiComponents.HistoryRevokeIcon;
+          case _reactNativeOneCore.HistoryActionEnum.SUSPENDED:
+            return _uiComponents.HistorySuspendIcon;
+          default:
+            break;
+        }
+        break;
+      default:
+        break;
+    }
+    return (_defaultIcons$entityT = defaultIcons.entityTypes[item.entityType]) !== null && _defaultIcons$entityT !== void 0 ? _defaultIcons$entityT : _uiComponents.HistoryIssueIcon;
+  }, [item.action, item.entityType]);
+  return /*#__PURE__*/_react.default.createElement(_uiComponents.HistoryItemIcon, {
+    StatusIcon: statusIcon,
+    TypeIcon: typeIcon
+  });
+};
+exports.HistoryListItemIcon = HistoryListItemIcon;
+//# sourceMappingURL=history-list-item-icon.js.map

package/lib/commonjs/components/history/history-list-item-icon.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNativeOneCore","require","_react","_interopRequireWildcard","_uiComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","defaultIcons","actions","ACCEPTED","HistoryStatusAcceptedIcon","ACTIVATED","CLAIMS_REMOVED","HistoryStatusDeleteIcon","CREATED","DEACTIVATED","HistoryStatusErrorIcon","DELETED","ERRORED","IMPORTED","ISSUED","OFFERED","PENDING","REJECTED","REMOVED","REQUESTED","RESTORED","RETRACTED","REVOKED","SHARED","SUSPENDED","HistoryStatusSuspendIcon","UPDATED","WITHDRAWN","REACTIVATED","CSR_GENERATED","entityTypes","BACKUP","HistoryRevokeIcon","CREDENTIAL","HistoryCredentialIcon","CREDENTIAL_SCHEMA","HistorySchemaIcon","DID","HistoryDidIcon","KEY","HistoryKeyIcon","ORGANISATION","HistoryOrganisationIcon","PROOF","HistoryProofRequestIcon","PROOF_SCHEMA","TRUST_ANCHOR","HistoryTrustAnchorIcon","TRUST_ENTITY","HistoryTrustedEntityIcon","getHistoryItemActionIcon","action","_defaultIcons$actions","exports","HistoryListItemIcon","item","statusIcon","typeIcon","useMemo","_defaultIcons$entityT","entityType","HistoryEntityTypeEnum","HistoryActionEnum","HistoryBackupCreatedIcon","HistoryBackupRestoredIcon","HistorySuspendIcon","HistoryIssueIcon","createElement","HistoryItemIcon","StatusIcon","TypeIcon"],"sources":["history-list-item-icon.tsx"],"sourcesContent":["import { HistoryActionEnum, HistoryEntityTypeEnum, HistoryListItem } from '@procivis/react-native-one-core';\nimport React, { FC, useMemo } from 'react';\nimport { SvgProps } from 'react-native-svg';\n\nimport {\n  HistoryBackupCreatedIcon,\n  HistoryBackupRestoredIcon,\n  HistoryCredentialIcon,\n  HistoryDidIcon,\n  HistoryIssueIcon,\n  HistoryItemIcon,\n  HistoryKeyIcon,\n  HistoryOrganisationIcon,\n  HistoryProofRequestIcon,\n  HistoryRevokeIcon,\n  HistorySchemaIcon,\n  HistoryStatusAcceptedIcon,\n  HistoryStatusDeleteIcon,\n  HistoryStatusErrorIcon,\n  HistoryStatusSuspendIcon,\n  HistorySuspendIcon,\n  HistoryTrustAnchorIcon,\n  HistoryTrustedEntityIcon,\n} from '../../ui-components';\n\nconst defaultIcons: {\n  actions: { [key in keyof typeof HistoryActionEnum]: FC<SvgProps> };\n  entityTypes: { [key in keyof typeof HistoryEntityTypeEnum]: FC<SvgProps> };\n} = {\n  actions: {\n    ACCEPTED: HistoryStatusAcceptedIcon,\n    ACTIVATED: HistoryStatusAcceptedIcon,\n    CLAIMS_REMOVED: HistoryStatusDeleteIcon,\n    CREATED: HistoryStatusAcceptedIcon,\n    DEACTIVATED: HistoryStatusErrorIcon,\n    DELETED: HistoryStatusDeleteIcon,\n    ERRORED: HistoryStatusErrorIcon,\n    IMPORTED: HistoryStatusAcceptedIcon,\n    ISSUED: HistoryStatusAcceptedIcon,\n    OFFERED: HistoryStatusAcceptedIcon,\n    PENDING: HistoryStatusAcceptedIcon,\n    REJECTED: HistoryStatusErrorIcon,\n    REMOVED: HistoryStatusDeleteIcon,\n    REQUESTED: HistoryStatusAcceptedIcon,\n    RESTORED: HistoryStatusAcceptedIcon,\n    RETRACTED: HistoryStatusErrorIcon,\n    REVOKED: HistoryStatusErrorIcon,\n    SHARED: HistoryStatusAcceptedIcon,\n    SUSPENDED: HistoryStatusSuspendIcon,\n    UPDATED: HistoryStatusAcceptedIcon,\n    WITHDRAWN: HistoryStatusErrorIcon,\n    REACTIVATED: HistoryStatusAcceptedIcon,\n    CSR_GENERATED: HistoryStatusAcceptedIcon,\n  },\n  entityTypes: {\n    BACKUP: HistoryRevokeIcon,\n    CREDENTIAL: HistoryCredentialIcon,\n    CREDENTIAL_SCHEMA: HistorySchemaIcon,\n    DID: HistoryDidIcon,\n    KEY: HistoryKeyIcon,\n    ORGANISATION: HistoryOrganisationIcon,\n    PROOF: HistoryProofRequestIcon,\n    PROOF_SCHEMA: HistorySchemaIcon,\n    TRUST_ANCHOR: HistoryTrustAnchorIcon,\n    TRUST_ENTITY: HistoryTrustedEntityIcon,\n  },\n};\n\nexport const getHistoryItemActionIcon = (action: HistoryActionEnum) => {\n  return defaultIcons.actions[action] ?? HistoryStatusAcceptedIcon;\n};\n\nexport type HistoryListItemIconProps = {\n  item: HistoryListItem;\n};\n\nexport const HistoryListItemIcon: FC<HistoryListItemIconProps> = ({ item }) => {\n  const statusIcon = getHistoryItemActionIcon(item.action);\n  const typeIcon = useMemo(() => {\n    switch (item.entityType) {\n      case HistoryEntityTypeEnum.BACKUP:\n        switch (item.action) {\n          case HistoryActionEnum.CREATED:\n            return HistoryBackupCreatedIcon;\n          case HistoryActionEnum.RESTORED:\n            return HistoryBackupRestoredIcon;\n          default:\n            break;\n        }\n        break;\n      case HistoryEntityTypeEnum.CREDENTIAL:\n        switch (item.action) {\n          case HistoryActionEnum.REVOKED:\n            return HistoryRevokeIcon;\n          case HistoryActionEnum.SUSPENDED:\n            return HistorySuspendIcon;\n          default:\n            break;\n        }\n        break;\n      default:\n        break;\n    }\n\n    return defaultIcons.entityTypes[item.entityType] ?? HistoryIssueIcon;\n  }, [item.action, item.entityType]);\n  return <HistoryItemIcon StatusIcon={statusIcon} TypeIcon={typeIcon} />;\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/history/history-list-item.js

@@ -0,0 +1,45 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryListItemView = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _uiComponents = require("../../ui-components");
+var _utils = require("../../utils");
+var _historyListItemIcon = require("./history-list-item-icon");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HistoryListItemView = ({
+  dateFormatter = _utils.formatTime,
+  first,
+  item,
+  labels,
+  last,
+  onPress,
+  testID
+}) => {
+  var _dateFormatter;
+  const {
+    data: entity
+  } = (0, _utils.useTrustEntity)(item.target);
+  const label = `${labels.entityTypes[item.entityType]} ${labels.actions[item.action]}`;
+  const icon = /*#__PURE__*/_react.default.createElement(_historyListItemIcon.HistoryListItemIcon, {
+    item: item
+  });
+  const pressHandler = (0, _react.useCallback)(() => {
+    onPress === null || onPress === void 0 || onPress(item);
+  }, [onPress, item]);
+  return /*#__PURE__*/_react.default.createElement(_uiComponents.HistoryItemView, {
+    first: first,
+    icon: icon,
+    info: entity === null || entity === void 0 ? void 0 : entity.name,
+    label: label,
+    last: last,
+    onPress: pressHandler,
+    testID: testID,
+    time: (_dateFormatter = dateFormatter(new Date(item.createdDate))) !== null && _dateFormatter !== void 0 ? _dateFormatter : ''
+  });
+};
+exports.HistoryListItemView = HistoryListItemView;
+//# sourceMappingURL=history-list-item.js.map

package/lib/commonjs/components/history/history-list-item.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_uiComponents","_utils","_historyListItemIcon","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HistoryListItemView","dateFormatter","formatTime","first","item","labels","last","onPress","testID","_dateFormatter","data","entity","useTrustEntity","target","label","entityTypes","entityType","actions","action","icon","createElement","HistoryListItemIcon","pressHandler","useCallback","HistoryItemView","info","name","time","Date","createdDate","exports"],"sources":["history-list-item.tsx"],"sourcesContent":["import { HistoryActionEnum, HistoryEntityTypeEnum, HistoryListItem } from '@procivis/react-native-one-core';\nimport React, { FC, useCallback } from 'react';\n\nimport { HistoryItemView } from '../../ui-components';\nimport { formatTime, useTrustEntity } from '../../utils';\nimport { HistoryListItemIcon } from './history-list-item-icon';\n\nexport type HistoryListItemLabels = {\n  actions: { [key in keyof typeof HistoryActionEnum]: string };\n  entityTypes: { [key in keyof typeof HistoryEntityTypeEnum]: string };\n};\n\nexport interface HistoryListItemViewProps {\n  dateFormatter?: (date: Date) => string;\n  first?: boolean;\n  item: HistoryListItem;\n  labels: HistoryListItemLabels;\n  last?: boolean;\n  onPress?: (item: HistoryListItem) => void;\n  testID?: string;\n}\n\nexport const HistoryListItemView: FC<HistoryListItemViewProps> = ({\n  dateFormatter = formatTime,\n  first,\n  item,\n  labels,\n  last,\n  onPress,\n  testID\n}) => {\n  const { data: entity } = useTrustEntity(item.target);\n\n  const label = `${labels.entityTypes[item.entityType]} ${labels.actions[item.action]}`;\n  const icon = <HistoryListItemIcon item={item} />;\n\n  const pressHandler = useCallback(() => {\n    onPress?.(item);\n  }, [onPress, item]);\n\n  return (\n    <HistoryItemView\n      first={first}\n      icon={icon}\n      info={entity?.name}\n      label={label}\n      last={last}\n      onPress={pressHandler}\n      testID={testID}\n      time={dateFormatter(new Date(item.createdDate)) ?? ''}\n    />\n  );\n};\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/history/history-list-screen.js

@@ -0,0 +1,121 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryListScreen = void 0;
+var _lodash = require("lodash");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _uiComponents = require("../../ui-components");
+var _utils = require("../../utils");
+var _historyList = require("./history-list");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+const HistoryListScreen = ({
+  children,
+  groupItems = _utils.groupEntriesByDay,
+  labels,
+  onBackPressed,
+  onHistoryItemPressed,
+  onOpenFilter,
+  onSearchPhraseChange,
+  queryParams,
+  testID = 'HistoryScreen'
+}) => {
+  const colorScheme = (0, _uiComponents.useAppColorScheme)();
+  const [empty, setEmpty] = (0, _react.useState)(false);
+  const [scrollOffset] = (0, _react.useState)(() => new _reactNative.Animated.Value(0));
+  const [searchPhrase, setSearchPhrase] = (0, _react.useState)('');
+  const searchBarVisible = !empty || Boolean(queryParams.searchText);
+  const handleSearchPhraseChange = (0, _react.useMemo)(() => (0, _lodash.debounce)(onSearchPhraseChange, 500), [onSearchPhraseChange]);
+  (0, _react.useEffect)(() => {
+    handleSearchPhraseChange(searchPhrase || undefined);
+  }, [searchPhrase, handleSearchPhraseChange]);
+  const headerHeight = searchBarVisible ? 112 : 70;
+  const insets = (0, _utils.useListContentInset)({
+    additionalBottomPadding: 24,
+    headerHeight
+  });
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.container, {
+      backgroundColor: colorScheme.background
+    }],
+    testID: testID
+  }, empty && /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: [styles.emptyNotice, {
+      backgroundColor: colorScheme.white,
+      marginTop: insets.paddingTop
+    }]
+  }, /*#__PURE__*/_react.default.createElement(_uiComponents.Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "s"
+  }, labels.emptyTitle), /*#__PURE__*/_react.default.createElement(_uiComponents.Typography, {
+    align: "center",
+    color: colorScheme.text,
+    preset: "s/line-height-small",
+    style: styles.shaded
+  }, labels.emptySubtitle)), /*#__PURE__*/_react.default.createElement(_historyList.HistoryListView, {
+    contentContainerStyle: insets,
+    groupItems: groupItems,
+    itemProps: {
+      onPress: onHistoryItemPressed
+    },
+    onEmpty: setEmpty,
+    onScroll: _reactNative.Animated.event([{
+      nativeEvent: {
+        contentOffset: {
+          y: scrollOffset
+        }
+      }
+    }], {
+      useNativeDriver: true
+    }),
+    query: queryParams,
+    testID: (0, _utils.concatTestID)(testID, 'list'),
+    labels: labels.list
+  }), children, /*#__PURE__*/_react.default.createElement(_uiComponents.FoldableHeader, {
+    header: /*#__PURE__*/_react.default.createElement(_uiComponents.NavigationHeader, {
+      backgroundColor: 'transparent',
+      leftItem: /*#__PURE__*/_react.default.createElement(_uiComponents.BackButton, {
+        onPress: onBackPressed,
+        testID: (0, _utils.concatTestID)(testID, 'back')
+      }),
+      title: labels.title
+    }),
+    scrollOffset: scrollOffset,
+    searchBar: !searchBarVisible ? undefined : {
+      rightButton: onOpenFilter ? /*#__PURE__*/_react.default.createElement(_uiComponents.FilterButton, {
+        active: Boolean(queryParams.credentialSchemaId),
+        onPress: onOpenFilter,
+        testID: (0, _utils.concatTestID)(testID, 'filter')
+      }) : undefined,
+      rightButtonAlwaysVisible: true,
+      searchBarProps: {
+        onSearchPhraseChange: setSearchPhrase,
+        placeholder: labels.search,
+        searchPhrase,
+        testID: (0, _utils.concatTestID)(testID, 'search')
+      }
+    },
+    staticHeader: !searchBarVisible
+  }));
+};
+exports.HistoryListScreen = HistoryListScreen;
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    flex: 1
+  },
+  emptyNotice: {
+    borderRadius: 12,
+    marginHorizontal: 16,
+    paddingBottom: 20,
+    paddingHorizontal: 12,
+    paddingTop: 16
+  },
+  shaded: {
+    opacity: 0.7
+  }
+});
+//# sourceMappingURL=history-list-screen.js.map

package/lib/commonjs/components/history/history-list-screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_lodash","require","_react","_interopRequireWildcard","_reactNative","_uiComponents","_utils","_historyList","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HistoryListScreen","children","groupItems","groupEntriesByDay","labels","onBackPressed","onHistoryItemPressed","onOpenFilter","onSearchPhraseChange","queryParams","testID","colorScheme","useAppColorScheme","empty","setEmpty","useState","scrollOffset","Animated","Value","searchPhrase","setSearchPhrase","searchBarVisible","Boolean","searchText","handleSearchPhraseChange","useMemo","debounce","useEffect","undefined","headerHeight","insets","useListContentInset","additionalBottomPadding","createElement","View","style","styles","container","backgroundColor","background","emptyNotice","white","marginTop","paddingTop","Typography","align","color","text","preset","emptyTitle","shaded","emptySubtitle","HistoryListView","contentContainerStyle","itemProps","onPress","onEmpty","onScroll","event","nativeEvent","contentOffset","y","useNativeDriver","query","concatTestID","list","FoldableHeader","header","NavigationHeader","leftItem","BackButton","title","searchBar","rightButton","FilterButton","active","credentialSchemaId","rightButtonAlwaysVisible","searchBarProps","placeholder","search","staticHeader","exports","StyleSheet","create","flex","borderRadius","marginHorizontal","paddingBottom","paddingHorizontal","opacity"],"sources":["history-list-screen.tsx"],"sourcesContent":["import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';\nimport { debounce } from 'lodash';\nimport React, { FC, PropsWithChildren, useEffect, useMemo, useState } from 'react';\nimport { Animated, StyleSheet, View } from 'react-native';\n\nimport {\n  BackButton,\n  FilterButton,\n  FoldableHeader,\n  NavigationHeader,\n  Typography,\n  useAppColorScheme,\n} from '../../ui-components';\nimport { concatTestID, groupEntriesByDay, HistoryGroupByDaySection, useListContentInset } from '../../utils';\nimport { HistoryListLabels, HistoryListView } from './history-list';\n\nexport type HistoryListScreenLabels = {\n  emptyTitle: string;\n  emptySubtitle: string;\n  list: HistoryListLabels;\n  title: string;\n  search: string;\n};\n\nexport type HistoryListScreenProps = {\n  groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];\n  labels: HistoryListScreenLabels;\n  onBackPressed: () => void;\n  onHistoryItemPressed: (historyItem: HistoryListItem) => void;\n  onOpenFilter?: () => void;\n  onSearchPhraseChange: (searchPhrase: string | undefined) => void;\n  queryParams: Partial<HistoryListQuery>;\n  testID?: string;\n};\n\nexport const HistoryListScreen: FC<PropsWithChildren<HistoryListScreenProps>> = ({\n  children,\n  groupItems = groupEntriesByDay,\n  labels,\n  onBackPressed,\n  onHistoryItemPressed,\n  onOpenFilter,\n  onSearchPhraseChange,\n  queryParams,\n  testID = 'HistoryScreen',\n}) => {\n  const colorScheme = useAppColorScheme();\n  const [empty, setEmpty] = useState<boolean>(false);\n  const [scrollOffset] = useState(() => new Animated.Value(0));\n\n  const [searchPhrase, setSearchPhrase] = useState<string>('');\n  const searchBarVisible = !empty || Boolean(queryParams.searchText);\n\n  const handleSearchPhraseChange = useMemo(() => debounce(onSearchPhraseChange, 500), [onSearchPhraseChange]);\n  useEffect(() => {\n    handleSearchPhraseChange(searchPhrase || undefined);\n  }, [searchPhrase, handleSearchPhraseChange]);\n\n  const headerHeight = searchBarVisible ? 112 : 70;\n\n  const insets = useListContentInset({\n    additionalBottomPadding: 24,\n    headerHeight,\n  });\n\n  return (\n    <View\n      style={[\n        styles.container,\n        {\n          backgroundColor: colorScheme.background,\n        },\n      ]}\n      testID={testID}>\n      {empty && (\n        <View\n          style={[\n            styles.emptyNotice,\n            {\n              backgroundColor: colorScheme.white,\n              marginTop: insets.paddingTop,\n            },\n          ]}>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s\">\n            {labels.emptyTitle}\n          </Typography>\n          <Typography align=\"center\" color={colorScheme.text} preset=\"s/line-height-small\" style={styles.shaded}>\n            {labels.emptySubtitle}\n          </Typography>\n        </View>\n      )}\n      <HistoryListView\n        contentContainerStyle={insets}\n        groupItems={groupItems}\n        itemProps={{ onPress: onHistoryItemPressed }}\n        onEmpty={setEmpty}\n        onScroll={Animated.event([{ nativeEvent: { contentOffset: { y: scrollOffset } } }], {\n          useNativeDriver: true,\n        })}\n        query={queryParams}\n        testID={concatTestID(testID, 'list')}\n        labels={labels.list}\n      />\n      {children}\n      <FoldableHeader\n        header={\n          <NavigationHeader\n            backgroundColor={'transparent'}\n            leftItem={<BackButton onPress={onBackPressed} testID={concatTestID(testID, 'back')} />}\n            title={labels.title}\n          />\n        }\n        scrollOffset={scrollOffset}\n        searchBar={\n          !searchBarVisible\n            ? undefined\n            : {\n                rightButton: onOpenFilter ? (\n                  <FilterButton\n                    active={Boolean(queryParams.credentialSchemaId)}\n                    onPress={onOpenFilter}\n                    testID={concatTestID(testID, 'filter')}\n                  />\n                ) : undefined,\n                rightButtonAlwaysVisible: true,\n                searchBarProps: {\n                  onSearchPhraseChange: setSearchPhrase,\n                  placeholder: labels.search,\n                  searchPhrase,\n                  testID: concatTestID(testID, 'search'),\n                },\n              }\n        }\n        staticHeader={!searchBarVisible}\n      />\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n  emptyNotice: {\n    borderRadius: 12,\n    marginHorizontal: 16,\n    paddingBottom: 20,\n    paddingHorizontal: 12,\n    paddingTop: 16,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/history/history-list-section-header.js

@@ -0,0 +1,39 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryListSectionHeaderView = void 0;
+var _moment = _interopRequireDefault(require("moment"));
+var _react = _interopRequireWildcard(require("react"));
+var _uiComponents = require("../../ui-components");
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+// components used on the history section lists (Settings->History, CredentialDetail->History)
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev
+
+const HistoryListSectionHeaderView = ({
+  date,
+  firstYearEntry,
+  labels,
+  testID
+}) => {
+  const day = (0, _react.useMemo)(() => {
+    const now = (0, _moment.default)();
+    const dateString = (0, _moment.default)(date);
+    if (dateString.isSame(now, 'day')) {
+      return labels.today;
+    } else if (dateString.isSame(now.subtract(1, 'day'), 'day')) {
+      return labels.yesterday;
+    }
+    return dateString.format('Do MMMM');
+  }, [date, labels]);
+  return /*#__PURE__*/_react.default.createElement(_uiComponents.HistorySectionHeaderView, {
+    day: day,
+    testID: testID,
+    year: firstYearEntry ? date.year().toString() : undefined
+  });
+};
+exports.HistoryListSectionHeaderView = HistoryListSectionHeaderView;
+//# sourceMappingURL=history-list-section-header.js.map

package/lib/commonjs/components/history/history-list-section-header.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_moment","_interopRequireDefault","require","_react","_interopRequireWildcard","_uiComponents","_getRequireWildcardCache","e","WeakMap","r","t","__esModule","default","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","HistoryListSectionHeaderView","date","firstYearEntry","labels","testID","day","useMemo","now","moment","dateString","isSame","today","subtract","yesterday","format","createElement","HistorySectionHeaderView","year","toString","undefined","exports"],"sources":["history-list-section-header.tsx"],"sourcesContent":["import moment, { Moment } from 'moment';\nimport React, { FC, useMemo } from 'react';\n\nimport { HistorySectionHeaderView } from '../../ui-components';\n\nexport type HistoryListSectionHeaderLabels = {\n  today: string;\n  yesterday: string;\n};\n\nexport type HistoryListSectionHeaderViewProps = {\n  date: Moment;\n  firstYearEntry: boolean;\n  labels: HistoryListSectionHeaderLabels;\n  testID?: string;\n};\n\n// components used on the history section lists (Settings->History, CredentialDetail->History)\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=1246-51813&mode=dev\n\nexport const HistoryListSectionHeaderView: FC<HistoryListSectionHeaderViewProps> = ({\n  date,\n  firstYearEntry,\n  labels,\n  testID,\n}) => {\n  const day = useMemo(() => {\n    const now = moment();\n    const dateString = moment(date);\n\n    if (dateString.isSame(now, 'day')) {\n      return labels.today;\n    } else if (dateString.isSame(now.subtract(1, 'day'), 'day')) {\n      return labels.yesterday;\n    }\n    return dateString.format('Do MMMM');\n  }, [date, labels]);\n\n  return (\n    <HistorySectionHeaderView day={day} testID={testID} year={firstYearEntry ? date.year().toString() : undefined} />\n  );\n};\n"],"mappings":";;;;;;AAAA,IAAAA,OAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAC,uBAAA,CAAAF,OAAA;AAEA,IAAAG,aAAA,GAAAH,OAAA;AAA+D,SAAAI,yBAAAC,CAAA,6BAAAC,OAAA,mBAAAC,CAAA,OAAAD,OAAA,IAAAE,CAAA,OAAAF,OAAA,YAAAF,wBAAA,YAAAA,CAAAC,CAAA,WAAAA,CAAA,GAAAG,CAAA,GAAAD,CAAA,KAAAF,CAAA;AAAA,SAAAH,wBAAAG,CAAA,EAAAE,CAAA,SAAAA,CAAA,IAAAF,CAAA,IAAAA,CAAA,CAAAI,UAAA,SAAAJ,CAAA,eAAAA,CAAA,uBAAAA,CAAA,yBAAAA,CAAA,WAAAK,OAAA,EAAAL,CAAA,QAAAG,CAAA,GAAAJ,wBAAA,CAAAG,CAAA,OAAAC,CAAA,IAAAA,CAAA,CAAAG,GAAA,CAAAN,CAAA,UAAAG,CAAA,CAAAI,GAAA,CAAAP,CAAA,OAAAQ,CAAA,KAAAC,SAAA,UAAAC,CAAA,GAAAC,MAAA,CAAAC,cAAA,IAAAD,MAAA,CAAAE,wBAAA,WAAAC,CAAA,IAAAd,CAAA,oBAAAc,CAAA,OAAAC,cAAA,CAAAC,IAAA,CAAAhB,CAAA,EAAAc,CAAA,SAAAG,CAAA,GAAAP,CAAA,GAAAC,MAAA,CAAAE,wBAAA,CAAAb,CAAA,EAAAc,CAAA,UAAAG,CAAA,KAAAA,CAAA,CAAAV,GAAA,IAAAU,CAAA,CAAAC,GAAA,IAAAP,MAAA,CAAAC,cAAA,CAAAJ,CAAA,EAAAM,CAAA,EAAAG,CAAA,IAAAT,CAAA,CAAAM,CAAA,IAAAd,CAAA,CAAAc,CAAA,YAAAN,CAAA,CAAAH,OAAA,GAAAL,CAAA,EAAAG,CAAA,IAAAA,CAAA,CAAAe,GAAA,CAAAlB,CAAA,EAAAQ,CAAA,GAAAA,CAAA;AAAA,SAAAd,uBAAAM,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAI,UAAA,GAAAJ,CAAA,KAAAK,OAAA,EAAAL,CAAA;AAc/D;AACA;;AAEO,MAAMmB,4BAAmE,GAAGA,CAAC;EAClFC,IAAI;EACJC,cAAc;EACdC,MAAM;EACNC;AACF,CAAC,KAAK;EACJ,MAAMC,GAAG,GAAG,IAAAC,cAAO,EAAC,MAAM;IACxB,MAAMC,GAAG,GAAG,IAAAC,eAAM,EAAC,CAAC;IACpB,MAAMC,UAAU,GAAG,IAAAD,eAAM,EAACP,IAAI,CAAC;IAE/B,IAAIQ,UAAU,CAACC,MAAM,CAACH,GAAG,EAAE,KAAK,CAAC,EAAE;MACjC,OAAOJ,MAAM,CAACQ,KAAK;IACrB,CAAC,MAAM,IAAIF,UAAU,CAACC,MAAM,CAACH,GAAG,CAACK,QAAQ,CAAC,CAAC,EAAE,KAAK,CAAC,EAAE,KAAK,CAAC,EAAE;MAC3D,OAAOT,MAAM,CAACU,SAAS;IACzB;IACA,OAAOJ,UAAU,CAACK,MAAM,CAAC,SAAS,CAAC;EACrC,CAAC,EAAE,CAACb,IAAI,EAAEE,MAAM,CAAC,CAAC;EAElB,oBACE1B,MAAA,CAAAS,OAAA,CAAA6B,aAAA,CAACpC,aAAA,CAAAqC,wBAAwB;IAACX,GAAG,EAAEA,GAAI;IAACD,MAAM,EAAEA,MAAO;IAACa,IAAI,EAAEf,cAAc,GAAGD,IAAI,CAACgB,IAAI,CAAC,CAAC,CAACC,QAAQ,CAAC,CAAC,GAAGC;EAAU,CAAE,CAAC;AAErH,CAAC;AAACC,OAAA,CAAApB,4BAAA,GAAAA,4BAAA","ignoreList":[]}

package/lib/commonjs/components/history/history-list.js

@@ -0,0 +1,100 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.HistoryListView = void 0;
+var _native = require("@react-navigation/native");
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _uiComponents = require("../../ui-components");
+var _listPageLoadingIndicator = _interopRequireDefault(require("../../ui-components/list/list-page-loading-indicator"));
+var _utils = require("../../utils");
+var _history = require("../../utils/history");
+var _historyListItem = require("./history-list-item");
+var _historyListSectionHeader = require("./history-list-section-header");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _getRequireWildcardCache(e) { if ("function" != typeof WeakMap) return null; var r = new WeakMap(), t = new WeakMap(); return (_getRequireWildcardCache = function (e) { return e ? t : r; })(e); }
+function _interopRequireWildcard(e, r) { if (!r && e && e.__esModule) return e; if (null === e || "object" != typeof e && "function" != typeof e) return { default: e }; var t = _getRequireWildcardCache(r); if (t && t.has(e)) return t.get(e); var n = { __proto__: null }, a = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var u in e) if ("default" !== u && {}.hasOwnProperty.call(e, u)) { var i = a ? Object.getOwnPropertyDescriptor(e, u) : null; i && (i.get || i.set) ? Object.defineProperty(n, u, i) : n[u] = e[u]; } return n.default = e, t && t.set(e, n), n; }
+function _extends() { return _extends = Object.assign ? Object.assign.bind() : function (n) { for (var e = 1; e < arguments.length; e++) { var t = arguments[e]; for (var r in t) ({}).hasOwnProperty.call(t, r) && (n[r] = t[r]); } return n; }, _extends.apply(null, arguments); }
+const HistoryListView = ({
+  query,
+  contentContainerStyle,
+  getItemProps,
+  groupItems = _history.groupEntriesByDay,
+  itemProps,
+  labels,
+  onEmpty,
+  onScroll,
+  ...props
+}) => {
+  const isFocused = (0, _native.useIsFocused)();
+  const colorScheme = (0, _uiComponents.useAppColorScheme)();
+  const {
+    data: historyData,
+    fetchNextPage: fetchNextHistoryPage,
+    hasNextPage: hasNextHistoryPage,
+    isLoading
+  } = (0, _utils.useHistory)(query);
+  const history = (0, _react.useMemo)(() => {
+    const items = historyData === null || historyData === void 0 ? void 0 : historyData.pages.flat().map(page => page.values).flat();
+    if (!items) {
+      return undefined;
+    }
+    if (historyData) {
+      setImmediate(() => onEmpty === null || onEmpty === void 0 ? void 0 : onEmpty(!items.length));
+    }
+    return groupItems(items);
+  }, [historyData, onEmpty, groupItems]);
+  const onEndReached = (0, _react.useCallback)(() => {
+    if (hasNextHistoryPage) {
+      fetchNextHistoryPage().catch(() => {});
+    }
+  }, [fetchNextHistoryPage, hasNextHistoryPage]);
+  if (!history) {
+    return /*#__PURE__*/_react.default.createElement(_uiComponents.ActivityIndicator, {
+      animate: isFocused
+    });
+  }
+  return /*#__PURE__*/_react.default.createElement(_reactNative.Animated.SectionList, _extends({
+    ListFooterComponent: isLoading ? /*#__PURE__*/_react.default.createElement(_listPageLoadingIndicator.default, {
+      color: colorScheme.accent,
+      style: styles.footer
+    }) : undefined,
+    contentContainerStyle: [styles.listContent, contentContainerStyle],
+    keyExtractor: item => item.id,
+    onEndReached: onEndReached,
+    onScroll: onScroll,
+    renderItem: ({
+      item,
+      index,
+      section
+    }) => /*#__PURE__*/_react.default.createElement(_historyListItem.HistoryListItemView, _extends({
+      first: !index,
+      item: item,
+      labels: labels.item,
+      last: index === section.data.length - 1,
+      testID: (0, _utils.concatTestID)(props.testID, 'item', index.toString())
+    }, itemProps, getItemProps === null || getItemProps === void 0 ? void 0 : getItemProps(item))),
+    renderSectionHeader: ({
+      section
+    }) => /*#__PURE__*/_react.default.createElement(_historyListSectionHeader.HistoryListSectionHeaderView, {
+      date: section.date,
+      firstYearEntry: section.firstYearEntry,
+      labels: labels.sectionHeader,
+      testID: (0, _utils.concatTestID)(props.testID, 'section')
+    }),
+    sections: history,
+    stickySectionHeadersEnabled: false
+  }, props));
+};
+exports.HistoryListView = HistoryListView;
+const styles = _reactNative.StyleSheet.create({
+  footer: {
+    marginVertical: 16
+  },
+  listContent: {
+    paddingHorizontal: 16
+  }
+});
+//# sourceMappingURL=history-list.js.map

package/lib/commonjs/components/history/history-list.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_native","require","_react","_interopRequireWildcard","_reactNative","_uiComponents","_listPageLoadingIndicator","_interopRequireDefault","_utils","_history","_historyListItem","_historyListSectionHeader","e","__esModule","default","_getRequireWildcardCache","WeakMap","r","t","has","get","n","__proto__","a","Object","defineProperty","getOwnPropertyDescriptor","u","hasOwnProperty","call","i","set","_extends","assign","bind","arguments","length","apply","HistoryListView","query","contentContainerStyle","getItemProps","groupItems","groupEntriesByDay","itemProps","labels","onEmpty","onScroll","props","isFocused","useIsFocused","colorScheme","useAppColorScheme","data","historyData","fetchNextPage","fetchNextHistoryPage","hasNextPage","hasNextHistoryPage","isLoading","useHistory","history","useMemo","items","pages","flat","map","page","values","undefined","setImmediate","onEndReached","useCallback","catch","createElement","ActivityIndicator","animate","Animated","SectionList","ListFooterComponent","color","accent","style","styles","footer","listContent","keyExtractor","item","id","renderItem","index","section","HistoryListItemView","first","last","testID","concatTestID","toString","renderSectionHeader","HistoryListSectionHeaderView","date","firstYearEntry","sectionHeader","sections","stickySectionHeadersEnabled","exports","StyleSheet","create","marginVertical","paddingHorizontal"],"sources":["history-list.tsx"],"sourcesContent":["import { HistoryListItem, HistoryListQuery } from '@procivis/react-native-one-core';\nimport { useIsFocused } from '@react-navigation/native';\nimport React, { FC, useCallback, useMemo } from 'react';\nimport { Animated, SectionListProps, StyleSheet } from 'react-native';\n\nimport { ActivityIndicator, useAppColorScheme } from '../../ui-components';\nimport ListPageLoadingIndicator from '../../ui-components/list/list-page-loading-indicator';\nimport { concatTestID, useHistory } from '../../utils';\nimport { groupEntriesByDay, HistoryGroupByDaySection } from '../../utils/history';\nimport { HistoryListItemLabels, HistoryListItemView, HistoryListItemViewProps } from './history-list-item';\nimport { HistoryListSectionHeaderLabels, HistoryListSectionHeaderView } from './history-list-section-header';\n\nexport type HistoryListLabels = {\n  sectionHeader: HistoryListSectionHeaderLabels;\n  item: HistoryListItemLabels;\n};\n\nexport interface HistoryListViewProps\n  extends Omit<SectionListProps<HistoryListItem, HistoryGroupByDaySection>, 'sections'> {\n  // optional customization of item props\n  getItemProps?: (item: HistoryListItem) => Partial<HistoryListItemViewProps> | undefined;\n  groupItems?: (entries: HistoryListItem[]) => HistoryGroupByDaySection[];\n  itemProps?: Partial<HistoryListItemViewProps>;\n  labels: HistoryListLabels;\n  // callback when empty list displayed\n  onEmpty?: (empty: boolean) => void;\n  query: Partial<HistoryListQuery>;\n}\n\nexport const HistoryListView: FC<HistoryListViewProps> = ({\n  query,\n  contentContainerStyle,\n  getItemProps,\n  groupItems = groupEntriesByDay,\n  itemProps,\n  labels,\n  onEmpty,\n  onScroll,\n  ...props\n}) => {\n  const isFocused = useIsFocused();\n  const colorScheme = useAppColorScheme();\n  const {\n    data: historyData,\n    fetchNextPage: fetchNextHistoryPage,\n    hasNextPage: hasNextHistoryPage,\n    isLoading,\n  } = useHistory(query);\n\n  const history = useMemo(() => {\n    const items = historyData?.pages\n      .flat()\n      .map((page) => page.values)\n      .flat();\n    if (!items) {\n      return undefined;\n    }\n    if (historyData) {\n      setImmediate(() => onEmpty?.(!items.length));\n    }\n    return groupItems(items);\n  }, [historyData, onEmpty, groupItems]);\n\n  const onEndReached = useCallback(() => {\n    if (hasNextHistoryPage) {\n      fetchNextHistoryPage().catch(() => {});\n    }\n  }, [fetchNextHistoryPage, hasNextHistoryPage]);\n\n  if (!history) {\n    return <ActivityIndicator animate={isFocused} />;\n  }\n\n  return (\n    <Animated.SectionList<HistoryListItem, HistoryGroupByDaySection>\n      ListFooterComponent={\n        isLoading ? <ListPageLoadingIndicator color={colorScheme.accent} style={styles.footer} /> : undefined\n      }\n      contentContainerStyle={[styles.listContent, contentContainerStyle]}\n      keyExtractor={(item) => item.id}\n      onEndReached={onEndReached}\n      onScroll={onScroll}\n      renderItem={({ item, index, section }) => (\n        <HistoryListItemView\n          first={!index}\n          item={item}\n          labels={labels.item}\n          last={index === section.data.length - 1}\n          testID={concatTestID(props.testID, 'item', index.toString())}\n          {...itemProps}\n          {...getItemProps?.(item)}\n        />\n      )}\n      renderSectionHeader={({ section }) => (\n        <HistoryListSectionHeaderView\n          date={section.date}\n          firstYearEntry={section.firstYearEntry}\n          labels={labels.sectionHeader}\n          testID={concatTestID(props.testID, 'section')}\n        />\n      )}\n      sections={history}\n      stickySectionHeadersEnabled={false}\n      {...props}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  footer: {\n    marginVertical: 16,\n  },\n  listContent: {\n    paddingHorizontal: 16,\n  },\n});\n"],"mappings":"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","ignoreList":[]}