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

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

@@ -0,0 +1,90 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _testID = require("../../utils/testID");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+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 HistoryListItem = _ref => {
+  let {
+    icon,
+    label,
+    info,
+    last,
+    style,
+    time,
+    onPress,
+    testID
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  const iconView = (0, _react.useMemo)(() => {
+    if ( /*#__PURE__*/_react.default.isValidElement(icon)) {
+      return icon;
+    } else if (icon) {
+      const IconComponent = icon;
+      return /*#__PURE__*/_react.default.createElement(IconComponent, null);
+    }
+  }, [icon]);
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, {
+    disabled: !onPress,
+    onPress: () => onPress === null || onPress === void 0 ? void 0 : onPress(),
+    style: [styles.historyItemContainer, {
+      backgroundColor: colorScheme.white,
+      borderColor: colorScheme.background
+    }, last && styles.last, style],
+    testID: testID
+  }, iconView, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.labelAndInfo
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    numberOfLines: 1,
+    preset: "s",
+    style: styles.label,
+    testID: (0, _testID.concatTestID)(testID, 'label')
+  }, label), Boolean(info) && /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    numberOfLines: 1,
+    preset: "s/line-height-small",
+    style: styles.shaded,
+    testID: (0, _testID.concatTestID)(testID, 'info')
+  }, info)), /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.text,
+    numberOfLines: 1,
+    preset: "xs/line-height-small",
+    style: styles.shaded,
+    testID: (0, _testID.concatTestID)(testID, 'timeLabel')
+  }, time));
+};
+const styles = _reactNative.StyleSheet.create({
+  historyItemContainer: {
+    alignItems: 'center',
+    borderBottomWidth: 1,
+    flexDirection: 'row',
+    paddingRight: 8,
+    paddingVertical: 12
+  },
+  label: {
+    marginBottom: 2
+  },
+  labelAndInfo: {
+    flex: 1,
+    marginHorizontal: 12
+  },
+  last: {
+    borderBottomWidth: 0
+  },
+  shaded: {
+    opacity: 0.7
+  }
+});
+var _default = HistoryListItem;
+exports.default = _default;
+//# sourceMappingURL=history-list-item.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_testID","_accessibilityHistoryWrappers","_typography","_interopRequireDefault","_colorSchemeContext","obj","__esModule","default","_getRequireWildcardCache","nodeInterop","WeakMap","cacheBabelInterop","cacheNodeInterop","cache","has","get","newObj","hasPropertyDescriptor","Object","defineProperty","getOwnPropertyDescriptor","key","prototype","hasOwnProperty","call","desc","set","HistoryListItem","_ref","icon","label","info","last","style","time","onPress","testID","colorScheme","useAppColorScheme","iconView","useMemo","React","isValidElement","IconComponent","createElement","TouchableOpacity","disabled","styles","historyItemContainer","backgroundColor","white","borderColor","background","View","labelAndInfo","color","text","numberOfLines","preset","concatTestID","Boolean","shaded","StyleSheet","create","alignItems","borderBottomWidth","flexDirection","paddingRight","paddingVertical","marginBottom","flex","marginHorizontal","opacity","_default","exports"],"sources":["history-list-item.tsx"],"sourcesContent":["import React, { ComponentType, FC, ReactElement, useMemo } from 'react';\nimport { StyleProp, StyleSheet, View, ViewStyle } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport { TouchableOpacity } from '../accessibility/accessibilityHistoryWrappers';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\nexport type HistoryListItemProps = {\n  icon: ComponentType<any> | ReactElement;\n  info?: string;\n  label: string;\n  last?: boolean;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  testID?: string;\n  time: string;\n};\n\nconst HistoryListItem: FC<HistoryListItemProps> = ({ icon, label, info, last, style, time, onPress, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  const iconView: ReactElement | undefined = useMemo(() => {\n    if (React.isValidElement(icon)) {\n      return icon;\n    } else if (icon) {\n      const IconComponent = icon as ComponentType<any>;\n      return <IconComponent />;\n    }\n  }, [icon]);\n\n  return (\n    <TouchableOpacity\n      disabled={!onPress}\n      onPress={() => onPress?.()}\n      style={[\n        styles.historyItemContainer,\n        {\n          backgroundColor: colorScheme.white,\n          borderColor: colorScheme.background,\n        },\n        last && styles.last,\n        style,\n      ]}\n      testID={testID}>\n      {iconView}\n      <View style={styles.labelAndInfo}>\n        <Typography\n          color={colorScheme.text}\n          numberOfLines={1}\n          preset=\"s\"\n          style={styles.label}\n          testID={concatTestID(testID, 'label')}>\n          {label}\n        </Typography>\n        {Boolean(info) && (\n          <Typography\n            color={colorScheme.text}\n            numberOfLines={1}\n            preset=\"s/line-height-small\"\n            style={styles.shaded}\n            testID={concatTestID(testID, 'info')}>\n            {info}\n          </Typography>\n        )}\n      </View>\n      <Typography\n        color={colorScheme.text}\n        numberOfLines={1}\n        preset=\"xs/line-height-small\"\n        style={styles.shaded}\n        testID={concatTestID(testID, 'timeLabel')}>\n        {time}\n      </Typography>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  historyItemContainer: {\n    alignItems: 'center',\n    borderBottomWidth: 1,\n    flexDirection: 'row',\n    paddingRight: 8,\n    paddingVertical: 12,\n  },\n  label: {\n    marginBottom: 2,\n  },\n  labelAndInfo: {\n    flex: 1,\n    marginHorizontal: 12,\n  },\n  last: {\n    borderBottomWidth: 0,\n  },\n  shaded: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistoryListItem;\n"],"mappings":"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"}

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

