@neko-os/ui 0.6.2 → 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/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.2",
+  "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/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]