@xola/ui-kit 2.2.0-2 → 2.2.0-3

package/build/src/components/Charts/HistogramOptions.d.ts

@@ -0,0 +1,193 @@
+/**
+ * This is the base Histogram chart. A histogram can be a line, column or a bar view. This is the master file
+ * for all defaults for a histogram. This should ideally be extended by business-specific implementations like
+ * revenue graph, turnover etc.
+ */
+export const HistogramOptions: {
+    global: {
+        useUTC: boolean;
+    };
+    chart: {
+        spacingLeft: number;
+    };
+    colors: (string | {
+        lighter: string;
+        light: string;
+        DEFAULT: string;
+        dark: string;
+        darker: string;
+    })[];
+    xAxis: {
+        title: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            } & {
+                color: string;
+            };
+        };
+        labels: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            };
+        };
+    };
+    yAxis: {
+        title: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            } & {
+                color: string;
+            };
+        };
+        labels: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            };
+        };
+    };
+    tooltip: {
+        enabled: boolean;
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        valueDecimals: number;
+        crosshairs: boolean[];
+        shadow: boolean;
+        useHTML: boolean;
+        style: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            textOverflow: string;
+            fontFamily: string[];
+        } & {
+            opacity: number;
+            color: string;
+        };
+    };
+    title: {
+        text: string;
+        style: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            textOverflow: string;
+            fontFamily: string[];
+        } & {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+    };
+    plotOptions: {
+        series: {
+            marker: {
+                enabled: boolean;
+                states: {
+                    hover: {
+                        enabled: boolean;
+                        lineWidth: number;
+                        radius: number;
+                    };
+                };
+            };
+        };
+    };
+    legend: {
+        enabled: boolean;
+        itemStyle: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            textOverflow: string;
+            fontFamily: string[];
+        };
+        itemMarginBottom: number;
+        align: string;
+        layout: string;
+        borderWidth: number;
+    };
+    credits: {
+        enabled: boolean;
+    };
+} & {
+    chart: {
+        type: string;
+    };
+    title: {
+        align: string;
+        margin: number;
+        verticalAlign: string;
+    };
+    xAxis: {
+        type: string;
+        step: number;
+        minTickInterval: number;
+        lineColor: string;
+        lineWidth: number;
+        gridLineWidth: string;
+        gridLineColor: string;
+        gridLineDashStyle: string;
+    };
+    yAxis: {
+        lineColor: string;
+        lineWidth: number;
+        gridLineWidth: string;
+        gridLineColor: string;
+        gridLineDashStyle: string;
+    };
+    plotOptions: {
+        series: {
+            marker: {
+                enabled: boolean;
+                lineWidth: number;
+                radius: number;
+                states: {
+                    hover: {
+                        enabled: boolean;
+                        lineWidth: number;
+                        radius: number;
+                    };
+                };
+            };
+        };
+    };
+    legend: {
+        enabled: boolean;
+        itemStyle: {
+            fontSize: string;
+            color: string;
+            textTransform: string;
+            fontFamily: string[];
+        };
+        itemMarginBottom: number;
+        align: string;
+        layout: string;
+        borderWidth: number;
+    };
+};
+//# sourceMappingURL=HistogramOptions.d.ts.map

package/build/src/components/Charts/HistogramOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"HistogramOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/HistogramOptions.js"],"names":[],"mappings":"AAIA;;;;GAIG;AACH;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4DG"}

package/build/src/components/Charts/PieOptions.d.ts

