beesoft-components 0.9.1 → 0.9.3

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.9.1",
+  "version": "0.9.3",
   "private": false,
   "type": "module",
   "author": {
@@ -34,7 +34,8 @@
     "chromatic": "chromatic --project-token $CHROMATIC_PROJECT_TOKEN"
   },
   "dependencies": {
-    "@beesoft/common": "^0.1.6",
+    "@beesoft/common": "^0.1.9",
+    "@preact/signals": "^1.2.3",
     "@react-hook/media-query": "^1.1.1",
     "classnames": "^2.3.2",
     "date-fns": "^3.3.1",
@@ -59,7 +60,7 @@
     "@testing-library/jest-dom": "^6.1.4",
     "@testing-library/react": "^14.1.0",
     "@testing-library/user-event": "^14.5.1",
-    "@types/bun": "^1.0.4",
+    "@types/bun": "^1.0.12",
     "@types/dot-object": "^2.1.6",
     "@types/lodash-es": "^4.17.11",
     "@types/react": "^18.2.15",

package/types/index.d.ts

@@ -14,6 +14,7 @@ import { ReactElement } from 'react';
 import { ReactNode } from 'react';
 import { ReactPortal } from 'react';
 import { RefAttributes } from 'react';
+import { ReplacePropertyType } from '@beesoft/common';
 import { TypeOrArray } from '@beesoft/common';
 
 export declare function applyBeeSoftTheme(theme: Record<string, unknown>): void;
@@ -97,9 +98,7 @@ declare interface CheckboxGroupProps extends MakeRequired<FormInputControlData<A
     orientation?: FormGroupItemOrientation;
 }
 
-declare interface CheckboxProps extends FormInputControl<unknown, CheckboxChangeEvent>, ComponentAnimationProps {
-    checked?: boolean;
-    partial?: boolean;
+declare interface CheckboxProps extends ReplacePropertyType<HeadlessCheckboxProps, 'onChange', (value?: CheckboxChangeEvent) => void>, ComponentAnimationProps {
     labelLocation?: SelectionLabelLocation;
 }
 
@@ -183,7 +182,7 @@ export declare enum DateSelectionType {
     DateRange = 3
 }
 
-export declare const DateTime: ({ value, readOnly, label, useDefaultDateValue, useFormattedInput, allowClear, closeSelector, locale, className, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, selectableDate, isValidDate, onChange, calendarTemplate, dateScrollerTemplate, inputTemplate, }: DateTimeProps) => JSX_2.Element;
+export declare const DateTime: ({ value, readOnly, label, useDefaultDateValue, useFormattedInput, allowClear, closeSelector, locale, className, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, selectableDate, isValidDate, onChange, calendarTemplate, dateScrollerTemplate, inputTemplate, wrapperTemplate, }: DateTimeProps) => JSX_2.Element;
 
 declare type DateTimeCalendarTemplate = TemplateFunction<DateTimeCalendarTemplateProps>;
 
@@ -247,6 +246,7 @@ declare interface DateTimeProps extends FormInputControl<string | TypeOrArray<Da
     calendarTemplate?: DateTimeCalendarTemplate;
     dateScrollerTemplate?: DateTimeScrollerTemplate;
     inputTemplate?: DateTimeInputTemplate;
+    wrapperTemplate?: DateTimeWrapperTemplate;
 }
 
 declare type DateTimeScrollerTemplate = TemplateFunction<DateTimeScrollerTemplateProps>;
@@ -259,6 +259,12 @@ export declare interface DateTimeScrollerTemplateProps {
     onMoveNext: () => void;
 }
 
+declare type DateTimeWrapperTemplate = TemplateFunction<DateTimeWrapperTemplateProps>;
+
+declare interface DateTimeWrapperTemplateProps {
+    setDateSelector: (selector: DateSelectionType) => void;
+}
+
 declare type DayType = {
     dayValue: Date | null;
     isCurrent: boolean;
@@ -358,6 +364,7 @@ export declare enum FormGroupItemOrientation {
 }
 
 declare interface FormInputControl<V = unknown, C = undefined> {
+    id?: string;
     label?: string;
     name?: string;
     value?: V;
@@ -404,6 +411,25 @@ export declare interface GroupChangeEvent {
     value: TypeOrArray<unknown>;
 }
 
+declare interface HeadlessCheckboxChangeEvent {
+    name?: string;
+    value: unknown;
+    checked: boolean;
+    originalEvent?: ChangeEvent<HTMLInputElement>;
+}
+
+declare interface HeadlessCheckboxProps extends FormInputControl<unknown, HeadlessCheckboxChangeEvent> {
+    checked?: boolean;
+    partial?: boolean;
+    labelStyles?: string;
+    children?: (props: HeadlessCheckboxRenderProps) => React_2.JSX.Element;
+}
+
+declare interface HeadlessCheckboxRenderProps {
+    checked: boolean;
+    partial: boolean;
+}
+
 declare interface IncrementConstraint {
     min: number;
     max: number;
@@ -539,7 +565,7 @@ declare interface TimeConstraints {
 
 export declare const Toggle: MemoExoticComponent<({ name, label, value, checked, readOnly, useAnimation, className, onChange, }: ToggleProps) => JSX_2.Element>;
 
-declare interface ToggleProps extends FormInputControl<string | number, CheckboxChangeEvent>, ComponentAnimationProps {
+declare interface ToggleProps extends FormInputControl<string | number, HeadlessCheckboxChangeEvent>, ComponentAnimationProps {
     checked?: boolean;
 }