react95-native-rabbl 0.1.1 → 0.1.3

package/dist/typescript/src/types.d.ts

@@ -0,0 +1,42 @@
+import type * as React from 'react';
+export type $Omit<T, K> = Pick<T, Exclude<keyof T, K>>;
+export type $RemoveChildren<T extends React.ComponentType<any>> = $Omit<React.ComponentPropsWithoutRef<T>, 'children'>;
+export type Color = string;
+export type Sizes = 'sm' | 'md' | 'lg';
+export type Orientation = 'horizontal' | 'vertical';
+export type Direction = 'up' | 'down' | 'left' | 'right';
+export type DimensionValue = undefined | number | string;
+export type Theme = {
+    name: string;
+    anchor: string;
+    anchorVisited: string;
+    borderDark: string;
+    borderDarkest: string;
+    borderLight: string;
+    borderLightest: string;
+    canvas: string;
+    canvasText: string;
+    canvasTextDisabled: string;
+    canvasTextDisabledShadow: string;
+    canvasTextInvert: string;
+    checkmark: string;
+    checkmarkDisabled: string;
+    flatDark: string;
+    flatLight: string;
+    focusSecondary: string;
+    headerBackground: string;
+    headerNotActiveBackground: string;
+    headerNotActiveText: string;
+    headerText: string;
+    hoverBackground: string;
+    material: string;
+    materialDark: string;
+    materialText: string;
+    materialTextDisabled: string;
+    materialTextDisabledShadow: string;
+    materialTextInvert: string;
+    progress: string;
+    tooltip: string;
+};
+export type AnyValue = any;
+//# sourceMappingURL=types.d.ts.map

package/dist/typescript/src/types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/types.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,KAAK,KAAK,MAAM,OAAO,CAAC;AAEpC,MAAM,MAAM,KAAK,CAAC,CAAC,EAAE,CAAC,IAAI,IAAI,CAAC,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC;AAEvD,MAAM,MAAM,eAAe,CAAC,CAAC,SAAS,KAAK,CAAC,aAAa,CAAC,GAAG,CAAC,IAAI,KAAK,CACrE,KAAK,CAAC,wBAAwB,CAAC,CAAC,CAAC,EACjC,UAAU,CACX,CAAC;AAGF,MAAM,MAAM,KAAK,GAAG,MAAM,CAAC;AAE3B,MAAM,MAAM,KAAK,GAAG,IAAI,GAAG,IAAI,GAAG,IAAI,CAAC;AAEvC,MAAM,MAAM,WAAW,GAAG,YAAY,GAAG,UAAU,CAAC;AAEpD,MAAM,MAAM,SAAS,GAAG,IAAI,GAAG,MAAM,GAAG,MAAM,GAAG,OAAO,CAAC;AAEzD,MAAM,MAAM,cAAc,GAAG,SAAS,GAAG,MAAM,GAAG,MAAM,CAAC;AAEzD,MAAM,MAAM,KAAK,GAAG;IAClB,IAAI,EAAE,MAAM,CAAC;IACb,MAAM,EAAE,MAAM,CAAC;IACf,aAAa,EAAE,MAAM,CAAC;IACtB,UAAU,EAAE,MAAM,CAAC;IACnB,aAAa,EAAE,MAAM,CAAC;IACtB,WAAW,EAAE,MAAM,CAAC;IACpB,cAAc,EAAE,MAAM,CAAC;IACvB,MAAM,EAAE,MAAM,CAAC;IACf,UAAU,EAAE,MAAM,CAAC;IACnB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,wBAAwB,EAAE,MAAM,CAAC;IACjC,gBAAgB,EAAE,MAAM,CAAC;IACzB,SAAS,EAAE,MAAM,CAAC;IAClB,iBAAiB,EAAE,MAAM,CAAC;IAC1B,QAAQ,EAAE,MAAM,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,cAAc,EAAE,MAAM,CAAC;IACvB,gBAAgB,EAAE,MAAM,CAAC;IACzB,yBAAyB,EAAE,MAAM,CAAC;IAClC,mBAAmB,EAAE,MAAM,CAAC;IAC5B,UAAU,EAAE,MAAM,CAAC;IACnB,eAAe,EAAE,MAAM,CAAC;IACxB,QAAQ,EAAE,MAAM,CAAC;IACjB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,EAAE,MAAM,CAAC;IACrB,oBAAoB,EAAE,MAAM,CAAC;IAC7B,0BAA0B,EAAE,MAAM,CAAC;IACnC,kBAAkB,EAAE,MAAM,CAAC;IAC3B,QAAQ,EAAE,MAAM,CAAC;IACjB,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAGF,MAAM,MAAM,QAAQ,GAAG,GAAG,CAAC"}