@@ -0,0 +1,49 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _testID = require("../../utils/testID");
+var _typography = _interopRequireDefault(require("../text/typography"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// component 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 HistorySectionHeader = _ref => {
+  let {
+    day,
+    year,
+    testID
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+    style: styles.header
+  }, /*#__PURE__*/_react.default.createElement(_typography.default, {
+    accessibilityRole: "header",
+    color: colorScheme.text,
+    preset: "m",
+    testID: (0, _testID.concatTestID)(testID, 'title')
+  }, day), year && /*#__PURE__*/_react.default.createElement(_typography.default, {
+    color: colorScheme.accent,
+    preset: "s/line-height-small",
+    style: styles.year
+  }, year));
+};
+const styles = _reactNative.StyleSheet.create({
+  header: {
+    flexDirection: 'row',
+    justifyContent: 'space-between',
+    marginVertical: 16,
+    paddingHorizontal: 4
+  },
+  year: {
+    opacity: 0.7
+  }
+});
+var _default = HistorySectionHeader;
+exports.default = _default;
+//# sourceMappingURL=history-section-header.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_testID","_typography","_colorSchemeContext","obj","__esModule","default","HistorySectionHeader","_ref","day","year","testID","colorScheme","useAppColorScheme","createElement","View","style","styles","header","accessibilityRole","color","text","preset","concatTestID","accent","StyleSheet","create","flexDirection","justifyContent","marginVertical","paddingHorizontal","opacity","_default","exports"],"sources":["history-section-header.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport { StyleSheet, View } from 'react-native';\n\nimport { concatTestID } from '../../utils/testID';\nimport Typography from '../text/typography';\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// component 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\nconst HistorySectionHeader: FC<{\n  day: string;\n  testID?: string;\n  year?: string;\n}> = ({ day, year, testID }) => {\n  const colorScheme = useAppColorScheme();\n\n  return (\n    <View style={styles.header}>\n      <Typography accessibilityRole=\"header\" color={colorScheme.text} preset=\"m\" testID={concatTestID(testID, 'title')}>\n        {day}\n      </Typography>\n      {year && (\n        <Typography color={colorScheme.accent} preset=\"s/line-height-small\" style={styles.year}>\n          {year}\n        </Typography>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  header: {\n    flexDirection: 'row',\n    justifyContent: 'space-between',\n    marginVertical: 16,\n    paddingHorizontal: 4,\n  },\n  year: {\n    opacity: 0.7,\n  },\n});\n\nexport default HistorySectionHeader;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AAEA,IAAAE,OAAA,GAAAF,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,mBAAA,GAAAJ,OAAA;AAAkE,SAAAD,uBAAAM,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElE;AACA;;AAEA,MAAMG,oBAIJ,GAAGC,IAAA,IAA2B;EAAA,IAA1B;IAAEC,GAAG;IAAEC,IAAI;IAAEC;EAAO,CAAC,GAAAH,IAAA;EACzB,MAAMI,WAAW,GAAG,IAAAC,qCAAiB,GAAE;EAEvC,oBACEhB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACd,YAAA,CAAAe,IAAI;IAACC,KAAK,EAAEC,MAAM,CAACC;EAAO,gBACzBrB,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACZ,WAAA,CAAAI,OAAU;IAACa,iBAAiB,EAAC,QAAQ;IAACC,KAAK,EAAER,WAAW,CAACS,IAAK;IAACC,MAAM,EAAC,GAAG;IAACX,MAAM,EAAE,IAAAY,oBAAY,EAACZ,MAAM,EAAE,OAAO;EAAE,GAC9GF,GAAG,CACO,EACZC,IAAI,iBACHb,MAAA,CAAAS,OAAA,CAAAQ,aAAA,CAACZ,WAAA,CAAAI,OAAU;IAACc,KAAK,EAAER,WAAW,CAACY,MAAO;IAACF,MAAM,EAAC,qBAAqB;IAACN,KAAK,EAAEC,MAAM,CAACP;EAAK,GACpFA,IAAI,CAER,CACI;AAEX,CAAC;AAED,MAAMO,MAAM,GAAGQ,uBAAU,CAACC,MAAM,CAAC;EAC/BR,MAAM,EAAE;IACNS,aAAa,EAAE,KAAK;IACpBC,cAAc,EAAE,eAAe;IAC/BC,cAAc,EAAE,EAAE;IAClBC,iBAAiB,EAAE;EACrB,CAAC;EACDpB,IAAI,EAAE;IACJqB,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAAC,IAAAC,QAAA,GAEYzB,oBAAoB;AAAA0B,OAAA,CAAA3B,OAAA,GAAA0B,QAAA"}

