@audira/carbon-react-native 1.0.0-beta.13 → 1.0.0-beta.15

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@audira/carbon-react-native",
-  "version": "1.0.0-beta.13",
+  "version": "1.0.0-beta.15",
   "license": "MIT",
   "homepage": "https://rakadoank.github.io/carbon-react-native",
   "repository": "https://github.com/RakaDoank/carbon-react-native",

package/src/components/checkbox/Checkbox.tsx

@@ -61,8 +61,8 @@ import type {
 export const Checkbox = forwardRef<CheckboxRef, CheckboxProps>(
 	function Checkbox(
 		{
-			defaultValue,
-			value,
+			defaultChecked,
+			checked,
 			interactiveState = "normal",
 			label,
 			role = "checkbox",
@@ -150,8 +150,8 @@ export const Checkbox = forwardRef<CheckboxRef, CheckboxProps>(
 				<CheckboxInput
 					{ ...checkboxInputProps }
 					role="none"
-					defaultValue={ defaultValue }
-					value={ value }
+					defaultChecked={ defaultChecked }
+					checked={ checked }
 					interactiveState={ interactiveState }
 					onChange={ onChange }
 					onPress={ onPress }

package/src/components/checkbox/CheckboxProps.ts

@@ -12,17 +12,16 @@ import type {
 } from "../form-label"
 
 export interface CheckboxProps extends Omit<ViewProps, "children"> {
-	defaultValue?: CheckboxInputProps["defaultValue"],
-	value?: CheckboxInputProps["value"],
+	defaultChecked?: CheckboxInputProps["defaultChecked"],
+	checked?: CheckboxInputProps["checked"],
 	interactiveState?: CheckboxInputProps["interactiveState"],
 	label: string,
 	onChange?: CheckboxInputProps["onChange"],
 	onPress?: CheckboxInputProps["onPress"],
 	checkboxInputProps?: Omit<
 		CheckboxInputProps,
-		| "defaultValue"
-		| "value"
-		| "indeterminate"
+		| "defaultChecked"
+		| "checked"
 		| "interactiveState"
 		| "role"
 		| "onChange"

package/src/components/checkbox-input/CheckboxInput.tsx

@@ -49,8 +49,8 @@ import type {
 } from "./CheckboxInputRef"
 
 import type {
-	CheckboxInputValue,
-} from "./CheckboxInputValue"
+	CheckboxInputState,
+} from "./CheckboxInputState"
 
 import type {
 	RefBase,
@@ -59,8 +59,8 @@ import type {
 export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 	function CheckboxInput(
 		{
-			defaultValue,
-			value: valueProp,
+			defaultChecked,
+			checked: checkedProp,
 			interactiveState = "normal",
 			style,
 			role = "checkbox",
@@ -83,32 +83,32 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 			ref =
 				useRef({
 					onChangeEffect: false,
-					value: typeof valueProp == "boolean" || typeof valueProp == "object"
-						? valueProp
-						: typeof defaultValue == "boolean" || typeof defaultValue == "object"
-							? defaultValue
+					value: typeof checkedProp == "boolean" || typeof checkedProp == "object"
+						? checkedProp
+						: typeof defaultChecked == "boolean" || typeof defaultChecked == "object"
+							? defaultChecked
 							: false,
 				}),
 
 			[isFocused, setIsFocused] =
 				useState(false),
 
-			[valueSelf, setValueSelf] =
+			[checkedSelf, setCheckedSelf] =
 				useState(() => {
-					if(typeof defaultValue == "boolean" || typeof defaultValue == "object") {
-						return defaultValue
+					if(typeof defaultChecked == "boolean" || typeof defaultChecked == "object") {
+						return defaultChecked
 					}
 					return false
 				}),
 
 			controlled =
-				typeof valueProp !== "undefined",
+				typeof checkedProp !== "undefined",
 
-			value =
-				controlled ? valueProp : valueSelf,
+			checked =
+				controlled ? checkedProp : checkedSelf,
 
 			indeterminate =
-				value === null,
+				checked === null,
 
 			blurHandler: NonNullable<PressableProps["onBlur"]> =
 				useCallback(event => {
@@ -132,7 +132,7 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 					if(interactiveState !== "read_only") {
 						if(!controlled) {
 							ref.current.onChangeEffect = true
-							setValueSelf(self => self === null ? true : !self)
+							setCheckedSelf(self => self === null ? true : !self)
 						} else {
 							onChange?.(ref.current.value === null ? true : !ref.current.value)
 						}
@@ -148,13 +148,13 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 				mapIconColor[interactiveState][themeContext.colorScheme]
 
 		useEffect(() => {
-			ref.current.value = value
+			ref.current.value = checked
 			if(ref.current.onChangeEffect) {
 				ref.current.onChangeEffect = false
-				onChange?.(value)
+				onChange?.(checked)
 			}
 		}, [
-			value,
+			checked,
 			onChange,
 		])
 
@@ -163,12 +163,12 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 				viewRef.current as View,
 				{
 					get value() {
-						return value
+						return checked
 					},
 					setValue(value_) {
 						if(!controlled && interactiveState !== "read_only") {
 							ref.current.onChangeEffect = true
-							setValueSelf(self => {
+							setCheckedSelf(self => {
 								if(typeof value_ === "function") {
 									ref.current.value = value_(self)
 								} else {
@@ -181,7 +181,7 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 				},
 			)
 		}, [
-			value,
+			checked,
 			controlled,
 			interactiveState,
 		])
@@ -199,7 +199,7 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 					FlexStyleSheet.justify_center,
 					CommonStyleSheet.relative,
 					baseStyle.checkbox,
-					getInteractiveStateStyle(interactiveState, value),
+					getInteractiveStateStyle(interactiveState, checked),
 					style,
 				] }
 				ref={ viewRef }
@@ -215,7 +215,7 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 					] }
 				/>
 
-				{ value && indeterminate ? (
+				{ indeterminate ? (
 					<IconSubtract
 						width={ iconSize }
 						height={ iconSize }
@@ -226,7 +226,7 @@ export const CheckboxInput = forwardRef<CheckboxInputRef, CheckboxInputProps>(
 						width={ iconSize }
 						height={ iconSize }
 						fill={ iconColor }
-						style={ !value ? baseStyle.checkmarkHidden : null }
+						style={ !checked ? baseStyle.checkmarkHidden : null }
 					/>
 				) }
 			</Pressable>
@@ -334,7 +334,7 @@ const
 
 function getInteractiveStateStyle(
 	interactiveState: CheckboxInputInteractiveState,
-	value: CheckboxInputValue,
+	value: CheckboxInputState,
 ) {
-	return interactiveStyle[`${interactiveState}_${!!value}`]
+	return interactiveStyle[`${interactiveState}_${typeof value == "object" ? true : value}`]
 }

package/src/components/checkbox-input/CheckboxInputProps.ts

@@ -8,18 +8,20 @@ import type {
 } from "./CheckboxInputInteractiveState"
 
 import type {
-	CheckboxInputValue,
-} from "./CheckboxInputValue"
+	CheckboxInputState,
+} from "./CheckboxInputState"
 
 export interface CheckboxInputProps extends Omit<
 	PressableProps,
+	| "defaultValue"
+	| "value"
 	| "children"
 	| "disabled"
 	| "style"
 > {
-	defaultValue?: CheckboxInputValue,
-	value?: CheckboxInputValue,
+	defaultChecked?: CheckboxInputState,
+	checked?: CheckboxInputState,
 	interactiveState?: CheckboxInputInteractiveState,
-	onChange?: (value: CheckboxInputValue) => void,
+	onChange?: (value: CheckboxInputState) => void,
 	style?: ViewProps["style"],
 }

package/src/components/checkbox-input/{CheckboxInputValue.ts → CheckboxInputState.ts}

@@ -1,6 +1,6 @@
 /**
  * null = indeterminate
  */
-export type CheckboxInputValue =
+export type CheckboxInputState =
 	| boolean
 	| null

package/src/components/checkbox-input/_RefBase.ts

@@ -1,11 +1,11 @@
 import type {
-	CheckboxInputValue,
-} from "./CheckboxInputValue"
+	CheckboxInputState,
+} from "./CheckboxInputState"
 
 export interface RefBase {
-	readonly value: CheckboxInputValue,
+	readonly value: CheckboxInputState,
 	/**
 	 * This method does nothing when `controlled` prop is true
 	 */
-	setValue: (value: CheckboxInputValue | ((value: CheckboxInputValue) => CheckboxInputValue)) => void,
+	setValue: (value: CheckboxInputState | ((value: CheckboxInputState) => CheckboxInputState)) => void,
 }

package/src/components/checkbox-input/{index.tsx → index.ts}

@@ -2,4 +2,4 @@ export * from "./CheckboxInput"
 export * from "./CheckboxInputInteractiveState"
 export * from "./CheckboxInputProps"
 export * from "./CheckboxInputRef"
-export * from "./CheckboxInputValue"
+export * from "./CheckboxInputState"

package/src/components/notification/_variants/actionable/ActionableVariant.tsx

@@ -43,7 +43,6 @@ export const ActionableVariant = forwardRef<ActionableVariantRef, ActionableVari
 			<VariantContextProvider color={ color }>
 				<Base
 					{ ...props }
-					inline={ false }
 					Icon={ Icon }
 					iconClose
 					body={

package/src/components/notification/_variants/callout/CalloutVariant.tsx

@@ -38,7 +38,6 @@ export const CalloutVariant = forwardRef<CalloutVariantRef, CalloutVariantProps>
 			<VariantContextProvider color={ color }>
 				<Base
 					{ ...props }
-					inline={ false }
 					Icon={ Icon }
 					iconClose={ false }
 					body={

package/lib/commonjs/components/checkbox-input/CheckboxInputValue.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=CheckboxInputValue.js.map

package/lib/module/components/checkbox-input/CheckboxInputValue.js

@@ -1,2 +0,0 @@
-"use strict";
-//# sourceMappingURL=CheckboxInputValue.js.map

package/lib/typescript/commonjs/components/checkbox-input/CheckboxInputValue.d.ts

@@ -1,5 +0,0 @@
-/**
- * null = indeterminate
- */
-export type CheckboxInputValue = boolean | null;
-//# sourceMappingURL=CheckboxInputValue.d.ts.map

package/lib/typescript/commonjs/components/checkbox-input/CheckboxInputValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox-input/CheckboxInputValue.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC3B,OAAO,GACP,IAAI,CAAA"}

package/lib/typescript/module/components/checkbox-input/CheckboxInputValue.d.ts

@@ -1,5 +0,0 @@
-/**
- * null = indeterminate
- */
-export type CheckboxInputValue = boolean | null;
-//# sourceMappingURL=CheckboxInputValue.d.ts.map

package/lib/typescript/module/components/checkbox-input/CheckboxInputValue.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"CheckboxInputValue.d.ts","sourceRoot":"","sources":["../../../../../src/components/checkbox-input/CheckboxInputValue.ts"],"names":[],"mappings":"AAAA;;GAEG;AACH,MAAM,MAAM,kBAAkB,GAC3B,OAAO,GACP,IAAI,CAAA"}