beesoft-components 0.2.26-2 → 0.2.26-4

package/build/types/src/components/form/date-time/date-time-functions.d.ts

@@ -15,6 +15,7 @@ export declare function getDefaultTime(locale: Locale): string;
 export declare function isDateBetween(checkDate: Date, startComparisonDate: Date, endComparisonDate: Date): boolean;
 export declare function loadLocale(localeToLoad: string): Promise<Locale>;
 export declare function getDateFormatByLocale(locale: string): string;
+export declare function uses24HourTimeByLocale(locale: string): boolean;
 export declare function createDefaultColors(): DateTimeColors;
 export declare function parseDate(dateValue: string, locale?: Locale): Date | undefined;
 export declare function parseDateRange(dateRangeValue: string, locale?: Locale): Date[] | undefined;

package/build/types/src/components/form/date-time/date-time-time-selector.component.d.ts

@@ -1,12 +1,13 @@
 import React from 'react';
-import { TimeConstraints } from './date-time-types';
+import { TimeConstraints, TimeFormatType } from './date-time-types';
 import { DateTimeReducerAction } from './date-time.reducer';
 export interface DateTimeTimeSelectorProps {
     viewDate: Date;
     showDateSelector: boolean;
     locale: Locale;
+    timeFormat?: TimeFormatType;
     timeConstraints?: TimeConstraints;
     onChange?: (value?: Date | Array<Date>) => void;
     dispatcher: React.Dispatch<DateTimeReducerAction>;
 }
-export default function DateTimeTimeSelector({ viewDate, showDateSelector, locale, timeConstraints, onChange, dispatcher, }: DateTimeTimeSelectorProps): JSX.Element;
+export default function DateTimeTimeSelector({ viewDate, showDateSelector, locale, timeFormat, timeConstraints, onChange, dispatcher, }: DateTimeTimeSelectorProps): JSX.Element;

package/build/types/src/components/form/date-time/date-time-types.d.ts

@@ -33,6 +33,10 @@ export declare enum DateFormatType {
     Medium = 1,
     Long = 2
 }