package/dist/typescript/src/utils/index.d.ts

@@ -0,0 +1,7 @@
+type OptionalNumber = number | null;
+export declare function clamp(value: number, min: OptionalNumber, max: OptionalNumber): number;
+export declare function getDecimalPrecision(num: number): number;
+export declare function roundValueToStep(value: number, step: number, min: number): number;
+export declare function findClosest(values: number[], currentValue: number): number;
+export {};
+//# sourceMappingURL=index.d.ts.map

package/dist/typescript/src/utils/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/utils/index.ts"],"names":[],"mappings":"AACA,KAAK,cAAc,GAAG,MAAM,GAAG,IAAI,CAAC;AACpC,wBAAgB,KAAK,CAAC,KAAK,EAAE,MAAM,EAAE,GAAG,EAAE,cAAc,EAAE,GAAG,EAAE,cAAc,UAQ5E;AAGD,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,UAY9C;AAED,wBAAgB,gBAAgB,CAAC,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,EAAE,GAAG,EAAE,MAAM,UAGxE;AAED,wBAAgB,WAAW,CAAC,MAAM,EAAE,MAAM,EAAE,EAAE,YAAY,EAAE,MAAM,UAwBjE"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react95-native-rabbl",
-  "version": "0.1.1",
+  "version": "0.1.3",
   "description": "Refreshed Windows 95 style UI components for your React Native app",
   "funding": [
     {
@@ -42,7 +42,6 @@
     "test:ci": "jest ./src --maxWorkers=2",
     "test:watch": "jest ./src --watch",
     "test:coverage": "jest ./src --coverage",
-    "lint": "eslint \"**/*.{js,ts,tsx}\"",
     "typescript": "tsc --noEmit",
     "build": "bob build",
     "semantic-release": "semantic-release",
@@ -68,70 +67,27 @@
   },
   "homepage": "https://github.com/react95-io/react95-native#readme",
   "devDependencies": {
-    "@commitlint/config-conventional": "^8.3.4",
-    "@react-native-community/bob": "^0.16.2",
-    "@testing-library/jest-native": "^3.4.3",
-    "@testing-library/react-native": "^7.1.0",
-    "@types/jest": "^26.0.0",
-    "@types/react": "^16.9.19",
-    "@types/react-native": "0.62.13",
-    "@typescript-eslint/eslint-plugin": "^4.9.1",
-    "@typescript-eslint/parser": "^4.6.0",
-    "commitizen": "^4.2.2",
-    "commitlint": "^8.3.5",
-    "cz-conventional-changelog": "^3.3.0",
-    "eslint": "^7.12.1",
-    "eslint-config-airbnb": "18.2.0",
-    "eslint-config-prettier": "^6.11.0",
-    "eslint-plugin-import": "^2.21.2",
-    "eslint-plugin-jest": "^24.1.0",
-    "eslint-plugin-jsx-a11y": "^6.3.0",
-    "eslint-plugin-prettier": "^3.1.3",
-    "eslint-plugin-react": "^7.20.0",
-    "eslint-plugin-react-hooks": "4.0.0",
-    "husky": "^4.2.5",
-    "jest": "^26.0.1",
-    "lint-staged": "^10.5.3",
-    "pod-install": "^0.1.0",
-    "prettier": "^2.0.5",
-    "react": "16.11.0",
-    "react-native": "0.62.2",
-    "react-test-renderer": "^17.0.1",
-    "semantic-release": "^17.3.1",
-    "typescript": "^3.8.3"
+    "@testing-library/jest-native": "^5.4.3",
+    "@testing-library/react-native": "^13.3.3",
+    "@types/jest": "^30.0.0",
+    "@types/react": "^19.2.7",
+    "@types/react-dom": "^19.2.3",
+    "@types/react-native": "0.73.0",
+    "husky": "^9.1.7",
+    "jest": "^30.2.0",
+    "pod-install": "^1.0.9",
+    "prettier": "^3.7.4",
+    "react": "19.2.3",
+    "react-native": "0.83.1",
+    "react-native-builder-bob": "^0.40.17",
+    "react-test-renderer": "^19.2.3",
+    "typescript": "^5.9.3"
   },
   "peerDependencies": {
     "react": "*",
     "react-native": "*"
   },
-  "lint-staged": {
-    "*.js": [
-      "eslint --fix",
-      "prettier --write",
-      "git add"
-    ]
-  },
-  "commitlint": {
-    "extends": [
-      "@commitlint/config-conventional"
-    ]
-  },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS",
-      "pre-commit": "lint-staged && yarn typescript"
-    }
-  },
-  "config": {
-    "commitizen": {
-      "path": "./node_modules/cz-conventional-changelog"
-    }
-  },
-  "eslintIgnore": [
-    "node_modules/",
-    "dist/"
-  ],
-  "@react-native-community/bob": {
+  "react-native-builder-bob": {
     "source": "src",
     "output": "dist",
     "targets": [
@@ -143,12 +99,9 @@
           "project": "tsconfig.build.json"
         }
       ]
-    ],
-    "files": [
-      "src/"
     ]
   },
   "dependencies": {
-    "@callstack/react-theme-provider": "^2.1.0"
+    "@callstack/react-theme-provider": "^3.0.9"
   }
 }

