@neko-os/ui 0.6.1 → 0.6.3

package/dist/components/actions/menu/HorizontalMenu.js

@@ -1,4 +1,4 @@
-var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/menu/HorizontalMenu.js";var _excluded = ["item", "linkPaddingH", "handlePress", "linkProps", "activeIndex", "activeKey", "activeColor", "color", "sizeCode", "index"],_excluded2 = ["active", "key", "disabled"],_excluded3 = ["gap", "height", "items", "onChange", "onChangeIndex", "activeIndex"];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 { omit, pipe } from 'ramda';
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/actions/menu/HorizontalMenu.js";var _excluded = ["item", "linkPaddingH", "handlePress", "linkProps", "activeIndex", "activeKey", "activeColor", "color", "height", "sizeCode", "index"],_excluded2 = ["active", "key", "disabled"],_excluded3 = ["gap", "height", "items", "onChange", "onChangeIndex", "activeIndex"];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;}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;}import { omit, pipe } from 'ramda';
 import React from 'react';
 
 import { IconText } from "../../presentation/IconLabel";
@@ -6,11 +6,19 @@ import { Link } from "../Link";
 import { SubmenuWrapper } from "./SubmenuWrapper";
 import { View } from "../../structure/View";
 import { useColorConverter } from "../../../modifiers/colorConverter";
+import { useDefaultModifier } from "../../../modifiers/default";
 import { useSizeConverter } from "../../../modifiers/sizeConverter";
 import { useThemeComponentModifier } from "../../../modifiers/themeComponent";import { jsx as _jsx } from "react/jsx-runtime";
 
-function Item(_ref)
+var DEFAULT_PROPS = function DEFAULT_PROPS(_ref) {var _ref2 = _slicedToArray(_ref, 1),sizeCode = _ref2[0].sizeCode;return {
+    gap: 'sm',
+    height: sizeCode,
+    size: sizeCode,
+    linkPaddingH: 'md',
+    activeColor: 'primary'
+  };};
 
+function Item(_ref3)
 
 
 
@@ -21,7 +29,9 @@ function Item(_ref)
 
 
 
-{var item = _ref.item,_ref$linkPaddingH = _ref.linkPaddingH,linkPaddingH = _ref$linkPaddingH === void 0 ? 'md' : _ref$linkPaddingH,handlePress = _ref.handlePress,linkProps = _ref.linkProps,activeIndex = _ref.activeIndex,activeKey = _ref.activeKey,_ref$activeColor = _ref.activeColor,activeColor = _ref$activeColor === void 0 ? 'primary' : _ref$activeColor,color = _ref.color,sizeCode = _ref.sizeCode,index = _ref.index,props = _objectWithoutProperties(_ref, _excluded);
+
+
+{var item = _ref3.item,_ref3$linkPaddingH = _ref3.linkPaddingH,linkPaddingH = _ref3$linkPaddingH === void 0 ? 'md' : _ref3$linkPaddingH,handlePress = _ref3.handlePress,linkProps = _ref3.linkProps,activeIndex = _ref3.activeIndex,activeKey = _ref3.activeKey,_ref3$activeColor = _ref3.activeColor,activeColor = _ref3$activeColor === void 0 ? 'primary' : _ref3$activeColor,color = _ref3.color,height = _ref3.height,sizeCode = _ref3.sizeCode,index = _ref3.index,props = _objectWithoutProperties(_ref3, _excluded);
   activeColor = activeColor || 'primary';
   var _omit = omit(['onClick', 'onPress'], item),active = _omit.active,key = _omit.key,disabled = _omit.disabled,childProps = _objectWithoutProperties(_omit, _excluded2);
   if (!active && activeIndex >= 0) active = activeIndex === index;
@@ -34,25 +44,26 @@ function Item(_ref)
       activeKey: activeKey,
       color: color,
       placement: "bottomRight",
-      hideIcon: true, children:
+      hideIcon: true,
+      height: height, children:
 
       _jsx(Link, Object.assign({
 
-        fullH: true,
         center: true,
         paddingH: linkPaddingH,
-        disabled: disabled },
+        disabled: disabled,
+        height: height },
       linkProps, {
         onPress: function onPress() {return handlePress(item, index);}, children:
 
         _jsx(IconText, Object.assign({
           color: active ? activeColor : color,
-          fullH: true,
           marginT: 3,
           borderB: 3,
           borderColor: active ? activeColor : 'transparent',
           transition: "border-color 0.6s ease",
-          size: sizeCode },
+          size: sizeCode,
+          height: height },
         childProps)
         ) }), key || index
       ) }
