react95-native-rabbl 0.1.1 → 0.1.3

package/dist/module/components/List/ListItem.js

@@ -0,0 +1,62 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet, TouchableOpacity } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { blockSizes } from '../../styles/styles';
+import { Text } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ListItem = ({
+  left,
+  onPress,
+  right,
+  style,
+  theme,
+  title,
+  titleStyle,
+  ...rest
+}) => {
+  return /*#__PURE__*/_jsx(View, {
+    style: style,
+    ...rest,
+    children: /*#__PURE__*/_jsx(TouchableOpacity, {
+      onPress: onPress,
+      accessibilityRole: "button",
+      children: /*#__PURE__*/_jsxs(View, {
+        style: [styles.content],
+        children: [left && /*#__PURE__*/_jsx(View, {
+          style: [styles.left],
+          children: left
+        }), title && /*#__PURE__*/_jsx(Text, {
+          style: [styles.title, {
+            color: theme.progress
+          }, titleStyle],
+          children: title
+        }), right && /*#__PURE__*/_jsx(View, {
+          style: [styles.right],
+          children: right
+        })]
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  content: {
+    display: 'flex',
+    flexDirection: 'row',
+    alignItems: 'center',
+    minHeight: blockSizes.md,
+    paddingVertical: 4
+  },
+  title: {
+    fontSize: 16
+  },
+  left: {
+    marginRight: 8
+  },
+  right: {
+    marginLeft: 8
+  }
+});
+export default withTheme(ListItem);
+//# sourceMappingURL=ListItem.js.map

package/dist/module/components/List/ListItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","TouchableOpacity","withTheme","blockSizes","Text","jsx","_jsx","jsxs","_jsxs","ListItem","left","onPress","right","style","theme","title","titleStyle","rest","children","accessibilityRole","styles","content","color","progress","create","display","flexDirection","alignItems","minHeight","md","paddingVertical","fontSize","marginRight","marginLeft"],"sourceRoot":"../../../../src","sources":["components/List/ListItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EAEJC,UAAU,EAGVC,gBAAgB,QACX,cAAc;AAGrB,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,UAAU,QAAQ,qBAAqB;AAEhD,SAASC,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAY7B,MAAMC,QAAQ,GAAGA,CAAC;EAChBC,IAAI;EACJC,OAAO;EACPC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,UAAU;EACV,GAAGC;AACE,CAAC,KAAK;EACX,oBACEX,IAAA,CAACP,IAAI;IAACc,KAAK,EAAEA,KAAM;IAAA,GAAKI,IAAI;IAAAC,QAAA,eAC1BZ,IAAA,CAACL,gBAAgB;MAACU,OAAO,EAAEA,OAAQ;MAACQ,iBAAiB,EAAC,QAAQ;MAAAD,QAAA,eAC5DV,KAAA,CAACT,IAAI;QAACc,KAAK,EAAE,CAACO,MAAM,CAACC,OAAO,CAAE;QAAAH,QAAA,GAC3BR,IAAI,iBAAIJ,IAAA,CAACP,IAAI;UAACc,KAAK,EAAE,CAACO,MAAM,CAACV,IAAI,CAAE;UAAAQ,QAAA,EAAER;QAAI,CAAO,CAAC,EACjDK,KAAK,iBACJT,IAAA,CAACF,IAAI;UAACS,KAAK,EAAE,CAACO,MAAM,CAACL,KAAK,EAAE;YAAEO,KAAK,EAAER,KAAK,CAACS;UAAS,CAAC,EAAEP,UAAU,CAAE;UAAAE,QAAA,EAChEH;QAAK,CACF,CACP,EACAH,KAAK,iBAAIN,IAAA,CAACP,IAAI;UAACc,KAAK,EAAE,CAACO,MAAM,CAACR,KAAK,CAAE;UAAAM,QAAA,EAAEN;QAAK,CAAO,CAAC;MAAA,CACjD;IAAC,CACS;EAAC,CACf,CAAC;AAEX,CAAC;AAED,MAAMQ,MAAM,GAAGpB,UAAU,CAACwB,MAAM,CAAC;EAC/BH,OAAO,EAAE;IACPI,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,SAAS,EAAEzB,UAAU,CAAC0B,EAAE;IACxBC,eAAe,EAAE;EACnB,CAAC;EACDf,KAAK,EAAE;IACLgB,QAAQ,EAAE;EACZ,CAAC;EACDrB,IAAI,EAAE;IACJsB,WAAW,EAAE;EACf,CAAC;EACDpB,KAAK,EAAE;IACLqB,UAAU,EAAE;EACd;AACF,CAAC,CAAC;AAEF,eAAe/B,SAAS,CAACO,QAAQ,CAAC","ignoreList":[]}

package/dist/module/components/List/ListSection.js

@@ -0,0 +1,36 @@
+"use strict";
+
+import * as React from 'react';
+import { View, StyleSheet } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { Text } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const ListSection = ({
+  children,
+  style,
+  theme,
+  title,
+  titleStyle,
+  ...rest
+}) => /*#__PURE__*/_jsxs(View, {
+  ...rest,
+  style: [styles.container, style],
+  children: [title && /*#__PURE__*/_jsx(Text, {
+    theme: theme,
+    bold: true,
+    secondary: true,
+    style: [styles.title, titleStyle],
+    children: title
+  }), children]
+});
+const styles = StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  title: {
+    fontSize: 13,
+    marginVertical: 8
+  }
+});
+export default withTheme(ListSection);
+//# sourceMappingURL=ListSection.js.map

package/dist/module/components/List/ListSection.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","withTheme","Text","jsx","_jsx","jsxs","_jsxs","ListSection","children","style","theme","title","titleStyle","rest","styles","container","bold","secondary","create","padding","fontSize","marginVertical"],"sourceRoot":"../../../../src","sources":["components/List/ListSection.tsx"],"mappings":";;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EAEJC,UAAU,QAGL,cAAc;AAGrB,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,IAAI,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAU7B,MAAMC,WAAW,GAAGA,CAAC;EACnBC,QAAQ;EACRC,KAAK;EACLC,KAAK;EACLC,KAAK;EACLC,UAAU;EACV,GAAGC;AACE,CAAC,kBACNP,KAAA,CAACP,IAAI;EAAA,GAAKc,IAAI;EAAEJ,KAAK,EAAE,CAACK,MAAM,CAACC,SAAS,EAAEN,KAAK,CAAE;EAAAD,QAAA,GAC9CG,KAAK,iBACJP,IAAA,CAACF,IAAI;IAACQ,KAAK,EAAEA,KAAM;IAACM,IAAI;IAACC,SAAS;IAACR,KAAK,EAAE,CAACK,MAAM,CAACH,KAAK,EAAEC,UAAU,CAAE;IAAAJ,QAAA,EAClEG;EAAK,CACF,CACP,EACAH,QAAQ;AAAA,CACL,CACP;AAED,MAAMM,MAAM,GAAGd,UAAU,CAACkB,MAAM,CAAC;EAC/BH,SAAS,EAAE;IACTI,OAAO,EAAE;EACX,CAAC;EACDR,KAAK,EAAE;IACLS,QAAQ,EAAE,EAAE;IACZC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAepB,SAAS,CAACM,WAAW,CAAC","ignoreList":[]}

package/dist/module/components/List/index.js

@@ -0,0 +1,5 @@
+"use strict";
+
+import * as List from './List';
+export default List;
+//# sourceMappingURL=index.js.map

package/dist/module/components/List/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["List"],"sourceRoot":"../../../../src","sources":["components/List/index.ts"],"mappings":";;AAAA,OAAO,KAAKA,IAAI,MAAM,QAAQ;AAE9B,eAAeA,IAAI","ignoreList":[]}

package/dist/module/components/Menu/Menu.js

@@ -0,0 +1,81 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, View } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { Panel } from '../..';
+import MenuItem from './MenuItem';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+const Menu = ({
+  anchor,
+  children,
+  open = false,
+  orientation = 'vertical',
+  style = {},
+  theme,
+  horizontalAlignment: horizontalAlign = 'left',
+  verticalAlignment: verticalAlign = 'below',
+  ...rest
+}) => {
+  const [menuSize, setMenuSize] = React.useState({
+    width: 0,
+    height: 0
+  });
+  const handleMenuLayout = e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    setMenuSize({
+      width,
+      height
+    });
+  };
+  const menuPosition = {};
+  if (verticalAlign === 'below') {
+    menuPosition.top = '100%';
+  } else {
+    menuPosition.top = -menuSize.height;
+  }
+  if (horizontalAlign === 'left') {
+    menuPosition.left = 0;
+  } else {
+    menuPosition.right = menuSize.width;
+  }
+  return /*#__PURE__*/_jsxs(View, {
+    style: styles.wrapper,
+    children: [anchor, open && /*#__PURE__*/_jsx(View, {
+      style: [styles.menuWrapper, menuPosition],
+      children: /*#__PURE__*/_jsx(Panel, {
+        ...rest,
+        theme: theme,
+        variant: "raised",
+        elevation: 2,
+        onLayout: handleMenuLayout,
+        style: [styles.menu, {
+          display: 'flex',
+          flexDirection: orientation === 'vertical' ? 'column' : 'row'
+        }, style],
+        children: children
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    position: 'relative'
+  },
+  menuWrapper: {
+    position: 'absolute'
+  },
+  menu: {
+    width: 'auto',
+    position: 'absolute',
+    height: 'auto',
+    flexGrow: 0,
+    padding: 6
+  }
+});
+Menu.Item = MenuItem;
+export default withTheme(Menu);
+//# sourceMappingURL=Menu.js.map

package/dist/module/components/Menu/Menu.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","withTheme","Panel","MenuItem","jsx","_jsx","jsxs","_jsxs","Menu","anchor","children","open","orientation","style","theme","horizontalAlignment","horizontalAlign","verticalAlignment","verticalAlign","rest","menuSize","setMenuSize","useState","width","height","handleMenuLayout","e","nativeEvent","layout","menuPosition","top","left","right","styles","wrapper","menuWrapper","variant","elevation","onLayout","menu","display","flexDirection","create","position","flexGrow","padding","Item"],"sourceRoot":"../../../../src","sources":["components/Menu/Menu.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAaC,IAAI,QAAQ,cAAc;AAIrE,SAASC,SAAS,QAAQ,oBAAoB;AAE9C,SAASC,KAAK,QAAQ,OAAO;AAE7B,OAAOC,QAAQ,MAAM,YAAY;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAalC,MAAMC,IAAI,GAAGA,CAAC;EACZC,MAAM;EACNC,QAAQ;EACRC,IAAI,GAAG,KAAK;EACZC,WAAW,GAAG,UAAU;EACxBC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,mBAAmB,EAAEC,eAAe,GAAG,MAAM;EAC7CC,iBAAiB,EAAEC,aAAa,GAAG,OAAO;EAC1C,GAAGC;AACE,CAAC,KAAK;EACX,MAAM,CAACC,QAAQ,EAAEC,WAAW,CAAC,GAAGvB,KAAK,CAACwB,QAAQ,CAAC;IAAEC,KAAK,EAAE,CAAC;IAAEC,MAAM,EAAE;EAAE,CAAC,CAAC;EAEvE,MAAMC,gBAAgB,GAAIC,CAAoB,IAAK;IACjD,MAAM;MAAEH,KAAK;MAAEC;IAAO,CAAC,GAAGE,CAAC,CAACC,WAAW,CAACC,MAAM;IAC9CP,WAAW,CAAC;MAAEE,KAAK;MAAEC;IAAO,CAAC,CAAC;EAChC,CAAC;EAED,MAAMK,YAAkC,GAAG,CAAC,CAAC;EAC7C,IAAIX,aAAa,KAAK,OAAO,EAAE;IAC7BW,YAAY,CAACC,GAAG,GAAG,MAAM;EAC3B,CAAC,MAAM;IACLD,YAAY,CAACC,GAAG,GAAG,CAACV,QAAQ,CAACI,MAAM;EACrC;EACA,IAAIR,eAAe,KAAK,MAAM,EAAE;IAC9Ba,YAAY,CAACE,IAAI,GAAG,CAAC;EACvB,CAAC,MAAM;IACLF,YAAY,CAACG,KAAK,GAAGZ,QAAQ,CAACG,KAAK;EACrC;EAEA,oBACEhB,KAAA,CAACP,IAAI;IAACa,KAAK,EAAEoB,MAAM,CAACC,OAAQ;IAAAxB,QAAA,GACzBD,MAAM,EAENE,IAAI,iBACHN,IAAA,CAACL,IAAI;MAACa,KAAK,EAAE,CAACoB,MAAM,CAACE,WAAW,EAAEN,YAAY,CAAE;MAAAnB,QAAA,eAC9CL,IAAA,CAACH,KAAK;QAAA,GACAiB,IAAI;QACRL,KAAK,EAAEA,KAAM;QACbsB,OAAO,EAAC,QAAQ;QAChBC,SAAS,EAAE,CAAE;QACbC,QAAQ,EAAEb,gBAAiB;QAC3BZ,KAAK,EAAE,CACLoB,MAAM,CAACM,IAAI,EACX;UACEC,OAAO,EAAE,MAAM;UACfC,aAAa,EAAE7B,WAAW,KAAK,UAAU,GAAG,QAAQ,GAAG;QACzD,CAAC,EACDC,KAAK,CACL;QAAAH,QAAA,EAEDA;MAAQ,CACJ;IAAC,CACJ,CACP;EAAA,CACG,CAAC;AAEX,CAAC;AAED,MAAMuB,MAAM,GAAGlC,UAAU,CAAC2C,MAAM,CAAC;EAC/BR,OAAO,EAAE;IACPS,QAAQ,EAAE;EACZ,CAAC;EACDR,WAAW,EAAE;IACXQ,QAAQ,EAAE;EACZ,CAAC;EACDJ,IAAI,EAAE;IACJhB,KAAK,EAAE,MAAM;IACboB,QAAQ,EAAE,UAAU;IACpBnB,MAAM,EAAE,MAAM;IACdoB,QAAQ,EAAE,CAAC;IACXC,OAAO,EAAE;EACX;AACF,CAAC,CAAC;AAEFrC,IAAI,CAACsC,IAAI,GAAG3C,QAAQ;AAEpB,eAAeF,SAAS,CAACO,IAAI,CAAC","ignoreList":[]}

package/dist/module/components/Menu/MenuItem.js

@@ -0,0 +1,73 @@
+"use strict";
+
+import React, { useState } from 'react';
+import { StyleSheet, View, TouchableHighlight } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { blockSizes, builtTextStyles } from '../../styles/styles';
+import { Text } from '../..';
+
+// TODO: add icon prop
+import { jsx as _jsx } from "react/jsx-runtime";
+export const Item = ({
+  disabled,
+  onPress,
+  primary = false,
+  size = 'md',
+  style,
+  theme,
+  title,
+  ...rest
+}) => {
+  const [isPressed, setIsPressed] = useState(false);
+  const textStyles = builtTextStyles(theme);
+  return /*#__PURE__*/_jsx(View, {
+    ...rest,
+    style: [styles.item, {
+      height: blockSizes[size]
+    }, {
+      backgroundColor: isPressed ? theme.hoverBackground : theme.material
+    }, style],
+    children: /*#__PURE__*/_jsx(TouchableHighlight, {
+      style: [styles.button],
+      onPress: onPress,
+      disabled: disabled,
+      onHideUnderlay: () => setIsPressed(false),
+      onShowUnderlay: () => setIsPressed(true),
+      underlayColor: "none"
+      // TODO: which accessibilityRole put in here?
+      ,
+      accessibilityRole: "menuitem",
+      accessibilityState: {
+        disabled
+      },
+      children: /*#__PURE__*/_jsx(View, {
+        pointerEvents: "none",
+        style: [styles.content],
+        children: /*#__PURE__*/_jsx(Text, {
+          theme: theme,
+          bold: primary,
+          style: [disabled ? textStyles.disabled : textStyles.default, !disabled && {
+            color: isPressed ? theme.materialTextInvert : theme.materialText
+          }],
+          children: title
+        })
+      })
+    })
+  });
+};
+const styles = StyleSheet.create({
+  item: {
+    position: 'relative'
+  },
+  button: {
+    flex: 1,
+    justifyContent: 'center',
+    alignItems: 'center',
+    paddingHorizontal: 8
+  },
+  content: {
+    alignSelf: 'flex-start'
+  }
+});
+export default withTheme(Item);
+//# sourceMappingURL=MenuItem.js.map

package/dist/module/components/Menu/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","useState","StyleSheet","View","TouchableHighlight","withTheme","blockSizes","builtTextStyles","Text","jsx","_jsx","Item","disabled","onPress","primary","size","style","theme","title","rest","isPressed","setIsPressed","textStyles","styles","item","height","backgroundColor","hoverBackground","material","children","button","onHideUnderlay","onShowUnderlay","underlayColor","accessibilityRole","accessibilityState","pointerEvents","content","bold","default","color","materialTextInvert","materialText","create","position","flex","justifyContent","alignItems","paddingHorizontal","alignSelf"],"sourceRoot":"../../../../src","sources":["components/Menu/MenuItem.tsx"],"mappings":";;AAAA,OAAOA,KAAK,IAAIC,QAAQ,QAAQ,OAAO;AACvC,SACEC,UAAU,EACVC,IAAI,EACJC,kBAAkB,QAGb,cAAc;AAGrB,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,UAAU,EAAEC,eAAe,QAAQ,qBAAqB;AAEjE,SAASC,IAAI,QAAQ,OAAO;;AAE5B;AAAA,SAAAC,GAAA,IAAAC,IAAA;AAYA,OAAO,MAAMC,IAAI,GAAGA,CAAC;EACnBC,QAAQ;EACRC,OAAO;EACPC,OAAO,GAAG,KAAK;EACfC,IAAI,GAAG,IAAI;EACXC,KAAK;EACLC,KAAK;EACLC,KAAK;EACL,GAAGC;AACE,CAAC,KAAK;EACX,MAAM,CAACC,SAAS,EAAEC,YAAY,CAAC,GAAGpB,QAAQ,CAAC,KAAK,CAAC;EAEjD,MAAMqB,UAAU,GAAGf,eAAe,CAACU,KAAK,CAAC;EACzC,oBACEP,IAAA,CAACP,IAAI;IAAA,GACCgB,IAAI;IACRH,KAAK,EAAE,CACLO,MAAM,CAACC,IAAI,EACX;MAAEC,MAAM,EAAEnB,UAAU,CAACS,IAAI;IAAE,CAAC,EAC5B;MACEW,eAAe,EAAEN,SAAS,GAAGH,KAAK,CAACU,eAAe,GAAGV,KAAK,CAACW;IAC7D,CAAC,EACDZ,KAAK,CACL;IAAAa,QAAA,eAEFnB,IAAA,CAACN,kBAAkB;MACjBY,KAAK,EAAE,CAACO,MAAM,CAACO,MAAM,CAAE;MACvBjB,OAAO,EAAEA,OAAQ;MACjBD,QAAQ,EAAEA,QAAS;MACnBmB,cAAc,EAAEA,CAAA,KAAMV,YAAY,CAAC,KAAK,CAAE;MAC1CW,cAAc,EAAEA,CAAA,KAAMX,YAAY,CAAC,IAAI,CAAE;MACzCY,aAAa,EAAC;MACd;MAAA;MACAC,iBAAiB,EAAC,UAAU;MAC5BC,kBAAkB,EAAE;QAAEvB;MAAS,CAAE;MAAAiB,QAAA,eAEjCnB,IAAA,CAACP,IAAI;QAACiC,aAAa,EAAC,MAAM;QAACpB,KAAK,EAAE,CAACO,MAAM,CAACc,OAAO,CAAE;QAAAR,QAAA,eACjDnB,IAAA,CAACF,IAAI;UACHS,KAAK,EAAEA,KAAM;UACbqB,IAAI,EAAExB,OAAQ;UACdE,KAAK,EAAE,CACLJ,QAAQ,GAAGU,UAAU,CAACV,QAAQ,GAAGU,UAAU,CAACiB,OAAO,EACnD,CAAC3B,QAAQ,IAAI;YACX4B,KAAK,EAAEpB,SAAS,GACZH,KAAK,CAACwB,kBAAkB,GACxBxB,KAAK,CAACyB;UACZ,CAAC,CACD;UAAAb,QAAA,EAEDX;QAAK,CACF;MAAC,CACH;IAAC,CACW;EAAC,CACjB,CAAC;AAEX,CAAC;AAED,MAAMK,MAAM,GAAGrB,UAAU,CAACyC,MAAM,CAAC;EAC/BnB,IAAI,EAAE;IACJoB,QAAQ,EAAE;EACZ,CAAC;EACDd,MAAM,EAAE;IACNe,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE,QAAQ;IACxBC,UAAU,EAAE,QAAQ;IACpBC,iBAAiB,EAAE;EACrB,CAAC;EACDX,OAAO,EAAE;IACPY,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAe5C,SAAS,CAACM,IAAI,CAAC","ignoreList":[]}

package/dist/module/components/Menu/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from './Menu';
+//# sourceMappingURL=index.js.map

package/dist/module/components/Menu/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../src","sources":["components/Menu/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,QAAQ","ignoreList":[]}

package/dist/module/components/NumberInput/NumberInput.js

@@ -0,0 +1,118 @@
+"use strict";
+
+import React from 'react';
+import { View, StyleSheet } from 'react-native';
+import useControlledOrUncontrolled from '../../hooks/useControlledOrUncontrolled';
+import { withTheme } from '../../core/theming';
+import { blockSizes } from '../../styles/styles';
+import { clamp } from '../../utils';
+import { TextInput, Button, ArrowIcon } from '../..';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+// TODO: allow to center input text horizontally
+// TODO: how are uncontrolled inputs handled in RN?
+const NumberInput = ({
+  defaultValue,
+  disabled,
+  inputWidth,
+  max = null,
+  min = null,
+  onChange,
+  step = 1,
+  style = {},
+  theme,
+  value,
+  variant = 'default',
+  ...rest
+}) => {
+  const [valueDerived, setValueState] = useControlledOrUncontrolled({
+    value,
+    defaultValue
+  });
+  const handleClick = val => {
+    const stateValue = parseFloat(valueDerived);
+    const newValue = clamp(+parseFloat((stateValue + val).toString()).toFixed(2), min, max).toString();
+    setValueState(parseFloat(newValue));
+    if (onChange) {
+      onChange(parseFloat(newValue));
+    }
+  };
+  const valueDerivedNumber = parseFloat(valueDerived);
+  const isDecrementDisabled = disabled || valueDerivedNumber === min;
+  const isIncrementDisabled = disabled || valueDerivedNumber === max;
+  const isFlat = variant === 'flat';
+  return /*#__PURE__*/_jsxs(View, {
+    style: [styles.wrapper, style],
+    accessibilityState: {
+      disabled
+    }
+    // TODO: are these accessibility traits correct?
+    ,
+    accessibilityRole: "adjustable",
+    accessibilityValue: {
+      min: min === null ? undefined : min,
+      max: max === null ? undefined : max,
+      now: valueDerived
+    },
+    children: [/*#__PURE__*/_jsx(Button, {
+      theme: theme,
+      disabled: isDecrementDisabled,
+      onPress: () => handleClick(-step),
+      variant: isFlat ? 'flat' : 'raised',
+      style: styles.button,
+      testID: "decrement",
+      children: /*#__PURE__*/_jsx(ArrowIcon, {
+        theme: theme,
+        segments: 4,
+        disabled: isDecrementDisabled,
+        direction: "left"
+      })
+    }), /*#__PURE__*/_jsx(TextInput, {
+      theme: theme,
+      variant: variant,
+      disabled: disabled,
+      value: valueDerived.toString()
+      //@ts-ignore
+      ,
+      style: [styles.input, {
+        width: inputWidth || 'auto'
+      }],
+      editable: false
+      // eslint-disable-next-line react/jsx-props-no-spreading
+      ,
+      testID: "input",
+      ...rest
+    }), /*#__PURE__*/_jsx(Button, {
+      theme: theme,
+      disabled: isIncrementDisabled,
+      onPress: () => handleClick(step),
+      variant: isFlat ? 'flat' : 'raised',
+      style: styles.button,
+      testID: "increment",
+      children: /*#__PURE__*/_jsx(ArrowIcon, {
+        theme: theme,
+        segments: 4,
+        disabled: isIncrementDisabled,
+        direction: "right"
+      })
+    })]
+  });
+};
+const styles = StyleSheet.create({
+  wrapper: {
+    display: 'flex',
+    flexDirection: 'row',
+    justifyContent: 'center'
+  },
+  input: {
+    marginHorizontal: 2,
+    minWidth: blockSizes.md + 2
+  },
+  button: {
+    width: blockSizes.md
+  },
+  buttonText: {
+    fontSize: 24
+  }
+});
+export default withTheme(NumberInput);
+//# sourceMappingURL=NumberInput.js.map

package/dist/module/components/NumberInput/NumberInput.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","useControlledOrUncontrolled","withTheme","blockSizes","clamp","TextInput","Button","ArrowIcon","jsx","_jsx","jsxs","_jsxs","NumberInput","defaultValue","disabled","inputWidth","max","min","onChange","step","style","theme","value","variant","rest","valueDerived","setValueState","handleClick","val","stateValue","parseFloat","newValue","toString","toFixed","valueDerivedNumber","isDecrementDisabled","isIncrementDisabled","isFlat","styles","wrapper","accessibilityState","accessibilityRole","accessibilityValue","undefined","now","children","onPress","button","testID","segments","direction","input","width","editable","create","display","flexDirection","justifyContent","marginHorizontal","minWidth","md","buttonText","fontSize"],"sourceRoot":"../../../../src","sources":["components/NumberInput/NumberInput.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/NumberInput/NumberInput.spec.js

@@ -0,0 +1,129 @@
+"use strict";
+
+import React from 'react';
+import { render, fireEvent } from '@testing-library/react-native';
+import { NumberInput } from '../..';
+import { jsx as _jsx } from "react/jsx-runtime";
+describe('<NumberInput />', () => {
+  it('should call onChange on increment press', () => {
+    const handleChange = jest.fn();
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(NumberInput, {
+      onChange: handleChange,
+      defaultValue: 2
+    }));
+    const spinButton = getByTestId('increment');
+    fireEvent(spinButton, 'press');
+    expect(handleChange).toHaveBeenCalledTimes(1);
+    expect(handleChange).toHaveBeenCalledWith(3);
+  });
+  it('should call onChange on decrement press', () => {
+    const handleChange = jest.fn();
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(NumberInput, {
+      onChange: handleChange,
+      defaultValue: 2
+    }));
+    const spinButton = getByTestId('decrement');
+    fireEvent(spinButton, 'press');
+    expect(handleChange).toHaveBeenCalledTimes(1);
+    expect(handleChange).toHaveBeenCalledWith(1);
+  });
+  it('should reach max value', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(NumberInput, {
+      defaultValue: 90,
+      min: 0,
+      max: 100,
+      step: 10
+    }));
+    const input = getByTestId('input');
+    const incrementButton = getByTestId('increment');
+    fireEvent(incrementButton, 'press');
+    expect(input.props.value).toBe('100');
+  });
+  it('should reach min value', () => {
+    const {
+      getByTestId
+    } = render(/*#__PURE__*/_jsx(NumberInput, {
+      defaultValue: 10,
+      min: 0,
+      max: 100,
+      step: 10
+    }));
+    const input = getByTestId('input');
+    const decrementButton = getByTestId('decrement');
+    fireEvent(decrementButton, 'press');
+    expect(input.props.value).toBe('0');
+  });
+  describe('prop: step', () => {
+    it('should be 1 by default', () => {
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(NumberInput, {
+        defaultValue: 0
+      }));
+      const input = getByTestId('input');
+      const incrementButton = getByTestId('increment');
+      fireEvent(incrementButton, 'press');
+      expect(input.props.value).toBe('1');
+    });
+    it('should change value by specified step', () => {
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(NumberInput, {
+        defaultValue: 10,
+        step: 3
+      }));
+      const input = getByTestId('input');
+      const decrementButton = getByTestId('decrement');
+      fireEvent(decrementButton, 'press');
+      expect(input.props.value).toBe('7');
+    });
+    it('should handle decimal step', () => {
+      const {
+        getByTestId
+      } = render(/*#__PURE__*/_jsx(NumberInput, {
+        defaultValue: 10,
+        step: 0.3
+      }));
+      const input = getByTestId('input');
+      const decrementButton = getByTestId('decrement');
+      fireEvent(decrementButton, 'press');
+      expect(input.props.value).toBe('9.7');
+    });
+  });
+  describe('prop: disabled', () => {
+    // it('should render disabled', () => {
+    //   const { getByTestId } = render(
+    //     <NumberInput defaultValue={10} disabled />,
+    //   );
+    //   const input = getByTestId('input');
+    //     const incrementButton = getByTestId('increment');
+    //     const decrementButton = getByTestId('decrement');
+    //   expect(input.props.editable).toBe(false);
+    //     expect(incrementButton.props.disabled).toBe(true);
+    //     expect(decrementButton.props.disabled).toBe(true);
+    // });
+    // it('should not react to button clicks', () => {
+    //   const { getByTestId } = render(
+    //     <NumberInput defaultValue={10} disabled />,
+    //   );
+    //   const input = getByTestId('input');
+    //   const incrementButton = getByTestId('increment');
+    //   const decrementButton = getByTestId('decrement');
+    //   fireEvent(incrementButton, 'press');
+    //   expect(input.props.value).toBe('10');
+    //   fireEvent(decrementButton, 'press');
+    //   expect(input.props.value).toBe('10');
+    // });
+  });
+  describe('prop: width', () => {
+    it('should render component of specified width', () => {});
+    it('should handle %', () => {});
+  });
+});
+//# sourceMappingURL=NumberInput.spec.js.map