@@ -0,0 +1,178 @@
+export const PieOptions: {
+    global: {
+        useUTC: boolean;
+    };
+    chart: {
+        spacingLeft: number;
+    };
+    colors: (string | {
+        lighter: string;
+        light: string;
+        DEFAULT: string;
+        dark: string;
+        darker: string;
+    })[];
+    xAxis: {
+        title: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            } & {
+                color: string;
+            };
+        };
+        labels: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            };
+        };
+    };
+    yAxis: {
+        title: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            } & {
+                color: string;
+            };
+        };
+        labels: {
+            style: {
+                color: string;
+                fontSize: string;
+                fontWeight: number;
+                cursor: string;
+                textOverflow: string;
+                fontFamily: string[];
+            };
+        };
+    };
+    tooltip: {
+        enabled: boolean;
+        backgroundColor: string;
+        borderColor: string;
+        borderRadius: number;
+        borderWidth: number;
+        valueDecimals: number;
+        crosshairs: boolean[];
+        shadow: boolean;
+        useHTML: boolean;
+        style: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            textOverflow: string;
+            fontFamily: string[];
+        } & {
+            opacity: number;
+            color: string;
+        };
+    };
+    title: {
+        text: string;
+        style: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            textOverflow: string;
+            fontFamily: string[];
+        } & {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+        };
+    };
+    plotOptions: {
+        series: {
+            marker: {
+                enabled: boolean;
+                states: {
+                    hover: {
+                        enabled: boolean;
+                        lineWidth: number;
+                        radius: number;
+                    };
+                };
+            };
+        };
+    };
+    legend: {
+        enabled: boolean;
+        itemStyle: {
+            color: string;
+            fontSize: string;
+            fontWeight: number;
+            cursor: string;
+            textOverflow: string;
+            fontFamily: string[];
+        };
+        itemMarginBottom: number;
+        align: string;
+        layout: string;
+        borderWidth: number;
+    };
+    credits: {
+        enabled: boolean;
+    };
+} & {
+    chart: {
+        type: string;
+    };
+    tooltip: {
+        pointFormat: string;
+    };
+    plotOptions: {
+        pie: {
+            size: number;
+            center: number[];
+            allowPointSelect: boolean;
+            cursor: string;
+            dataLabels: {
+                enabled: boolean;
+            };
+            showInLegend: boolean;
+            innerSize: number;
+        };
+    };
+    legend: {
+        enabled: boolean;
+        maxHeight: number;
+        width: number;
+        navigation: {
+            activeColor: string;
+            animation: string;
+            style: string[];
+        };
+        padding: number;
+        backgroundColor: string;
+        itemMarginTop: number;
+        itemMarginBottom: number;
+        itemStyle: string[];
+        style: {
+            overflow: string;
+        };
+        align: string;
+        layout: string;
+        verticalAlign: string;
+        y: number;
+    };
+    credits: {
+        enabled: boolean;
+    };
+};
+//# sourceMappingURL=PieOptions.d.ts.map

package/build/src/components/Charts/PieOptions.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"PieOptions.d.ts","sourceRoot":"","sources":["../../../../src/components/Charts/PieOptions.js"],"names":[],"mappings":"AAIA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6CG"}

package/build/src/components/Counter.d.ts

