beesoft-components 0.9.1 → 0.9.2

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.9.1",
+  "version": "0.9.2",
   "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.8",
+    "@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

@@ -82,14 +82,7 @@ declare enum CalendarSelectionMode {
     Range = 1
 }
 
-export declare const Checkbox: MemoExoticComponent<ForwardRefExoticComponent<CheckboxProps & RefAttributes<CheckboxRef>>>;
-
-export declare interface CheckboxChangeEvent {
-    name?: string;
-    value: unknown;
-    checked: boolean;
-    originalEvent?: ChangeEvent<HTMLInputElement>;
-}
+export declare const Checkbox: MemoExoticComponent<ForwardRefExoticComponent<CheckboxProps & RefAttributes<HeadlessCheckboxRef>>>;
 
 export declare const CheckboxGroup: MemoExoticComponent<({ name, label, value, data, textField, valueField, readOnly, orientation, className, onChange, }: CheckboxGroupProps) => JSX_2.Element>;
 
@@ -97,17 +90,10 @@ 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 HeadlessCheckboxProps, ComponentAnimationProps {
     labelLocation?: SelectionLabelLocation;
 }
 
-export declare interface CheckboxRef {
-    setPartiallyChecked: (partiallyChecked: boolean) => void;
-    setChecked: (checked: boolean) => void;
-}
-
 declare interface ComponentAnimationProps {
     useAnimation?: boolean;
 }
@@ -183,7 +169,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 +233,7 @@ declare interface DateTimeProps extends FormInputControl<string | TypeOrArray<Da
     calendarTemplate?: DateTimeCalendarTemplate;
     dateScrollerTemplate?: DateTimeScrollerTemplate;
     inputTemplate?: DateTimeInputTemplate;
+    wrapperTemplate?: DateTimeWrapperTemplate;
 }
 
 declare type DateTimeScrollerTemplate = TemplateFunction<DateTimeScrollerTemplateProps>;
@@ -259,6 +246,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 +351,7 @@ export declare enum FormGroupItemOrientation {
 }
 
 declare interface FormInputControl<V = unknown, C = undefined> {
+    id?: string;
     label?: string;
     name?: string;
     value?: V;
@@ -404,6 +398,30 @@ export declare interface GroupChangeEvent {
     value: TypeOrArray<unknown>;
 }
 
+export 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;
+}
+
+export declare interface HeadlessCheckboxRef {
+    setPartiallyChecked: (partiallyChecked: boolean) => void;
+    setChecked: (checked: boolean) => void;
+}
+
+declare interface HeadlessCheckboxRenderProps {
+    checked: boolean;
+    partial: boolean;
+}
+
 declare interface IncrementConstraint {
     min: number;
     max: number;
@@ -539,7 +557,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;
 }