@proyecto-viviana/solidaria 0.2.8 → 0.4.0

package/dist/_chunk/checkbox.jsx

@@ -0,0 +1,234 @@
+import { t as createPress } from "./createPress.jsx";
+import { i as access, o as mergeProps } from "./env.jsx";
+import { t as filterDOMProps } from "./filterDOMProps.jsx";
+import { t as createFocusWithin } from "./createFocusWithin.jsx";
+import { t as createToggle } from "./createToggle.jsx";
+import { t as createField } from "./createField.jsx";
+import { createEffect } from "solid-js";
+import { createCheckboxGroupState } from "@proyecto-viviana/solid-stately";
+//#region src/checkbox/createCheckbox.ts
+/**
+* Checkbox hook for Solidaria
+*
+* Provides the behavior and accessibility implementation for a checkbox component.
+* Checkboxes allow users to select multiple items from a list of individual items,
+* or to mark one individual item as selected.
+*
+* This is a 1:1 port of @react-aria/checkbox's useCheckbox hook.
+*/
+/**
+* Provides the behavior and accessibility implementation for a checkbox component.
+* Checkboxes allow users to select multiple items from a list of individual items,
+* or to mark one individual item as selected.
+*
+* @param props - Props for the checkbox.
+* @param state - State for the checkbox, as returned by `createToggleState`.
+* @param inputRef - A ref accessor for the HTML input element.
+*/
+function createCheckbox(props, state, inputRef) {
+	const getProps = () => access(props);
+	const toggleResult = createToggle(props, state, inputRef);
+	const { labelProps: baseLabelProps, isSelected, isPressed, isDisabled, isReadOnly, isInvalid } = toggleResult;
+	createEffect(() => {
+		const input = inputRef();
+		const isIndeterminate = getProps().isIndeterminate;
+		if (input) input.indeterminate = !!isIndeterminate;
+	});
+	const { pressProps } = createPress({
+		get isDisabled() {
+			return isDisabled || isReadOnly;
+		},
+		onPress() {}
+	});
+	return {
+		labelProps: mergeProps(baseLabelProps, pressProps, { onMouseDown: (e) => e.preventDefault() }),
+		get inputProps() {
+			const { isRequired, validationBehavior = "native" } = getProps();
+			return mergeProps(toggleResult.inputProps, {
+				checked: isSelected(),
+				"aria-required": isRequired && validationBehavior === "aria" || void 0,
+				required: isRequired && validationBehavior === "native"
+			});
+		},
+		get descriptionProps() {
+			return toggleResult.descriptionProps;
+		},
+		get errorMessageProps() {
+			return toggleResult.errorMessageProps;
+		},
+		isSelected,
+		isPressed,
+		isDisabled,
+		isReadOnly,
+		isInvalid
+	};
+}
+//#endregion
+//#region src/checkbox/createCheckboxGroup.ts
+/**
+* Checkbox group hook for Solidaria
+*
+* Provides the behavior and accessibility implementation for a checkbox group component.
+* Checkbox groups allow users to select multiple items from a list of options.
+*
+* This is a 1:1 port of @react-aria/checkbox's useCheckboxGroup hook.
+*/
+const checkboxGroupData = /* @__PURE__ */ new WeakMap();
+/**
+* Provides the behavior and accessibility implementation for a checkbox group component.
+* Checkbox groups allow users to select multiple items from a list of options.
+*
+* @param props - Props for the checkbox group.
+* @param state - State for the checkbox group, as returned by `createCheckboxGroupState`.
+*/
+function createCheckboxGroup(props, state) {
+	const getProps = () => access(props);
+	const displayValidation = () => state.displayValidation();
+	const validationErrors = () => displayValidation().validationErrors;
+	const validationDetails = () => displayValidation().validationDetails;
+	const isInvalid = () => displayValidation().isInvalid;
+	const fallbackErrorMessage = () => {
+		const errors = validationErrors();
+		return errors.length > 0 ? errors : void 0;
+	};
+	const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({
+		get label() {
+			return getProps().label;
+		},
+		get "aria-label"() {
+			return getProps()["aria-label"];
+		},
+		get "aria-labelledby"() {
+			return getProps()["aria-labelledby"];
+		},
+		get "aria-describedby"() {
+			return getProps()["aria-describedby"];
+		},
+		get "aria-details"() {
+			return getProps()["aria-details"];
+		},
+		get description() {
+			return getProps().description;
+		},
+		get errorMessage() {
+			return getProps().errorMessage ?? fallbackErrorMessage();
+		},
+		get isInvalid() {
+			return isInvalid();
+		},
+		labelElementType: "span"
+	});
+	const updateCheckboxGroupData = () => {
+		checkboxGroupData.set(state, {
+			name: getProps().name,
+			form: getProps().form,
+			descriptionId: descriptionProps.id,
+			errorMessageId: errorMessageProps.id,
+			validationBehavior: getProps().validationBehavior ?? "native"
+		});
+	};
+	updateCheckboxGroupData();
+	createEffect(updateCheckboxGroupData);
+	const domProps = () => filterDOMProps(getProps(), { labelable: true });
+	const { focusWithinProps } = createFocusWithin({
+		get onBlurWithin() {
+			return getProps().onBlur;
+		},
+		get onFocusWithin() {
+			return getProps().onFocus;
+		},
+		get onFocusWithinChange() {
+			return getProps().onFocusChange;
+		}
+	});
+	return {
+		get groupProps() {
+			return mergeProps(domProps(), {
+				role: "group",
+				"aria-disabled": state.isDisabled || void 0,
+				...fieldProps,
+				...focusWithinProps
+			});
+		},
+		get labelProps() {
+			return labelProps;
+		},
+		get descriptionProps() {
+			return descriptionProps;
+		},
+		get errorMessageProps() {
+			return errorMessageProps;
+		},
+		get isInvalid() {
+			return isInvalid();
+		},
+		get validationErrors() {
+			return validationErrors();
+		},
+		get validationDetails() {
+			return validationDetails();
+		}
+	};
+}
+//#endregion
+//#region src/checkbox/createCheckboxGroupItem.ts
+/**
+* Provides the behavior and accessibility implementation for a checkbox component
+* contained within a checkbox group.
+*
+* @param props - Props for the checkbox.
+* @param state - State for the checkbox group, as returned by `createCheckboxGroupState`.
+* @param inputRef - A ref accessor for the HTML input element.
+*/
+function createCheckboxGroupItem(props, state, inputRef) {
+	const getProps = () => access(props);
+	const toggleState = {
+		isSelected: () => state.isSelected(getProps().value),
+		defaultSelected: state.defaultValue.includes(getProps().value),
+		setSelected(isSelected) {
+			const value = getProps().value;
+			if (isSelected) state.addValue(value);
+			else state.removeValue(value);
+			getProps().onChange?.(isSelected);
+		},
+		toggle() {
+			state.toggleValue(getProps().value);
+		}
+	};
+	const getGroupData = () => checkboxGroupData.get(state);
+	const checkboxProps = () => {
+		const p = getProps();
+		const groupData = getGroupData();
+		return {
+			...p,
+			isReadOnly: p.isReadOnly ?? state.isReadOnly,
+			isDisabled: p.isDisabled ?? state.isDisabled,
+			isInvalid: p.isInvalid ?? state.isInvalid,
+			name: p.name ?? groupData?.name,
+			form: p.form ?? groupData?.form,
+			isRequired: p.isRequired ?? state.isRequired(),
+			validationBehavior: p.validationBehavior ?? groupData?.validationBehavior ?? "native"
+		};
+	};
+	const result = createCheckbox(checkboxProps, toggleState, inputRef);
+	return {
+		...result,
+		get inputProps() {
+			const baseInputProps = result.inputProps;
+			const groupData = getGroupData();
+			const ariaDescribedBy = [
+				baseInputProps["aria-describedby"],
+				state.isInvalid && groupData?.errorMessageId ? groupData.errorMessageId : null,
+				groupData?.descriptionId
+			].filter(Boolean).join(" ") || void 0;
+			return {
+				...baseInputProps,
+				"aria-describedby": ariaDescribedBy
+			};
+		}
+	};
+}
+//#endregion
+export { createCheckbox as a, createCheckboxGroup as i, createCheckboxGroupItem as n, checkboxGroupData as r, createCheckboxGroupState as t };
+
+//# sourceMappingURL=checkbox.jsx.map