@@ -63,11 +74,12 @@ function Item(_ref)
 export function HorizontalMenu(rootProps) {var _this = this;
   var _pipe = pipe(
       useColorConverter(),
-      useSizeConverter('icons', 'md'),
-      useThemeComponentModifier('HorizontalMenu')
+      useSizeConverter('elementHeights', 'md'),
+      useThemeComponentModifier('HorizontalMenu'),
+      useDefaultModifier(DEFAULT_PROPS)
     )([{}, rootProps]),_pipe2 = _slicedToArray(_pipe, 2),_pipe2$ = _pipe2[0],sizeCode = _pipe2$.sizeCode,color = _pipe2$.color,formattedProps = _pipe2[1];
 
-  var _formattedProps$gap = formattedProps.gap,gap = _formattedProps$gap === void 0 ? 'sm' : _formattedProps$gap,_formattedProps$heigh = formattedProps.height,height = _formattedProps$heigh === void 0 ? 50 : _formattedProps$heigh,items = formattedProps.items,onChange = formattedProps.onChange,onChangeIndex = formattedProps.onChangeIndex,activeIndex = formattedProps.activeIndex,props = _objectWithoutProperties(formattedProps, _excluded3);
+  var gap = formattedProps.gap,height = formattedProps.height,items = formattedProps.items,onChange = formattedProps.onChange,onChangeIndex = formattedProps.onChangeIndex,activeIndex = formattedProps.activeIndex,props = _objectWithoutProperties(formattedProps, _excluded3);
 
   var handlePress = React.useCallback(
     function (item, index) {
@@ -88,6 +100,7 @@ export function HorizontalMenu(rootProps) {var _this = this;
             handlePress: handlePress,
             color: color,
             sizeCode: sizeCode,
+            height: height,
             index: index,
             activeIndex: activeIndex },
           props), item.key || index

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

@@ -1,4 +1,4 @@
-var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/upload/Upload.js";var _excluded = ["children", "onChange", "onUpload", "value", "accept", "multiple", "maxCount", "disabled", "dnd"];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, { useRef, useState, useCallback } from 'react';
+var _jsxFileName = "/Users/christianstorch/Apps/nekoapps/libs/neko-ui/src/components/inputs/upload/Upload.js";var _excluded = ["children", "onChange", "onUpload", "value", "accept", "multiple", "maxCount", "disabled", "dnd", "onAddPress"];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, { useRef, useState, useCallback } from 'react';
 
 import { View } from "../../structure/View";
 import { useUploadState } from "./useUploadState";import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
@@ -13,16 +13,18 @@ function normalizeFile(file) {
   };
 }
 
-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,_ref$dnd = _ref.dnd,dnd = _ref$dnd === void 0 ? true : _ref$dnd,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,_ref$dnd = _ref.dnd,dnd = _ref$dnd === void 0 ? true : _ref$dnd,onAddPress = _ref.onAddPress,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 inputRef = useRef();
   var _useState = useState(false),_useState2 = _slicedToArray(_useState, 2),isDragging = _useState2[0],setIsDragging = _useState2[1];
   var dragCounter = useRef(0);
 
-  var handleClick = useCallback(function () {var _inputRef$current;
+  var handleClick = useCallback(function () {
     if (disabled) return;
-    (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.click();
-  }, [disabled]);
+    var open = function open() {var _inputRef$current;return (_inputRef$current = inputRef.current) == null ? void 0 : _inputRef$current.click();};
+    if (onAddPress) return onAddPress(open);
+    open();
+  }, [disabled, onAddPress]);
 
   var handleInputChange = useCallback(
     function (e) {

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

@@ -1,4 +1,4 @@
-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';
+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", "onAddPress", "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";
@@ -43,7 +43,7 @@ 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,persistTo = _ref.persistTo,saveToLibrary = _ref.saveToLibrary,_ref$compress = _ref.compress,compress = _ref$compress === void 0 ? true : _ref$compress,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,onAddPress = _ref.onAddPress,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];
 
@@ -62,8 +62,10 @@ export function Upload(_ref) {var children = _ref.children,onChange = _ref.onCha
 
   var handlePress = useCallback(function () {
     if (disabled) return;
-    setOpen(true);
-  }, [disabled]);
+    var open = function open() {return setOpen(true);};
+    if (onAddPress) return onAddPress(open);
+    open();
+  }, [disabled, onAddPress]);
 
 
 

package/dist/components/structure/popover/PopoverContent.js

@@ -8,9 +8,9 @@ export function PopoverContent(_ref) {var children = _ref.children,_ref$placemen
       br: "sm",
       className: "neko-popover-content",
       bg: "overlayBG",
-      border: true,
-      borderColor: "divider_op40" },
-    props, { children:
+      border: true },
+    props, {
+      borderColor: "divider", children:
 
       children })
     ));

