@ornikar/kitt-universal 13.2.0 → 13.2.1

package/dist/index-browser-all.es.web.js

@@ -11,10 +11,10 @@ import _regeneratorRuntime from '@babel/runtime/helpers/regeneratorRuntime';
 import _asyncToGenerator from '@babel/runtime/helpers/asyncToGenerator';
 import { ArcIcon, UserIcon, CheckboxMark, EyeOffIcon, EyeIcon, InfoIcon, AlertTriangleIcon, CheckIcon, AlertCircleIcon, XIcon, RotateCCWIcon, TooltipArrowIcon } from '@ornikar/kitt-icons';
 export * from '@ornikar/kitt-icons';
-import { useWindowDimensions, ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2 } from 'react-native';
-export { useWindowDimensions as useWindowSize } from 'react-native';
 import { Portal } from 'react-portal';
 import { CSSTransition } from 'react-transition-group';
+import { ScrollView as ScrollView$2, View as View$2, Linking, Pressable as Pressable$2, useWindowDimensions } from 'react-native';
+export { useWindowDimensions as useWindowSize } from 'react-native';
 import { parse } from 'twemoji-parser';
 import { parseNumber, getCountryCallingCode, isValidNumber } from 'libphonenumber-js';
 import { useSafeAreaInsets } from 'react-native-safe-area-context';
@@ -2297,53 +2297,18 @@ function LoaderIcon(_ref) {
   });
 }
 
-function matchWindowSize(_ref, _ref2) {
-  var width = _ref.width,
-    height = _ref.height;
-  var minWidth = _ref2.minWidth,
-    maxWidth = _ref2.maxWidth,
-    minHeight = _ref2.minHeight,
-    maxHeight = _ref2.maxHeight;
-  var hasWidthMatched = width ? (!minWidth || width >= minWidth) && (!maxWidth || width <= maxWidth) : true;
-  var hasHeightMatched = height ? (!minHeight || height >= minHeight) && (!maxHeight || height <= maxHeight) : true;
-  return hasWidthMatched && hasHeightMatched;
-}
-
-/**
- * Returns if a size matches based on dimensions passed as options.
- *
- * WARNING: Not SSR friendly.
- */
-function useMatchWindowSize(options) {
-  var _useWindowDimensions = useWindowDimensions(),
-    width = _useWindowDimensions.width,
-    height = _useWindowDimensions.height;
-  return matchWindowSize({
-    width: width,
-    height: height
-  }, options);
-}
-
 var _excluded$C = ["as", "onPress", "disabled", "icon", "stretch"];
-function getCurrentStretchValue(isStretch, isMedium) {
-  // Stretch will follow the value passed from the component occurence if defined
-  if (isStretch) return isStretch;
-  return !isMedium ? true : undefined;
-}
-
-// eslint-disable-next-line @typescript-eslint/ban-types
-
 function ActionsItem(_ref) {
   var as = _ref.as,
     onPress = _ref.onPress,
     disabled = _ref.disabled,
     icon = _ref.icon,
-    stretch = _ref.stretch,
+    _ref$stretch = _ref.stretch,
+    stretch = _ref$stretch === void 0 ? {
+      base: true,
+      medium: false
+    } : _ref$stretch,
     props = _objectWithoutProperties(_ref, _excluded$C);
-  var isMedium = useMatchWindowSize({
-    minWidth: KittBreakpoints.MEDIUM
-  });
-  var isCurrentStretch = getCurrentStretchValue(stretch, isMedium);
   var _useState = useState(false),
     _useState2 = _slicedToArray(_useState, 2),
     isLoading = _useState2[0],
@@ -2359,7 +2324,7 @@ function ActionsItem(_ref) {
   }, []);
   return /*#__PURE__*/jsx(View, {
     children: /*#__PURE__*/jsx(as, _objectSpread(_objectSpread({}, props), {}, {
-      stretch: isCurrentStretch,
+      stretch: stretch,
       disabled: isLoading ? true : disabled,
       icon: isLoading ? /*#__PURE__*/jsx(LoaderIcon, {}) : icon,
       onPress: function handlePress(e) {
@@ -2431,14 +2396,24 @@ function getCurrentDirection(layout) {
   if (layout === 'column') return 'column';
   return 'row';
 }
+function getCurrentAlignSelf(layout) {
+  if (!layout) return {
+    base: 'stretch',
+    medium: undefined
+  };
+  if (layout === 'column') return 'stretch';
+  return undefined;
+}
 function Actions(_ref) {
   var children = _ref.children,
     layout = _ref.layout,
     props = _objectWithoutProperties(_ref, _excluded$B);
   var currentAlignItems = getCurrentLayout(layout);
   var currentDirection = getCurrentDirection(layout);
+  var currentAlignSelf = getCurrentAlignSelf(layout);
   return /*#__PURE__*/jsx(Stack, _objectSpread(_objectSpread({
     alignItems: currentAlignItems,
+    alignSelf: currentAlignSelf,
     direction: currentDirection,
     flexGrow: 1
   }, props), {}, {
@@ -8383,6 +8358,33 @@ function StyleWebWrapper(_ref) {
   }));
 }
 
+function matchWindowSize(_ref, _ref2) {
+  var width = _ref.width,
+    height = _ref.height;
+  var minWidth = _ref2.minWidth,
+    maxWidth = _ref2.maxWidth,
+    minHeight = _ref2.minHeight,
+    maxHeight = _ref2.maxHeight;
+  var hasWidthMatched = width ? (!minWidth || width >= minWidth) && (!maxWidth || width <= maxWidth) : true;
+  var hasHeightMatched = height ? (!minHeight || height >= minHeight) && (!maxHeight || height <= maxHeight) : true;
+  return hasWidthMatched && hasHeightMatched;
+}
+
+/**
+ * Returns if a size matches based on dimensions passed as options.
+ *
+ * WARNING: Not SSR friendly.
+ */
+function useMatchWindowSize(options) {
+  var _useWindowDimensions = useWindowDimensions(),
+    width = _useWindowDimensions.width,
+    height = _useWindowDimensions.height;
+  return matchWindowSize({
+    width: width,
+    height: height
+  }, options);
+}
+
 var _excluded$1 = ["children"];
 /**
  * Display children if match window size options