onekijs-ui 0.21.1 → 0.21.3

package/dist/components/datetime/hooks/useDateRangeAdapter.d.ts

@@ -2,5 +2,6 @@ import { DateRangeAdapter } from '../typings';
 declare const useDateRangeAdapter: () => DateRangeAdapter<{
     from: Date | null;
     to: Date | null;
+    label?: string | null | undefined;
 }>;
 export default useDateRangeAdapter;

package/dist/components/datetime/hooks/useQuickRanges.d.ts

@@ -1,4 +1,4 @@
 import { AnonymousObject } from 'onekijs-framework';
-import { DateQuickRange, DateStringRange, DefaultQuickRange } from '../typings';
-declare const useQuickRanges: (ranges: DateQuickRange | DefaultQuickRange | ((DateQuickRange | DefaultQuickRange)[])) => AnonymousObject<DateStringRange>;
+import { DateStringRange, QuickRange } from '../typings';
+declare const useQuickRanges: (ranges: QuickRange | QuickRange[]) => AnonymousObject<DateStringRange>;
 export default useQuickRanges;

package/dist/components/datetime/hooks/useTimestampRangeAdapter.d.ts

@@ -2,5 +2,6 @@ import { DateRangeAdapter } from '../typings';
 declare const useTimestampRangeAdapter: (format?: 'seconds' | 'milliseconds') => DateRangeAdapter<{
     from: number | null;
     to: number | null;
+    label?: string | null | undefined;
 }>;
 export default useTimestampRangeAdapter;

package/dist/components/datetime/typings.d.ts

@@ -2,10 +2,12 @@
 import { AnonymousObject } from 'onekijs-framework';
 import { StylableProps } from '../../styles/typings';
 import { DropdownWidthModifier } from '../dropdown/typings';
