scorer-ui-kit 2.6.7 → 2.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -52,5 +52,6 @@ interface IFilterDropdownConfig {
52
52
  searchResultText?: string;
53
53
  name?: string;
54
54
  }
55
+ declare type FilterButtonDesign = 'default' | 'basic';
55
56
  export { isFilterItem };
56
- export type { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDatePicker, IFilterDropdownConfig, IToggleOption, };
57
+ export type { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDatePicker, IFilterDropdownConfig, IToggleOption, FilterButtonDesign, };
@@ -1,5 +1,5 @@
1
1
  import React, { ButtonHTMLAttributes } from 'react';
2
- import { FilterButtonDesign } from '..';
2
+ import { FilterButtonDesign } from '../FilterTypes';
3
3
  interface OwnProps {
4
4
  icon: string;
5
5
  hasFlipArrow?: boolean;
@@ -1,5 +1,5 @@
1
1
  import React from 'react';
2
- import { FilterButtonDesign } from '..';
2
+ import { FilterButtonDesign } from '../FilterTypes';
3
3
  interface IFilterDropHandler {
4
4
  buttonIcon: string;
5
5
  buttonText: string;
@@ -1,6 +1,6 @@
1
1
  import React from 'react';
2
2
  import { IToggleOption } from '../FilterTypes';
3
- import { FilterButtonDesign } from '..';
3
+ import { FilterButtonDesign } from '../FilterTypes';
4
4
  declare type IToggleButton = {
5
5
  options: IToggleOption[];
6
6
  categoryLabel: String;
@@ -8,7 +8,6 @@ import FilterInputs, { IFilterInputs } from './molecules/FilterInputs';
8
8
  import FiltersResults, { IFilterLabel } from './molecules/FiltersResults';
9
9
  import FilterBar from './organisms/FilterBar';
10
10
  import ToggleButton from './atoms/ToggleButton';
11
- import { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDropdownConfig, IFilterDatePicker, isFilterItem, IToggleOption } from './FilterTypes';
11
+ import { IFilterType, IFilterItem, IFilterResult, IFilterValue, ISearchFilter, IFilterDropdownExt, IFilterDropdownConfig, IFilterDatePicker, isFilterItem, IToggleOption, FilterButtonDesign } from './FilterTypes';
12
12
  export { DatePicker, FilterDropdownContainer, FilterButton, FilterDropdown, SortDropdown, FilterLayout, FilterInputs, FiltersResults, FilterBar, isFilterItem, isDateInterval, ToggleButton };
13
- declare type FilterButtonDesign = 'default' | 'basic';
14
13
  export type { ISearchFilter, IFilterInputs, IFilterDropdownExt, IFilterLabel, IFilterDropdownConfig, IFilterType, IFilterItem, IFilterResult, IFilterValue, DateInterval, IFilterDatePicker, FilterButtonDesign, IToggleOption, DateRange };
@@ -20,6 +20,7 @@ export interface IDatePicker {
20
20
  timeZoneTitle?: string;
21
21
  timeZoneValueTitle?: string;
22
22
  availableRange?: DateRange;
23
+ contentDays?: Date[];
23
24
  updateCallback?: (data: DateInterval | Date) => void;
24
25
  lang?: 'en' | 'ja';
25
26
  }
@@ -1,7 +1,7 @@
1
1
  import React from 'react';
2
2
  import { IInputOptionsType } from '../../Form';
3
3
  import { IFilterItem, IFilterValue } from '../FilterTypes';
4
- import { FilterButtonDesign } from '..';
4
+ import { FilterButtonDesign } from '../FilterTypes';
5
5
  export interface IFilterDropdown {
6
6
  buttonIcon: string;
7
7
  buttonText: string;
@@ -1,6 +1,5 @@
1
1
  import React from 'react';
2
- import { IFilterItem } from '../FilterTypes';
3
- import { FilterButtonDesign } from '..';
2
+ import { IFilterItem, FilterButtonDesign } from '../FilterTypes';
4
3
  export interface ISortDropdown {
5
4
  buttonText: string;
6
5
  list: IFilterItem[];
@@ -1,10 +1,12 @@
1
1
  import React, { LabelHTMLAttributes } from 'react';
2
+ import { TypeLabelDirection } from '..';
2
3
  export declare const StyledLabel: import("styled-components").StyledComponent<"label", any, {
3
- rightAlign: boolean;
4
+ direction?: "row" | "column" | "row-reverse" | undefined;
4
5
  }, never>;
5
6
  interface OwnProps {
6
7
  htmlFor: string;
7
8
  labelText: string;
9
+ direction?: TypeLabelDirection;
8
10
  rightAlign?: boolean;
9
11
  required?: boolean;
10
12
  }
@@ -1,10 +1,11 @@
1
1
  import React, { SelectHTMLAttributes } from 'react';
2
- import { TypeFieldState } from '..';
2
+ import { TypeFieldState, TypeLabelDirection } from '..';
3
3
  export declare const SelectWrapper: import("styled-components").StyledComponent<"div", any, {}, never>;
4
4
  interface ILabel {
5
5
  htmlFor: string;
6
6
  text: string;
7
7
  isSameRow?: boolean;
8
+ direction?: TypeLabelDirection;
8
9
  }
9
10
  interface OwnProps {
10
11
  fieldState?: TypeFieldState;
@@ -6,10 +6,11 @@ declare enum SwitchPosition {
6
6
  Locked = 3
7
7
  }
8
8
  declare type TypeSwitchState = 'default' | 'loading' | 'locked' | 'disabled' | 'failure';
9
+ declare type SwitchThemes = 'on' | 'off' | 'danger';
9
10
  interface IProps {
10
11
  labelText?: string;
11
- leftTheme?: string;
12
- rightTheme?: string;
12
+ leftTheme?: SwitchThemes;
13
+ rightTheme?: SwitchThemes;
13
14
  state?: TypeSwitchState;
14
15
  checked?: boolean;
15
16
  onChangeCallback?: (checked: boolean, indeterminate?: boolean) => void;
@@ -32,6 +32,7 @@ export declare type TypeButtonDesigns = 'primary' | 'secondary' | 'warning' | 'd
32
32
  export declare type TypeButtonSizes = 'xsmall' | 'small' | 'normal' | 'large';
33
33
  export declare type ISelectSizes = 'small' | 'normal';
34
34
  export declare type IInputOptionsType = "text" | "checkbox" | "radio";
35
+ export declare type TypeLabelDirection = 'column' | 'row' | 'row-reverse';
35
36
  interface ButtonProps {
36
37
  size?: TypeButtonSizes;
37
38
  design?: TypeButtonDesigns;
@@ -1,11 +1,15 @@
1
1
  import React from "react";
2
- import { TypeButtonDesigns, TypeButtonSizes } from "../Form";
3
2
  export declare type SpinnerSize = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge';
4
- export declare const buttonSpinnerSize: (buttonSize: TypeButtonSizes) => SpinnerSize;
5
- export declare const isTypeButtonDesigns: (value: any) => value is TypeButtonDesigns;
3
+ export declare const getButtonDesign: (value: string) => "warning" | "primary" | "secondary" | "danger" | "simple";
4
+ interface ICustomSpinner {
5
+ size?: number;
6
+ baseColor?: string;
7
+ topColor?: string;
8
+ }
6
9
  interface IProps {
7
- size: SpinnerSize;
10
+ size?: SpinnerSize;
8
11
  styling: string;
12
+ custom?: ICustomSpinner;
9
13
  }
10
14
  declare const Spinner: React.FC<IProps>;
11
15
  export default Spinner;