package/lib/commonjs/ui-components/icons/entity.js

@@ -0,0 +1,52 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.EntityTrustedIcon = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNativeSvg = _interopRequireWildcard(require("react-native-svg"));
+var _colorSchemeContext = require("../theme/color-scheme-context");
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=415-5402&mode=design&t=YI1oD2BfBie5HcvJ-0
+const EntityTrustedIcon = _ref => {
+  let {
+    ...props
+  } = _ref;
+  const colorScheme = (0, _colorSchemeContext.useAppColorScheme)();
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, _extends({
+    width: 16,
+    height: 19,
+    viewBox: "0 0 16 19",
+    fill: "none"
+  }, props), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Mask, {
+    id: "a",
+    maskUnits: "userSpaceOnUse",
+    x: 0,
+    y: 0.0496979,
+    width: 18,
+    height: 21,
+    fill: colorScheme.black
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    fill: colorScheme.white,
+    d: "M0 0.0496979H18V21.0496979H0z"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M10.265 2.255a4 4 0 00-2.53 0l-3 1A4 4 0 002 7.05v4.117a7 7 0 007 7 7 7 0 007-7V7.05a4 4 0 00-2.735-3.795l-3-1z"
+  })), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M10.265 2.255a4 4 0 00-2.53 0l-3 1A4 4 0 002 7.05v4.117a7 7 0 007 7 7 7 0 007-7V7.05a4 4 0 00-2.735-3.795l-3-1z",
+    fill: colorScheme.success
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M4.735 3.255l-.632-1.897.632 1.897zm8.53 0l.632-1.897-.632 1.897zm-5.53-1l.633 1.897-.633-1.897zm2.53 0l-.633 1.897.633-1.897zM7.103.358l-3 1 1.265 3.794 3-1L7.103.358zM0 7.05v4.117h4V7.05H0zm0 4.117a9 9 0 009 9v-4a5 5 0 01-5-5H0zm9 9a9 9 0 009-9h-4a5 5 0 01-5 5v4zm9-9V7.05h-4v4.117h4zm-4.103-9.81l-3-1-1.265 3.795 3 1 1.265-3.794zm-9.794 0A6 6 0 000 7.05h4a2 2 0 011.368-1.898L4.103 1.358zM18 7.05a6 6 0 00-4.103-5.692l-1.264 3.794A2 2 0 0114 7.05h4zM8.368 4.152a2 2 0 011.264 0L10.897.358a6 6 0 00-3.794 0l1.265 3.794z",
+    fill: colorScheme.white,
+    fillOpacity: 0.2,
+    mask: "url(#a)"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M7.914 13.383c.156 0 .3-.037.43-.11a1.06 1.06 0 00.344-.32l3.648-5.64c.057-.089.104-.183.14-.282a.761.761 0 00.063-.297.652.652 0 00-.25-.53.839.839 0 00-.555-.204c-.276 0-.507.148-.695.445l-3.148 5.032-1.446-1.813a.98.98 0 00-.312-.273.717.717 0 00-.352-.086.742.742 0 00-.554.234.754.754 0 00-.227.555c0 .104.018.206.055.304.041.094.099.19.172.29l1.882 2.265c.115.146.237.255.368.328.13.068.276.102.437.102z",
+    fill: colorScheme.white
+  }));
+};
+exports.EntityTrustedIcon = EntityTrustedIcon;
+//# sourceMappingURL=entity.js.map

