be-components 7.0.6 → 7.0.9

package/lib/commonjs/Components/BETimePicker.js

@@ -0,0 +1,110 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _datetimepicker = _interopRequireDefault(require("@react-native-community/datetimepicker"));
+var _Themed = require("./Themed");
+var _reactDatepicker = _interopRequireDefault(require("react-datepicker"));
+require("react-datepicker/dist/react-datepicker.css");
+var _momentMini = _interopRequireDefault(require("moment-mini"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BETimePicker = ({
+  selected_time,
+  onSelectTime,
+  disabled
+}) => {
+  const [date, setDate] = (0, _react.useState)(selected_time ? selected_time : (0, _momentMini.default)());
+  const [show, setShow] = (0, _react.useState)(false); // native iOS/Android
+
+  const handleDone = () => {
+    onSelectTime(date);
+    setShow(false);
+  };
+  return /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    transparent: true,
+    style: {
+      alignItems: 'flex-end',
+      padding: 0
+    },
+    onPress: () => disabled ? alert('Edit not available') : setShow(!show)
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description"
+  }, selected_time ? selected_time.format('MM/DD/YYYY hh:mm a') : 'No Time Selected'), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "action",
+    style: {
+      marginTop: 3
+    }
+  }, "Change")), /*#__PURE__*/_react.default.createElement(_reactNative.Modal, {
+    transparent: true,
+    style: {
+      flex: 1
+    },
+    visible: show
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "blur",
+    style: {
+      flex: 1,
+      justifyContent: 'center',
+      alignItems: 'center'
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    float: true
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "header",
+    style: {
+      flexDirection: 'row',
+      alignItems: 'center',
+      padding: 10,
+      borderTopRightRadius: 8,
+      borderTopLeftRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    transparent: true,
+    style: {
+      flex: 1
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "h1"
+  }, "Selected Date / Time"), /*#__PURE__*/_react.default.createElement(_Themed.Text, {
+    theme: "description",
+    style: {
+      marginTop: 3
+    }
+  }, "Select a date and time below."))), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    style: {
+      padding: 10
+    }
+  }, _reactNative.Platform.OS == 'web' ? /*#__PURE__*/_react.default.createElement(_reactDatepicker.default, {
+    selected: date.toDate(),
+    onChange: date => setDate((0, _momentMini.default)(date)),
+    showTimeSelect: true,
+    timeIntervals: 1,
+    dateFormat: "Pp",
+    inline: true // makes it always visible
+  }) : /*#__PURE__*/_react.default.createElement(_datetimepicker.default, {
+    value: date.toDate(),
+    display: "spinner",
+    mode: "datetime",
+    onChange: (_, date) => setDate((0, _momentMini.default)(date))
+  })), /*#__PURE__*/_react.default.createElement(_Themed.View, {
+    type: "footer",
+    style: {
+      padding: 10,
+      borderBottomRightRadius: 8,
+      borderBottomLeftRadius: 8
+    }
+  }, /*#__PURE__*/_react.default.createElement(_Themed.Button, {
+    title: "DONE",
+    type: "success",
+    onPress: () => handleDone()
+  }))))));
+};
+var _default = exports.default = BETimePicker;
+//# sourceMappingURL=BETimePicker.js.map

package/lib/commonjs/Components/BETimePicker.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_datetimepicker","_interopRequireDefault","_Themed","_reactDatepicker","_momentMini","e","__esModule","default","t","WeakMap","r","n","o","i","f","__proto__","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BETimePicker","selected_time","onSelectTime","disabled","date","setDate","useState","moment","show","setShow","handleDone","createElement","View","transparent","Button","style","alignItems","padding","onPress","alert","Text","theme","format","marginTop","Modal","flex","visible","type","justifyContent","float","flexDirection","borderTopRightRadius","borderTopLeftRadius","Platform","OS","selected","toDate","onChange","showTimeSelect","timeIntervals","dateFormat","inline","value","display","mode","_","borderBottomRightRadius","borderBottomLeftRadius","title","_default","exports"],"sourceRoot":"../../../src","sources":["Components/BETimePicker.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/Components/Icons.js

@@ -1362,6 +1362,42 @@ const LockClosedIcon = ({
     id: "Path"
   }))));
 };
+const LockOpenIcon = ({
+  color,
+  size
+}) => {
+  const ratio = 0.736;
+  const height = size ?? 22;
+  const width = height * ratio;
+  return /*#__PURE__*/_react.default.createElement(_reactNativeSvg.default, {
+    width: `${width}px`,
+    height: `${height}px`,
+    viewBox: "0 0 33 44"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {
+    id: "app-icons",
+    stroke: "none",
+    strokeWidth: "1",
+    fill: "none",
+    fillRule: "evenodd",
+    strokeLinecap: "round",
+    strokeLinejoin: "round"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.G, {
+    id: "unlocked-svgrepo-com",
+    transform: "translate(2.000000, 2.000000)",
+    stroke: color ?? _colors.default.brand.midnight,
+    strokeWidth: "3"
+  }, /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Rect, {
+    id: "Rectangle",
+    x: "0",
+    y: "18.9472818",
+    width: "29.4738006",
+    height: "21.0527182",
+    rx: "5"
+  }), /*#__PURE__*/_react.default.createElement(_reactNativeSvg.Path, {
+    d: "M25.2632225,10.5263468 C25.2632225,4.71281159 20.5503618,0 14.7369003,0 C8.92336505,0 4.21055346,4.71281159 4.21055346,10.5263468 L4.21055346,18.9475274",
+    id: "Path"
+  }))));
+};
 const PausedIcon = ({
   color,
   size
@@ -3475,6 +3511,7 @@ var _default = exports.default = {
   TVIcon,
   PlusCircleIcon,
   PausedIcon,
+  LockOpenIcon,
   TwitterXIcon,
   RefreshIcon,
   ChangeIcon,