@trackunit/react-components 0.0.124 → 0.0.125

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@trackunit/react-components",
-  "version": "0.0.124",
+  "version": "0.0.125",
   "repository": "https://github.com/Trackunit/manager",
   "license": "SEE LICENSE IN LICENSE.txt",
   "dependencies": {

package/components/Select/Select/Select.d.ts

@@ -1,122 +0,0 @@
-/// <reference types="react" />
-import { GroupBase, MultiValue, SingleValue } from "react-select";
-import { SelectComponents } from "react-select/dist/declarations/src/components";
-import { CommonProps } from "../../../common";
-import { SelectOption } from "./useCustomComponents";
-export interface SelectProps extends CommonProps {
-    /**
-     * An React element to render before the text in the select.
-     * This is typically used to render an icon.
-     *
-     *
-     * @memberof SelectProps
-     */
-    prefix?: JSX.Element;
-    /**
-     * An string to render in field when there is no value selected.
-     * Can be used as a description, example or a hint.
-     *
-     *
-     * @memberof SelectProps
-     */
-    placeholder?: string;
-    /**
-     * An boolean flag to disable field
-     *
-     *
-     * @memberof SelectProps
-     */
-    disabled?: boolean;
-    /**
-     * An field id
-     *
-     *
-     * @memberof SelectProps
-     */
-    id?: string;
-    /**
-     * An boolean flag to set select into async mode
-     * This is typically used when data is fetched after render
-     *
-     *
-     * @memberof SelectProps
-     */
-    isAsync?: boolean;
-    /**
-     * A custom icon to be used as a dropdown indicator
-     * This is typically used during style customization
-     *
-     *
-     * @memberof SelectProps
-     */
-    dropdownIcon?: JSX.Element;
-    /**
-     * A label to be used as a aria-label
-     * This is typically used for accessibility
-     *
-     *
-     * @memberof SelectProps
-     */
-    label?: string;
-    /**
-     * A number of pixels to limit maximal length of the select menu list
-     *
-     *
-     * @memberof SelectProps
-     */
-    maxMenuHeight?: number;
-    /**
-     * A flag to allow multiselect
-     *
-     *
-     * @memberof SelectProps
-     */
-    multiple?: boolean;
-    /**
-     * A boolean prop to set select into invalid mode
-     * typically used when selected value is not compliant with field requirement
-     * ex if it breaks validation rules
-     *
-     *
-     * @memberof SelectProps
-     */
-    hasError?: boolean;
-    /**
-     * A react select component prop to overide
-     *
-     *
-     * @memberof SelectProps
-     */
-    components?: Partial<SelectComponents<SelectOption, boolean, GroupBase<SelectOption>>>;
-    /**
-     * A single or multi value selection
-     *
-     *
-     * @memberof SelectProps
-     */
-    value?: SingleValue<SelectOption> | MultiValue<SelectOption>;
-    /**
-     * An array of options to select from
-     *
-     *
-     * @memberof SelectProps
-     */
-    options: SelectOption[];
-    /**
-     * Handle change events on the select
-     *
-     *
-     * @memberof SelectProps
-     */
-    onChange: (newValue: MultiValue<SelectOption> | SingleValue<SelectOption>) => void;
-}
-/**
- * Selects are input components used to choose a value from a set.
- *
- * @param {SelectProps} props - The props for the Select component
- * @returns {JSX.Element} Select component
- */
-export declare const Select: {
-    ({ id, className, dataTestId, prefix, isAsync, dropdownIcon, maxMenuHeight, label, hasError, disabled, multiple, components, value, options, onChange, }: SelectProps): JSX.Element;
-    displayName: string;
-};

package/components/Select/Select/useCustomComponents.d.ts

@@ -1,20 +0,0 @@
-import * as React from "react";
-import { GroupBase } from "react-select";
-import { SelectComponents } from "react-select/dist/declarations/src/components";
-export interface SelectOption {
-    id: string;
-    value: string;
-    label: string;
-}
-/**
- * A hook to retrieve components override object.
- * This complex object includes all the compositional components that are used in react-select. If you wish to overwrite a component, pass in an object with the appropriate namespace.
- *
- * @param {Partial<SelectComponents<SelectOption, boolean, GroupBase<SelectOption>>> | undefined} componentsProps a custom component prop that you can to override defaults
- * @param {boolean} disabled decide to override disabled variant
- * @param {boolean} menuIsClosing a flag to trigger fade out animation for the menu
- * @param {React.MutableRefObject<boolean>} refMenuIsEnabled a flag to block menu from open
- * @param {JSX.Element} dropdownIcon an custom dropdown icon
- * @returns {Partial<SelectComponents<SelectOption, boolean, GroupBase<SelectOption>>> | undefined} components object to override react-select default components
- */
-export declare const useCustomComponents: (componentsProps: Partial<SelectComponents<SelectOption, boolean, GroupBase<SelectOption>>> | undefined, disabled: boolean, menuIsClosing: boolean, refMenuIsEnabled: React.MutableRefObject<boolean>, dropdownIcon?: JSX.Element) => Partial<SelectComponents<SelectOption, boolean, GroupBase<SelectOption>>>;

package/components/Select/Select/useCustomStyles.d.ts

@@ -1,10 +0,0 @@
-import * as React from "react";
-import { StylesConfig } from "react-select";
-/**
- * @param {React.RefObject<HTMLDivElement>} refContainer  react ref to container element
- * @param {React.RefObject<HTMLDivElement>} refPrefix react ref to prefix element
- * @returns {StylesConfig<Option, boolean>} styles to override in select
- */
-export declare const useCustomStyles: <Option, IsMulti extends boolean = false>(refContainer: React.RefObject<HTMLDivElement>, refPrefix: React.RefObject<HTMLDivElement>) => {
-    customStyles: StylesConfig<Option, IsMulti, import("react-select").GroupBase<Option>>;
-};

package/components/Select/Select/utils.d.ts

@@ -1,10 +0,0 @@
-import { ActionMeta, MultiValue } from "react-select";
-import { SelectOption } from "./useCustomComponents";
-/**
- * A basic reducer for managing selected items state in storybook
- *
- * @param {MultiValue<SelectOption>} state current selected state
- * @param {ActionMeta<SelectOption>} action action performed by user
- * @returns {MultiValue<SelectOption>} New selected state
- */
-export declare const reducer: (state: MultiValue<SelectOption>, action: ActionMeta<SelectOption>) => MultiValue<SelectOption>;