fix(checkbox): changes checkBoxSig to checkboxSig

TheMcnafaha · TheMcnafaha · commit 36df07a7b93b · 2024-06-02T22:57:30.000-04:00
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-false.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-false.tsx
@@ -11,7 +11,7 @@ export default component$(() => {
         <Checkbox.Root
           class="flex items-center gap-3 bg-slate-900  text-white"
           checklist={true}
-          checkBoxSig={checklistSig}
+          checkboxSig={checklistSig}
           id="checklist"
         >
           <Checklist.Indicator class="w-fit">
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-falses.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-falses.tsx
@@ -17,14 +17,14 @@ export default component$(() => {
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root
-          checkBoxSig={firstUserSig}
+          checkboxSig={firstUserSig}
           class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
         >
           <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
           <p>No other stuff is needed here</p>
         </Checkbox.Root>
 
-        <Checkbox.Root checkBoxSig={secondUserSig} class="bg-slate-900 text-white">
+        <Checkbox.Root checkboxSig={secondUserSig} class="bg-slate-900 text-white">
           <div class="flex items-center gap-3">
             <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
             <p>No other stuff is needed here</p>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-mixed.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-mixed.tsx
@@ -22,14 +22,14 @@ export default component$(() => {
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root
-          checkBoxSig={firstUserSig}
+          checkboxSig={firstUserSig}
           class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
         >
           <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
           <p>No other stuff is needed here</p>
         </Checkbox.Root>
 
-        <Checkbox.Root checkBoxSig={secondUserSig} class="bg-slate-900 text-white">
+        <Checkbox.Root checkboxSig={secondUserSig} class="bg-slate-900 text-white">
           <div class="flex items-center gap-3">
             <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
             <p>No other stuff is needed here</p>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-true.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-true.tsx
@@ -10,7 +10,7 @@ export default component$(() => {
         <Checkbox.Root
           class="flex items-center gap-3 bg-slate-900  text-white"
           checklist={true}
-          checkBoxSig={checklistSig}
+          checkboxSig={checklistSig}
           id="checklist"
         >
           <Checklist.Indicator class="w-fit">
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-trues.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list-trues.tsx
@@ -17,14 +17,14 @@ export default component$(() => {
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root
-          checkBoxSig={firstUserSig}
+          checkboxSig={firstUserSig}
           class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
         >
           <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
           <p>No other stuff is needed here</p>
         </Checkbox.Root>
 
-        <Checkbox.Root checkBoxSig={secondUserSig} class="bg-slate-900 text-white">
+        <Checkbox.Root checkboxSig={secondUserSig} class="bg-slate-900 text-white">
           <div class="flex items-center gap-3">
             <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
             <p>No other stuff is needed here</p>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-controlled-list.tsx
@@ -17,7 +17,7 @@ export default component$(() => {
           <p>Controlls all</p>
         </Checkbox.Root>
         <Checkbox.Root
-          checkBoxSig={firstUserSig}
+          checkboxSig={firstUserSig}
           class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
         >
           <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-hero.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-hero.tsx
@@ -5,7 +5,7 @@ export default component$(() => {
   const userSig = useSignal(true);
   return (
     <>
-      <Checkbox.Root class="bg-slate-900 text-white" checkBoxSig={userSig}>
+      <Checkbox.Root class="bg-slate-900 text-white" checkboxSig={userSig}>
         <div class="flex items-center gap-3">
           <Checkbox.Indicator class="w-fit bg-slate-600">
             <p id="indicator">✅</p>
diff --git a/apps/website/src/routes/docs/headless/checkbox/examples/test-props-ids-list.tsx b/apps/website/src/routes/docs/headless/checkbox/examples/test-props-ids-list.tsx
@@ -19,7 +19,7 @@ export default component$(() => {
         </Checkbox.Root>
         <Checkbox.Root
           id="child-1"
-          checkBoxSig={firstUserSig}
+          checkboxSig={firstUserSig}
           class="flex items-center gap-3 bg-slate-900 pr-2 text-white"
         >
           <Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>
diff --git a/packages/kit-headless/src/components/checkbox/checkbox.tsx b/packages/kit-headless/src/components/checkbox/checkbox.tsx
@@ -19,7 +19,7 @@ export type MixedStateCheckboxProps = {
   _overWriteCheckbox?: boolean;
 } & PropsOf<'div'>;
 export type TwoStateCheckboxProps = {
-  checkBoxSig?: Signal<boolean>;
+  checkboxSig?: Signal<boolean>;
   _useCheckListContext?: boolean;
   _overWriteCheckbox?: boolean;
 } & PropsOf<'div'>;
@@ -28,7 +28,7 @@ type TwoStateCheckboxBehaviorProps = {
   checkboxSig: Signal<boolean>;
 } & PropsOf<'div'>;
 export type ChecklistTwoStateCheckboxProps = {
-  checkBoxSig?: Signal<boolean>;
+  checkboxSig?: Signal<boolean>;
   _useCheckListContext?: boolean;
   _overWriteCheckbox?: boolean;
 } & PropsOf<'div'>;
@@ -65,7 +65,7 @@ function getAriaChecked(triBool: TriBool): 'mixed' | 'true' | 'false' {
 export const TwoStateCheckbox = component$<TwoStateCheckboxProps>((props) => {
   // all the sig stuff should be refactored into a fancy hook
   const defaultSig = useSignal(false);
-  const appliedSig = props.checkBoxSig ?? defaultSig;
+  const appliedSig = props.checkboxSig ?? defaultSig;
   const checklistID = useSignal<string | undefined>(props.id);
   useContextProvider(CheckboxContext, appliedSig);
   return (
@@ -89,7 +89,7 @@ export const ChecklistTwoStateCheckbox = component$<ChecklistTwoStateCheckboxPro
     // making this a wrapper over the simpler component or using hooks
     const checklistContext = useContext(CheckListContext);
     const defaultSig = useSignal(false);
-    const appliedSig = props.checkBoxSig ?? defaultSig;
+    const appliedSig = props.checkboxSig ?? defaultSig;
     const checklistID = useSignal<string | undefined>(props.id);
     // makes sure that the checklist's value is the same as its child
     const syncToChecklist = useSignal<undefined | boolean>(props._overWriteCheckbox);
diff --git a/packages/kit-headless/src/components/checkbox/checklist.tsx b/packages/kit-headless/src/components/checkbox/checklist.tsx
diff --git a/packages/kit-headless/src/components/checklist/checklist.tsx b/packages/kit-headless/src/components/checklist/checklist.tsx
@@ -49,9 +49,9 @@ export const Checklist: Component<CheckListProps> = (props: CheckListProps) => {
           } else {
             idArr.push(false);
           }
-          if (typedProps.checkBoxSig && typedProps.checkBoxSig.value) {
-            boolArr.push(typedProps.checkBoxSig.value);
-            hellSigs.push(typedProps.checkBoxSig);
+          if (typedProps.checkboxSig && typedProps.checkboxSig.value) {
+            boolArr.push(typedProps.checkboxSig.value);
+            hellSigs.push(typedProps.checkboxSig);
           } else {
             boolArr.push(false);
           }
@@ -79,7 +79,7 @@ export const Checklist: Component<CheckListProps> = (props: CheckListProps) => {
       "QWIKUI: checklist doesn't have a checkbox. Did you give the atribute to *checklist* to any of the checkboxes inside the checklist?",
     );
   }
-  if (checklistCheckbox.props.checkBoxSig) {
+  if (checklistCheckbox.props.checkboxSig) {
     checklistChilds.forEach((checkbox) => {
       Object.assign(checkbox.props, { _overWriteCheckbox: true });
     });

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ export default component$(() => {`
`11`	`11`	`<Checkbox.Root`
`12`	`12`	`class="flex items-center gap-3 bg-slate-900 text-white"`
`13`	`13`	`checklist={true}`
`14`		`- checkBoxSig={checklistSig}`
	`14`	`+ checkboxSig={checklistSig}`
`15`	`15`	`id="checklist"`
`16`	`16`	`>`
`17`	`17`	`<Checklist.Indicator class="w-fit">`
Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@ export default component$(() => {`
`10`	`10`	`<Checkbox.Root`
`11`	`11`	`class="flex items-center gap-3 bg-slate-900 text-white"`
`12`	`12`	`checklist={true}`
`13`		`- checkBoxSig={checklistSig}`
	`13`	`+ checkboxSig={checklistSig}`
`14`	`14`	`id="checklist"`
`15`	`15`	`>`
`16`	`16`	`<Checklist.Indicator class="w-fit">`
Original file line number	Diff line number	Diff line change
`@@ -17,7 +17,7 @@ export default component$(() => {`
`17`	`17`	`<p>Controlls all</p>`
`18`	`18`	`</Checkbox.Root>`
`19`	`19`	`<Checkbox.Root`
`20`		`- checkBoxSig={firstUserSig}`
	`20`	`+ checkboxSig={firstUserSig}`
`21`	`21`	`class="flex items-center gap-3 bg-slate-900 pr-2 text-white"`
`22`	`22`	`>`
`23`	`23`	`<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>`
Original file line number	Diff line number	Diff line change
`@@ -19,7 +19,7 @@ export default component$(() => {`
`19`	`19`	`</Checkbox.Root>`
`20`	`20`	`<Checkbox.Root`
`21`	`21`	`id="child-1"`
`22`		`- checkBoxSig={firstUserSig}`
	`22`	`+ checkboxSig={firstUserSig}`
`23`	`23`	`class="flex items-center gap-3 bg-slate-900 pr-2 text-white"`
`24`	`24`	`>`
`25`	`25`	`<Checkbox.Indicator class="w-fit bg-slate-600">✅</Checkbox.Indicator>`