package/dist/module/components/NumberInput/NumberInput.spec.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","render","fireEvent","NumberInput","jsx","_jsx","describe","it","handleChange","jest","fn","getByTestId","onChange","defaultValue","spinButton","expect","toHaveBeenCalledTimes","toHaveBeenCalledWith","min","max","step","input","incrementButton","props","value","toBe","decrementButton"],"sourceRoot":"../../../../src","sources":["components/NumberInput/NumberInput.spec.tsx"],"mappings":"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","ignoreList":[]}

package/dist/module/components/NumberInput/index.js

@@ -0,0 +1,4 @@
+"use strict";
+
+export { default } from './NumberInput';
+//# sourceMappingURL=index.js.map

package/dist/module/components/NumberInput/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default"],"sourceRoot":"../../../../src","sources":["components/NumberInput/index.ts"],"mappings":";;AAAA,SAASA,OAAO,QAAQ,eAAe","ignoreList":[]}

package/dist/module/components/Panel/Panel.js

@@ -0,0 +1,55 @@
+"use strict";
+
+import React from 'react';
+import { StyleSheet, Animated } from 'react-native';
+import { withTheme } from '../../core/theming';
+import { Border } from '../../styles/styleElements';
+import shadow from '../../styles/shadow';
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+export const testId = 'panel';
+
+// TODO: common interface with styleElements/Border ?
+
+const Panel = ({
+  background = 'material',
+  children,
+  elevation = 0,
+  invert = false,
+  radius = 0,
+  style = {},
+  theme,
+  variant = 'default',
+  ...rest
+}) => {
+  const getBackgroundColor = () => {
+    return theme[background];
+  };
+  return (
+    /*#__PURE__*/
+    // TODO: fix this TS error
+    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+    // @ts-ignore
+    _jsxs(Animated.View, {
+      ...rest,
+      style: [styles.container, {
+        padding: variant === 'well' ? 2 : 4,
+        backgroundColor: getBackgroundColor(),
+        borderRadius: radius
+      }, shadow(elevation), style],
+      testID: testId,
+      children: [variant !== 'clear' && /*#__PURE__*/_jsx(Border, {
+        theme: theme,
+        variant: variant,
+        radius: radius,
+        invert: invert
+      }), children]
+    })
+  );
+};
+const styles = StyleSheet.create({
+  container: {
+    position: 'relative'
+  }
+});
+export default withTheme(Panel);
+//# sourceMappingURL=Panel.js.map

