@true-tech-team/react-components 1.0.0 → 1.0.1
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.
- package/index.css +1 -1
- package/index.js +1 -1
- package/index.mjs +3774 -3654
- package/lib/components/filters/fields/MultiSelectFilter.d.ts +3 -1
- package/lib/components/filters/layouts/FilterBar/FilterBar.d.ts +1 -1
- package/lib/components/filters/types.d.ts +5 -0
- package/lib/types/theme.types.d.ts +11 -0
- package/package.json +2 -1
|
@@ -5,6 +5,8 @@ export interface MultiSelectFilterProps extends BaseComponentProps {
|
|
|
5
5
|
filterId: string;
|
|
6
6
|
/** Override label */
|
|
7
7
|
label?: string;
|
|
8
|
+
/** Override placeholder */
|
|
9
|
+
placeholder?: string;
|
|
8
10
|
/** Show label */
|
|
9
11
|
showLabel?: boolean;
|
|
10
12
|
/** Size variant */
|
|
@@ -15,7 +17,7 @@ export interface MultiSelectFilterProps extends BaseComponentProps {
|
|
|
15
17
|
/**
|
|
16
18
|
* MultiSelectFilter wraps CheckboxGroup for multi-value selection
|
|
17
19
|
*/
|
|
18
|
-
export declare const MultiSelectFilter: ({ ref, filterId, label: labelOverride, showLabel, size, componentProps, className, ...restProps }: MultiSelectFilterProps & {
|
|
20
|
+
export declare const MultiSelectFilter: ({ ref, filterId, label: labelOverride, placeholder: placeholderOverride, showLabel, size, componentProps, className, ...restProps }: MultiSelectFilterProps & {
|
|
19
21
|
ref?: React.Ref<HTMLDivElement>;
|
|
20
22
|
}) => import("react/jsx-runtime").JSX.Element | null;
|
|
21
23
|
export default MultiSelectFilter;
|
|
@@ -14,7 +14,7 @@ import { FilterBarProps } from '../../types';
|
|
|
14
14
|
* </FilterProvider>
|
|
15
15
|
* ```
|
|
16
16
|
*/
|
|
17
|
-
export declare const FilterBar: ({ ref, visibleFilters, showMoreFilters, moreFiltersLabel, wrap, gap, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterBarProps & {
|
|
17
|
+
export declare const FilterBar: ({ ref, visibleFilters, showMoreFilters, moreFiltersLabel, wrap, gap, fillWidth, showActiveFilters, activeFiltersPosition, showApplyButton, applyButtonLabel, showClearButton, clearButtonLabel, showResetButton, resetButtonLabel, children, className, ...restProps }: FilterBarProps & {
|
|
18
18
|
ref?: React.Ref<HTMLDivElement>;
|
|
19
19
|
}) => import("react/jsx-runtime").JSX.Element;
|
|
20
20
|
export default FilterBar;
|
|
@@ -802,6 +802,11 @@ export interface FilterBarProps extends FilterLayoutProps {
|
|
|
802
802
|
* @default 'md'
|
|
803
803
|
*/
|
|
804
804
|
gap?: 'sm' | 'md' | 'lg';
|
|
805
|
+
/**
|
|
806
|
+
* Make filters stretch to fill the container with equal widths
|
|
807
|
+
* @default false
|
|
808
|
+
*/
|
|
809
|
+
fillWidth?: boolean;
|
|
805
810
|
}
|
|
806
811
|
/**
|
|
807
812
|
* FilterPopover props
|
|
@@ -40,6 +40,17 @@ export interface ThemeColorTokens {
|
|
|
40
40
|
interactiveFocus: string;
|
|
41
41
|
interactiveActive: string;
|
|
42
42
|
interactiveDisabled: string;
|
|
43
|
+
inputBg: string;
|
|
44
|
+
inputBgDisabled: string;
|
|
45
|
+
inputBorder: string;
|
|
46
|
+
inputBorderHover: string;
|
|
47
|
+
inputBorderFocus: string;
|
|
48
|
+
inputText: string;
|
|
49
|
+
inputPlaceholder: string;
|
|
50
|
+
controlBg: string;
|
|
51
|
+
controlBgChecked: string;
|
|
52
|
+
controlBorder: string;
|
|
53
|
+
controlBorderHover: string;
|
|
43
54
|
}
|
|
44
55
|
/**
|
|
45
56
|
* Spacing values based on 4px grid
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@true-tech-team/react-components",
|
|
3
|
-
"version": "1.0.
|
|
3
|
+
"version": "1.0.1",
|
|
4
4
|
"description": "React TypeScript component library",
|
|
5
5
|
"main": "./index.js",
|
|
6
6
|
"types": "./index.d.ts",
|
|
@@ -41,6 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
"repository": {
|
|
43
43
|
"type": "git",
|
|
44
|
+
"url": "https://github.com/TrueTechTeam/true-tech-team.git",
|
|
44
45
|
"directory": "libs/ui-components"
|
|
45
46
|
},
|
|
46
47
|
"keywords": [
|