Merge pull request #133 from Paymium/formIncrease

Form increase

.changeset/curly-jeans-care.md

@@ -0,0 +1,5 @@
+---
+'crossed-doc': minor
+---
+
+add doc checkbox and radio

.changeset/famous-goats-try.md

@@ -0,0 +1,5 @@
+---
+'@crossed/ui': minor
+---
+
+Increase checkbox

.changeset/hungry-teachers-travel.md

@@ -0,0 +1,5 @@
+---
+'@crossed/ui': minor
+---
+
+Increase Radio

.changeset/polite-beds-cross.md

@@ -0,0 +1,10 @@
+---
+'@crossed/next-adapter': patch
+'@crossed/primitive': patch
+'@crossed/loader': patch
+'@crossed/styled': patch
+'@crossed/core': patch
+'@crossed/ui': patch
+---
+
+clean peerdependencies

apps/doc/src/@crossed-ui/Forms/Checkbox.stories.tsx

@@ -20,20 +20,38 @@ const meta: Meta<typeof Checkbox> = {
     defaultChecked: { control: 'boolean' },
   },
   args: { onChecked: fn() },
+  render(e) {
+    return <Checkbox {...e}>My label</Checkbox>;
+  },
 };
 
 export default meta;
 type Story = StoryObj<typeof Checkbox>;
 
 export const Primary: Story = {
-  args: {
-    children: 'My label',
-  },
+  args: {},
 };
 
 export const DefaultChecked: Story = {
-  args: {
-    ...Primary.args,
-    defaultChecked: true,
+  args: { ...Primary.args, defaultChecked: true },
+};
+
+export const Disabled: Story = {
+  args: { ...Primary.args, disabled: true },
+};
+
+export const NoThumb: Story = {
+  args: { ...Primary.args, noThumb: true },
+};
+
+export const CustomPlacementThumb: Story = {
+  args: { ...Primary.args, noThumb: true },
+  render(e) {
+    return (
+      <Checkbox {...e}>
+        My label
+        <Checkbox.Thumb />
+      </Checkbox>
+    );
   },
 };

apps/doc/src/@crossed-ui/Forms/Radio.stories.tsx

@@ -28,3 +28,11 @@ export const Primary: Story = {
     children: 'My label',
   },
 };
+
+export const Disabled: Story = {
+  args: { ...Primary.args, disabled: true },
+};
+
+export const DisabledChecked: Story = {
+  args: { ...Primary.args, disabled: true, defaultChecked: true },
+};

packages/core/package.json

@@ -40,8 +40,8 @@
     "typescript": "5.4.2"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-native": "^0.73.6"
+    "react": "*",
+    "react-native": "*"
   },
   "files": [
     "lib/",

packages/loader/package.json

@@ -27,7 +27,7 @@
     "typescript": "^5.4.2"
   },
   "peerDependencies": {
-    "@crossed/styled": "0.14.3",
+    "@crossed/styled": "*",
     "@crossed/theme": "workspace:^"
   },
   "dependencies": {

packages/next-adapter/package.json

@@ -22,7 +22,7 @@
     "type-check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "react": "18.3.1"
+    "react": "*"
   },
   "husky": {
     "hooks": {

packages/primitive/package.json

@@ -32,7 +32,9 @@
   },
   "devDependencies": {
     "@crossed/build": "*",
+    "@crossed/core": "0.8.2",
     "@crossed/test": "0.13.0",
+    "@gorhom/portal": "^1.0.14",
     "@testing-library/jest-dom": "^6.5.0",
     "@types/jest": "^29.5.13",
     "@types/react": "^18.3.3",
@@ -46,15 +48,17 @@
     "tsconfig": "*"
   },
   "dependencies": {
-    "@crossed/core": "0.8.2",
-    "@gorhom/portal": "^1.0.14",
     "@react-native-aria/focus": "^0.2.8",
     "@react-native-aria/interactions": "^0.2.10",
     "react-aria": "^3.27.0",
     "react-focus-lock": "^2.11.2",
     "react-focus-on": "^3.9.2",
     "react-remove-scroll": "^2.5.6"
   },
+  "peerDependencies": {
+    "@crossed/core": "*",
+    "@gorhom/portal": "*"
+  },
   "files": [
     "lib/",
     "src/"

packages/styled/package.json

@@ -83,21 +83,17 @@
     "@types/jest": "^29.5.13",
     "@types/node": "^20.14.2",
     "@types/react": "^18.3.3",
-    "@types/react-dom": "^18.3.0",
     "csstype": "3.1.3",
     "jest-bench": "^29.7.1",
     "react": "^18.3.1",
-    "react-dom": "^18.3.1",
     "react-native": "^0.73.6",
     "react-native-web": "^0.19.10",
     "ts-loader": "^9.5.1",
     "typescript": "^5.4.2"
   },
   "peerDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "react-native": "^0.73.6",
-    "react-native-web": "^0.19.10"
+    "react": "*",
+    "react-native": "*"
   },
   "dependencies": {
     "@crossed/core": "^0.8.2",

packages/ui/package.json

@@ -74,16 +74,14 @@
     "type-check": "tsc --noEmit"
   },
   "peerDependencies": {
-    "@crossed/build": "*",
-    "@crossed/core": "0.8.2",
-    "@crossed/primitive": "1.9.1",
-    "@crossed/styled": "workspace:^",
+    "@crossed/core": "*",
+    "@crossed/primitive": "*",
+    "@crossed/styled": "*",
     "@crossed/theme": "workspace:^",
     "@crossed/unicons": "3.0.1",
-    "@devvie/bottom-sheet": "0.3.0",
-    "react-native": "^0.73.6",
-    "react-native-gesture-handler": "~2.21.2",
-    "react-native-reanimated": "^3.10.1"
+    "react-native": "*",
+    "react-native-gesture-handler": "*",
+    "react-native-reanimated": "*"
   },
   "devDependencies": {
     "@crossed/build": "*",

packages/ui/src/forms/Checkbox/__tests__/Checkbox.spec.tsx

@@ -0,0 +1,35 @@
+/**
+ * Copyright (c) Paymium.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root of this projects source tree.
+ */
+
+import { Checkbox } from '../index';
+import { screen, render, fireEvent } from '@crossed/test';
+
+describe('Checkbox', () => {
+  test('Simple render', () => {
+    const onPress = jest.fn();
+    render(<Checkbox onPress={onPress}>Simple</Checkbox>);
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toHaveAttribute('aria-checked', 'false');
+    fireEvent.click(checkbox);
+    expect(checkbox).toHaveAttribute('aria-checked', 'true');
+    expect(onPress).toHaveBeenCalled();
+  });
+
+  test('Disabled', () => {
+    const onPress = jest.fn();
+    render(
+      <Checkbox onPress={onPress} disabled>
+        Simple
+      </Checkbox>
+    );
+    const checkbox = screen.getByRole('checkbox');
+    expect(checkbox).toHaveAttribute('aria-checked', 'false');
+    fireEvent.click(checkbox);
+    expect(checkbox).toHaveAttribute('aria-checked', 'false');
+    expect(onPress).not.toHaveBeenCalled();
+  });
+});