package/dist/_chunk/checkbox.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.jsx","names":[],"sources":["../../src/checkbox/createCheckbox.ts","../../src/checkbox/createCheckboxGroup.ts","../../src/checkbox/createCheckboxGroupItem.ts"],"sourcesContent":["/**\n * Checkbox hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a checkbox component.\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n *\n * This is a 1:1 port of @react-aria/checkbox's useCheckbox hook.\n */\n\nimport { JSX, Accessor, createEffect } from \"solid-js\";\nimport { createToggle, type AriaToggleProps } from \"../toggle\";\nimport { type ToggleState } from \"@proyecto-viviana/solid-stately\";\nimport { createPress } from \"../interactions/createPress\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\n\nexport interface AriaCheckboxProps extends AriaToggleProps {\n  /**\n   * Indeterminism is presentational only.\n   * The indeterminate visual representation remains regardless of user interaction.\n   */\n  isIndeterminate?: boolean;\n  /**\n   * Whether the checkbox is required.\n   */\n  isRequired?: boolean;\n  /**\n   * The validation behavior for the checkbox.\n   * @default 'native'\n   */\n  validationBehavior?: \"aria\" | \"native\";\n}\n\nexport interface CheckboxAria {\n  /** Props for the label wrapper element. */\n  labelProps: JSX.LabelHTMLAttributes<HTMLLabelElement>;\n  /** Props for the input element. */\n  inputProps: JSX.InputHTMLAttributes<HTMLInputElement>;\n  /** Props for the checkbox description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the checkbox error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the checkbox is selected. */\n  isSelected: Accessor<boolean>;\n  /** Whether the checkbox is in a pressed state. */\n  isPressed: Accessor<boolean>;\n  /** Whether the checkbox is disabled. */\n  isDisabled: boolean;\n  /** Whether the checkbox is read only. */\n  isReadOnly: boolean;\n  /** Whether the checkbox is invalid. */\n  isInvalid: boolean;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox component.\n * Checkboxes allow users to select multiple items from a list of individual items,\n * or to mark one individual item as selected.\n *\n * @param props - Props for the checkbox.\n * @param state - State for the checkbox, as returned by `createToggleState`.\n * @param inputRef - A ref accessor for the HTML input element.\n */\nexport function createCheckbox(\n  props: MaybeAccessor<AriaCheckboxProps>,\n  state: ToggleState,\n  inputRef: () => HTMLInputElement | null,\n): CheckboxAria {\n  const getProps = () => access(props);\n\n  // Get toggle aria props\n  const toggleResult = createToggle(props, state, inputRef);\n  const {\n    labelProps: baseLabelProps,\n    isSelected,\n    isPressed,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n  } = toggleResult;\n\n  // Handle indeterminate state\n  createEffect(() => {\n    const input = inputRef();\n    const isIndeterminate = getProps().isIndeterminate;\n    if (input) {\n      // indeterminate is a property, but it can only be set via javascript\n      // https://css-tricks.com/indeterminate-checkboxes/\n      input.indeterminate = !!isIndeterminate;\n    }\n  });\n\n  // Reset validation state on label press for checkbox with a hidden input.\n  const { pressProps } = createPress({\n    get isDisabled() {\n      return isDisabled || isReadOnly;\n    },\n    onPress() {\n      // Validation state reset would be handled here if we had form validation\n      // For now, this is a no-op placeholder matching React-Aria's pattern\n    },\n  });\n\n  return {\n    labelProps: mergeProps(\n      baseLabelProps as unknown as Record<string, unknown>,\n      pressProps as unknown as Record<string, unknown>,\n      {\n        // Prevent label from being focused when mouse down on it.\n        // Note, this does not prevent the input from being focused in the `click` event.\n        onMouseDown: (e: MouseEvent) => e.preventDefault(),\n      } as Record<string, unknown>,\n    ) as JSX.LabelHTMLAttributes<HTMLLabelElement>,\n    get inputProps() {\n      const p = getProps();\n      const { isRequired, validationBehavior = \"native\" } = p;\n\n      return mergeProps(toggleResult.inputProps, {\n        checked: isSelected(),\n        \"aria-required\": (isRequired && validationBehavior === \"aria\") || undefined,\n        required: isRequired && validationBehavior === \"native\",\n      }) as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n    get descriptionProps() {\n      return toggleResult.descriptionProps;\n    },\n    get errorMessageProps() {\n      return toggleResult.errorMessageProps;\n    },\n    isSelected,\n    isPressed,\n    isDisabled,\n    isReadOnly,\n    isInvalid,\n  };\n}\n","/**\n * Checkbox group hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a checkbox group component.\n * Checkbox groups allow users to select multiple items from a list of options.\n *\n * This is a 1:1 port of @react-aria/checkbox's useCheckboxGroup hook.\n */\n\nimport { JSX, createEffect } from \"solid-js\";\nimport { createField } from \"../label\";\nimport { createFocusWithin } from \"../interactions/createFocusWithin\";\nimport { filterDOMProps } from \"../utils/filterDOMProps\";\nimport { mergeProps } from \"../utils/mergeProps\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\nimport {\n  type CheckboxGroupState,\n  type CheckboxGroupProps,\n  type ValidityState,\n} from \"@proyecto-viviana/solid-stately\";\n\nexport interface AriaCheckboxGroupProps extends CheckboxGroupProps {\n  /** Defines a string value that labels the current element. */\n  \"aria-label\"?: string;\n  /** Identifies the element (or elements) that labels the current element. */\n  \"aria-labelledby\"?: string;\n  /** Identifies the element (or elements) that describes the object. */\n  \"aria-describedby\"?: string;\n  /** Identifies the element (or elements) that provide a detailed, extended description for the object. */\n  \"aria-details\"?: string;\n  /** A description for the field. Provides a hint such as specific requirements for what to choose. */\n  description?: JSX.Element;\n  /** An error message for the field. */\n  errorMessage?: JSX.Element;\n}\n\nexport interface CheckboxGroupAria {\n  /** Props for the checkbox group wrapper element. */\n  groupProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the checkbox group's visible label (if any). */\n  labelProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the checkbox group description element, if any. */\n  descriptionProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Props for the checkbox group error message element, if any. */\n  errorMessageProps: JSX.HTMLAttributes<HTMLElement>;\n  /** Whether the checkbox group is invalid. */\n  isInvalid: boolean;\n  /** Validation errors, if any. */\n  validationErrors: string[];\n  /** Validation details, if any. */\n  validationDetails: ValidityState;\n}\n\n// WeakMap to share data between checkbox group and checkbox group items\nexport const checkboxGroupData = new WeakMap<\n  CheckboxGroupState,\n  {\n    name?: string;\n    form?: string;\n    descriptionId?: string;\n    errorMessageId?: string;\n    validationBehavior: \"aria\" | \"native\";\n  }\n>();\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox group component.\n * Checkbox groups allow users to select multiple items from a list of options.\n *\n * @param props - Props for the checkbox group.\n * @param state - State for the checkbox group, as returned by `createCheckboxGroupState`.\n */\nexport function createCheckboxGroup(\n  props: MaybeAccessor<AriaCheckboxGroupProps>,\n  state: CheckboxGroupState,\n): CheckboxGroupAria {\n  const getProps = () => access(props);\n  const displayValidation = () => state.displayValidation();\n  const validationErrors = () => displayValidation().validationErrors;\n  const validationDetails = () => displayValidation().validationDetails;\n\n  const isInvalid = () => displayValidation().isInvalid;\n  const fallbackErrorMessage = () => {\n    const errors = validationErrors();\n    return errors.length > 0 ? errors : undefined;\n  };\n\n  // Use field for label association\n  const { labelProps, fieldProps, descriptionProps, errorMessageProps } = createField({\n    get label() {\n      return getProps().label;\n    },\n    get \"aria-label\"() {\n      return getProps()[\"aria-label\"];\n    },\n    get \"aria-labelledby\"() {\n      return getProps()[\"aria-labelledby\"];\n    },\n    get \"aria-describedby\"() {\n      return getProps()[\"aria-describedby\"];\n    },\n    get \"aria-details\"() {\n      return getProps()[\"aria-details\"];\n    },\n    get description() {\n      return getProps().description;\n    },\n    get errorMessage() {\n      return getProps().errorMessage ?? fallbackErrorMessage();\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    // Checkbox group is not an HTML input element so it\n    // shouldn't be labeled by a <label> element.\n    labelElementType: \"span\",\n  });\n\n  const updateCheckboxGroupData = () => {\n    checkboxGroupData.set(state, {\n      name: getProps().name,\n      form: getProps().form,\n      descriptionId: descriptionProps.id,\n      errorMessageId: errorMessageProps.id,\n      validationBehavior: getProps().validationBehavior ?? \"native\",\n    });\n  };\n\n  // Store group metadata synchronously for first-render children, then keep it reactive.\n  updateCheckboxGroupData();\n  createEffect(updateCheckboxGroupData);\n\n  // Filter DOM props\n  const domProps = () =>\n    filterDOMProps(getProps() as unknown as Record<string, unknown>, { labelable: true });\n\n  // Handle focus within\n  const { focusWithinProps } = createFocusWithin({\n    get onBlurWithin() {\n      return getProps().onBlur;\n    },\n    get onFocusWithin() {\n      return getProps().onFocus;\n    },\n    get onFocusWithinChange() {\n      return getProps().onFocusChange;\n    },\n  });\n\n  return {\n    get groupProps() {\n      return mergeProps(domProps(), {\n        role: \"group\",\n        \"aria-disabled\": state.isDisabled || undefined,\n        ...fieldProps,\n        ...focusWithinProps,\n      }) as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get labelProps() {\n      return labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return descriptionProps;\n    },\n    get errorMessageProps() {\n      return errorMessageProps;\n    },\n    get isInvalid() {\n      return isInvalid();\n    },\n    get validationErrors() {\n      return validationErrors();\n    },\n    get validationDetails() {\n      return validationDetails();\n    },\n  };\n}\n","/**\n * Checkbox group item hook for Solidaria\n *\n * Provides the behavior and accessibility implementation for a checkbox component\n * contained within a checkbox group.\n *\n * This is a 1:1 port of @react-aria/checkbox's useCheckboxGroupItem hook.\n */\n\nimport { JSX } from \"solid-js\";\nimport { createCheckbox, type AriaCheckboxProps, type CheckboxAria } from \"./createCheckbox\";\nimport { type ToggleState, type CheckboxGroupState } from \"@proyecto-viviana/solid-stately\";\nimport { checkboxGroupData } from \"./createCheckboxGroup\";\nimport { type MaybeAccessor, access } from \"../utils/reactivity\";\n\nexport interface AriaCheckboxGroupItemProps extends Omit<\n  AriaCheckboxProps,\n  \"isSelected\" | \"defaultSelected\"\n> {\n  /** The value of the checkbox. */\n  value: string;\n}\n\n/**\n * Provides the behavior and accessibility implementation for a checkbox component\n * contained within a checkbox group.\n *\n * @param props - Props for the checkbox.\n * @param state - State for the checkbox group, as returned by `createCheckboxGroupState`.\n * @param inputRef - A ref accessor for the HTML input element.\n */\nexport function createCheckboxGroupItem(\n  props: MaybeAccessor<AriaCheckboxGroupItemProps>,\n  state: CheckboxGroupState,\n  inputRef: () => HTMLInputElement | null,\n): CheckboxAria {\n  const getProps = () => access(props);\n\n  // Create toggle state that syncs with the group state\n  const toggleState: ToggleState = {\n    isSelected: () => state.isSelected(getProps().value),\n    defaultSelected: state.defaultValue.includes(getProps().value),\n    setSelected(isSelected: boolean) {\n      const value = getProps().value;\n      if (isSelected) {\n        state.addValue(value);\n      } else {\n        state.removeValue(value);\n      }\n      getProps().onChange?.(isSelected);\n    },\n    toggle() {\n      state.toggleValue(getProps().value);\n    },\n  };\n\n  const getGroupData = () => checkboxGroupData.get(state);\n\n  const checkboxProps = (): AriaCheckboxProps => {\n    const p = getProps();\n    const groupData = getGroupData();\n\n    return {\n      ...p,\n      isReadOnly: p.isReadOnly ?? state.isReadOnly,\n      isDisabled: p.isDisabled ?? state.isDisabled,\n      isInvalid: p.isInvalid ?? state.isInvalid,\n      name: p.name ?? groupData?.name,\n      form: p.form ?? groupData?.form,\n      isRequired: p.isRequired ?? state.isRequired(),\n      validationBehavior: p.validationBehavior ?? groupData?.validationBehavior ?? \"native\",\n    };\n  };\n\n  const result = createCheckbox(checkboxProps, toggleState, inputRef);\n\n  return {\n    ...result,\n    get inputProps() {\n      const baseInputProps = result.inputProps;\n      const groupData = getGroupData();\n\n      // Mirror upstream useCheckboxGroupItem: keep the checkbox's own\n      // aria-describedby (its description/error slot ids from createCheckbox/\n      // createToggle, which already fold in the user's aria-describedby) and append\n      // the group's shared description/error ids.\n      const ariaDescribedBy =\n        [\n          baseInputProps[\"aria-describedby\"],\n          state.isInvalid && groupData?.errorMessageId ? groupData.errorMessageId : null,\n          groupData?.descriptionId,\n        ]\n          .filter(Boolean)\n          .join(\" \") || undefined;\n\n      return {\n        ...baseInputProps,\n        \"aria-describedby\": ariaDescribedBy,\n      } as JSX.InputHTMLAttributes<HTMLInputElement>;\n    },\n  };\n}\n"],"mappings":"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"}