package/dist/module/components/Panel/Panel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","Animated","withTheme","Border","shadow","jsx","_jsx","jsxs","_jsxs","testId","Panel","background","children","elevation","invert","radius","style","theme","variant","rest","getBackgroundColor","View","styles","container","padding","backgroundColor","borderRadius","testID","create","position"],"sourceRoot":"../../../../src","sources":["components/Panel/Panel.tsx"],"mappings":";;AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAAoBC,UAAU,EAAEC,QAAQ,QAAyB,cAAc;AAE/E,SAASC,SAAS,QAAQ,oBAAoB;AAC9C,SAASC,MAAM,QAAQ,4BAA4B;AACnD,OAAOC,MAAM,MAAM,qBAAqB;AAAC,SAAAC,GAAA,IAAAC,IAAA,EAAAC,IAAA,IAAAC,KAAA;AAGzC,OAAO,MAAMC,MAAM,GAAG,OAAO;;AAE7B;;AAYA,MAAMC,KAAK,GAAGA,CAAC;EACbC,UAAU,GAAG,UAAU;EACvBC,QAAQ;EACRC,SAAS,GAAG,CAAC;EACbC,MAAM,GAAG,KAAK;EACdC,MAAM,GAAG,CAAC;EACVC,KAAK,GAAG,CAAC,CAAC;EACVC,KAAK;EACLC,OAAO,GAAG,SAAS;EACnB,GAAGC;AACE,CAAC,KAAK;EACX,MAAMC,kBAAkB,GAAGA,CAAA,KAAM;IAC/B,OAAOH,KAAK,CAACN,UAAU,CAAC;EAC1B,CAAC;EAED;IAAA;IACE;IACA;IACA;IACAH,KAAA,CAACP,QAAQ,CAACoB,IAAI;MAAA,GACRF,IAAI;MACRH,KAAK,EAAE,CACLM,MAAM,CAACC,SAAS,EAChB;QACEC,OAAO,EAAEN,OAAO,KAAK,MAAM,GAAG,CAAC,GAAG,CAAC;QACnCO,eAAe,EAAEL,kBAAkB,CAAC,CAAC;QACrCM,YAAY,EAAEX;MAChB,CAAC,EACDX,MAAM,CAACS,SAAS,CAAC,EACjBG,KAAK,CACL;MACFW,MAAM,EAAElB,MAAO;MAAAG,QAAA,GAEdM,OAAO,KAAK,OAAO,iBAClBZ,IAAA,CAACH,MAAM;QACLc,KAAK,EAAEA,KAAM;QACbC,OAAO,EAAEA,OAAQ;QACjBH,MAAM,EAAEA,MAAO;QACfD,MAAM,EAAEA;MAAO,CAChB,CACF,EACAF,QAAQ;IAAA,CACI;EAAC;AAEpB,CAAC;AAED,MAAMU,MAAM,GAAGtB,UAAU,CAAC4B,MAAM,CAAC;EAC/BL,SAAS,EAAE;IACTM,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe3B,SAAS,CAACQ,KAAK,CAAC","ignoreList":[]}