@@ -0,0 +1,11 @@
+export function Counter({ className, ...rest }: {
+    [x: string]: any;
+    className: any;
+}): JSX.Element;
+export namespace Counter {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=Counter.d.ts.map

package/build/src/components/Counter.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Counter.d.ts","sourceRoot":"","sources":["../../../src/components/Counter.jsx"],"names":[],"mappings":"AAIO;;;gBAWN"}

package/build/src/components/DatePicker/DatePicker.d.ts

@@ -0,0 +1,40 @@
+export function DatePicker({ variant, value, getDayContent, disabledDays, shouldShowYearPicker, onChange, onMonthChange, onSubmitDateRange, modifiers, ranges, shouldShowRelativeRanges, components, getTooltip, upcomingDates, ...rest }: {
+    [x: string]: any;
+    variant?: string;
+    value: any;
+    getDayContent: any;
+    disabledDays?: any[];
+    shouldShowYearPicker?: boolean;
+    onChange: any;
+    onMonthChange: any;
+    onSubmitDateRange: any;
+    modifiers?: {};
+    ranges: any;
+    shouldShowRelativeRanges?: boolean;
+    components?: {};
+    getTooltip: any;
+    upcomingDates: any;
+}): JSX.Element;
+export namespace DatePicker {
+    namespace propTypes {
+        const variant: PropTypes.Requireable<string>;
+        const value: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        const upcomingDates: PropTypes.Requireable<any[]>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const onMonthChange: PropTypes.Requireable<(...args: any[]) => any>;
+        const disabledDays: PropTypes.Requireable<object>;
+        const shouldShowYearPicker: PropTypes.Requireable<boolean>;
+        const getDayContent: PropTypes.Requireable<(...args: any[]) => any>;
+        const modifiers: PropTypes.Requireable<object>;
+        const ranges: PropTypes.Requireable<string[]>;
+        const shouldShowRelativeRanges: PropTypes.Requireable<boolean>;
+        const components: PropTypes.Requireable<PropTypes.InferProps<{
+            Footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>>;
+        const getTooltip: PropTypes.Requireable<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=DatePicker.d.ts.map

package/build/src/components/DatePicker/DatePicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePicker.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePicker.jsx"],"names":[],"mappings":"AAsBO;;;;;;;;;;;;;;;;gBAoMN"}

package/build/src/components/DatePicker/DatePickerPopover.d.ts

@@ -0,0 +1,39 @@
+export function DatePickerPopover({ value, variant, dateFormat, onChange, children, classNames, components, popoverProps, getDayContent, ...rest }: {
+    [x: string]: any;
+    value: any;
+    variant?: string;
+    dateFormat?: string;
+    onChange: any;
+    children: any;
+    classNames?: {};
+    components?: {};
+    popoverProps: any;
+    getDayContent: any;
+}): JSX.Element;
+export namespace DatePickerPopover {
+    const propTypes: {
+        dateFormat: PropTypes.Requireable<string>;
+        classNames: PropTypes.Requireable<object>;
+        popoverProps: PropTypes.Requireable<object>;
+        children: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        variant: PropTypes.Requireable<string>;
+        value: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        upcomingDates: PropTypes.Requireable<any[]>;
+        onChange: PropTypes.Validator<(...args: any[]) => any>;
+        onMonthChange: PropTypes.Requireable<(...args: any[]) => any>;
+        disabledDays: PropTypes.Requireable<object>;
+        shouldShowYearPicker: PropTypes.Requireable<boolean>;
+        getDayContent: PropTypes.Requireable<(...args: any[]) => any>;
+        modifiers: PropTypes.Requireable<object>;
+        ranges: PropTypes.Requireable<string[]>;
+        shouldShowRelativeRanges: PropTypes.Requireable<boolean>;
+        components: PropTypes.Requireable<PropTypes.InferProps<{
+            Footer: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        }>>;
+        getTooltip: PropTypes.Requireable<(...args: any[]) => any>;
+    };
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=DatePickerPopover.d.ts.map

package/build/src/components/DatePicker/DatePickerPopover.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"DatePickerPopover.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/DatePickerPopover.jsx"],"names":[],"mappings":"AASO;;;;;;;;;;;gBA6EN"}

package/build/src/components/DatePicker/Day.d.ts

@@ -0,0 +1,23 @@
+export function Day({ selectedDate, date, getContent, currentMonth, disabled }: {
+    selectedDate: any;
+    date: any;
+    getContent: any;
+    currentMonth: any;
+    disabled?: boolean;
+}): JSX.Element;
+export namespace Day {
+    namespace propTypes {
+        const selectedDate: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        const date: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+        const getContent: PropTypes.Requireable<(...args: any[]) => any>;
+        const currentMonth: PropTypes.Requireable<{
+            [x: string]: any;
+        }>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=Day.d.ts.map

package/build/src/components/DatePicker/Day.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Day.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/Day.jsx"],"names":[],"mappings":"AAKO;;;;;;gBAoBN"}

package/build/src/components/DatePicker/MonthYearSelector.d.ts

@@ -0,0 +1,15 @@
+export function MonthYearSelector({ date, onChange, currentMonth }: {
+    date: any;
+    onChange: any;
+    currentMonth: any;
+}): JSX.Element;
+export namespace MonthYearSelector {
+    namespace propTypes {
+        const date: PropTypes.Validator<{
+            [x: string]: any;
+        }>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=MonthYearSelector.d.ts.map

package/build/src/components/DatePicker/MonthYearSelector.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MonthYearSelector.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/MonthYearSelector.jsx"],"names":[],"mappings":"AAOO;;;;gBAwCN"}

package/build/src/components/DatePicker/NavbarElement.d.ts

@@ -0,0 +1,18 @@
+export function NavbarElement({ onPreviousClick, onNextClick, className, showNextButton, showPreviousButton }: {
+    onPreviousClick: any;
+    onNextClick: any;
+    className: any;
+    showNextButton: any;
+    showPreviousButton: any;
+}): JSX.Element;
+export namespace NavbarElement {
+    namespace propTypes {
+        const onPreviousClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const onNextClick: PropTypes.Requireable<(...args: any[]) => any>;
+        const className: PropTypes.Requireable<string>;
+        const showNextButton: PropTypes.Requireable<boolean>;
+        const showPreviousButton: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=NavbarElement.d.ts.map

package/build/src/components/DatePicker/NavbarElement.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"NavbarElement.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/NavbarElement.jsx"],"names":[],"mappings":"AASO;;;;;;gBAYN"}

package/build/src/components/DatePicker/RelativeDateRange.d.ts

@@ -0,0 +1,63 @@
+export namespace dateRanges {
+    namespace day {
+        const label: string;
+        const options: {
+            value: string;
+            label: string;
+        }[];
+    }
+    namespace week {
+        const label_1: string;
+        export { label_1 as label };
+        const options_1: {
+            value: string;
+            label: string;
+        }[];
+        export { options_1 as options };
+    }
+    namespace month {
+        const label_2: string;
+        export { label_2 as label };
+        const options_2: {
+            value: string;
+            label: string;
+        }[];
+        export { options_2 as options };
+    }
+    namespace quarter {
+        const label_3: string;
+        export { label_3 as label };
+        const options_3: {
+            value: string;
+            label: string;
+        }[];
+        export { options_3 as options };
+    }
+    namespace year {
+        const label_4: string;
+        export { label_4 as label };
+        const options_4: {
+            value: string;
+            label: string;
+        }[];
+        export { options_4 as options };
+    }
+}
+export function RelativeDateRange({ ranges, value, showApply, onChange, onSubmit, }: {
+    ranges?: string[];
+    value: any;
+    showApply?: boolean;
+    onChange: any;
+    onSubmit: any;
+}): JSX.Element;
+export namespace RelativeDateRange {
+    namespace propTypes {
+        const ranges: PropTypes.Requireable<string[]>;
+        const onChange: PropTypes.Validator<(...args: any[]) => any>;
+        const onSubmit: PropTypes.Validator<(...args: any[]) => any>;
+        const showApply: PropTypes.Requireable<boolean>;
+        const value: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=RelativeDateRange.d.ts.map

package/build/src/components/DatePicker/RelativeDateRange.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"RelativeDateRange.d.ts","sourceRoot":"","sources":["../../../../src/components/DatePicker/RelativeDateRange.jsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAkNO;;;;;;gBAmCN"}

package/build/src/components/Dot.d.ts

@@ -0,0 +1,13 @@
+export function Dot({ color, className, ...rest }: {
+    [x: string]: any;
+    color?: string;
+    className: any;
+}): JSX.Element;
+export namespace Dot {
+    namespace propTypes {
+        const className: PropTypes.Requireable<string>;
+        const color: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=Dot.d.ts.map

package/build/src/components/Dot.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dot.d.ts","sourceRoot":"","sources":["../../../src/components/Dot.jsx"],"names":[],"mappings":"AAaO;;;;gBAON"}

package/build/src/components/Drawer.d.ts

@@ -0,0 +1,20 @@
+export function Drawer({ isOpen, title, content, onClose, classNames, position }: {
+    isOpen?: boolean;
+    title: any;
+    content: any;
+    onClose: any;
+    classNames?: {};
+    position?: string;
+}): JSX.Element;
+export namespace Drawer {
+    namespace propTypes {
+        const isOpen: PropTypes.Requireable<boolean>;
+        const title: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const content: PropTypes.Requireable<PropTypes.ReactNodeLike>;
+        const onClose: PropTypes.Validator<(...args: any[]) => any>;
+        const classNames: PropTypes.Requireable<object>;
+        const position: PropTypes.Requireable<string>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=Drawer.d.ts.map

package/build/src/components/Drawer.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Drawer.d.ts","sourceRoot":"","sources":["../../../src/components/Drawer.jsx"],"names":[],"mappings":"AAOO;;;;;;;gBAmEN"}

package/build/src/components/Forms/BaseInput.d.ts

@@ -0,0 +1,19 @@
+export function BaseInput({ as: Tag, size, isError, className, isRequired, ...rest }: {
+    [x: string]: any;
+    as: any;
+    size?: string;
+    isError: any;
+    className: any;
+    isRequired: any;
+}): JSX.Element;
+export namespace BaseInput {
+    namespace propTypes {
+        const as: PropTypes.Requireable<PropTypes.ReactComponentLike>;
+        const size: PropTypes.Requireable<string>;
+        const className: PropTypes.Requireable<string>;
+        const isError: PropTypes.Requireable<boolean>;
+        const isRequired: PropTypes.Requireable<boolean>;
+    }
+}
+import PropTypes from "prop-types";
+//# sourceMappingURL=BaseInput.d.ts.map

package/build/src/components/Forms/BaseInput.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"BaseInput.d.ts","sourceRoot":"","sources":["../../../../src/components/Forms/BaseInput.jsx"],"names":[],"mappings":"AAWO;;;;;;;gBAkBN"}