@neko-os/ui 0.5.4 → 0.6.1

package/dist/components/inputs/dateWheelPicker/MonthWheelPicker.js

@@ -0,0 +1,19 @@
+var _excluded = ["value"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/dateWheelPicker/MonthWheelPicker.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { View } from "../../structure";
+import { DayWheelPicker } from "./DayWheelPicker";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DatePickerDate;
+try {
+  DatePickerDate = require('@quidone/react-native-wheel-picker').DatePicker.Date;
+} catch (_unused) {
+  DatePickerDate = null;
+}
+
+var renderHiddenDate = function renderHiddenDate() {return (
+    _jsx(View, { width: 0, hiddenOverflow: true, pointerEvents: "none", children:
+      DatePickerDate ? _jsx(DatePickerDate, {}) : null }
+    ));};
+
+
+export function MonthWheelPicker(_ref) {var _value$startOf;var value = _ref.value,props = _objectWithoutProperties(_ref, _excluded);
+  return _jsx(DayWheelPicker, Object.assign({}, props, { value: (_value$startOf = value == null ? void 0 : value.startOf == null ? void 0 : value.startOf('month')) != null ? _value$startOf : value, renderDate: renderHiddenDate }));
+}

package/dist/components/inputs/dateWheelPicker/QuarterWheelPicker.js

@@ -0,0 +1,61 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/dateWheelPicker/QuarterWheelPicker.js";import { useMemo } from 'react';
+import dayjs from 'dayjs';
+
+import { ClearLink } from "../../actions/ClearLink";
+import { View } from "../../structure";
+import { WheelPicker } from "../WheelPicker";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+var QUARTERS = [
+{ value: 1, label: 'Q1' },
+{ value: 2, label: 'Q2' },
+{ value: 3, label: 'Q3' },
+{ value: 4, label: 'Q4' }];
+
+
+function getYearOptions(min, max) {
+  var minYear = min ? dayjs(min).year() : dayjs().year() - 100;
+  var maxYear = max ? dayjs(max).year() : dayjs().year() + 100;
+  var options = [];
+  for (var y = minYear; y <= maxYear; y++) options.push({ value: y, label: String(y) });
+  return options;
+}
+
+export function QuarterWheelPicker(_ref) {var value = _ref.value,onChange = _ref.onChange,min = _ref.min,max = _ref.max,allowClear = _ref.allowClear;
+  var current = value ? dayjs(value) : dayjs();
+  var quarter = Math.floor(current.month() / 3) + 1;
+  var year = current.year();
+
+  var yearOptions = useMemo(function () {return getYearOptions(min, max);}, [min, max]);
+
+  var handleQuarterChange = function handleQuarterChange(q) {
+    onChange == null ? void 0 : onChange(
+      dayjs().
+      year(year).
+      month((q - 1) * 3).
+      startOf('month')
+    );
+  };
+
+  var handleYearChange = function handleYearChange(y) {
+    onChange == null ? void 0 : onChange(
+      dayjs().
+      year(y).
+      month((quarter - 1) * 3).
+      startOf('month')
+    );
+  };
+
+  return (
+    _jsxs(View, { children: [
+      _jsxs(View, { row: true, children: [
+        _jsx(View, { flex: true, children:
+          _jsx(WheelPicker, { options: QUARTERS, value: quarter, onChange: handleQuarterChange }) }
+        ),
+        _jsx(View, { flex: true, children:
+          _jsx(WheelPicker, { options: yearOptions, value: year, onChange: handleYearChange }) }
+        )] }
+      ),
+      _jsx(ClearLink, { hide: !allowClear, value: value, onChange: onChange })] }
+    ));
+
+}

package/dist/components/inputs/dateWheelPicker/WeekWheelPicker.js

@@ -0,0 +1,66 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/dateWheelPicker/WeekWheelPicker.js";import { useMemo } from 'react';
+import dayjs from 'dayjs';
+import weekOfYear from 'dayjs/esm/plugin/weekOfYear';
+
+import { ClearLink } from "../../actions/ClearLink";
+import { View } from "../../structure";
+import { WheelPicker } from "../WheelPicker";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+
+dayjs.extend(weekOfYear);
+
+function getWeekOptions(year) {
+  var options = [];
+  var d = dayjs().year(year).startOf('year').startOf('week');
+
+  while (d.year() <= year) {
+    var weekStart = d;
+    var weekEnd = d.endOf('week');
+    var label = `W${d.week()}  ${weekStart.format('MMM D')} - ${weekEnd.format('MMM D')}`;
+    options.push({ value: d.week(), label: label, date: weekStart });
+    d = d.add(1, 'week');
+  }
+
+  return options;
+}
+
+function getYearOptions(min, max) {
+  var minYear = min ? dayjs(min).year() : dayjs().year() - 100;
+  var maxYear = max ? dayjs(max).year() : dayjs().year() + 100;
+  var options = [];
+  for (var y = minYear; y <= maxYear; y++) options.push({ value: y, label: String(y) });
+  return options;
+}
+
+export function WeekWheelPicker(_ref) {var value = _ref.value,onChange = _ref.onChange,min = _ref.min,max = _ref.max,allowClear = _ref.allowClear;
+  var current = value ? dayjs(value) : dayjs();
+  var week = current.week();
+  var year = current.year();
+
+  var weekOptions = useMemo(function () {return getWeekOptions(year);}, [year]);
+  var yearOptions = useMemo(function () {return getYearOptions(min, max);}, [min, max]);
+
+  var handleWeekChange = function handleWeekChange(w) {
+    var opt = weekOptions.find(function (o) {return o.value === w;});
+    if (opt) onChange == null ? void 0 : onChange(opt.date.startOf('week'));
+  };
+
+  var handleYearChange = function handleYearChange(y) {
+    var newWeeks = getWeekOptions(y);
+    var closest = newWeeks.find(function (o) {return o.value === week;}) || newWeeks[0];
+    onChange == null ? void 0 : onChange(closest.date.startOf('week'));
+  };
+
+  return (
+    _jsxs(View, { children: [
+      _jsxs(View, { row: true, children: [
+        _jsx(View, { flex: true, children:
+          _jsx(WheelPicker, { options: weekOptions, value: week, onChange: handleWeekChange }) }
+        ),
+        _jsx(View, { width: 120, children:
+          _jsx(WheelPicker, { options: yearOptions, value: year, onChange: handleYearChange }) }
+        )] }
+      ),
+      _jsx(ClearLink, { hide: !allowClear, value: value, onChange: onChange })] }
+    ));
+
+}

package/dist/components/inputs/dateWheelPicker/YearWheelPicker.js

@@ -0,0 +1,35 @@
+var _excluded = ["value"];var _this = this,_jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/dateWheelPicker/YearWheelPicker.js";function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { View } from "../../structure";
+import { DayWheelPicker } from "./DayWheelPicker";import { jsx as _jsx } from "react/jsx-runtime";
+
+var DatePickerDate, DatePickerMonth;
+try {
+  var dp = require('@quidone/react-native-wheel-picker').DatePicker;
+  DatePickerDate = dp.Date;
+  DatePickerMonth = dp.Month;
+} catch (_unused) {
+  DatePickerDate = null;
+  DatePickerMonth = null;
+}
+
+var renderHiddenDate = function renderHiddenDate() {return (
+    _jsx(View, { width: 0, hiddenOverflow: true, pointerEvents: "none", children:
+      DatePickerDate ? _jsx(DatePickerDate, {}) : null }
+    ));};
+
+
+var renderHiddenMonth = function renderHiddenMonth() {return (
+    _jsx(View, { width: 0, hiddenOverflow: true, pointerEvents: "none", children:
+      DatePickerMonth ? _jsx(DatePickerMonth, {}) : null }
+    ));};
+
+
+export function YearWheelPicker(_ref) {var _value$startOf;var value = _ref.value,props = _objectWithoutProperties(_ref, _excluded);
+  return (
+    _jsx(DayWheelPicker, Object.assign({},
+    props, {
+      value: (_value$startOf = value == null ? void 0 : value.startOf == null ? void 0 : value.startOf('year')) != null ? _value$startOf : value,
+      renderDate: renderHiddenDate,
+      renderMonth: renderHiddenMonth })
+    ));
+
+}

package/dist/components/inputs/index.js

@@ -20,4 +20,8 @@ export * from "./RateInput";
 export * from "./SegmentedPicker";
 export * from "./Editable";
 export * from "./upload/Upload";
-export * from "./UploadInput";
+export * from "./UploadInput";
+export * from "./WheelPicker";
+export * from "./dateWheelPicker/DateWheelPicker";
+export * from "./NumberWheelInput";
+export * from "./NumberWheelPicker";

package/dist/components/inputs/upload/Upload.native.js

@@ -1,21 +1,19 @@
-var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/upload/Upload.native.js";var _excluded = ["children", "onChange", "onUpload", "value", "accept", "multiple", "maxCount", "disabled"];function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React, { useState, useCallback } from 'react';
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/upload/Upload.native.js";var _excluded = ["children", "onChange", "onUpload", "value", "accept", "multiple", "maxCount", "disabled", "persistTo", "saveToLibrary", "compress"];function asyncGeneratorStep(n, t, e, r, o, a, c) {try {var i = n[a](c),u = i.value;} catch (n) {return void e(n);}i.done ? t(u) : Promise.resolve(u).then(r, o);}function _asyncToGenerator(n) {return function () {var t = this,e = arguments;return new Promise(function (r, o) {var a = n.apply(t, e);function _next(n) {asyncGeneratorStep(a, r, o, _next, _throw, "next", n);}function _throw(n) {asyncGeneratorStep(a, r, o, _next, _throw, "throw", n);}_next(void 0);});};}function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React, { useState, useCallback } from 'react';
 
 import { BottomDrawer } from "../../modals/bottomDrawer";
 import { Icon } from "../../presentation/Icon";
 import { Link } from "../../actions/Link";
 import { Text } from "../../text/Text";
 import { View } from "../../structure/View";
+import { compressAssets } from "../../../helpers/compress";
+import { persistFile } from "../../../helpers/files";
+import { pickFromCamera, pickFromLibrary } from "../../../helpers/pickAssets";
 import { useUploadState } from "./useUploadState";import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 
-var ImagePicker;
-try {
-  ImagePicker = require('expo-image-picker');
-} catch (_unused) {}
-
 var DocumentPicker;
 try {
   DocumentPicker = require('expo-document-picker');
-} catch (_unused2) {}
+} catch (_unused) {}
 
 function acceptsImages(accept) {
   if (!accept) return true;
@@ -28,17 +26,6 @@ function needsFilePicker(accept) {
   return parts.some(function (p) {return !p.startsWith('image/');});
 }
 
-function normalizeImageResult(asset) {
-  return {
-    uri: asset.uri,
-    name: asset.fileName || asset.uri.split('/').pop(),
-    type: asset.mimeType || asset.type || 'image/jpeg',
-    size: asset.fileSize || asset.filesize,
-    width: asset.width,
-    height: asset.height
-  };
-}
-
 function normalizeDocumentResult(doc) {
   return {
     uri: doc.uri,
@@ -56,53 +43,74 @@ function getMediaTypes(accept) {
   return undefined;
 }
 
-export function Upload(_ref) {var children = _ref.children,onChange = _ref.onChange,onUpload = _ref.onUpload,valueProp = _ref.value,accept = _ref.accept,_ref$multiple = _ref.multiple,multiple = _ref$multiple === void 0 ? false : _ref$multiple,maxCount = _ref.maxCount,_ref$disabled = _ref.disabled,disabled = _ref$disabled === void 0 ? false : _ref$disabled,props = _objectWithoutProperties(_ref, _excluded);
+export function Upload(_ref) {var children = _ref.children,onChange = _ref.onChange,onUpload = _ref.onUpload,valueProp = _ref.value,accept = _ref.accept,_ref$multiple = _ref.multiple,multiple = _ref$multiple === void 0 ? false : _ref$multiple,maxCount = _ref.maxCount,_ref$disabled = _ref.disabled,disabled = _ref$disabled === void 0 ? false : _ref$disabled,persistTo = _ref.persistTo,saveToLibrary = _ref.saveToLibrary,_ref$compress = _ref.compress,compress = _ref$compress === void 0 ? true : _ref$compress,props = _objectWithoutProperties(_ref, _excluded);
   var _useUploadState = useUploadState({ onUpload: onUpload, onChange: onChange, multiple: multiple, maxCount: maxCount, value: valueProp }),value = _useUploadState.value,addFiles = _useUploadState.addFiles,remove = _useUploadState.remove;
   var _useState = useState(false),_useState2 = _slicedToArray(_useState, 2),open = _useState2[0],setOpen = _useState2[1];
 
+  var commitFiles = useCallback(function () {var _ref2 = _asyncToGenerator(
+      function* (assets) {
+        var compressOpts = typeof compress === 'object' ? compress : {};
+        var processed = compress !== false ? yield compressAssets(assets, compressOpts) : assets;
+        if (persistTo && !onUpload) {
+          addFiles(processed.map(function (a) {return Object.assign({}, a, { uri: persistFile(a.uri, persistTo, { name: a.name }) });}));
+        } else {
+          addFiles(processed);
+        }
+      });return function (_x) {return _ref2.apply(this, arguments);};}(),
+  [compress, persistTo, onUpload, addFiles]
+  );
+
   var handlePress = useCallback(function () {
     if (disabled) return;
     setOpen(true);
   }, [disabled]);
 
+
+
+
+
+
   var handleCamera = useCallback(_asyncToGenerator(function* () {
-    setOpen(false);
-    if (!ImagePicker) return;
-    var permission = yield ImagePicker.requestCameraPermissionsAsync();
-    if (!permission.granted) return;
-    var result = yield ImagePicker.launchCameraAsync({
-      allowsMultipleSelection: multiple,
-      selectionLimit: maxCount || 0,
-      mediaTypes: getMediaTypes(accept)
-    });
-    if (result.canceled) return;
-    addFiles(result.assets.map(normalizeImageResult));
-  }), [multiple, maxCount, accept, addFiles]);
+    try {
+      var result = yield pickFromCamera({
+        multiple: multiple, maxCount: maxCount, compress: compress, saveToLibrary: saveToLibrary,
+        mediaTypes: getMediaTypes(accept),
+        persistTo: !onUpload ? persistTo : undefined
+      });
+      if (multiple ? !result.length : !result) return;
+      addFiles(multiple ? result : [result]);
+    } finally {
+      setOpen(false);
+    }
+  }), [multiple, maxCount, accept, compress, saveToLibrary, onUpload, persistTo, addFiles]);
 
   var handleLibrary = useCallback(_asyncToGenerator(function* () {
-    setOpen(false);
-    if (!ImagePicker) return;
-    var permission = yield ImagePicker.requestMediaLibraryPermissionsAsync();
-    if (!permission.granted) return;
-    var result = yield ImagePicker.launchImageLibraryAsync({
-      allowsMultipleSelection: multiple,
-      selectionLimit: maxCount || 0,
-      mediaTypes: getMediaTypes(accept)
-    });
-    if (result.canceled) return;
-    addFiles(result.assets.map(normalizeImageResult));
-  }), [multiple, maxCount, accept, addFiles]);
+    try {
+      var result = yield pickFromLibrary({
+        multiple: multiple, maxCount: maxCount, compress: compress,
+        mediaTypes: getMediaTypes(accept),
+        persistTo: !onUpload ? persistTo : undefined
+      });
+      if (multiple ? !result.length : !result) return;
+      addFiles(multiple ? result : [result]);
+    } finally {
+      setOpen(false);
+    }
+  }), [multiple, maxCount, accept, compress, onUpload, persistTo, addFiles]);
 
   var handleFiles = useCallback(_asyncToGenerator(function* () {
-    setOpen(false);
-    if (!DocumentPicker) return;
-    var result = yield DocumentPicker.getDocumentAsync({
-      multiple: multiple,
-      type: accept || '*/*'
-    });
-    if (result.canceled) return;
-    addFiles(result.assets.map(normalizeDocumentResult));
-  }), [multiple, accept, addFiles]);
+    if (!DocumentPicker) return setOpen(false);
+    try {
+      var result = yield DocumentPicker.getDocumentAsync({
+        multiple: multiple,
+        type: accept || '*/*'
+      });
+      if (result.canceled) return;
+      commitFiles(result.assets.map(normalizeDocumentResult));
+    } finally {
+      setOpen(false);
+    }
+  }), [multiple, accept, commitFiles]);
 
   var showCamera = acceptsImages(accept);
   var showLibrary = acceptsImages(accept);