package/src/components/AppBar/AppBarContent.tsx

@@ -46,7 +46,7 @@ const AppbarContent = ({
             theme={theme}
             // ref={titleRef}
             style={[styles.title, titleStyle]}
-            accessibilityTraits='header'
+            accessibilityRole='header'
           >
             {title}
           </Text>

package/src/components/Button/Button.tsx

@@ -99,8 +99,6 @@ const Button = ({
         onShowUnderlay={() => setIsPressed(true)}
         underlayColor='none'
         accessibilityLabel={accessibilityLabel}
-        accessibilityTraits={disabled ? ['button', 'disabled'] : 'button'}
-        accessibilityComponentType='button'
         accessibilityRole='button'
         accessibilityState={{ disabled }}
         accessible={accessible}

package/src/components/Divider/Divider.tsx

@@ -31,6 +31,7 @@ const Divider = ({
   const isHorizontal = orientation === 'horizontal';
   const isRaised = variant === 'raised';
   const thickness = isRaised ? 5 : 4;
+  //@ts-ignore
   const dynamicStyles: StyleProp<ViewStyle> = {
     width: isHorizontal ? size : thickness,
     height: isHorizontal ? thickness : size,

package/src/components/FAB/FAB.tsx

@@ -197,8 +197,6 @@ const FAB = ({
         underlayColor='none'
         disabled={disabled}
         accessibilityLabel={accessibilityLabel}
-        accessibilityTraits={disabled ? ['button', 'disabled'] : 'button'}
-        accessibilityComponentType='button'
         accessibilityRole='button'
         accessibilityState={{ ...accessibilityState, disabled }}
         style={styles.touchable}

package/src/components/FAB/FABGroup.tsx

@@ -287,8 +287,6 @@ const FABGroup = ({
                         ? SWAG.accessibilityLabel
                         : SWAG.label
                     }
-                    accessibilityTraits='button'
-                    accessibilityComponentType='button'
                     accessibilityRole='button'
                   >
                     <Text style={{ color: labelColor }}>{SWAG.label}</Text>
@@ -318,8 +316,6 @@ const FABGroup = ({
                     ? SWAG.accessibilityLabel
                     : SWAG.label
                 }
-                accessibilityTraits='button'
-                accessibilityComponentType='button'
                 accessibilityRole='button'
                 testID={SWAG.testID}
                 visible={open}
@@ -335,8 +331,6 @@ const FABGroup = ({
           icon={icon}
           color={colorProp}
           accessibilityLabel={accessibilityLabel}
-          accessibilityTraits='button'
-          accessibilityComponentType='button'
           accessibilityRole='button'
           accessibilityState={{ expanded: open }}
           style={[styles.fab, fabStyle]}

package/src/components/Hourglass/Hourglass.tsx

@@ -14,6 +14,7 @@ const Hourglass = ({ size = 30, style, ...rest }: Props) => {
   return (
     <View
       style={[
+        //@ts-ignore
         {
           width: size,
           height: size,

package/src/components/NumberInput/NumberInput.tsx

@@ -98,6 +98,7 @@ const NumberInput = ({
         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

package/src/components/Select/SelectBase.tsx

@@ -101,7 +101,7 @@ export default function getSelectOptions({
   values,
   onChange,
   theme,
-}: SelectOptionsProps): [Option[], JSX.Element[]] {
+}: SelectOptionsProps): [Option[], React.JSX.Element[]] {
   const selectedOptions = options.filter(option =>
     values.includes(option.value),
   );

package/src/components/SwitchBase/SwitchBase.tsx

@@ -103,12 +103,12 @@ const SwitchBase = ({
     return disabled ? theme.material : theme.canvas;
   };
 
-  const getAccessibilityComponentType = () => {
+  /*const getAccessibilityComponentType = () => {
     if (isRadio) {
       return checked ? 'radiobutton_checked' : 'radiobutton_unchecked';
     }
     return 'button';
-  };
+  };*/
 
   return (
     <TouchableHighlight
@@ -119,8 +119,6 @@ const SwitchBase = ({
       onHideUnderlay={() => setIsPressed(false)}
       onShowUnderlay={() => setIsPressed(true)}
       // TODO: check if those accessibility properties are correct
-      accessibilityTraits={disabled ? ['button', 'disabled'] : 'button'}
-      accessibilityComponentType={getAccessibilityComponentType()}
       accessibilityRole={component}
       accessibilityState={{ disabled, checked }}
       accessibilityLiveRegion='polite'

package/src/components/Tabs/Tabs.tsx

@@ -42,6 +42,7 @@ const Tabs = ({
       return null;
     }
     const tabProps = {
+      //@ts-ignore
       selected: child.props.value === value,
       onPress: onChange,
       stretch,
@@ -116,8 +117,6 @@ const Tab = ({
         selected ? margin(0, -8) : margin(0, 0),
         style,
       ]}
-      accessibilityTraits={selected ? ['button', 'selected'] : 'button'}
-      accessibilityComponentType='button'
       accessibilityRole='tab'
       accessibilityState={{
         selected,

package/src/hooks/useControlledOrUncontrolled.ts

@@ -13,6 +13,7 @@ export default ({
   const isControlled = value !== undefined;
   const [controlledValue, setControlledValue] = useState(defaultValue);
 
+  //@ts-ignore
   const handleChangeIfUncontrolled = useCallback(newValue => {
     if (!isControlled) {
       setControlledValue(newValue);

package/src/styles/styleElements.tsx

@@ -95,6 +95,7 @@ const borderStyles = StyleSheet.create({
     bottom: 0,
     left: 0,
     right: 0,
+    zIndex: -1,
   },
   invert: {
     transform: [{ rotate: '180deg' }],