@stenajs-webui/select 17.6.0 → 17.9.0

package/CHANGELOG.md

@@ -1,3 +1,15 @@
+# v17.7.0 (Fri Jul 01 2022)
+
+#### 🚀 Enhancement
+
+- Build packages with vite [#475](https://github.com/StenaIT/stenajs-webui/pull/475) ([@lindskogen](https://github.com/lindskogen))
+
+#### Authors: 1
+
+- Johan Lindskogen ([@lindskogen](https://github.com/lindskogen))
+
+---
+
 # v17.6.0 (Fri Jul 01 2022)
 
 #### 🚀 Enhancement

package/dist/SelectTheme.d.ts

@@ -1,75 +1,75 @@
-import { Property } from "csstype";
-export interface SelectTheme {
-    arrowColor: {
-        focused: {
-            standard: string;
-            hover: string;
-        };
-        closed: {
-            standard: string;
-            hover: string;
-        };
-    };
-    clearButtonColor: {
-        standard: string;
-        hover: string;
-    };
-    input: {
-        backgroundColor: string;
-        border: string;
-        borderColor: string;
-        borderColorFocused: string;
-        borderRadius: string;
-        disabledBackgroundColor: string;
-        warningBackgroundColor: string;
-        errorBackgroundColor: string;
-        successBackgroundColor: string;
-        warningBorderColor: string;
-        errorBorderColor: string;
-        successBorderColor: string;
-        boxShadowFocused: string;
-        fontFamily: string;
-        fontSize: string;
-        height?: string;
-        minHeight?: string;
-        placeholderColor: string;
-        textColor: string;
-    };
-    loadingIndicator: {
-        textColor: string;
-    };
-    menu: {
-        disabledTextColor: string;
-        disabledBackgroundColor: string;
-        textColor: string;
-        backgroundColor: string;
-        hoverTextColor: string;
-        hoverBackgroundColor: string;
-        activeTextColor: string;
-        activeBackgroundColor: string;
-        minWidth?: string;
-        selectedItemTextColor: string;
-        selectedItemBackgroundColor: string;
-        selectedItemHoverTextColor: string;
-        selectedItemIconColor: string;
-        selectedItemHoverIconColor: string;
-        selectedItemHoverBackgroundColor: string;
-        selectedItemActiveTextColor: string;
-        selectedItemActiveBackgroundColor: string;
-        zIndex: number;
-        width?: string;
-        whiteSpace?: Property.WhiteSpace;
-    };
-    menuPortal: {
-        zIndex: number;
-    };
-    multiSelect: {
-        backgroundColor: string;
-        textColor: string;
-        removeButtonBackgroundColor: string;
-        removeButtonTextColor: string;
-        removeButtonHoverBackgroundColor: string;
-        removeButtonHoverTextColor: string;
-    };
-}
-export declare const defaultSelectTheme: SelectTheme;
+import { Property } from "csstype";
+export interface SelectTheme {
+    arrowColor: {
+        focused: {
+            standard: string;
+            hover: string;
+        };
+        closed: {
+            standard: string;
+            hover: string;
+        };
+    };
+    clearButtonColor: {
+        standard: string;
+        hover: string;
+    };
+    input: {
+        backgroundColor: string;
+        border: string;
+        borderColor: string;
+        borderColorFocused: string;
+        borderRadius: string;
+        disabledBackgroundColor: string;
+        warningBackgroundColor: string;
+        errorBackgroundColor: string;
+        successBackgroundColor: string;
+        warningBorderColor: string;
+        errorBorderColor: string;
+        successBorderColor: string;
+        boxShadowFocused: string;
+        fontFamily: string;
+        fontSize: string;
+        height?: string;
+        minHeight?: string;
+        placeholderColor: string;
+        textColor: string;
+    };
+    loadingIndicator: {
+        textColor: string;
+    };
+    menu: {
+        disabledTextColor: string;
+        disabledBackgroundColor: string;
+        textColor: string;
+        backgroundColor: string;
+        hoverTextColor: string;
+        hoverBackgroundColor: string;
+        activeTextColor: string;
+        activeBackgroundColor: string;
+        minWidth?: string;
+        selectedItemTextColor: string;
+        selectedItemBackgroundColor: string;
+        selectedItemHoverTextColor: string;
+        selectedItemIconColor: string;
+        selectedItemHoverIconColor: string;
+        selectedItemHoverBackgroundColor: string;
+        selectedItemActiveTextColor: string;
+        selectedItemActiveBackgroundColor: string;
+        zIndex: number;
+        width?: string;
+        whiteSpace?: Property.WhiteSpace;
+    };
+    menuPortal: {
+        zIndex: number;
+    };
+    multiSelect: {
+        backgroundColor: string;
+        textColor: string;
+        removeButtonBackgroundColor: string;
+        removeButtonTextColor: string;
+        removeButtonHoverBackgroundColor: string;
+        removeButtonHoverTextColor: string;
+    };
+}
+export declare const defaultSelectTheme: SelectTheme;

package/dist/components/ui/AsyncMultiSelect.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { AsyncProps } from "react-select/async";
-import { SelectVariant } from "../../util/StylesBuilder";
-import { GroupBase } from "react-select/dist/declarations/src/types";
-export interface AsyncMultiSelectProps<T = {
-    label: string;
-    value: string;
-}> extends AsyncProps<T, true, GroupBase<T>> {
-    variant?: SelectVariant;
-    isMulti?: true;
-}
-export declare const AsyncMultiSelect: <T extends {}>({ variant, styles, isMulti, ...selectProps }: AsyncMultiSelectProps<T>) => JSX.Element;
+/// <reference types="react" />
+import { AsyncProps } from "react-select/async";
+import { SelectVariant } from "../../util/StylesBuilder";
+import { GroupBase } from "react-select/dist/declarations/src/types";
+export interface AsyncMultiSelectProps<T = {
+    label: string;
+    value: string;
+}> extends AsyncProps<T, true, GroupBase<T>> {
+    variant?: SelectVariant;
+    isMulti?: true;
+}
+export declare const AsyncMultiSelect: <T extends {}>({ variant, styles, isMulti, ...selectProps }: AsyncMultiSelectProps<T>) => JSX.Element;

package/dist/components/ui/AsyncSelect.d.ts

@@ -1,12 +1,12 @@
-/// <reference types="react" />
-import { AsyncProps } from "react-select/async";
-import { SelectVariant } from "../../util/StylesBuilder";
-import { GroupBase } from "react-select/dist/declarations/src/types";
-export interface AsyncSelectProps<T = {
-    label: string;
-    value: string;
-}> extends AsyncProps<T, false, GroupBase<T>> {
-    variant?: SelectVariant;
-    isMulti?: false;
-}
-export declare const AsyncSelect: <T extends {}>({ variant, styles, isMulti, ...selectProps }: AsyncSelectProps<T>) => JSX.Element;
+/// <reference types="react" />
+import { AsyncProps } from "react-select/async";
+import { SelectVariant } from "../../util/StylesBuilder";
+import { GroupBase } from "react-select/dist/declarations/src/types";
+export interface AsyncSelectProps<T = {
+    label: string;
+    value: string;
+}> extends AsyncProps<T, false, GroupBase<T>> {
+    variant?: SelectVariant;
+    isMulti?: false;
+}
+export declare const AsyncSelect: <T extends {}>({ variant, styles, isMulti, ...selectProps }: AsyncSelectProps<T>) => JSX.Element;

package/dist/components/ui/ChipMultiSelect/ChipMultiSelect.d.ts

@@ -1,19 +1,19 @@
-/// <reference types="react" />
-import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
-import { MultiSelectProps } from "../MultiSelect";
-import { ChipRowItem } from "./ChipRow";
-export interface ChipMultiSelectOption extends ChipRowItem {
-}
-/**
- * @deprecated renamed to ChipMultiSelectOption
- */
-export declare type ChipMultiSelectValue = ChipMultiSelectOption;
-export interface ChipMultiSelectProps<TOption> extends Omit<MultiSelectProps<TOption>, "value" | "onChange" | "isLoading">, ValueAndOnValueChangeProps<Array<TOption>> {
-    loading?: boolean;
-    inputValue?: string;
-    onInputChange?: (inputValue: string) => void;
-    noneSelectedLabel?: string;
-}
-declare function _ChipMultiSelect<TOption extends ChipMultiSelectOption>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: ChipMultiSelectProps<TOption>): JSX.Element;
-export declare const ChipMultiSelect: typeof _ChipMultiSelect;
-export {};
+/// <reference types="react" />
+import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { MultiSelectProps } from "../MultiSelect";
+import { ChipRowItem } from "./ChipRow";
+export interface ChipMultiSelectOption extends ChipRowItem {
+}
+/**
+ * @deprecated renamed to ChipMultiSelectOption
+ */
+export declare type ChipMultiSelectValue = ChipMultiSelectOption;
+export interface ChipMultiSelectProps<TOption> extends Omit<MultiSelectProps<TOption>, "value" | "onChange" | "isLoading">, ValueAndOnValueChangeProps<Array<TOption>> {
+    loading?: boolean;
+    inputValue?: string;
+    onInputChange?: (inputValue: string) => void;
+    noneSelectedLabel?: string;
+}
+declare function _ChipMultiSelect<TOption extends ChipMultiSelectOption>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: ChipMultiSelectProps<TOption>): JSX.Element;
+export declare const ChipMultiSelect: typeof _ChipMultiSelect;
+export {};

package/dist/components/ui/ChipMultiSelect/ChipRow.d.ts

@@ -1,10 +1,10 @@
-import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
-import { PropsWithChildren } from "react";
-export interface ChipRowItem {
-    label: string;
-    value: string;
-}
-export interface ChipRowProps<TValue> extends ValueAndOnValueChangeProps<TValue> {
-    noneSelectedLabel?: string;
-}
-export declare function ChipRow<TValue extends ChipRowItem>({ value, onValueChange, noneSelectedLabel, children, }: PropsWithChildren<ChipRowProps<Array<TValue>>>): JSX.Element;
+import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { PropsWithChildren } from "react";
+export interface ChipRowItem {
+    label: string;
+    value: string;
+}
+export interface ChipRowProps<TValue> extends ValueAndOnValueChangeProps<TValue> {
+    noneSelectedLabel?: string;
+}
+export declare function ChipRow<TValue extends ChipRowItem>({ value, onValueChange, noneSelectedLabel, children, }: PropsWithChildren<ChipRowProps<Array<TValue>>>): JSX.Element;

package/dist/components/ui/ChipMultiSelect/GroupedChipMultiSelect.d.ts

@@ -1,15 +1,15 @@
-/// <reference types="react" />
-import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
-import { GroupedMultiSelectProps } from "../GroupedMultiSelect";
-import { DropdownOption } from "../GroupedMultiSelectTypes";
-export interface GroupedChipMultiSelectValue<TData> extends DropdownOption<TData> {
-}
-export interface GroupedChipMultiSelectProps<TData> extends Omit<GroupedMultiSelectProps<TData>, "onChange" | "value">, ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {
-    loading?: boolean;
-    inputValue?: string;
-    onInputChange?: (inputValue: string) => void;
-    noneSelectedLabel?: string;
-}
-declare function _GroupedChipMultiSelect<TData>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: GroupedChipMultiSelectProps<TData>): JSX.Element;
-export declare const GroupedChipMultiSelect: typeof _GroupedChipMultiSelect;
-export {};
+/// <reference types="react" />
+import { ValueAndOnValueChangeProps } from "@stenajs-webui/forms";
+import { GroupedMultiSelectProps } from "../GroupedMultiSelect";
+import { DropdownOption } from "../GroupedMultiSelectTypes";
+export interface GroupedChipMultiSelectValue<TData> extends DropdownOption<TData> {
+}
+export interface GroupedChipMultiSelectProps<TData> extends Omit<GroupedMultiSelectProps<TData>, "onChange" | "value">, ValueAndOnValueChangeProps<Array<DropdownOption<TData>>> {
+    loading?: boolean;
+    inputValue?: string;
+    onInputChange?: (inputValue: string) => void;
+    noneSelectedLabel?: string;
+}
+declare function _GroupedChipMultiSelect<TData>({ value, onValueChange, placeholder, loading, inputValue, onInputChange, noneSelectedLabel, ...selectProps }: GroupedChipMultiSelectProps<TData>): JSX.Element;
+export declare const GroupedChipMultiSelect: typeof _GroupedChipMultiSelect;
+export {};

