@chayns-components/core 5.2.8-alpha.0 → 5.3.0

package/lib/types/components/combobox/ComboBox.utils.d.ts

@@ -0,0 +1,23 @@
+import type { ChaynsReactFunctions, ChaynsReactValues } from 'chayns-api';
+import type { IComboBoxItem, IComboBoxItems } from './ComboBox.types';
+export type ComboBoxWidthOptions = {
+    functions: ChaynsReactFunctions;
+    internalSelectedItem?: IComboBoxItem;
+    lists: IComboBoxItems[];
+    parentWidth: number;
+    placeholder: string;
+    prefix?: string;
+    prefixMinWidth?: number;
+    selectedItem?: IComboBoxItem;
+    shouldDropDownUseMaxItemWidth?: boolean;
+    shouldShowBigImage?: boolean;
+    shouldShowClearIcon?: boolean;
+    shouldUseCurrentItemWidth?: boolean;
+    shouldUseFullWidth?: boolean;
+    values: ChaynsReactValues;
+};
+export type ComboBoxWidthResult = {
+    minWidth?: number;
+    bodyMinWidth: number;
+};
+export declare const getComboBoxWidthResult: ({ functions, internalSelectedItem, lists, parentWidth, placeholder, prefix, prefixMinWidth, selectedItem, shouldDropDownUseMaxItemWidth, shouldShowBigImage, shouldShowClearIcon, shouldUseCurrentItemWidth, shouldUseFullWidth, values, }: ComboBoxWidthOptions) => ComboBoxWidthResult;

package/lib/types/components/dropdown-body-wrapper/DropdownBodyWrapper.d.ts