package/dist/components/inputs/upload/useUploadState.js

@@ -5,6 +5,13 @@ function toArray(val) {
   return Array.isArray(val) ? val : [val];
 }
 
+
+
+
+function keyOf(file) {var _file$_id;
+  return (_file$_id = file == null ? void 0 : file._id) != null ? _file$_id : file == null ? void 0 : file.id;
+}
+
 export function useUploadState(_ref) {var onUpload = _ref.onUpload,onChange = _ref.onChange,multiple = _ref.multiple,maxCount = _ref.maxCount,valueProp = _ref.value;
   var _useState = useState([]),_useState2 = _slicedToArray(_useState, 2),inFlight = _useState2[0],setInFlight = _useState2[1];
   var _useState3 = useState(null),_useState4 = _slicedToArray(_useState3, 2),committed = _useState4[0],setCommitted = _useState4[1];
@@ -125,12 +132,13 @@ export function useUploadState(_ref) {var onUpload = _ref.onUpload,onChange = _r
   var remove = useCallback(
     function (file) {
       if (!file) return;
+      var key = keyOf(file);
 
-      setInFlight(function (prev) {return prev.filter(function (f) {return f._id !== file._id;});});
+      setInFlight(function (prev) {return prev.filter(function (f) {return keyOf(f) !== key;});});
 
       var ext = externalArrayRef.current;
-      if (ext.some(function (f) {return f._id === file._id;})) {
-        var next = ext.filter(function (f) {return f._id !== file._id;});
+      if (ext.some(function (f) {return keyOf(f) === key;})) {
+        var next = ext.filter(function (f) {return keyOf(f) !== key;});
         var val = multiple ? next : next[0] || null;
         if (!isControlled) setCommitted(val);
         onChangeRef.current == null ? void 0 : onChangeRef.current(val);

package/dist/components/measurements/FeetInchesInput.js

@@ -0,0 +1,91 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/measurements/FeetInchesInput.js";var _excluded = ["value", "onChange", "label"],_excluded2 = ["value", "onChange", "label"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import React from 'react';
+
+import { BottomDrawer } from "../modals/bottomDrawer";
+import { LinkInput } from "../inputs/LinkInput";
+import { NumberInput } from "../inputs";
+import { View } from "../structure";
+import { WheelPicker } from "../inputs/WheelPicker";
+import { useResponsiveValue } from "../../responsive";import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+
+var USE_BOTTOM_DRAWER = { native: true, sm: true, md: true };
+
+function formatFeetInches(value) {
+  var _ref = value || {},_ref$feet = _ref.feet,feet = _ref$feet === void 0 ? 0 : _ref$feet,_ref$inches = _ref.inches,inches = _ref$inches === void 0 ? 0 : _ref$inches;
+  if (!value || !feet && !inches) return '';
+  return `${feet}'${inches}"`;
+}
+
+function FeetInchesInline(_ref2) {var value = _ref2.value,_onChange = _ref2.onChange,label = _ref2.label,props = _objectWithoutProperties(_ref2, _excluded);
+  var _ref3 = value || {},feet = _ref3.feet,inches = _ref3.inches;
+
+  return (
+    _jsxs(View, { row: true, gap: "sm", toBottom: true, children: [
+      _jsx(NumberInput, Object.assign({
+        value: feet,
+        onChange: function onChange(newFeet) {return _onChange({ feet: newFeet, inches: inches });},
+        min: 0,
+        precision: 0,
+        flex: true,
+        label: label },
+      props, {
+        suffix: "ft" })
+      ),
+      _jsx(NumberInput, Object.assign({
+        value: inches,
+        onChange: function onChange(newInches) {return _onChange({ feet: feet, inches: newInches });},
+        min: 0,
+        max: 11,
+        precision: 0,
+        flex: true },
+      props, {
+        suffix: "in" })
+      )] }
+    ));
+
+}
+
+var FEET_OPTIONS = Array.from({ length: 9 }, function (_, i) {return { label: i, value: i };});
+var INCH_OPTIONS = Array.from({ length: 12 }, function (_, i) {return { label: i, value: i };});
+
+function FeetInchesDrawer(_ref4) {var value = _ref4.value,_onChange2 = _ref4.onChange,label = _ref4.label,props = _objectWithoutProperties(_ref4, _excluded2);
+  var _React$useState = React.useState(false),_React$useState2 = _slicedToArray(_React$useState, 2),open = _React$useState2[0],setOpen = _React$useState2[1];
+  var _ref5 = value || {},_ref5$feet = _ref5.feet,feet = _ref5$feet === void 0 ? 0 : _ref5$feet,_ref5$inches = _ref5.inches,inches = _ref5$inches === void 0 ? 0 : _ref5$inches;
+
+  return (
+    _jsxs(_Fragment, { children: [
+      _jsx(LinkInput, Object.assign({
+        value: formatFeetInches(value),
+        placeholder: label || props.placeholder,
+        onPress: function onPress() {return setOpen(true);} },
+      props)
+      ),
+      _jsx(BottomDrawer, { open: open, onClose: function onClose() {return setOpen(false);}, snapPoints: [350], children:
+        _jsxs(View, { row: true, gap: "sm", center: true, flex: true, padding: "md", children: [
+          _jsx(View, { flex: true, children:
+            _jsx(WheelPicker, {
+              options: FEET_OPTIONS,
+              value: feet,
+              suffix: "ft",
+              onChange: function onChange(f) {return _onChange2({ feet: f, inches: inches });} }
+            ) }
+          ),
+          _jsx(View, { flex: true, children:
+            _jsx(WheelPicker, {
+              options: INCH_OPTIONS,
+              value: inches,
+              suffix: "in",
+              onChange: function onChange(i) {return _onChange2({ feet: feet, inches: i });} }
+            ) }
+          )] }
+        ) }
+      )] }
+    ));
+
+}
+
+export function FeetInchesInput(props) {
+  var shouldUseDrawer = useResponsiveValue(USE_BOTTOM_DRAWER);
+
+  if (shouldUseDrawer) return _jsx(FeetInchesDrawer, Object.assign({}, props));
+  return _jsx(FeetInchesInline, Object.assign({}, props));
+}

package/dist/components/measurements/LengthInput.js

@@ -0,0 +1,32 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/measurements/LengthInput.js";var _excluded = ["value", "onChange", "measurementSystem", "metricPrecision", "imperialPrecision"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { NumberInput } from "../inputs";
+import { fixedDecimals } from "../../helpers/numbers";
+import { LENGTH_CONVERTERS, LENGTH_IMPERIAL_DEFAULTS } from "./helpers/length";
+import { useIsImperial } from "./MeasurementHandler";
+import { useLocalInputValue } from "./useLocalInputValue";
+import { FeetInchesInput } from "./FeetInchesInput";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function LengthInput(_ref)
+
+
+
+
+
+
+{var _LENGTH_CONVERTERS$me;var value = _ref.value,onChange = _ref.onChange,measurementSystem = _ref.measurementSystem,_ref$metricPrecision = _ref.metricPrecision,metricPrecision = _ref$metricPrecision === void 0 ? 'cm' : _ref$metricPrecision,imperialPrecision = _ref.imperialPrecision,props = _objectWithoutProperties(_ref, _excluded);
+  var isImperial = useIsImperial(measurementSystem);
+  var impPrec = imperialPrecision || LENGTH_IMPERIAL_DEFAULTS[metricPrecision] || 'ft+in';
+  var converter = isImperial ? (_LENGTH_CONVERTERS$me = LENGTH_CONVERTERS[metricPrecision]) == null ? void 0 : _LENGTH_CONVERTERS$me[impPrec] : null;
+  var isFtIn = isImperial && impPrec === 'ft+in' && !!converter;
+
+  var Input = isFtIn ? FeetInchesInput : NumberInput;
+  var suffix = isFtIn ? false : converter ? impPrec : metricPrecision;
+
+  var formattedValue;
+  if (isFtIn) formattedValue = converter.to(value);else
+  if (converter) formattedValue = fixedDecimals(converter.to(value));else
+  formattedValue = fixedDecimals(value);
+
+  var _useLocalInputValue = useLocalInputValue({ value: value, formattedValue: formattedValue, suffix: suffix, onChange: onChange, converter: converter }),_useLocalInputValue2 = _slicedToArray(_useLocalInputValue, 2),localValue = _useLocalInputValue2[0],handleChange = _useLocalInputValue2[1];
+
+  return _jsx(Input, Object.assign({}, props, { value: localValue, onChange: handleChange, suffix: suffix }));
+}

package/dist/components/measurements/LengthText.js

@@ -0,0 +1,10 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/measurements/LengthText.js";var _excluded = ["value", "measurementSystem", "metricPrecision", "imperialPrecision", "withoutSuffix"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { Text } from "../text";
+import { useLengthFormatter } from "./useLengthFormatter";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function LengthText(_ref) {var value = _ref.value,measurementSystem = _ref.measurementSystem,metricPrecision = _ref.metricPrecision,imperialPrecision = _ref.imperialPrecision,withoutSuffix = _ref.withoutSuffix,props = _objectWithoutProperties(_ref, _excluded);
+  var format = useLengthFormatter({ measurementSystem: measurementSystem, metricPrecision: metricPrecision, imperialPrecision: imperialPrecision, withoutSuffix: withoutSuffix });
+
+  if (!value && value !== 0) return false;
+
+  return _jsx(Text, Object.assign({}, props, { children: format(value) }));
+}

package/dist/components/measurements/MeasurementHandler.js

@@ -0,0 +1,26 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/measurements/MeasurementHandler.js";import React from 'react';
+
+import { detectMeasurementSystem } from "./helpers/detectMeasurementSystem";import { jsx as _jsx } from "react/jsx-runtime";
+
+var MeasurementContext = React.createContext(null);
+
+export function MeasurementHandler(_ref) {var children = _ref.children,measurementSystem = _ref.measurementSystem;
+  var value = React.useMemo(function () {return { measurementSystem: measurementSystem };}, [measurementSystem]);
+
+  return _jsx(MeasurementContext.Provider, { value: value, children: children });
+}
+
+export function useMeasurementSystem(override) {
+  var ctx = React.useContext(MeasurementContext);
+
+  return React.useMemo(function () {
+    if (override) return override;
+    if (ctx != null && ctx.measurementSystem) return ctx.measurementSystem;
+    return detectMeasurementSystem();
+  }, [override, ctx == null ? void 0 : ctx.measurementSystem]);
+}
+
+export function useIsImperial(override) {
+  var system = useMeasurementSystem(override);
+  return system === 'imperial';
+}

package/dist/components/measurements/WeightInput.js

@@ -0,0 +1,25 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/measurements/WeightInput.js";var _excluded = ["value", "onChange", "measurementSystem", "metricPrecision", "imperialPrecision"];function _slicedToArray(r, e) {return _arrayWithHoles(r) || _iterableToArrayLimit(r, e) || _unsupportedIterableToArray(r, e) || _nonIterableRest();}function _nonIterableRest() {throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");}function _unsupportedIterableToArray(r, a) {if (r) {if ("string" == typeof r) return _arrayLikeToArray(r, a);var t = {}.toString.call(r).slice(8, -1);return "Object" === t && r.constructor && (t = r.constructor.name), "Map" === t || "Set" === t ? Array.from(r) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? _arrayLikeToArray(r, a) : void 0;}}function _arrayLikeToArray(r, a) {(null == a || a > r.length) && (a = r.length);for (var e = 0, n = Array(a); e < a; e++) n[e] = r[e];return n;}function _iterableToArrayLimit(r, l) {var t = null == r ? null : "undefined" != typeof Symbol && r[Symbol.iterator] || r["@@iterator"];if (null != t) {var e,n,i,u,a = [],f = !0,o = !1;try {if (i = (t = t.call(r)).next, 0 === l) {if (Object(t) !== t) return;f = !1;} else for (; !(f = (e = i.call(t)).done) && (a.push(e.value), a.length !== l); f = !0);} catch (r) {o = !0, n = r;} finally {try {if (!f && null != t.return && (u = t.return(), Object(u) !== u)) return;} finally {if (o) throw n;}}return a;}}function _arrayWithHoles(r) {if (Array.isArray(r)) return r;}function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { NumberInput } from "../inputs";
+import { fixedDecimals } from "../../helpers/numbers";
+import { WEIGHT_CONVERTERS, WEIGHT_IMPERIAL_DEFAULTS } from "./helpers/weight";
+import { useIsImperial } from "./MeasurementHandler";
+import { useLocalInputValue } from "./useLocalInputValue";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function WeightInput(_ref)
+
+
+
+
+
+
+{var _WEIGHT_CONVERTERS$me;var value = _ref.value,onChange = _ref.onChange,measurementSystem = _ref.measurementSystem,_ref$metricPrecision = _ref.metricPrecision,metricPrecision = _ref$metricPrecision === void 0 ? 'kg' : _ref$metricPrecision,imperialPrecision = _ref.imperialPrecision,props = _objectWithoutProperties(_ref, _excluded);
+  var isImperial = useIsImperial(measurementSystem);
+  var impPrec = imperialPrecision || WEIGHT_IMPERIAL_DEFAULTS[metricPrecision] || 'lbs';
+  var converter = isImperial ? (_WEIGHT_CONVERTERS$me = WEIGHT_CONVERTERS[metricPrecision]) == null ? void 0 : _WEIGHT_CONVERTERS$me[impPrec] : null;
+
+  var suffix = converter ? impPrec : metricPrecision;
+  var formattedValue = converter ? fixedDecimals(converter.to(value)) : fixedDecimals(value);
+
+  var _useLocalInputValue = useLocalInputValue({ value: value, formattedValue: formattedValue, suffix: suffix, onChange: onChange, converter: converter }),_useLocalInputValue2 = _slicedToArray(_useLocalInputValue, 2),localValue = _useLocalInputValue2[0],handleChange = _useLocalInputValue2[1];
+
+  return _jsx(NumberInput, Object.assign({}, props, { value: localValue, onChange: handleChange, suffix: suffix }));
+}

package/dist/components/measurements/WeightText.js

@@ -0,0 +1,10 @@
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/measurements/WeightText.js";var _excluded = ["value", "measurementSystem", "metricPrecision", "imperialPrecision", "withoutSuffix"];function _objectWithoutProperties(e, t) {if (null == e) return {};var o,r,i = _objectWithoutPropertiesLoose(e, t);if (Object.getOwnPropertySymbols) {var n = Object.getOwnPropertySymbols(e);for (r = 0; r < n.length; r++) o = n[r], -1 === t.indexOf(o) && {}.propertyIsEnumerable.call(e, o) && (i[o] = e[o]);}return i;}function _objectWithoutPropertiesLoose(r, e) {if (null == r) return {};var t = {};for (var n in r) if ({}.hasOwnProperty.call(r, n)) {if (-1 !== e.indexOf(n)) continue;t[n] = r[n];}return t;}import { Text } from "../text";
+import { useWeightFormatter } from "./useWeightFormatter";import { jsx as _jsx } from "react/jsx-runtime";
+
+export function WeightText(_ref) {var value = _ref.value,measurementSystem = _ref.measurementSystem,metricPrecision = _ref.metricPrecision,imperialPrecision = _ref.imperialPrecision,withoutSuffix = _ref.withoutSuffix,props = _objectWithoutProperties(_ref, _excluded);
+  var format = useWeightFormatter({ measurementSystem: measurementSystem, metricPrecision: metricPrecision, imperialPrecision: imperialPrecision, withoutSuffix: withoutSuffix });
+
+  if (!value && value !== 0) return false;
+
+  return _jsx(Text, Object.assign({}, props, { children: format(value) }));
+}

package/dist/components/measurements/helpers/detectMeasurementSystem.js

@@ -0,0 +1,15 @@
+export function detectMeasurementSystem() {
+  try {var _locale$textInfo, _locale$measurementSy;
+    var locale = new Intl.Locale(navigator.language);
+    var info = (_locale$textInfo = locale.textInfo) != null ? _locale$textInfo : locale.getTextInfo == null ? void 0 : locale.getTextInfo();
+    var ms = (_locale$measurementSy = locale.measurementSystem) != null ? _locale$measurementSy : info == null ? void 0 : info.measurementSystem;
+    if (ms) return ['us', 'imperial'].includes(ms) ? 'imperial' : 'metric';
+
+
+    var lang = navigator.language || '';
+    if (lang.startsWith('en-US') || lang.startsWith('my-MM') || lang.startsWith('en-LR')) {
+      return 'imperial';
+    }
+  } catch (_unused) {}
+  return 'metric';
+}

package/dist/components/measurements/helpers/detectMeasurementSystem.native.js

@@ -0,0 +1,9 @@
+export function detectMeasurementSystem() {
+  try {var _locales$;
+    var Localization = require('expo-localization');
+    var locales = Localization.getLocales();
+    var ms = locales == null ? void 0 : (_locales$ = locales[0]) == null ? void 0 : _locales$.measurementSystem;
+    if (ms) return ['us', 'imperial'].includes(ms) ? 'imperial' : 'metric';
+  } catch (_unused) {}
+  return 'metric';
+}

package/dist/components/measurements/helpers/index.js

@@ -0,0 +1,2 @@
+export * from "./length";
+export * from "./weight";