package/dist/components/ui/GroupedMultiSelect.d.ts

@@ -1,25 +1,25 @@
-import * as React from "react";
-import { ActionMeta, OnChangeValue, Options } from "react-select";
-import { GroupedOptionsType, InternalDropdownOption } from "../../util/multiDropdownUtils";
-import { DropdownOption } from "./GroupedMultiSelectTypes";
-import { MultiSelectComponentsConfig, MultiSelectProps } from "./MultiSelect";
-export declare type OnChange<TData> = (value: OnChangeValue<DropdownOption<TData>, true>, action: ActionMeta<any>) => void;
-export interface GroupedMultiSelectProps<TData> extends Omit<MultiSelectProps<InternalDropdownOption<TData>>, "options" | "onChange" | "value" | "components"> {
-    /**
-     * Same as Select prop `component` but without MultiValue and Option since they can not be modified
-     */
-    components?: Omit<MultiSelectComponentsConfig<InternalDropdownOption<TData>>, "MultiValue" | "Option">;
-    /**
-     * Same as Select prop `options` but only with GroupOptionsType
-     */
-    options?: GroupedOptionsType<DropdownOption<TData>>;
-    /**
-     * Same as Select prop `onChange` but only with GroupOptionsType
-     */
-    onChange?: OnChange<TData>;
-    /**
-     * Same as Select prop `value` but only with GroupOptionsType
-     */
-    value?: Options<DropdownOption<TData>> | undefined;
-}
-export declare const GroupedMultiSelect: <TData extends {}>({ onChange, options, value, variant, formatGroupLabel, formatOptionLabel, ...selectProps }: GroupedMultiSelectProps<TData>) => React.ReactElement<GroupedMultiSelectProps<TData>, string | React.JSXElementConstructor<any>>;
+import * as React from "react";
+import { ActionMeta, OnChangeValue, Options } from "react-select";
+import { GroupedOptionsType, InternalDropdownOption } from "../../util/multiDropdownUtils";
+import { DropdownOption } from "./GroupedMultiSelectTypes";
+import { MultiSelectComponentsConfig, MultiSelectProps } from "./MultiSelect";
+export declare type OnChange<TData> = (value: OnChangeValue<DropdownOption<TData>, true>, action: ActionMeta<any>) => void;
+export interface GroupedMultiSelectProps<TData> extends Omit<MultiSelectProps<InternalDropdownOption<TData>>, "options" | "onChange" | "value" | "components"> {
+    /**
+     * Same as Select prop `component` but without MultiValue and Option since they can not be modified
+     */
+    components?: Omit<MultiSelectComponentsConfig<InternalDropdownOption<TData>>, "MultiValue" | "Option">;
+    /**
+     * Same as Select prop `options` but only with GroupOptionsType
+     */
+    options?: GroupedOptionsType<DropdownOption<TData>>;
+    /**
+     * Same as Select prop `onChange` but only with GroupOptionsType
+     */
+    onChange?: OnChange<TData>;
+    /**
+     * Same as Select prop `value` but only with GroupOptionsType
+     */
+    value?: Options<DropdownOption<TData>> | undefined;
+}
+export declare const GroupedMultiSelect: <TData extends {}>({ onChange, options, value, variant, formatGroupLabel, formatOptionLabel, ...selectProps }: GroupedMultiSelectProps<TData>) => React.ReactElement<GroupedMultiSelectProps<TData>, string | React.JSXElementConstructor<any>>;

