@coopdigital/react 0.43.0 → 0.45.0

package/dist/components/RadioButton/RadioButtonGroup.js

@@ -1,21 +0,0 @@
-import { jsxs, jsx } from 'react/jsx-runtime';
-import clsx from 'clsx';
-import { FieldError } from '../FieldError/FieldError.js';
-import { FieldHint } from '../FieldHint/FieldHint.js';
-
-const RadioButtonGroup = ({ children, className, error = false, hint, label, labelVisible = true, orientation = "vertical", size = "md", variant = "default", ...props }) => {
-    const componentProps = {
-        className: clsx("coop-fieldset", "coop-radio-button-group", className),
-        "data-error": error ? "" : undefined,
-        "data-orientation": orientation !== "vertical" ? orientation : undefined,
-        "data-size": size.length && size !== "md" ? size : undefined,
-        "data-variant": variant !== "default" ? variant : undefined,
-        ...props,
-    };
-    const legendProps = {
-        className: clsx("coop-field-label", !labelVisible && "sr-only"),
-    };
-    return (jsxs("fieldset", { ...componentProps, children: [label && jsx("legend", { ...legendProps, children: label }), hint && jsx(FieldHint, { children: hint }), typeof error === "object" && (error === null || error === void 0 ? void 0 : error.message) && jsx(FieldError, { children: error.message }), jsx("div", { className: "coop-radio-button-group-options", children: children })] }));
-};
-
-export { RadioButtonGroup, RadioButtonGroup as default };

package/dist/components/Tag/index.js

@@ -1,5 +0,0 @@
-import { Tag } from './Tag.js';
-
-
-
-export { Tag, Tag as default };

package/src/components/Checkbox/CheckboxGroup.tsx

@@ -1,73 +0,0 @@
-import type { FieldsetHTMLAttributes, JSX } from "react"
-
-import clsx from "clsx"
-
-import { FormFieldError, StandardSizes } from "../../../src/types"
-import { FieldError } from "../FieldError"
-import { FieldHint } from "../FieldHint"
-
-export interface CheckboxGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
-  /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
-  children?: React.ReactNode
-  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-  className?: string
-  /** **(Optional)** Specify whether the CheckboxGroup, and all of its descendents, should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
-  disabled?: boolean
-  /** **(Optional)** Specify the CheckboxGroup error state.
-   *
-   * This is an instance of `FormFieldError`. You can provide either an object with a `message` key, or a boolean value if you need to render the message independently.
-   */
-  error?: FormFieldError
-  /** **(Optional)** Specify the CheckboxGroup hint.
-   *
-   * This text is rendered under the label to provide further guidance for users.
-   */
-  hint?: string
-  /** **(Optional)** Specify the label for the CheckboxGroup. This will be rendered as a fieldset legend. */
-  label?: string
-  /** **(Optional)** Specify whether the label should be visible to humans or screen readers. */
-  labelVisible?: boolean
-  /** **(Optional)** Specify the CheckboxGroup orientation. */
-  orientation?: "horizontal" | "vertical"
-  /** **(Optional)** Specify the CheckboxGroup size. */
-  size?: StandardSizes
-  /** **(Optional)** Specify the CheckboxGroup variant. */
-  variant?: "default" | "boxed"
-}
-
-export const CheckboxGroup = ({
-  children,
-  className,
-  error = false,
-  hint,
-  label,
-  labelVisible = true,
-  orientation = "vertical",
-  size = "md",
-  variant = "default",
-  ...props
-}: CheckboxGroupProps): JSX.Element => {
-  const componentProps = {
-    className: clsx("coop-fieldset", "coop-checkbox-group", className),
-    "data-error": error ? "" : undefined,
-    "data-orientation": orientation !== "vertical" ? orientation : undefined,
-    "data-size": size.length && size !== "md" ? size : undefined,
-    "data-variant": variant !== "default" ? variant : undefined,
-    ...props,
-  }
-
-  const legendProps = {
-    className: clsx("coop-field-label", !labelVisible && "sr-only"),
-  }
-
-  return (
-    <fieldset {...componentProps}>
-      {label && <legend {...legendProps}>{label}</legend>}
-      {hint && <FieldHint>{hint}</FieldHint>}
-      {typeof error === "object" && error?.message && <FieldError>{error.message}</FieldError>}
-      <div className="coop-checkbox-group-options">{children}</div>
-    </fieldset>
-  )
-}
-
-export default CheckboxGroup

package/src/components/FieldError/index.ts

@@ -1,5 +0,0 @@
-import FieldError from "./FieldError"
-
-export default FieldError
-export { FieldError }
-export * from "./FieldError"

