@edvisor/product-language 0.6.0 → 0.7.0

package/lib/components/date-picker/components/custom-calendar.d.ts

@@ -0,0 +1,6 @@
+import { Calendar } from 'react-multi-date-picker';
+/**
+ * For a reasonable description of the class names etc,
+ * @see https://shahabyazdi.github.io/react-multi-date-picker/classes-&-styles/
+ */
+export declare const CustomCalendar: import("styled-components").StyledComponent<typeof Calendar, any, {} & import("@foundations").IBodyProps, never>;

package/lib/components/date-picker/components/index.d.ts

@@ -0,0 +1 @@
+export * from './custom-calendar';

package/lib/components/date-picker/date-picker.d.ts

@@ -0,0 +1,4 @@
+import { FC } from '@helpers';
+import { IDatePickerProps as IBaseProps, IDatePickerSlots } from './helpers/date-picker-factory';
+export declare type IDatePickerProps = IBaseProps<string>;
+export declare const DatePicker: FC<IDatePickerProps, IDatePickerSlots>;

package/lib/components/date-picker/helpers/date-picker-factory.d.ts

@@ -0,0 +1,34 @@
+import { InputHTMLAttributes } from 'react';
+import { FC, Slot, PropsWithChildren } from '@helpers';
+export declare type DateFormatter<T> = (props: {
+    date: T | undefined;
+    defaultFormatter: (date: T, format?: string) => string;
+}) => string;
+declare type HTMLProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'min' | 'max'>;
+export declare type IDatePickerProps<T> = PropsWithChildren & HTMLProps & {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (change: T) => void;
+    onClick?: () => void;
+    isAvailable?: (props: {
+        date: T;
+        isSameDate: (date: T, other: T) => boolean;
+    }) => boolean;
+    isOpen?: boolean;
+    defaultOpen?: boolean;
+    label?: string;
+    format?: string | DateFormatter<T>;
+    min?: T;
+    max?: T;
+};
+declare class ControlsSlot extends Slot {
+}
+export declare type IDatePickerSlots = {
+    Controls: typeof ControlsSlot;
+};
+export declare function datePickerFactory<T>({ fromDate, toDate, empty, }: {
+    fromDate: (date: Date | undefined) => T;
+    toDate: (obj: T) => Date;
+    empty: (obj: T) => boolean;
+}): FC<IDatePickerProps<T>, IDatePickerSlots>;
+export {};

package/lib/components/date-picker/index.d.ts

@@ -0,0 +1 @@
+export * from './date-picker';

package/lib/components/index.d.ts

@@ -16,5 +16,7 @@ export * from './flag';
 export * from './spinner';
 export * from './select';
 export * from './tree-view';
+export * from './date-picker';
+export * from './range-slider';
 export * from './molecules';
 export * from './organisms';

package/lib/components/range-slider/components/bar-chart.d.ts

@@ -0,0 +1,8 @@
+import { FC } from '@helpers';
+interface IProps {
+    data: number[];
+    highlight: number[];
+    domain: number[];
+}
+export declare const BarChartComponent: FC<IProps>;
+export {};

package/lib/components/range-slider/components/handle.d.ts

@@ -0,0 +1,12 @@
+import { CSSProperties } from 'react';
+import { FC } from '@helpers';
+import { GetHandleProps, SliderItem } from 'react-compound-slider';
+interface IHandleComponent {
+    domain: number[];
+    handle: SliderItem;
+    classes?: CSSProperties;
+    thumbHeight: number;
+    getHandleProps: GetHandleProps;
+}
+export declare const HandleComponent: FC<IHandleComponent>;
+export {};

package/lib/components/range-slider/components/rail.d.ts

@@ -0,0 +1,9 @@
+import { FC } from '@helpers';
+import { GetRailProps } from 'react-compound-slider';
+interface IRailComponent {
+    getRailProps: GetRailProps;
+    trackHeight: number;
+    thumbHeight: number;
+}
+export declare const RailComponent: FC<IRailComponent>;
+export {};

package/lib/components/range-slider/components/slider-component.d.ts

@@ -0,0 +1,12 @@
+import { FC } from '@helpers';
+import { SliderType } from '../types';
+interface IProps {
+    mode: 1 | 2 | 3;
+    domain: number[];
+    values: ReadonlyArray<number>;
+    type: SliderType;
+    onChange: (values: ReadonlyArray<number>) => void;
+    onUpdate?: (values: ReadonlyArray<number>) => void;
+}
+export declare const SliderComponent: FC<IProps>;
+export {};

package/lib/components/range-slider/components/slider-inputs.d.ts

@@ -0,0 +1,14 @@
+import { FC } from '@helpers';
+import { SliderType } from '../types';
+interface ISliderInputs {
+    onChange: (range: number[]) => void;
+    range: ReadonlyArray<number>;
+    minValue: number;
+    maxValue: number;
+    maxLabel?: string;
+    minLabel?: string;
+    type: SliderType;
+    prefix?: string;
+}
+export declare const SliderInputs: FC<ISliderInputs>;
+export {};