package/dist/components/ui/GroupedMultiSelectTypes.d.ts

@@ -1,5 +1,5 @@
-export interface DropdownOption<TData> {
-    data: TData;
-    label: string;
-    value: string;
-}
+export interface DropdownOption<TData> {
+    data: TData;
+    label: string;
+    value: string;
+}

package/dist/components/ui/MultiSelect.d.ts

@@ -1,13 +1,13 @@
-/// <reference types="react" />
-import { Props, SelectComponentsConfig } from "react-select";
-import { SelectVariant } from "../../util/StylesBuilder";
-import { GroupBase } from "react-select/dist/declarations/src/types";
-export interface MultiSelectProps<TOption = {
-    label: string;
-    value: string;
-}> extends Props<TOption, true> {
-    variant?: SelectVariant;
-    isMulti?: true;
-}
-export declare type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<TOption, true, GroupBase<TOption>>;
-export declare const MultiSelect: <TOption extends {}>({ variant, styles, isMulti, ...selectProps }: MultiSelectProps<TOption>) => JSX.Element;
+/// <reference types="react" />
+import { Props, SelectComponentsConfig } from "react-select";
+import { SelectVariant } from "../../util/StylesBuilder";
+import { GroupBase } from "react-select/dist/declarations/src/types";
+export interface MultiSelectProps<TOption = {
+    label: string;
+    value: string;
+}> extends Props<TOption, true> {
+    variant?: SelectVariant;
+    isMulti?: true;
+}
+export declare type MultiSelectComponentsConfig<TOption> = SelectComponentsConfig<TOption, true, GroupBase<TOption>>;
+export declare const MultiSelect: <TOption extends {}>({ variant, styles, isMulti, ...selectProps }: MultiSelectProps<TOption>) => JSX.Element;