package/lib/commonjs/ui-components/icons/entity.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNativeSvg","_interopRequireWildcard","_colorSchemeContext","_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","EntityTrustedIcon","_ref","props","colorScheme","useAppColorScheme","createElement","width","height","viewBox","fill","Mask","id","maskUnits","x","y","black","Path","white","d","success","fillOpacity","mask","exports"],"sources":["entity.tsx"],"sourcesContent":["import React, { FC } from 'react';\nimport Svg, { Mask, Path, SvgProps } from 'react-native-svg';\n\nimport { useAppColorScheme } from '../theme/color-scheme-context';\n\n// https://www.figma.com/file/52qDYWUMjXAGre1dcnz5bz/Procivis-One-Wallet?type=design&node-id=415-5402&mode=design&t=YI1oD2BfBie5HcvJ-0\nexport const EntityTrustedIcon: FC<SvgProps> = ({ ...props }) => {\n  const colorScheme = useAppColorScheme();\n  return (\n    <Svg width={16} height={19} viewBox=\"0 0 16 19\" fill=\"none\" {...props}>\n      <Mask id=\"a\" maskUnits=\"userSpaceOnUse\" x={0} y={0.0496979} width={18} height={21} fill={colorScheme.black}>\n        <Path fill={colorScheme.white} d=\"M0 0.0496979H18V21.0496979H0z\" />\n        <Path d=\"M10.265 2.255a4 4 0 00-2.53 0l-3 1A4 4 0 002 7.05v4.117a7 7 0 007 7 7 7 0 007-7V7.05a4 4 0 00-2.735-3.795l-3-1z\" />\n      </Mask>\n      <Path\n        d=\"M10.265 2.255a4 4 0 00-2.53 0l-3 1A4 4 0 002 7.05v4.117a7 7 0 007 7 7 7 0 007-7V7.05a4 4 0 00-2.735-3.795l-3-1z\"\n        fill={colorScheme.success}\n      />\n      <Path\n        d=\"M4.735 3.255l-.632-1.897.632 1.897zm8.53 0l.632-1.897-.632 1.897zm-5.53-1l.633 1.897-.633-1.897zm2.53 0l-.633 1.897.633-1.897zM7.103.358l-3 1 1.265 3.794 3-1L7.103.358zM0 7.05v4.117h4V7.05H0zm0 4.117a9 9 0 009 9v-4a5 5 0 01-5-5H0zm9 9a9 9 0 009-9h-4a5 5 0 01-5 5v4zm9-9V7.05h-4v4.117h4zm-4.103-9.81l-3-1-1.265 3.795 3 1 1.265-3.794zm-9.794 0A6 6 0 000 7.05h4a2 2 0 011.368-1.898L4.103 1.358zM18 7.05a6 6 0 00-4.103-5.692l-1.264 3.794A2 2 0 0114 7.05h4zM8.368 4.152a2 2 0 011.264 0L10.897.358a6 6 0 00-3.794 0l1.265 3.794z\"\n        fill={colorScheme.white}\n        fillOpacity={0.2}\n        mask=\"url(#a)\"\n      />\n      <Path\n        d=\"M7.914 13.383c.156 0 .3-.037.43-.11a1.06 1.06 0 00.344-.32l3.648-5.64c.057-.089.104-.183.14-.282a.761.761 0 00.063-.297.652.652 0 00-.25-.53.839.839 0 00-.555-.204c-.276 0-.507.148-.695.445l-3.148 5.032-1.446-1.813a.98.98 0 00-.312-.273.717.717 0 00-.352-.086.742.742 0 00-.554.234.754.754 0 00-.227.555c0 .104.018.206.055.304.041.094.099.19.172.29l1.882 2.265c.115.146.237.255.368.328.13.068.276.102.437.102z\"\n        fill={colorScheme.white}\n      />\n    </Svg>\n  );\n};\n"],"mappings":"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"}