package/src/components/FieldHint/index.ts

@@ -1,5 +0,0 @@
-import FieldHint from "./FieldHint"
-
-export default FieldHint
-export { FieldHint }
-export * from "./FieldHint"

package/src/components/FieldLabel/FieldLabel.tsx

@@ -1,31 +0,0 @@
-import type { JSX, LabelHTMLAttributes, ReactNode } from "react"
-
-import clsx from "clsx"
-
-export interface FieldLabelProps extends LabelHTMLAttributes<HTMLLabelElement> {
-  /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
-  children?: string | ReactNode
-  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-  className?: string
-  /** Specify the field ID to connect FieldLabel to the field itself. */
-  htmlFor: string
-  /** **(Optional)** Specify whether the FieldLabel is visible for humans or only for screen readers. */
-  isVisible?: boolean
-}
-
-export const FieldLabel = ({
-  children,
-  className,
-  htmlFor,
-  isVisible = true,
-  ...props
-}: FieldLabelProps): JSX.Element | null => {
-  const componentProps = {
-    className: clsx("coop-field-label ", isVisible ? "" : "sr-only", className),
-    htmlFor,
-    ...props,
-  }
-  return children && htmlFor ? <label {...componentProps}>{children}</label> : null
-}
-
-export default FieldLabel

package/src/components/FieldLabel/index.ts

@@ -1,5 +0,0 @@
-import FieldLabel from "./FieldLabel"
-
-export default FieldLabel
-export { FieldLabel }
-export * from "./FieldLabel"

package/src/components/RadioButton/RadioButtonGroup.tsx

@@ -1,73 +0,0 @@
-import type { FieldsetHTMLAttributes, JSX } from "react"
-
-import clsx from "clsx"
-
-import { FormFieldError, StandardSizes } from "../../types"
-import { FieldError } from "../FieldError"
-import { FieldHint } from "../FieldHint"
-
-export interface RadioButtonGroupProps extends FieldsetHTMLAttributes<HTMLFieldSetElement> {
-  /** **(Optional)** Main content inside the component. It can be any valid JSX or string. */
-  children?: React.ReactNode
-  /** **(Optional)** Specify additional CSS classes to be applied to the component. */
-  className?: string
-  /** **(Optional)** Specify whether the RadioButtonGroup, and all of its descendents, should be disabled. Refer to Experience Library guidance on disabled form controls and accessibility. */
-  disabled?: boolean
-  /** **(Optional)** Specify the RadioButtonGroup error state.
-   *
-   * This is an instance of `FormFieldError`. You can provide either an object with a `message` key, or a boolean value if you need to render the message independently.
-   */
-  error?: FormFieldError
-  /** **(Optional)** Specify the RadioButtonGroup hint.
-   *
-   * This text is rendered under the label to provide further guidance for users.
-   */
-  hint?: string
-  /** **(Optional)** Specify the label for the RadioButtonGroup. This will be rendered as a fieldset legend. */
-  label?: string
-  /** **(Optional)** Specify whether the label should be visible to humans or screen readers. */
-  labelVisible?: boolean
-  /** **(Optional)** Specify the RadioButtonGroup orientation. */
-  orientation?: "horizontal" | "vertical"
-  /** **(Optional)** Specify the RadioButtonGroup size. */
-  size?: StandardSizes
-  /** **(Optional)** Specify the RadioButtonGroup variant. */
-  variant?: "default" | "boxed"
-}
-
-export const RadioButtonGroup = ({
-  children,
-  className,
-  error = false,
-  hint,
-  label,
-  labelVisible = true,
-  orientation = "vertical",
-  size = "md",
-  variant = "default",
-  ...props
-}: RadioButtonGroupProps): JSX.Element => {
-  const componentProps = {
-    className: clsx("coop-fieldset", "coop-radio-button-group", className),
-    "data-error": error ? "" : undefined,
-    "data-orientation": orientation !== "vertical" ? orientation : undefined,
-    "data-size": size.length && size !== "md" ? size : undefined,
-    "data-variant": variant !== "default" ? variant : undefined,
-    ...props,
-  }
-
-  const legendProps = {
-    className: clsx("coop-field-label", !labelVisible && "sr-only"),
-  }
-
-  return (
-    <fieldset {...componentProps}>
-      {label && <legend {...legendProps}>{label}</legend>}
-      {hint && <FieldHint>{hint}</FieldHint>}
-      {typeof error === "object" && error?.message && <FieldError>{error.message}</FieldError>}
-      <div className="coop-radio-button-group-options">{children}</div>
-    </fieldset>
-  )
-}
-
-export default RadioButtonGroup