package/dist/components/ui/Select.d.ts

@@ -1,11 +1,11 @@
-/// <reference types="react" />
-import { Props } from "react-select";
-import { SelectVariant } from "../../util/StylesBuilder";
-export interface SelectProps<T = {
-    label: string;
-    value: string;
-}> extends Props<T, false> {
-    variant?: SelectVariant;
-    isMulti?: false;
-}
-export declare const Select: <T extends {}>({ variant, styles, isMulti, ...selectProps }: SelectProps<T>) => JSX.Element;
+/// <reference types="react" />
+import { Props } from "react-select";
+import { SelectVariant } from "../../util/StylesBuilder";
+export interface SelectProps<T = {
+    label: string;
+    value: string;
+}> extends Props<T, false> {
+    variant?: SelectVariant;
+    isMulti?: false;
+}
+export declare const Select: <T extends {}>({ variant, styles, isMulti, ...selectProps }: SelectProps<T>) => JSX.Element;

package/dist/index.d.ts

@@ -1,10 +1,10 @@
-export * from "./components/ui/AsyncMultiSelect";
-export * from "./components/ui/AsyncSelect";
-export * from "./components/ui/MultiSelect";
-export * from "./components/ui/Select";
-export * from "./components/ui/GroupedMultiSelect";
-export * from "./components/ui/ChipMultiSelect/ChipMultiSelect";
-export * from "./components/ui/ChipMultiSelect/GroupedChipMultiSelect";
-export * from "./SelectTheme";
-export * from "./util/StylesBuilder";
-export { DropdownOption } from "./components/ui/GroupedMultiSelectTypes";
+export * from "./components/ui/AsyncMultiSelect";
+export * from "./components/ui/AsyncSelect";
+export * from "./components/ui/MultiSelect";
+export * from "./components/ui/Select";
+export * from "./components/ui/GroupedMultiSelect";
+export * from "./components/ui/ChipMultiSelect/ChipMultiSelect";
+export * from "./components/ui/ChipMultiSelect/GroupedChipMultiSelect";
+export * from "./SelectTheme";
+export * from "./util/StylesBuilder";
+export type { DropdownOption } from "./components/ui/GroupedMultiSelectTypes";