package/lib/commonjs/ui-components/index.js

@@ -0,0 +1,281 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _accessibility = require("./accessibility");
+Object.keys(_accessibility).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _accessibility[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _accessibility[key];
+    }
+  });
+});
+var _actionModal = require("./action-modal");
+Object.keys(_actionModal).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _actionModal[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _actionModal[key];
+    }
+  });
+});
+var _activityIndicator = require("./activity-indicator");
+Object.keys(_activityIndicator).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _activityIndicator[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _activityIndicator[key];
+    }
+  });
+});
+var _blur = require("./blur");
+Object.keys(_blur).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _blur[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _blur[key];
+    }
+  });
+});
+var _buttons = require("./buttons");
+Object.keys(_buttons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _buttons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _buttons[key];
+    }
+  });
+});
+var _camera = require("./camera");
+Object.keys(_camera).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _camera[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _camera[key];
+    }
+  });
+});
+var _control = require("./control");
+Object.keys(_control).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _control[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _control[key];
+    }
+  });
+});
+var _credential = require("./credential");
+Object.keys(_credential).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _credential[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _credential[key];
+    }
+  });
+});
+var _detail = require("./detail");
+Object.keys(_detail).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _detail[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _detail[key];
+    }
+  });
+});
+var _entity = require("./entity");
+Object.keys(_entity).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _entity[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _entity[key];
+    }
+  });
+});
+var _header = require("./header");
+Object.keys(_header).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _header[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _header[key];
+    }
+  });
+});
+var _history = require("./history");
+Object.keys(_history).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _history[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _history[key];
+    }
+  });
+});
+var _icons = require("./icons");
+Object.keys(_icons).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _icons[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _icons[key];
+    }
+  });
+});
+var _image = require("./image");
+Object.keys(_image).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _image[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _image[key];
+    }
+  });
+});
+var _input = require("./input");
+Object.keys(_input).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _input[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _input[key];
+    }
+  });
+});
+var _list = require("./list");
+Object.keys(_list).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _list[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _list[key];
+    }
+  });
+});
+var _loader = require("./loader");
+Object.keys(_loader).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _loader[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _loader[key];
+    }
+  });
+});
+var _nerdView = require("./nerd-view");
+Object.keys(_nerdView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _nerdView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _nerdView[key];
+    }
+  });
+});
+var _pin = require("./pin");
+Object.keys(_pin).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _pin[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _pin[key];
+    }
+  });
+});
+var _screens = require("./screens");
+Object.keys(_screens).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _screens[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _screens[key];
+    }
+  });
+});
+var _searchbar = require("./searchbar");
+Object.keys(_searchbar).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _searchbar[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _searchbar[key];
+    }
+  });
+});
+var _settings = require("./settings");
+Object.keys(_settings).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _settings[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _settings[key];
+    }
+  });
+});
+var _state = require("./state");
+Object.keys(_state).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _state[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _state[key];
+    }
+  });
+});
+var _text = require("./text");
+Object.keys(_text).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _text[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _text[key];
+    }
+  });
+});
+var _theme = require("./theme");
+Object.keys(_theme).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _theme[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _theme[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/ui-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_accessibility","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get","_actionModal","_activityIndicator","_blur","_buttons","_camera","_control","_credential","_detail","_entity","_header","_history","_icons","_image","_input","_list","_loader","_nerdView","_pin","_screens","_searchbar","_settings","_state","_text","_theme"],"sources":["index.ts"],"sourcesContent":["export * from './accessibility';\nexport * from './action-modal';\nexport * from './activity-indicator';\nexport * from './blur';\nexport * from './buttons';\nexport * from './camera';\nexport * from './control';\nexport * from './credential';\nexport * from './detail';\nexport * from './entity';\nexport * from './header';\nexport * from './history';\nexport * from './icons';\nexport * from './image';\nexport * from './input';\nexport * from './list';\nexport * from './loader';\nexport * from './nerd-view';\nexport * from './pin';\nexport * from './screens';\nexport * from './searchbar';\nexport * from './settings';\nexport * from './state';\nexport * from './text';\nexport * from './theme';\n"],"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,YAAA,GAAAT,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAO,YAAA,EAAAN,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAK,YAAA,CAAAL,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAC,YAAA,CAAAL,GAAA;IAAA;EAAA;AAAA;AACA,IAAAM,kBAAA,GAAAV,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAQ,kBAAA,EAAAP,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAM,kBAAA,CAAAN,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAE,kBAAA,CAAAN,GAAA;IAAA;EAAA;AAAA;AACA,IAAAO,KAAA,GAAAX,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAS,KAAA,EAAAR,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAO,KAAA,CAAAP,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAG,KAAA,CAAAP,GAAA;IAAA;EAAA;AAAA;AACA,IAAAQ,QAAA,GAAAZ,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAU,QAAA,EAAAT,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAQ,QAAA,CAAAR,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAI,QAAA,CAAAR,GAAA;IAAA;EAAA;AAAA;AACA,IAAAS,OAAA,GAAAb,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAW,OAAA,EAAAV,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAS,OAAA,CAAAT,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAK,OAAA,CAAAT,GAAA;IAAA;EAAA;AAAA;AACA,IAAAU,QAAA,GAAAd,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAY,QAAA,EAAAX,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAU,QAAA,CAAAV,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAM,QAAA,CAAAV,GAAA;IAAA;EAAA;AAAA;AACA,IAAAW,WAAA,GAAAf,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAa,WAAA,EAAAZ,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAW,WAAA,CAAAX,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAO,WAAA,CAAAX,GAAA;IAAA;EAAA;AAAA;AACA,IAAAY,OAAA,GAAAhB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAc,OAAA,EAAAb,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAY,OAAA,CAAAZ,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAQ,OAAA,CAAAZ,GAAA;IAAA;EAAA;AAAA;AACA,IAAAa,OAAA,GAAAjB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAe,OAAA,EAAAd,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAa,OAAA,CAAAb,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAS,OAAA,CAAAb,GAAA;IAAA;EAAA;AAAA;AACA,IAAAc,OAAA,GAAAlB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAgB,OAAA,EAAAf,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAc,OAAA,CAAAd,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAU,OAAA,CAAAd,GAAA;IAAA;EAAA;AAAA;AACA,IAAAe,QAAA,GAAAnB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAiB,QAAA,EAAAhB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAe,QAAA,CAAAf,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAW,QAAA,CAAAf,GAAA;IAAA;EAAA;AAAA;AACA,IAAAgB,MAAA,GAAApB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAkB,MAAA,EAAAjB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAgB,MAAA,CAAAhB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAY,MAAA,CAAAhB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAiB,MAAA,GAAArB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAmB,MAAA,EAAAlB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAiB,MAAA,CAAAjB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAa,MAAA,CAAAjB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAkB,MAAA,GAAAtB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAoB,MAAA,EAAAnB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAkB,MAAA,CAAAlB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAc,MAAA,CAAAlB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAmB,KAAA,GAAAvB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAqB,KAAA,EAAApB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAmB,KAAA,CAAAnB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAe,KAAA,CAAAnB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAoB,OAAA,GAAAxB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAsB,OAAA,EAAArB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAoB,OAAA,CAAApB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAgB,OAAA,CAAApB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAqB,SAAA,GAAAzB,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAuB,SAAA,EAAAtB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAqB,SAAA,CAAArB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAiB,SAAA,CAAArB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAsB,IAAA,GAAA1B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAwB,IAAA,EAAAvB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAsB,IAAA,CAAAtB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAkB,IAAA,CAAAtB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAuB,QAAA,GAAA3B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAyB,QAAA,EAAAxB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAuB,QAAA,CAAAvB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAmB,QAAA,CAAAvB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAwB,UAAA,GAAA5B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAA0B,UAAA,EAAAzB,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAwB,UAAA,CAAAxB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAoB,UAAA,CAAAxB,GAAA;IAAA;EAAA;AAAA;AACA,IAAAyB,SAAA,GAAA7B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAA2B,SAAA,EAAA1B,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAyB,SAAA,CAAAzB,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAqB,SAAA,CAAAzB,GAAA;IAAA;EAAA;AAAA;AACA,IAAA0B,MAAA,GAAA9B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAA4B,MAAA,EAAA3B,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAA0B,MAAA,CAAA1B,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAsB,MAAA,CAAA1B,GAAA;IAAA;EAAA;AAAA;AACA,IAAA2B,KAAA,GAAA/B,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAA6B,KAAA,EAAA5B,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAA2B,KAAA,CAAA3B,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAuB,KAAA,CAAA3B,GAAA;IAAA;EAAA;AAAA;AACA,IAAA4B,MAAA,GAAAhC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAA8B,MAAA,EAAA7B,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAA4B,MAAA,CAAA5B,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAwB,MAAA,CAAA5B,GAAA;IAAA;EAAA;AAAA"}

package/lib/commonjs/ui-components/input/selection-input.js

@@ -0,0 +1,102 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _reactNativePicker = _interopRequireDefault(require("@procivis/react-native-picker"));
+var _react = _interopRequireWildcard(require("react"));
+var _ref5 = require("../../utils/ref");
+var _accessibility = require("../accessibility/accessibility");
+var _accessibilityHistoryWrappers = require("../accessibility/accessibilityHistoryWrappers");
+var _accessibilityLanguage = require("../accessibility/accessibilityLanguage");
+var _theme = require("../theme");
+var _textInput = _interopRequireWildcard(require("./text-input"));
+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 _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+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); }
+/**
+ * Generic selection input component
+ * @see https://www.figma.com/file/Gd0Tj0234hxtl3HMcCJThW/App-Component-Library-(Design)?node-id=4%3A127&t=B2Y3PtJHH22XDPkx-0
+ */
+const SelectionInput = /*#__PURE__*/(0, _react.forwardRef)((_ref, ref) => {
+  var _selectedChoice$short;
+  let {
+    selectedValue,
+    values,
+    label,
+    pickerTitle,
+    pickerConfirmLabel,
+    pickerCancelLabel,
+    onChange,
+    error,
+    ...props
+  } = _ref;
+  const t = (0, _accessibilityLanguage.useAccessibilityTranslation)();
+  const colorScheme = (0, _theme.useAppColorScheme)();
+  const selectedChoice = (0, _react.useMemo)(() => selectedValue !== undefined ? values.find(_ref2 => {
+    let {
+      value
+    } = _ref2;
+    return value === selectedValue;
+  }) : undefined, [selectedValue, values]);
+  const [forwardedRef, refObject] = (0, _ref5.useForwardedRef)(ref);
+  const [pickerOpen, setPickerOpen] = (0, _react.useState)(false);
+  const onOpen = (0, _react.useCallback)(() => setPickerOpen(true), []);
+  const onConfirm = (0, _react.useCallback)(valueLabel => {
+    setPickerOpen(false);
+    const choice = values.find(_ref3 => {
+      let {
+        label: choiceLabel
+      } = _ref3;
+      return choiceLabel === valueLabel;
+    });
+    if (!choice || !(onChange !== null && onChange !== void 0 && onChange(choice))) {
+      setTimeout(() => (0, _accessibility.focusAccessibility)(refObject.current), 200);
+    }
+  }, [onChange, refObject, values]);
+  const onCancel = (0, _react.useCallback)(() => {
+    setPickerOpen(false);
+    requestAnimationFrame(() => (0, _accessibility.focusAccessibility)(refObject.current));
+  }, [refObject]);
+  const accessibilityLabel = error ? `${label}, ${error}` : label;
+  return /*#__PURE__*/_react.default.createElement(_accessibilityHistoryWrappers.TouchableOpacity, _extends({
+    accessibilityHint: t('accessibility.control.combobox.tapToSelect'),
+    accessibilityLabel: accessibilityLabel,
+    accessibilityRole: "combobox",
+    accessibilityValue: {
+      text: selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label
+    },
+    onPress: onOpen,
+    ref: forwardedRef
+  }, props), /*#__PURE__*/_react.default.createElement(_textInput.default, {
+    accessory: _textInput.TextInputAccessory.Dropdown,
+    disabled: true,
+    error: error,
+    label: label,
+    pointerEvents: "none",
+    value: (_selectedChoice$short = selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.shortLabel) !== null && _selectedChoice$short !== void 0 ? _selectedChoice$short : selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label
+  }), /*#__PURE__*/_react.default.createElement(_reactNativePicker.default, {
+    cancelText: pickerCancelLabel,
+    confirmText: pickerConfirmLabel,
+    items: values.map(_ref4 => {
+      let {
+        label: itemLabel
+      } = _ref4;
+      return itemLabel;
+    }),
+    modal: true,
+    mode: "list",
+    onCancel: onCancel,
+    onConfirm: onConfirm,
+    open: pickerOpen,
+    selectedValue: selectedChoice === null || selectedChoice === void 0 ? void 0 : selectedChoice.label,
+    textColor: colorScheme.text,
+    title: pickerTitle !== null && pickerTitle !== void 0 ? pickerTitle : label
+  }));
+});
+SelectionInput.displayName = 'SelectionInput';
+var _default = SelectionInput;
+exports.default = _default;
+//# sourceMappingURL=selection-input.js.map