package/dist/i18n/I18n.js

@@ -35,7 +35,6 @@ var _excluded = ["ns", "context", "default"];function _objectWithoutProperties(e
       }
       var langData = (_this$resources$this$2 = this.resources[this.language]) == null ? void 0 : _this$resources$this$2[ns];
       var value = this._resolveKey(langData, key, count, context);
-      if (context) console.log(context, value);
 
       if (!value) {var _this$resources$this$3, _ref, _this$_resolveKey;
         var fallbackData = (_this$resources$this$3 = this.resources[this.fallback]) == null ? void 0 : _this$resources$this$3[ns];

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@neko-os/ui",
-  "version": "0.6.1",
+  "version": "0.6.3",
   "author": "Christian Storch <ccstorch@gmail.com>",
   "main": "dist/index.js",
   "module": "dist/index.js",

package/src/components/actions/menu/HorizontalMenu.js

@@ -6,9 +6,18 @@ import { Link } from '../Link'
 import { SubmenuWrapper } from './SubmenuWrapper'
 import { View } from '../../structure/View'
 import { useColorConverter } from '../../../modifiers/colorConverter'
+import { useDefaultModifier } from '../../../modifiers/default'
 import { useSizeConverter } from '../../../modifiers/sizeConverter'
 import { useThemeComponentModifier } from '../../../modifiers/themeComponent'
 
+const DEFAULT_PROPS = ([{ sizeCode }]) => ({
+  gap: 'sm',
+  height: sizeCode,
+  size: sizeCode,
+  linkPaddingH: 'md',
+  activeColor: 'primary',
+})
+
 function Item({
   item,
   linkPaddingH = 'md',
@@ -18,6 +27,7 @@ function Item({
   activeKey,
   activeColor = 'primary',
   color,
+  height,
   sizeCode,
   index,
   ...props
@@ -35,24 +45,25 @@ function Item({
       color={color}
       placement="bottomRight"
       hideIcon
+      height={height}
     >
       <Link
         key={key || index}
-        fullH
         center
         paddingH={linkPaddingH}
         disabled={disabled}
+        height={height}
         {...linkProps}
         onPress={() => handlePress(item, index)}
       >
         <IconText
           color={active ? activeColor : color}
-          fullH
           marginT={3}
           borderB={3}
           borderColor={active ? activeColor : 'transparent'}
           transition="border-color 0.6s ease"
           size={sizeCode}
+          height={height}
           {...childProps}
         />
       </Link>
@@ -63,11 +74,12 @@ function Item({
 export function HorizontalMenu(rootProps) {
   const [{ sizeCode, color }, formattedProps] = pipe(
     useColorConverter(),
-    useSizeConverter('icons', 'md'),
-    useThemeComponentModifier('HorizontalMenu') //
+    useSizeConverter('elementHeights', 'md'),
+    useThemeComponentModifier('HorizontalMenu'),
+    useDefaultModifier(DEFAULT_PROPS)
   )([{}, rootProps])
 
-  let { gap = 'sm', height = 50, items, onChange, onChangeIndex, activeIndex, ...props } = formattedProps
+  let { gap, height, items, onChange, onChangeIndex, activeIndex, ...props } = formattedProps
 
   const handlePress = React.useCallback(
     (item, index) => {
@@ -88,6 +100,7 @@ export function HorizontalMenu(rootProps) {
           handlePress={handlePress}
           color={color}
           sizeCode={sizeCode}
+          height={height}
           index={index}
           activeIndex={activeIndex}
           {...props}

package/src/components/inputs/upload/Upload.js

@@ -13,7 +13,7 @@ function normalizeFile(file) {
   }
 }
 
-export function Upload({ children, onChange, onUpload, value: valueProp, accept, multiple = false, maxCount, disabled = false, dnd = true, ...props }) {
+export function Upload({ children, onChange, onUpload, value: valueProp, accept, multiple = false, maxCount, disabled = false, dnd = true, onAddPress, ...props }) {
   const { value, addFiles, remove } = useUploadState({ onUpload, onChange, multiple, maxCount, value: valueProp })
   const inputRef = useRef()
   const [isDragging, setIsDragging] = useState(false)
@@ -21,8 +21,10 @@ export function Upload({ children, onChange, onUpload, value: valueProp, accept,
 
   const handleClick = useCallback(() => {
     if (disabled) return
-    inputRef.current?.click()
-  }, [disabled])
+    const open = () => inputRef.current?.click()
+    if (onAddPress) return onAddPress(open)
+    open()
+  }, [disabled, onAddPress])
 
   const handleInputChange = useCallback(
     (e) => {

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

@@ -43,7 +43,7 @@ function getMediaTypes(accept) {
   return undefined
 }
 
-export function Upload({ children, onChange, onUpload, value: valueProp, accept, multiple = false, maxCount, disabled = false, persistTo, saveToLibrary, compress = true, ...props }) {
+export function Upload({ children, onChange, onUpload, value: valueProp, accept, multiple = false, maxCount, disabled = false, onAddPress, persistTo, saveToLibrary, compress = true, ...props }) {
   const { value, addFiles, remove } = useUploadState({ onUpload, onChange, multiple, maxCount, value: valueProp })
   const [open, setOpen] = useState(false)
 
@@ -62,8 +62,10 @@ export function Upload({ children, onChange, onUpload, value: valueProp, accept,
 
   const handlePress = useCallback(() => {
     if (disabled) return
-    setOpen(true)
-  }, [disabled])
+    const open = () => setOpen(true)
+    if (onAddPress) return onAddPress(open)
+    open()
+  }, [disabled, onAddPress])
 
   // NOTE: keep the drawer OPEN while presenting the native picker, and close it
   // only after the picker returns. The drawer is a RN <Modal>; closing it first

package/src/components/structure/popover/PopoverContent.js

@@ -9,8 +9,8 @@ export function PopoverContent({ children, placement = 'bottom', ...props }) {
       className="neko-popover-content"
       bg="overlayBG"
       border
-      borderColor="divider_op40"
       {...props}
+      borderColor="divider"
     >
       {children}
     </Card>

package/src/i18n/I18n.js

@@ -35,7 +35,6 @@ export class I18n {
     }
     const langData = this.resources[this.language]?.[ns]
     let value = this._resolveKey(langData, key, count, context)
-    if (context) console.log(context, value)
 
     if (!value) {
       const fallbackData = this.resources[this.fallback]?.[ns]