+export declare enum TimeFormatType {
+    TwelveHour = 0,
+    TwentyFourHour = 1
+}
 export declare enum CalendarSelectionMode {
     Normal = 0,
     Range = 1

package/build/types/src/components/form/date-time/date-time.reducer.d.ts

@@ -1,4 +1,5 @@
 import { FormattedInputDefaultFormats } from '../input/formatted-input/formats/input-format.enums';
+import { TimeFormatType } from './date-time-types';
 export declare enum DateTimeActionType {
     DaySelector = 0,
     MonthSelector = 1,
@@ -21,6 +22,7 @@ export interface DateTimeState {
     selectedStartDate?: Date;
     selectedEndDate?: Date;
     dateInitialized: boolean;
+    timeFormat: TimeFormatType;
     inputFormat?: FormattedInputDefaultFormats;
 }
 export interface DateTimeReducerAction {
@@ -30,6 +32,7 @@ export interface DateTimeReducerAction {
     selectedStartDate?: Date;
     selectedEndDate?: Date;
     initialDate?: Date | Array<Date>;
+    timeFormat?: TimeFormatType;
     inputFormat?: FormattedInputDefaultFormats;
 }
 declare const reducer: (state: DateTimeState, action: DateTimeReducerAction) => DateTimeState;

package/build/types/src/components/form/input/formatted-input/parser/format-instance-collection.d.ts

@@ -0,0 +1,13 @@
+import { InputFormat } from '../formats/input-format.interfaces';
+import { FormatNavigator } from './format-navigator';
+import { InputSlotCollection } from './input-slot-collection';
+export declare class FormatInstanceCollection {
+    private static instance;
+    private readonly navigatorInstances;
+    private readonly inputSlotInstances;
+    private constructor();
+    static getInstance(): FormatInstanceCollection;
+    getNavigatorInstance(instanceKey: string, format: InputFormat): FormatNavigator;
+    getInputSlotInstance(instanceKey: string, format: InputFormat): InputSlotCollection;
+    removeInstances(instanceKey: string): void;
+}

package/build/types/src/components/form/input/formatted-input/parser/format-navigator.d.ts

@@ -1,6 +1,6 @@
 import { InputFormat } from '../formats/input-format.interfaces';
 export declare class FormatNavigator {
-    private static _instance;
+    private readonly instanceCollection;
     private readonly formatPartList;
     private readonly inputSlotCollection;
     private currentPartIndex;
@@ -9,8 +9,7 @@ export declare class FormatNavigator {
     private inputSelection;
     private inputRange?;
     private textNode?;
-    private constructor();
-    static getInstance(format: InputFormat): FormatNavigator;
+    constructor(format: InputFormat, instanceId: string);
     getCursorPosition(): number;
     getCurrentPartIndex(): number;
     setInputElement(element: HTMLElement): void;

package/build/types/src/components/form/input/formatted-input/parser/format-parser.d.ts

@@ -1,19 +1,25 @@
+import { IDisposable } from '../../../../common-interfaces';
 import { InputFormat } from '../formats/input-format.interfaces';
-import { FormatCompleteEvent } from './parser.interfaces';
-export declare class FormatParser {
+import { FormatChangeEvent } from './parser.interfaces';
+export declare class FormatParser implements IDisposable {
     private inputValue;
+    private readonly instanceId;
+    private readonly instanceCollection;
     private readonly keyProcessor;
     private readonly formatNavigator;
     private readonly formatRenderer;
     private readonly inputSlotCollection;
     private readonly inputRuleProcessor;
     private inputElementSet;
+    private isInputFocused;
     private inputElement?;
-    private onFormatComplete?;
+    private onFormatChange?;
     constructor(format: InputFormat, inputValue?: string);
     inputElementCreated(element: HTMLElement): void;
     inputFocused(): void;
+    inputBlurred(): void;
     inputValuePassed(inputValue: string): void;
-    registerFormatCompleteEvent(onFormatComplete: FormatCompleteEvent): void;
+    registerFormatChangeEvent(onFormatChange: FormatChangeEvent): void;
     keyDownHandler(event: KeyboardEvent): void;
+    dispose(): void;
 }

package/build/types/src/components/form/input/formatted-input/parser/format-renderer.d.ts

@@ -1,9 +1,10 @@
 import { InputFormat } from '../formats/input-format.interfaces';
 export declare class FormatRenderer {
+    private readonly instanceCollection;
     private readonly formatPartList;
     private readonly inputSlotCollection;
     private inputElement?;
-    constructor(format: InputFormat);
+    constructor(format: InputFormat, instanceId: string);
     setInputElement(element: HTMLElement): void;
     render(): void;
 }

package/build/types/src/components/form/input/formatted-input/parser/input-rule-processor.d.ts

@@ -1,12 +1,13 @@
 import { InputFormat } from '../formats/input-format.interfaces';
 export declare class InputRuleProcessor {
     private format;
+    private readonly instanceCollection;
     private readonly inputSlotCollection;
     private readonly formatNavigator;
     private readonly keyTypeChecker;
     private readonly formatRenderer;
     private readonly formatPartList;
-    constructor(format: InputFormat);
+    constructor(format: InputFormat, instanceId: string);
     setInputElement(element: HTMLElement): void;
     processKeyPress(event: KeyboardEvent): void;
     processInputValue(value: string): void;

package/build/types/src/components/form/input/formatted-input/parser/input-slot-collection.d.ts

@@ -1,10 +1,8 @@
 import { InputFormat } from '../formats/input-format.interfaces';
 import { FormatPartSlot } from './parser.interfaces';
 export declare class InputSlotCollection {
-    private static instance;
     private readonly inputSlots;
-    private constructor();
-    static getInstance(format: InputFormat): InputSlotCollection;
+    constructor(format: InputFormat);
     clearAllSlots(): void;
     getSlot(partIndex: number): FormatPartSlot | undefined;
     getFirstSlot(): FormatPartSlot;
@@ -12,4 +10,5 @@ export declare class InputSlotCollection {
     getPreviousSlot(currentPartIndex: number): FormatPartSlot | undefined;
     getLastSlotWithData(): FormatPartSlot;
     allSlotsCompleted(): boolean;
+    allSlotsEmpty(): boolean;
 }

package/build/types/src/components/form/input/formatted-input/parser/key-processor.d.ts

@@ -2,11 +2,12 @@ import { InputFormat } from '../formats/input-format.interfaces';
 import { MovementKeyboardEvent } from './parser.interfaces';
 export declare class KeyProcessor {
     private format;
+    private readonly instanceCollection;
     private readonly formatNavigator;
     private readonly ruleProcessor;
     private readonly keyTypeChecker;
     private readonly formatRenderer;
-    constructor(format: InputFormat);
+    constructor(format: InputFormat, instanceId: string);
     setInputElement(element: HTMLElement): void;
     processMovementKey(event: MovementKeyboardEvent): void;
     processKeyPress(event: KeyboardEvent): boolean;

package/build/types/src/components/form/input/formatted-input/parser/parser.interfaces.d.ts

@@ -21,4 +21,4 @@ export interface EditingKeyboardEvent extends Omit<KeyboardEvent, 'key'> {
 export interface MovementKeyboardEvent extends Omit<KeyboardEvent, 'key'> {
     key: 'ArrowLeft' | 'ArrowRight' | 'Home' | 'End';
 }
-export type FormatCompleteEvent = (value: string) => void;
+export type FormatChangeEvent = (value?: string) => void;

package/build/types/src/index.d.ts

@@ -1,9 +1,12 @@
+import ContentEditableInput from './components/form/input/content-editable-input/content-editable-input.component';
 import DateTime from './components/form/date-time/date-time.component';
+import FormattedInput from './components/form/input/formatted-input/formatted-input.component';
 import OverlayPanel from './components/overlay/overlay-panel/overlay-panel.component';
+import { DateSelectionType } from './components/form/date-time/date-time-types';
 import { DateTimeInputTemplateProps } from './components/form/date-time/date-time.component';
 import { DateTimeScrollerTemplateProps } from './components/form/date-time/date-time-scroller.component';
 import { DateTimeCalendarTemplateProps } from './components/form/date-time/date-time-calendar.component';
 import './index.css';
 import '../src/components/font-awesome';
-export { DateTime, OverlayPanel };
-export type { DateTimeInputTemplateProps, DateTimeScrollerTemplateProps, DateTimeCalendarTemplateProps };
+export { ContentEditableInput, DateTime, FormattedInput, OverlayPanel };
+export type { DateSelectionType, DateTimeInputTemplateProps, DateTimeScrollerTemplateProps, DateTimeCalendarTemplateProps, };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "beesoft-components",
-  "version": "0.2.26-2",
+  "version": "0.2.26-4",
   "private": false,
   "author": "Brandon Trabon",
   "keywords": [
@@ -17,7 +17,7 @@
     "types"
   ],
   "publishConfig": {
-    "registry": "https://registry.yarnpkg.com/"
+    "registry": "https://registry.npmjs.org/"
   },
   "license": "MIT",
   "main": "build/index.cjs.js",
@@ -31,7 +31,8 @@
     "classnames": "^2.3.1",
     "date-fns": "^2.29.3",
     "lodash": "^4.17.21",
-    "react-transition-group": "^4.4.5"
+    "react-transition-group": "^4.4.5",
+    "uuid": "^9.0.0"
   },
   "scripts": {
     "start": "start-storybook -p 6006 -s public",
@@ -89,6 +90,7 @@
     "@types/react": "^18.0.31",
     "@types/react-dom": "^18.0.11",
     "@types/react-transition-group": "^4.4.5",
+    "@types/uuid": "^9.0.1",
     "@typescript-eslint/eslint-plugin": "^5.57.0",
     "@typescript-eslint/parser": "^5.57.0",
     "autoprefixer": "^10.4.14",