package/lib/components/range-slider/components/tick.d.ts

@@ -0,0 +1,10 @@
+import { FC } from '@helpers';
+import { ReactNode } from 'react';
+import { SliderItem } from 'react-compound-slider';
+interface ITickComponent {
+    tick: SliderItem;
+    count: number;
+    format?: (value: number) => ReactNode;
+}
+export declare const TickComponent: FC<ITickComponent>;
+export {};

package/lib/components/range-slider/components/track.d.ts

@@ -0,0 +1,11 @@
+import { FC } from '@helpers';
+import { GetTrackProps, SliderItem } from 'react-compound-slider';
+interface ITrackComponent {
+    source: SliderItem;
+    target: SliderItem;
+    trackHeight: number;
+    thumbHeight: number;
+    getTrackProps: GetTrackProps;
+}
+export declare const TrackComponent: FC<ITrackComponent>;
+export {};

package/lib/components/range-slider/index.d.ts

@@ -0,0 +1,2 @@
+export * from './range-slider';
+export * from './slider';

package/lib/components/range-slider/range-slider.d.ts

@@ -0,0 +1,15 @@
+import { FC } from '@helpers';
+interface IRangeSlider {
+    data?: number[];
+    editable?: boolean;
+    prefix?: string;
+    min?: number;
+    max?: number;
+    graphHeight?: number;
+    maxLabel?: string;
+    minLabel?: string;
+    values: number[];
+    onChange?: (value: number[]) => void;
+}
+export declare const RangeSlider: FC<IRangeSlider>;
+export {};

package/lib/components/range-slider/slider.d.ts

@@ -0,0 +1,11 @@
+import { FC } from '@helpers';
+interface ISlider {
+    min?: number;
+    max: number;
+    value: number;
+    prefix?: string;
+    editable?: boolean;
+    onChange?: (value: number) => void;
+}
+export declare const Slider: FC<ISlider>;
+export {};

package/lib/components/range-slider/types.d.ts

@@ -0,0 +1,11 @@
+export declare enum SliderType {
+    SLIDER = 0,
+    RANGE_SLIDER = 1
+}
+export declare enum ValueType {
+    MIN = 0,
+    MAX = 1
+}
+export declare const FieldContainer: import("styled-components").StyledComponent<"div", any, {
+    margin: string;
+}, never>;

package/lib/helpers/index.d.ts

@@ -5,3 +5,4 @@ export * from './numbers';
 export * from './nothing';
 export * from './strings';
 export * from './isReactElementOfType';
+export * from './useInputElementState';

package/lib/helpers/safe-navigation.d.ts

@@ -11,5 +11,7 @@ export declare function isEmpty<T extends {
 }>(obj: T): boolean;
 /** used for evaluating tri-state logic (true | false | undefined) */
 export declare function is(pred?: boolean): boolean;
+export declare function toArray<T>(obj: T | T[] | undefined | null): T[];
 export declare function safeArray<T>(arr: T[] | undefined | null): T[];
 export declare function safeCallback<T>(f?: (e: T) => void, e?: T): void;
+export { first, isString, isFunction, uniqueId, debounce, throttle, } from 'lodash';

package/lib/helpers/useInputElementState.d.ts

@@ -0,0 +1,30 @@
+declare type IInputElementState<T> = [
+    T | undefined,
+    (change: T) => void
+];
+/**
+ *
+ * This hook is to help implement a common pattern:
+ *
+ * <input onChange={doSomething} /> // uncontrolled
+ * <input value={1} /> // should be marked read only
+ * <input value={state} onChange={setState} /> // controlled
+ *
+ * I've reimplemented this logic a few times, but now I have a nice helper :D
+ *
+ * const [state, setState] = useInputElementState({
+ *   value: props.value,
+ *   defaultValue: props.defaultValue, // the value to use if value is undefined
+ *   onChange: props.onChange,
+ * })
+ *
+ * if you give it nothing, you get state, setState for internal state management (uncontrolled input)
+ * if you give it value only, you get a warning
+ * if you give it value and onChange, state management if deferred to the parent (controlled input)
+ */
+export declare function useInputElementState<T>(props: {
+    value?: T;
+    defaultValue?: T;
+    onChange?: (change: T) => void;
+}): IInputElementState<T>;
+export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@edvisor/product-language",
-  "version": "0.6.0",
+  "version": "0.7.0",
   "license": "MIT",
   "description": "Edvisor.io product-language components",
   "repository": "https://github.com/edvisor-io/front-end/",
@@ -14,6 +14,10 @@
     "release": "*",
     "styled-components": "5.3.5",
     "react": "18.2.0",
+    "react-multi-date-picker": "^3.3.4",
+    "lodash": "^4.17.21",
+    "recharts": "^2.1.16",
+    "react-compound-slider": "^3.4.0",
     "react-window": "^1.8.8",
     "@storybook/addon-docs": "^6.5.10"
   },