@coopdigital/react 1.1.1 → 1.1.3

package/dist/components/DatePicker/DatePicker.js

@@ -44,8 +44,10 @@ const DatePicker = ({ className, closeOnSelect = true, dateFormat = "dd/MM/yyyy"
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p, _q, _r, _s;
     const uid = useId(id);
     initialDate = getInitialDate(mode, initialDate);
-    startDate = useMemo(() => startDate !== null && startDate !== void 0 ? startDate : getStartDate(initialDate), [initialDate, startDate]);
-    endDate = useMemo(() => endDate !== null && endDate !== void 0 ? endDate : getEndDate(initialDate), [initialDate, endDate]);
+    const startDateProp = startDate;
+    const endDateProp = endDate;
+    startDate = useMemo(() => startDateProp !== null && startDateProp !== void 0 ? startDateProp : getStartDate(initialDate), [initialDate, startDateProp]);
+    endDate = useMemo(() => endDateProp !== null && endDateProp !== void 0 ? endDateProp : getEndDate(initialDate), [initialDate, endDateProp]);
     const defaultMonth = useMemo(() => getDefaultMonth(initialDate), [initialDate]);
     let initialValues = {
         state: undefined,

package/dist/components/DatePicker/datepicker-utils.js

@@ -204,8 +204,10 @@ const shouldClose = (mode, value, closeOnSelect) => {
     else
         return false;
 };
+/* eslint-disable @typescript-eslint/no-unused-vars */
 const isSingle = (m, d) => m === "single";
 const isMultiple = (m, d) => m === "multiple";
 const isRange = (m, d) => m === "range";
+/* eslint-enable @typescript-eslint/no-unused-vars */
 
 export { getDateValues, getDefaultMonth, getEndDate, getISODateString, getInitialDate, getMultipleDate, getRangeDate, getRangeFromString, getSingleDate, getStartDate, isMultiple, isRange, isSingle, isValidDate, isValidRangeFrom, isValidRangeTo, shouldClose, shouldSkipParsing };

package/dist/components/Fieldset/Fieldset.d.ts

@@ -1,4 +1,4 @@
-import { type FieldsetHTMLAttributes, type JSX, Ref } from "react";
+import { type FieldsetHTMLAttributes, HTMLAttributes, type JSX, Ref } from "react";
 import { StandardSizes } from "../../../src/types";
 import { type ErrorProps } from "../FieldMarkers/Error";
 import { type HintProps } from "../FieldMarkers/Hint";
@@ -48,7 +48,7 @@ export declare const Fieldset: {
         };
     };
 };
-interface FieldsetFieldsProps {
+interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
     /** **(Optional)** Specify whether all descendent Fields should render inside a box. */
     boxed?: boolean;
     /** **(Optional)** Form elements inside the Fieldset.Fields container. */

package/dist/components/Pill/Pill.js

@@ -17,8 +17,6 @@ const Pill = ({ as, children, className, href, ref, size = "md", ...props }) =>
         href,
         ...props,
     };
-    // https://github.com/facebook/react/issues/34775
-    // eslint-disable-next-line react-hooks/refs
     return React.createElement(element, { ...componentProps, ref }, slots.PillBadge, slots.Children);
 };
 const PillBadge = ({ children, className }) => {

package/dist/components/Searchbox/Searchbox.js

@@ -21,7 +21,7 @@ const defaultButtonText = React.createElement(SearchIcon, {
     width: 24,
 });
 const Searchbox = ({ action, children, className, id, label, labelVisible = false, onSubmit, ref, size = "md", variant = "solid", ...props }) => {
-    const slots = useSlots(componentSlots, children);
+    const slots = { ...useSlots(componentSlots, children) };
     const [isPending, setIsPending] = useState(false);
     const uid = useId(id);
     const handleSubmit = useCallback(async (event) => {

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@coopdigital/react",
   "type": "module",
-  "version": "1.1.1",
+  "version": "1.1.3",
   "private": false,
   "publishConfig": {
     "access": "public"
@@ -52,7 +52,8 @@
     "serve:storybook:test": "serve -p 9000 ./storybook-test",
     "build:storybook:local": "storybook build --disable-telemetry",
     "serve:storybook:local": "serve -p 9000 ./storybook-static",
-    "storybook": "storybook dev -p 6006"
+    "storybook": "storybook dev -p 6006",
+    "typecheck": "tsc --noEmit --jsx preserve --skipLibCheck"
   },
   "author": "",
   "license": "MIT",
@@ -60,19 +61,19 @@
   "devDependencies": {
     "@axe-core/playwright": "^4.11.1",
     "@playwright/test": "^1.59.1",
-    "@storybook/addon-a11y": "^10.3.4",
-    "@storybook/addon-docs": "^10.3.4",
-    "@storybook/addon-onboarding": "^10.3.4",
-    "@storybook/react-vite": "^10.3.4",
+    "@storybook/addon-a11y": "^10.3.5",
+    "@storybook/addon-docs": "^10.3.5",
+    "@storybook/addon-onboarding": "^10.3.5",
+    "@storybook/react-vite": "^10.3.5",
     "@testing-library/jest-dom": "^6.9.1",
     "@testing-library/react": "^16.3.2",
     "@types/react": "^19.2.14",
     "@types/react-dom": "^19.2.3",
-    "react": "^19.2.4",
-    "react-dom": "^19.2.4",
+    "react": "^19.2.5",
+    "react-dom": "^19.2.5",
     "resize-observer-polyfill": "^1.5.1",
     "serve": "^14.2.6",
-    "storybook": "^10.3.4",
+    "storybook": "^10.3.5",
     "storybook-addon-tag-badges": "^3.1.0"
   },
   "peerDependencies": {
@@ -83,10 +84,10 @@
     "storybook": "$storybook"
   },
   "dependencies": {
-    "@coopdigital/styles": "^1.1.1",
+    "@coopdigital/styles": "^1.1.2",
     "@radix-ui/react-popover": "^1.1.15",
     "clsx": "^2.1.1",
     "react-day-picker": "^9.12.0"
   },
-  "gitHead": "9a04874735f6af3ec583dd6960c7d3ef5446965f"
+  "gitHead": "fd986750a8a2cbc8d0540f7d6d4345984eb8ce85"
 }

package/src/components/DatePicker/DatePicker.tsx

@@ -186,8 +186,14 @@ export const DatePicker = ({
 
   initialDate = getInitialDate(mode, initialDate)
 
-  startDate = useMemo(() => startDate ?? getStartDate(initialDate), [initialDate, startDate])
-  endDate = useMemo(() => endDate ?? getEndDate(initialDate), [initialDate, endDate])
+  const startDateProp = startDate
+  const endDateProp = endDate
+
+  startDate = useMemo(
+    () => startDateProp ?? getStartDate(initialDate),
+    [initialDate, startDateProp]
+  )
+  endDate = useMemo(() => endDateProp ?? getEndDate(initialDate), [initialDate, endDateProp])
 
   const defaultMonth = useMemo(() => getDefaultMonth(initialDate), [initialDate])
 

package/src/components/DatePicker/datepicker-utils.ts

@@ -264,6 +264,8 @@ export const shouldClose = (mode: Mode, value: DateType, closeOnSelect?: boolean
   else return false
 }
 
+/* eslint-disable @typescript-eslint/no-unused-vars */
 export const isSingle = (m: Mode, d: DateType): d is Date & DateBase => m === "single"
 export const isMultiple = (m: Mode, d: DateType): d is Date[] & DateBase => m === "multiple"
 export const isRange = (m: Mode, d: DateType): d is DateRange & DateBase => m === "range"
+/* eslint-enable @typescript-eslint/no-unused-vars */

package/src/components/Fieldset/Fieldset.tsx

@@ -1,5 +1,5 @@
 import clsx from "clsx"
-import { type FieldsetHTMLAttributes, type JSX, Ref } from "react"
+import { type FieldsetHTMLAttributes, HTMLAttributes, type JSX, Ref } from "react"
 
 import { StandardSizes } from "../../../src/types"
 import { Error as BaseError, type ErrorProps } from "../FieldMarkers/Error"
@@ -51,7 +51,7 @@ export const Fieldset = ({
   )
 }
 
-interface FieldsetFieldsProps {
+interface FieldsetFieldsProps extends HTMLAttributes<HTMLDivElement> {
   /** **(Optional)** Specify whether all descendent Fields should render inside a box. */
   boxed?: boolean
   /** **(Optional)** Form elements inside the Fieldset.Fields container. */

package/src/components/Pill/Pill.tsx

@@ -55,8 +55,6 @@ export const Pill = ({
     ...props,
   }
 
-  // https://github.com/facebook/react/issues/34775
-  // eslint-disable-next-line react-hooks/refs
   return React.createElement(element, { ...componentProps, ref }, slots.PillBadge, slots.Children)
 }
 

package/src/components/Searchbox/Searchbox.tsx

@@ -65,7 +65,7 @@ export const Searchbox = ({
   variant = "solid",
   ...props
 }: SearchboxProps): JSX.Element => {
-  const slots = useSlots(componentSlots, children)
+  const slots = { ...useSlots(componentSlots, children) }
 
   const [isPending, setIsPending] = useState(false)
   const uid = useId(id)