@mwater/visualization 5.0.0 → 5.0.1

package/lib/quickfilter/QuickfiltersComponent.d.ts

@@ -57,192 +57,8 @@ declare class EnumQuickfilterComponent extends React.Component<EnumQuickfilterCo
     };
     handleSingleChange: (val: any) => any;
     handleMultiChange: (val: any) => any;
-    renderSingleSelect(options: any[]): React.FunctionComponentElement<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
-    renderMultiSelect(options: any[]): React.FunctionComponentElement<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    renderSingleSelect(options: any[]): React.FunctionComponentElement<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    renderMultiSelect(options: any[]): React.FunctionComponentElement<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
     render(): React.DetailedReactHTMLElement<{
         style: {
             display: "inline-block";

package/lib/quickfilter/QuickfiltersDesignComponent.js

@@ -152,7 +152,7 @@ class QuickfilterDesignComponent extends react_1.default.Component {
             table: this.state.table,
             value: this.props.design.expr,
             onChange: this.handleExprChange,
-            types: ["enum", "text", "enumset", "date", "datetime", "id[]", "text[]"]
+            types: ["enum", "text", "enumset", "date", "datetime", "id[]", "text[]"],
         }))), this.props.design.expr
             ? R("div", { className: "mb-3", key: "label" }, R("label", { className: "text-muted" }, "Label"), R("input", {
                 type: "text",

package/lib/quickfilter/TextLiteralComponent.d.ts

@@ -22,192 +22,8 @@ export default class TextLiteralComponent extends React.Component<TextLiteralCom
     handleSingleChange: (val: any) => any;
     handleMultipleChange: (val: any) => any;
     getOptions: (input: any, cb: any) => void;
-    renderSingle(): React.FunctionComponentElement<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<unknown, import("react-select").GroupBase<unknown>> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
-    renderMultiple(): React.FunctionComponentElement<Omit<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<Pick<import("react-select/dist/declarations/src/Select").Props<unknown, boolean, import("react-select").GroupBase<unknown>>, "required" | "id" | "name" | "value" | "form" | "className" | "autoFocus" | "aria-errormessage" | "aria-invalid" | "aria-label" | "aria-labelledby" | "onFocus" | "onBlur" | "onChange" | "onKeyDown" | "isClearable" | "theme" | "ariaLiveMessages" | "classNamePrefix" | "delimiter" | "formatOptionLabel" | "hideSelectedOptions" | "inputValue" | "inputId" | "instanceId" | "isOptionSelected" | "menuPortalTarget" | "onInputChange" | "onMenuOpen" | "onMenuClose" | "onMenuScrollToTop" | "onMenuScrollToBottom"> & {
-        tabIndex?: number | undefined;
-        options?: import("react-select").OptionsOrGroups<unknown, import("react-select").GroupBase<unknown>> | undefined;
-        placeholder?: React.ReactNode;
-        'aria-live'?: "off" | "assertive" | "polite" | undefined;
-        styles?: import("react-select").StylesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        isLoading?: boolean | undefined;
-        isDisabled?: boolean | undefined;
-        isRtl?: boolean | undefined;
-        isMulti?: boolean | undefined;
-        controlShouldRenderValue?: boolean | undefined;
-        loadingMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        noOptionsMessage?: ((obj: {
-            inputValue: string;
-        }) => React.ReactNode) | undefined;
-        backspaceRemovesValue?: boolean | undefined;
-        blurInputOnSelect?: boolean | undefined;
-        captureMenuScroll?: boolean | undefined;
-        classNames?: import("react-select").ClassNamesConfig<unknown, boolean, import("react-select").GroupBase<unknown>> | undefined;
-        closeMenuOnSelect?: boolean | undefined;
-        closeMenuOnScroll?: boolean | ((event: Event) => boolean) | undefined;
-        components?: Partial<import("react-select/dist/declarations/src/components").SelectComponents<unknown, boolean, import("react-select").GroupBase<unknown>>> | undefined;
-        escapeClearsValue?: boolean | undefined;
-        filterOption?: ((option: import("react-select/dist/declarations/src/filters").FilterOptionOption<unknown>, inputValue: string) => boolean) | null | undefined;
-        formatGroupLabel?: ((group: import("react-select").GroupBase<unknown>) => React.ReactNode) | undefined;
-        getOptionLabel?: import("react-select").GetOptionLabel<unknown> | undefined;
-        getOptionValue?: import("react-select").GetOptionValue<unknown> | undefined;
-        isOptionDisabled?: ((option: unknown, selectValue: import("react-select").Options<unknown>) => boolean) | undefined;
-        isSearchable?: boolean | undefined;
-        minMenuHeight?: number | undefined;
-        maxMenuHeight?: number | undefined;
-        menuIsOpen?: boolean | undefined;
-        menuPlacement?: import("react-select").MenuPlacement | undefined;
-        menuPosition?: import("react-select").MenuPosition | undefined;
-        menuShouldBlockScroll?: boolean | undefined;
-        menuShouldScrollIntoView?: boolean | undefined;
-        openMenuOnFocus?: boolean | undefined;
-        openMenuOnClick?: boolean | undefined;
-        pageSize?: number | undefined;
-        screenReaderStatus?: ((obj: {
-            count: number;
-        }) => string) | undefined;
-        tabSelectsValue?: boolean | undefined;
-        unstyled?: boolean | undefined;
-    } & {}> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<unknown, import("react-select").GroupBase<unknown>> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    renderSingle(): React.FunctionComponentElement<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<unknown, import("react-select").GroupBase<unknown>> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
+    renderMultiple(): React.FunctionComponentElement<Omit<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>, "value" | "onChange" | "inputValue" | "menuIsOpen" | "onInputChange" | "onMenuOpen" | "onMenuClose"> & Partial<import("react-select/dist/declarations/src/Select").PublicBaseSelectProps<unknown, boolean, import("react-select").GroupBase<unknown>>> & import("react-select/dist/declarations/src/useStateManager").StateManagerAdditionalProps<unknown> & import("react-select/dist/declarations/src/useAsync").AsyncAdditionalProps<unknown, import("react-select").GroupBase<unknown>> & React.RefAttributes<import("react-select/dist/declarations/src/Select").default<unknown, boolean, import("react-select").GroupBase<unknown>>>>;
     render(): React.DetailedReactHTMLElement<{
         style: {
             width: string;

package/lib/quickfilter/TextLiteralComponent.js

@@ -33,6 +33,9 @@ class TextLiteralComponent extends react_1.default.Component {
         const exprType = exprUtils.getExprType(this.props.expr);
         // Create query to get matches
         const exprCompiler = new expressions_1.ExprCompiler(this.props.schema);
+        if (!this.props.expr.table) {
+            return;
+        }
         // Add filter for input (simple if just text)
         if (exprType === "text") {
             if (input) {

package/lib/valueFormatter.js

@@ -1,11 +1,15 @@
 "use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.formatValue = exports.getDefaultFormat = exports.getFormatOptions = exports.canFormatType = void 0;
 const d3_format_1 = require("d3-format");
 const utm_1 = require("utm");
+const dayjs_1 = __importDefault(require("./dayjs"));
 /** Determine if can format type */
 function canFormatType(type) {
-    return type == "number" || type == "geometry";
+    return type == "number" || type == "geometry" || type === "date" || type === "datetime";
 }
 exports.canFormatType = canFormatType;
 /** Get available options for formatting a type. Null if not available */
@@ -28,6 +32,41 @@ function getFormatOptions(type) {
             { value: "UTM", label: "UTM" }
         ];
     }
+    if (type == "date") {
+        return [
+            { value: "ll", label: (0, dayjs_1.default)().format("ll") },
+            { value: "YYYY-MM-DD", label: (0, dayjs_1.default)().format("YYYY-MM-DD") },
+            { value: "YYYY-MMM-DD", label: (0, dayjs_1.default)().format("YYYY-MMM-DD") },
+            { value: "YYYY-MM", label: (0, dayjs_1.default)().format("YYYY-MM") },
+            { value: "YYYY", label: (0, dayjs_1.default)().format("YYYY") },
+            { value: "MMM YYYY", label: (0, dayjs_1.default)().format("MMM YYYY") },
+            { value: "MMM DD, YYYY", label: (0, dayjs_1.default)().format("MMM DD, YYYY") },
+            { value: "MMMM D, YYYY", label: (0, dayjs_1.default)().format("MMMM D, YYYY") },
+            { value: "MM/DD/YYYY", label: (0, dayjs_1.default)().format("MM/DD/YYYY") },
+            { value: "DD/MM/YYYY", label: (0, dayjs_1.default)().format("DD/MM/YYYY") },
+            { value: "DD-MM-YYYY", label: (0, dayjs_1.default)().format("DD-MM-YYYY") },
+        ];
+    }
+    if (type == "datetime") {
+        return [
+            { value: "lll", label: (0, dayjs_1.default)().format("lll") },
+            { value: "llll", label: (0, dayjs_1.default)().format("llll") },
+            { value: "YYYY-MM-DD", label: (0, dayjs_1.default)().format("YYYY-MM-DD") },
+            { value: "YYYY-MMM-DD", label: (0, dayjs_1.default)().format("YYYY-MMM-DD") },
+            { value: "YYYY-MM", label: (0, dayjs_1.default)().format("YYYY-MM") },
+            { value: "YYYY", label: (0, dayjs_1.default)().format("YYYY") },
+            { value: "MMM YYYY", label: (0, dayjs_1.default)().format("MMM YYYY") },
+            { value: "MMM DD, YYYY h:mm A", label: (0, dayjs_1.default)().format("MMM DD, YYYY h:mm A") },
+            { value: "MMMM D, YYYY h:mm A", label: (0, dayjs_1.default)().format("MMMM D, YYYY h:mm A") },
+            { value: "MMM DD, YYYY", label: (0, dayjs_1.default)().format("MMM DD, YYYY") },
+            { value: "MMMM D, YYYY", label: (0, dayjs_1.default)().format("MMMM D, YYYY") },
+            { value: "MM/DD/YYYY", label: (0, dayjs_1.default)().format("MM/DD/YYYY") },
+            { value: "DD/MM/YYYY", label: (0, dayjs_1.default)().format("DD/MM/YYYY") },
+            { value: "DD-MM-YYYY", label: (0, dayjs_1.default)().format("DD-MM-YYYY") },
+            { value: "YYYY-MM-DD HH:mm:ss", label: (0, dayjs_1.default)().format("YYYY-MM-DD HH:mm:ss") },
+            { value: "ISO 8601", label: (0, dayjs_1.default)().toISOString() },
+        ];
+    }
     return null;
 }
 exports.getFormatOptions = getFormatOptions;
@@ -39,6 +78,12 @@ function getDefaultFormat(type) {
     if (type == "geometry") {
         return "lat, lng";
     }
+    if (type == "date") {
+        return "ll";
+    }
+    if (type == "datetime") {
+        return "lll";
+    }
     throw new Error("Not supported");
 }
 exports.getDefaultFormat = getDefaultFormat;
@@ -59,6 +104,12 @@ function formatValue(type, value, format, locale, legacyPercentFormat) {
         }
         return (0, d3_format_1.format)(format)(value);
     }
+    if (["date", "datetime"].includes(type)) {
+        if (format == "ISO 8601") {
+            return (0, dayjs_1.default)(value).toISOString();
+        }
+        return (0, dayjs_1.default)(value).format(format);
+    }
     if (type == "geometry") {
         if (format == "UTM") {
             if (value.type == "Point") {

package/lib/widgets/charts/layered/LayeredChartCompiler.d.ts

@@ -3,7 +3,7 @@ import { ExprUtils } from "@mwater/expressions";
 import AxisBuilder from "../../../axes/AxisBuilder";
 import { JsonQLFilter, WidgetScope } from "../../..";
 import { LayeredChartDesign } from "./LayeredChartDesign";
-import { JsonQLQuery } from "@mwater/jsonql";
+import { JsonQLExpr, JsonQLQuery } from "@mwater/jsonql";
 import { ChartOptions, PrimitiveArray, ChartTypes } from "billboard.js";
 /** Data for a chart */
 type C3ChartData = {

package/lib/widgets/charts/pivot/PivotChartLayout.d.ts

@@ -32,8 +32,9 @@ export interface PivotChartLayoutCell {
     text?: string;
     align: "left" | "center" | "right";
     /** section id of either a segment or intersection or blank area. Always a rectangle.
-     * Id is like intersection id if intersection, id of segment if segment */
-    section: string;
+     * Id is like intersection id if intersection, id of segment if segment. Undefined if doesn't
+     * exist yet. */
+    section?: string;
     /** true if cell is on top edge of section */
     sectionTop?: boolean;
     /** true if cell is on bottom edge of section */

package/lib/widgets/charts/pivot/PivotChartLayoutComponent.js

@@ -62,7 +62,7 @@ class PivotChartLayoutComponent extends react_1.default.Component {
                 layout: this.props.layout,
                 rowIndex,
                 columnIndex,
-                onHover: this.props.editable ? () => this.setState({ hoverSection: cell.section }) : undefined,
+                onHover: this.props.editable ? () => this.setState({ hoverSection: cell.section ?? null }) : undefined,
                 hoverSection: this.props.editable ? this.state.hoverSection : undefined,
                 onEditSection: this.props.onEditSection ? this.props.onEditSection.bind(null, cell.section) : undefined,
                 onSummarizeSegment: this.props.onSummarizeSegment
@@ -248,6 +248,9 @@ class LayoutCellComponent extends react_1.default.Component {
     }
     // Render an unconfigured cell
     renderUnconfigured(cell) {
+        if (!cell.section) {
+            return null;
+        }
         return R("span", { style: { fontSize: "90%" } }, R("a", { className: "link-plain", onClick: this.props.onEditSection }, "Edit"), cell.summarize
             ? [
                 R("span", { className: "text-muted" }, " / "),

package/lib/widgets/charts/pivot/PivotChartQueryBuilder.js

@@ -119,7 +119,7 @@ class PivotChartQueryBuilder {
                     const columnSegment = columnPath[i];
                     query.selects.push({
                         type: "select",
-                        expr: this.axisBuilder.compileAxis({ axis: columnSegment.valueAxis, tableAlias: "main" }),
+                        expr: compileSegmentAxis(columnSegment.valueAxis),
                         alias: `c${i}`
                     });
                     query.groupBy.push(i + 1 + rowPath.length);

package/lib/widgets/charts/table/TableChart.js

@@ -234,18 +234,29 @@ class TableChart extends Chart_1.default {
             }),
             from: { type: "subquery", query, alias: "t" },
         };
-        return dataSource.performQuery(query, (error, data) => {
-            if (totalColumns.length > 0)
+        // Query for the data in question. 
+        dataSource.performQuery(query, (error, data) => {
+            if (error) {
+                callback(error);
+            }
+            else if (totalColumns.length > 0) {
+                // Query for the summaries
                 dataSource.performQuery(summaryQuery, (error, summary) => {
-                    callback(error, { main: data, summary: summary[0] });
+                    if (error) {
+                        callback(error);
+                    }
+                    else {
+                        callback(error, { main: data, summary: summary[0] });
+                    }
                 });
+            }
             else
                 callback(error, { main: data });
         });
     }
     // Create a view element for the chart
     // Options include:
-    //   schema: schema to use
+    // p  schema: schema to use
     //   dataSource: dataSource to use
     //   design: design of the chart
     //   data: results from queries

package/lib/widgets/charts/table/TableChartViewComponent.d.ts

@@ -1,8 +1,9 @@
 import React from "react";
 import { DataSource, Schema } from "@mwater/expressions";
+import { TableChartDesign } from "./TableChart";
 export interface TableChartViewComponentProps {
     /** Design of chart */
-    design: any;
+    design: TableChartDesign;
     /** Data that the table has requested */
     data: any;
     /** Schema to use */