beesoft-components 0.12.4 → 0.12.6

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.12.4",
+  "version": "0.12.6",
   "private": false,
   "type": "module",
   "author": {
@@ -36,13 +36,13 @@
   "dependencies": {
     "@beesoft/common": "^0.2.1",
     "@beesoft/headless-ui": "^0.1.0",
-    "@preact/signals": "^2.5.1",
+    "@preact/signals": "^2.9.0",
     "@react-hook/media-query": "^1.1.1",
     "classnames": "^2.3.2",
     "date-fns": "^3.3.1",
     "dot-object": "^2.1.4",
     "konva": "^10.0.12",
-    "lodash": "^4.17.21",
+    "lodash": "4.18.0",
     "motion": "^12.24.10",
     "react-konva": "^19.2.1",
     "uuid": "^9.0.1"
@@ -53,7 +53,6 @@
     "@eslint/js": "^9.29.0",
     "@release-it/bumper": "^7.0.5",
     "@release-it/keep-a-changelog": "^7.0.0",
-    "@seahax/eslint-plugin-wrap": "^0.6.7",
     "@storybook/addon-a11y": "^9.0.9",
     "@storybook/addon-links": "^9.0.9",
     "@storybook/builder-vite": "^9.0.9",
@@ -74,15 +73,17 @@
     "@types/uuid": "^9.0.7",
     "@typescript-eslint/parser": "^8.31.1",
     "@vitejs/plugin-react-swc": "^4.2.2",
-    "ajv": "^8.17.1",
+    "ajv": "8.18.0",
     "caniuse-lite": "^1.0.30001718",
     "chromatic": "^11.3.0",
     "eslint": "^9.29.0",
+    "eslint-plugin-prettier": "^5.5.5",
     "eslint-plugin-react": "^7.37.5",
     "eslint-plugin-react-hooks": "^5.2.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "eslint-plugin-storybook": "^9.0.9",
     "globals": "^16.2.0",
+    "prettier": "^3.8.1",
     "react": "^19.2.3",
     "react-dom": "^19.2.3",
     "release-it": "^19.0.3",

package/types/index.d.ts

@@ -175,6 +175,7 @@ declare interface ContentEditableInputProps extends FormInputControl<string> {
     isSingleLine?: boolean;
     allowSingleLineScroll?: boolean;
     inputMode?: 'search' | 'text' | 'none' | 'tel' | 'url' | 'email' | 'numeric' | 'decimal' | undefined;
+    onKeyDown?: (event: KeyboardEvent) => void;
     onInnerTextChange?: (value: string) => void;
     onInnerHTMLChange?: (value: string) => void;
     onElementCreate?: (element: HTMLElement) => void;
@@ -242,7 +243,7 @@ export declare enum DateSelectorType {
     DateRangeSelector = 4
 }
 
-export declare const DateTime: ({ value, readOnly, label, useDefaultDateValue, useFormattedInput, allowClear, closeSelector, locale, className, dateSelection, dateFormat, timeConstraints, icon, iconPosition, inputElement, selectableDate, isValidDate, onChange, onError, calendarTemplate, dateScrollerTemplate, inputTemplate, wrapperTemplate, }: DateTimeProps) => JSX_2.Element;
+export declare const DateTime: ({ value, readOnly, label, useDefaultDateValue, useFormattedInput, allowClear, closeSelector, locale, className, dateSelection, dateFormat, timeFormat, timeConstraints, icon, iconPosition, inputElement, selectableDate, isValidDate, onChange, onError, calendarTemplate, dateScrollerTemplate, inputTemplate, wrapperTemplate, }: DateTimeProps) => JSX_2.Element;
 
 declare interface DateTimeBaseTemplateProps {
     incrementViewMonths?: (months: number) => void;
@@ -295,6 +296,7 @@ declare interface DateTimeProps extends FormInputControl<string | TypeOrArray<Da
     locale?: string;
     dateSelection?: DateSelectionType;
     dateFormat?: DateFormatType;
+    timeFormat?: TimeFormatType;
     timeConstraints?: TimeConstraints;
     icon?: default_2.JSX.Element;
     iconPosition?: CalendarIconPosition;
@@ -353,6 +355,10 @@ declare enum DomTargetPosition {
 }
 
 declare interface FormatPart {
+    /**
+     * Can be used to identify a particular format part.
+     */
+    name?: string;
     /**
      * The number of characters available for this part of the format.
      */
@@ -410,11 +416,23 @@ declare interface FormatPart {
     addInOutputValue?: boolean;
 }
 
+declare interface FormatPartEntry extends FormatPart {
+    startPosition: number;
+    endPosition: number;
+}
+
+declare interface FormatPartSlot extends FormatPartEntry {
+    partIndex: number;
+    partText: string;
+    isComplete: boolean;
+}
+
 export declare const FormattedInput: default_2.ForwardRefExoticComponent<FormattedInputProps & default_2.RefAttributes<FormattedInputRef>>;
 
 declare interface FormattedInputProps extends Omit<ContentEditableInputProps, 'placeholder'> {
     format?: InputFormat;
     isInputValid?: (value?: string) => boolean;
+    onSlotKeyDown?: (event: KeyboardEvent, value: FormatPartSlot) => void;
 }
 
 declare interface FormattedInputRef {
@@ -588,6 +606,11 @@ declare interface TimeConstraints {
     seconds?: IncrementConstraint;
 }
 
+declare enum TimeFormatType {
+    TwelveHour = 0,
+    TwentyFourHour = 1
+}
+
 export declare const Toggle: MemoExoticComponent<({ name, label, value, checked, readOnly, useAnimation, className, onChange, }: ToggleProps) => JSX_2.Element>;
 
 declare interface ToggleProps extends MakeRequired<FormInputControl<string | number, CheckboxChangeEvent>, 'name'>, ComponentAnimationProps {