+import { Placement } from '@popperjs/core';
 export type BasePickerProps = StylableProps & {
     animationMs?: number;
     attachDropdownToBody?: boolean;
     autoFocus?: boolean;
+    combo?: boolean;
     disabled?: boolean;
     dropdownWidthModifier?: DropdownWidthModifier;
     nullable?: boolean;
@@ -13,11 +15,13 @@ export type BasePickerProps = StylableProps & {
     onFocus?: () => void;
     openOnFocus?: boolean;
     placeholder?: string;
+    placement?: Placement;
 };
 export type CalendarComponentProps = StylableProps & {
     from: DatePickerDate;
     maxDate?: Date;
     minDate?: Date;
+    nextSelectEdge: 'from' | 'to';
     onChange: (formDate: string | undefined, toDate?: string) => void;
     type: DatePickerType;
     to: DatePickerDate;
@@ -65,20 +69,23 @@ export type DatePickerType = {
 };
 export type DateQuickRange = {
     label: string;
-    from: Date;
-    to: Date;
+    from: Date | (() => Date);
+    to: Date | (() => Date);
 };
 export type DateRange = {
     from: Date | null;
     to: Date | null;
+    label?: string | null;
 };
 export type DateStringRange = {
     from: string | null;
     to: string | null;
+    label?: string | null;
 };
 export type TimestampRange = {
     from: number | null;
     to: number | null;
+    label?: string | null;
 };
 export type DateRangeAdapter<T extends any = any> = {
     fromDateRange: (range: DateStringRange) => T;
@@ -86,9 +93,10 @@ export type DateRangeAdapter<T extends any = any> = {
 };
 export type DateRangePickerProps<T extends any = any> = BasePickerProps & {
     adapter?: DateRangeAdapter<T>;
-    value?: T | null;
+    closeOnQuickSelect?: boolean;
     onChange?: (value: T | null) => void;
     quickRanges?: AnonymousObject<DateStringRange>;
+    value?: T | null;
 };
 export type DateTimePickerProps<T extends any = any> = DatePickerProps<T> & DisplayTime;
 export type DateTimeRangePickerProps<T extends any = any> = DateRangePickerProps<T> & DisplayTime;
@@ -99,13 +107,16 @@ export type DisplayTime = {
     displaySeconds?: boolean;
 };
 export type PickerComponentProps = BasePickerProps & DisplayTime & {
+    closeOnQuickSelect?: boolean;
     type: DatePickerType;
     quickRanges?: AnonymousObject<DateStringRange>;
     value?: string | null;
-    onChange?: (value: string | null) => void;
+    onChange?: (value: string | null, label?: string | null) => void;
+    label?: string | null;
 };
+export type QuickRange = DefaultQuickRange | DateQuickRange;
 export type QuickTimeRangeComponentProps = {
-    currentQuickRangeLabel?: string;
+    currentQuickRangeLabel?: string | null;
     quickRanges: AnonymousObject<DateStringRange>;
     onChange: (quickRangeLabel: string) => void;
 };

package/dist/components/datetime/util.d.ts

@@ -1,7 +1,7 @@
 import { AnonymousObject } from 'onekijs-framework';
-import { DateStringRange } from './typings';
-export declare const dateToString: (d: Date | string) => string;
-export declare const toDateRange: (value: string | null) => DateStringRange | null;
-export declare const qr: (quickRange: string) => DateStringRange | null;
-export declare const defaultQuickRanges: () => AnonymousObject<DateStringRange>;
+import { DateQuickRange, DateStringRange, DefaultQuickRange } from './typings';
+export declare const dateToString: (d: Date | string | (() => Date)) => string;
+export declare const toDateRange: (value: string | null, label?: string | null) => DateStringRange | null;
+export declare const qr: (quickRange: DefaultQuickRange) => DateQuickRange;
+export declare const defaultQuickRanges: () => AnonymousObject<DateQuickRange>;
 export declare const findQuickRangeLabel: (quickRanges: AnonymousObject<DateStringRange> | undefined, dateRange: DateStringRange | string | null | undefined) => string | undefined;

package/dist/components/icon/util.d.ts

@@ -80,11 +80,11 @@ export declare const getIconDivProps: (props: IconProps) => {
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "text" | "email" | "tel" | "url" | "none" | "numeric" | "decimal" | undefined;
+    inputMode?: "search" | "text" | "none" | "email" | "tel" | "url" | "numeric" | "decimal" | undefined;
     is?: string | undefined;
     'aria-activedescendant'?: string | undefined;
     'aria-atomic'?: (boolean | "true" | "false") | undefined;
-    'aria-autocomplete'?: "list" | "none" | "inline" | "both" | undefined;
+    'aria-autocomplete'?: "none" | "inline" | "both" | "list" | undefined;
     'aria-braillelabel'?: string | undefined;
     'aria-brailleroledescription'?: string | undefined;
     'aria-busy'?: (boolean | "true" | "false") | undefined;
@@ -104,7 +104,7 @@ export declare const getIconDivProps: (props: IconProps) => {
     'aria-expanded'?: (boolean | "true" | "false") | undefined;
     'aria-flowto'?: string | undefined;
     'aria-grabbed'?: (boolean | "true" | "false") | undefined;
-    'aria-haspopup'?: boolean | "dialog" | "menu" | "true" | "false" | "grid" | "listbox" | "tree" | undefined;
+    'aria-haspopup'?: boolean | "dialog" | "menu" | "listbox" | "grid" | "true" | "false" | "tree" | undefined;
     'aria-hidden'?: (boolean | "true" | "false") | undefined;
     'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling" | undefined;
     'aria-keyshortcuts'?: string | undefined;

package/dist/components/select/SelectService.d.ts

@@ -5,16 +5,16 @@ declare class SelectService<T = any, I extends SelectItem<T> = SelectItem<T>, S
     protected lastCheckQuery: Query | undefined;
     get defaultValue(): T | T[] | null | undefined;
     get defaultValueLoading(): boolean | undefined;
-    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | CollectionFetcherResult<T> | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | CollectionFetcherResult<T> | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
+    check(): Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>;
     get status(): CollectionStatus;
     setData(data: T[], query?: Query): void;
-    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | CollectionFetcherResult<T> | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | CollectionFetcherResult<T> | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
+    setDefaultValue(value: T | T[] | null | undefined): Generator<void | Generator<void | import("redux-saga/effects").AllEffect<import("redux-saga/effects").CallEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>>> | import("redux-saga/effects").AllEffect<Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>> | import("redux-saga/effects").CallEffect<void>, void, (I | undefined)[]>, void, unknown>;
     setDefaultValueLoading(loading: boolean): void;
     setItemWidth(_item: I, value: number): void;
     setValue(value: null | T | T[]): void;
     setUrl(url: string, query?: Query): void;
     _buildItem(data: T | null | undefined, adaptee: unknown, context?: AnonymousObject): I;
-    _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | CollectionFetcherResult<T> | import("redux-saga/effects").CancelEffect | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>;
+    _filterItem(item: I | undefined, query: Query, valid: boolean): Generator<I[] | Generator<void | import("redux-saga/effects").ForkEffect<Generator<void | import("redux-saga/effects").CallEffect<true>, void, unknown>> | import("redux-saga/effects").CancelEffect | CollectionFetcherResult<T> | Promise<CollectionFetcherResult<T> | undefined>, CollectionFetcherResult<T>, (import("redux-saga").Task<any> | null) & CollectionFetcherResult<T> & (CollectionFetcherResult<T> | undefined)>, I | undefined, I[] & CollectionFetcherResult<T>>;
     _compareItem(a: I | undefined, b: I | undefined): boolean;
     _doSearch(search: Primitive | undefined): boolean;
     _setDefaultValue(value: T | T[] | null | undefined): void;