@@ -1,4 +1,4 @@
-import { FC, ReactNode } from 'react';
+import React, { ReactNode } from 'react';
 import { DropdownDirection } from '../../types/dropdown';
 import { DelayedDropdownContentProps } from './delayed-dropdown-content/DelayedDropdownContent';
 interface DropdownBodyWrapperProps {
@@ -56,5 +56,5 @@ interface DropdownBodyWrapperProps {
      */
     shouldCaptureEvents?: boolean;
 }
-declare const DropdownBodyWrapper: FC<DropdownBodyWrapperProps>;
+declare const DropdownBodyWrapper: React.ForwardRefExoticComponent<DropdownBodyWrapperProps & React.RefAttributes<HTMLDivElement>>;
 export default DropdownBodyWrapper;

package/lib/types/components/dropdown-body-wrapper/DropdownBodyWrapper.styles.d.ts

@@ -2,14 +2,14 @@ import { DropdownDirection } from '../../types/dropdown';
 export declare const StyledDropdownBodyWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
 export declare const StyledDropdownBodyWrapperContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$maxHeight" | "$width" | "$minWidth" | "$direction"> & {
     $width: number;
-    $maxHeight: number;
+    $maxHeight?: number;
     $minWidth: number;
     $direction: DropdownDirection;
 } & {
     theme: import("../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$maxHeight" | "$width" | "$minWidth" | "$direction"> & {
     $width: number;
-    $maxHeight: number;
+    $maxHeight?: number;
     $minWidth: number;
     $direction: DropdownDirection;
 } & {

package/lib/types/components/filter/filter-content/FilterContent.constants.d.ts

@@ -0,0 +1 @@
+export declare const FILTER_CONTENT_ROW_GAP_PX = 10;

package/lib/types/components/filter/filter-content/FilterContent.d.ts

@@ -1,12 +1,4 @@
 import { FC } from 'react';
-import { CheckboxConfig, ComboboxConfig, FilterButtonConfig, SearchConfig, SortConfig } from '../../../types/filter';
-export type FilterContentProps = {
-    searchConfig?: SearchConfig;
-    filterButtonConfig?: FilterButtonConfig;
-    sortConfig?: SortConfig;
-    checkboxConfig?: CheckboxConfig;
-    comboboxConfig?: ComboboxConfig;
-    shouldAutoFocus: boolean;
-};
+import type { FilterContentProps } from './FilterContent.types';
 declare const FilterContent: FC<FilterContentProps>;
 export default FilterContent;

package/lib/types/components/filter/filter-content/FilterContent.styles.d.ts

@@ -3,17 +3,6 @@ export declare const StyledFilterContent: import("styled-components/dist/types")
 }, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme"> & {
     theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
 }, never>>> & string;
-export declare const StyledFilterSort: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledFilterSortText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledFilterComboboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$textWidth"> & {
-    $textWidth: number;
-} & {
-    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never> & Partial<Pick<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "theme" | "$textWidth"> & {
-    $textWidth: number;
-} & {
-    theme: import("../../color-scheme-provider/ColorSchemeProvider").Theme;
-}, never>>> & string;
-export declare const StyledFilterComboboxInline: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledFilterComboboxInlineLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
-export declare const StyledFilterComboboxInlineComboboxWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledFilterContentLabeledRow: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledFilterContentLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;
+export declare const StyledFilterContentControlWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never> & Partial<Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>>> & string;

package/lib/types/components/filter/filter-content/FilterContent.types.d.ts

@@ -0,0 +1,30 @@
+import type { CheckboxConfig, ComboboxConfig, FilterButtonConfig, SearchConfig, SortConfig } from '../../../types/filter';
+/**
+ * Props for the `FilterContent` component.
+ */
+export type FilterContentProps = {
+    /**
+     * Search configuration for the optional search input.
+     */
+    searchConfig?: SearchConfig;
+    /**
+     * Configuration for the optional filter button group.
+     */
+    filterButtonConfig?: FilterButtonConfig;
+    /**
+     * Configuration for the optional sort combobox.
+     */
+    sortConfig?: SortConfig;
+    /**
+     * Configuration for the optional checkbox.
+     */
+    checkboxConfig?: CheckboxConfig;
+    /**
+     * Configuration for the optional labeled combobox.
+     */
+    comboboxConfig?: ComboboxConfig;
+    /**
+     * Whether the search input should receive focus when the filter opens.
+     */
+    shouldAutoFocus: boolean;
+};

package/lib/types/components/filter/filter-content/FilterContent.utils.d.ts

@@ -0,0 +1,3 @@
+import type { IComboBoxItems } from '../../combobox/ComboBox.types';
+import type { SortConfig } from '../../../types/filter';
+export declare const getSortComboBoxLists: (sortConfig: SortConfig) => IComboBoxItems[];

package/lib/types/types/filter.d.ts

@@ -1,28 +1,79 @@
 import { FilterButtonsProps } from '../components/filter-buttons/FilterButtons';
 import { CheckboxProps } from '../components/checkbox/Checkbox';
 import { ComboBoxProps } from '../components/combobox/ComboBox.types';
+/**
+ * Search configuration for the `Filter` component.
+ */
 export interface SearchConfig {
+    /**
+     * Callback invoked whenever the search input changes.
+     */
     onSearchChange: (search: string) => void;
+    /**
+     * Current search value.
+     */
     searchValue: string;
 }
+/**
+ * Item configuration used by the sort dropdown.
+ */
 export interface SortItem {
+    /**
+     * Display text of the item.
+     */
     text: string;
+    /**
+     * Stable value or identifier of the item.
+     */
     id: string | number;
 }
+/**
+ * Sort configuration for the `Filter` component.
+ */
 export interface SortConfig {
+    /**
+     * Callback invoked when a sort item is selected.
+     */
     onSortChange: (item: SortItem) => void;
+    /**
+     * Currently selected sort item.
+     */
     selectedItem: SortItem;
+    /**
+     * Available sort items.
+     */
     items: SortItem[];
 }
+/**
+ * Checkbox configuration for the `Filter` component.
+ */
 export type CheckboxConfig = CheckboxProps;
+/**
+ * Filter button group configuration for the `Filter` component.
+ */
 export type FilterButtonConfig = FilterButtonsProps;
+/**
+ * Combobox configuration used by `FilterContent`.
+ */
 export type ComboboxConfig = ComboBoxProps & {
     label: string;
 };
+/**
+ * Ref interface for the `Filter` component.
+ */
 export type FilterRef = {
+    /**
+     * Hides the filter popup.
+     */
     hide: VoidFunction;
+    /**
+     * Shows the filter popup.
+     */
     show: VoidFunction;
 };
+/**
+ * Different layout modes supported by the `Filter` component.
+ */
 export declare enum FilterType {
     ONLY_SEARCH = 0,
     ONLY_FILTER = 1,

package/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@chayns-components/core",
-    "version": "5.2.8-alpha.0",
+    "version": "5.3.0",
     "description": "A set of beautiful React components for developing your own applications with chayns.",
     "sideEffects": false,
     "browserslist": [
@@ -71,7 +71,7 @@
         "typescript": "^5.9.3"
     },
     "dependencies": {
-        "@chayns-components/textstring": "^5.2.8-alpha.0",
+        "@chayns-components/textstring": "^5.2.5",
         "@chayns/colors": "^2.0.2",
         "@chayns/uac-service": "~0.0.62",
         "clsx": "^2.1.1",
@@ -88,5 +88,5 @@
     "publishConfig": {
         "access": "public"
     },
-    "gitHead": "1c8fe6448a297b7837d271b23e00347b68f2214a"
+    "gitHead": "52588cd06d0acc37c4cce8db91aaba70e1af5f5e"
 }