npm - tcce-design-system - Versions diffs - 0.1.39 → 0.1.41 - Mend

tcce-design-system 0.1.39 → 0.1.41

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.

Files changed (4) hide show

package/dist/tcce-design-system-components.d.ts +28 -14
package/dist/tcce-design-system-components.js +3403 -3299
package/dist/tcce-design-system-components.umd.cjs +295 -295
package/package.json +1 -1

package/dist/tcce-design-system-components.d.ts CHANGED Viewed

@@ -624,7 +624,7 @@ export declare interface FilterOptionProps {
 export declare const flushedStyles: RuleSet<object>;
-export declare const FormField: ({ id, name, label, type, size, placeholder, disabled, required, options, checkboxLabel, radioName, pinLength, pinType, rows, className, inputClassName, labelClassName, messageErrorClassName, leftIcon, rightIcon, iconSize, iconColor, onOptionSelect, onRadioChange, onPinComplete, onChange, ...props }: FormFieldComponentProps) => JSX.Element;
+export declare const FormField: ({ id, name, label, type, size, placeholder, disabled, required, options, checkboxLabel, radioName, pinLength, pinType, rows, className, inputClassName, labelClassName, messageErrorClassName, leftIcon, rightIcon, iconSize, iconColor, onOptionSelect, onRadioChange, onPinComplete, onChange, optionsClassName, optionClassName, ...props }: FormFieldComponentProps) => JSX.Element;
 export declare interface FormFieldComponentProps extends WithIconsProps {
     id?: string | number;
@@ -648,6 +648,15 @@ export declare interface FormFieldComponentProps extends WithIconsProps {
     inputClassName?: string;
     labelClassName?: string;
     messageErrorClassName?: string;
+    /**
+     * Class applied to the options container (menu content)
+     */
+    optionsClassName?: string;
+    /**
+     * Class applied to each option. Can be a string or a function that receives the option
+     * and returns a string (useful for conditional classes per option).
+     */
+    optionClassName?: string | ((option: SelectOption | null) => string);
     onOptionSelect?: (option: SelectOption) => void;
     onRadioChange?: (event: ChangeEvent<HTMLInputElement>) => void;
     onPinComplete?: (value: string) => void;
@@ -846,15 +855,15 @@ export declare type HasIcons<T extends WithIconsProps> = {
 /**
  * Checks if the user has at least one of the required permissions.
  *
- * @param {string[]} userRoles - The roles or permissions assigned to the user.
- * @param {string[]} permissions - The required permissions to check against.
+ * @param {string[]} userPermissions - The permissions assigned to the user.
+ * @param {string[]} requiredPermissions - The required permissions to check against.
  * @returns {boolean} True if the user has permission, otherwise false.
  *
- * - Returns false if no permissions are provided.
- * - Returns true if 'all' is included in the permissions array.
- * - Returns true if any of the user's roles match the required permissions.
+ * - Returns false if no required permissions are provided.
+ * - Returns true if 'all' is included in the required permissions array.
+ * - Returns true if any of the user's permissions match the required permissions.
  */
-export declare const hasPermission: (userRoles?: string[], permissions?: string[]) => boolean;
+export declare const hasPermission: (userPermissions?: string[], requiredPermissions?: string[]) => boolean;
 /**
  * Main Header component for the application.
@@ -1039,7 +1048,7 @@ export declare interface LayoutMainContentProps {
  * Includes navigation config, user info, and event handlers.
  * @children - Main content to be rendered within the layout.
  * @navigationConfig - Configuration for sidebar navigation items.
- * @userRoles - Roles of the current user for permission-based rendering.
+ * @userPermissions - Permissions of the current user for permission-based rendering.
  * @activePath - Currently active navigation path.
  * @user - User information for the header profile section.
  * @hasNotifications - Whether to show notification indicator in header.
@@ -1384,13 +1393,18 @@ export declare interface SelectInputProps extends Omit<SelectHTMLAttributes<HTML
     className?: string;
     inputClassName?: string;
     optionsClassName?: string;
-    optionClassName?: string;
+    optionClassName?: string | ((option: SelectOption | null) => string);
+    searchable?: boolean;
+    searchPlaceholder?: string;
+    clearSearchOnSelect?: boolean;
+    noResultsMessage?: string;
 }
 export declare interface SelectOption {
     value: string | number;
     label: string;
     disabled?: boolean;
+    className?: string;
 }
 export declare interface SelectSpecificProps {
@@ -1414,13 +1428,13 @@ export declare type SetDigits = Dispatch<SetStateAction<string[]>>;
 /**
  * Sidebar component for navigation.
  * @param navigationConfig - Navigation items configuration.
- * @param userRoles - User roles for access control.
+ * @param userPermissions - User permissions for access control.
  * @param activePath - Currently active navigation path.
  * @param logoImgExpanded - Logo when sidebar is expanded.
  * @param logoImgCollapsed - Logo when sidebar is collapsed.
  */
 export declare const Sidebar: {
-    ({ navigationConfig, userRoles, activePath, logoImgExpanded, logoImgCollapsed, onNavigate, }: SidebarProps): JSX.Element;
+    ({ navigationConfig, activePath, logoImgExpanded, logoImgCollapsed, onNavigate, userPermissions, }: SidebarProps): JSX.Element;
     displayName: string;
 };
@@ -1452,15 +1466,15 @@ $collapsed: boolean;
  * Props for the Sidebar component.
  *
  * @property navigationConfig - Array of NavigationItem objects defining the sidebar structure.
- * @property userRoles - Optional array of roles assigned to the current user for permission checks.
+ * @property userPermissions - Array of permissions assigned to the current user for permission checks.
  * @property activePath - Optional string representing the currently active navigation path for highlighting purposes.
  * @property logoImgExpanded - Optional React node for the logo when sidebar is expanded.
  * @property logoImgCollapsed - Optional React node for the logo when sidebar is collapsed.
- * @property LinkComponent - Optional custom Link component (e.g., Next.js Link) for internal navigation. If not provided, uses standard anchor tags.
+ * @property onNavigate - Optional callback function for handling navigation events.
  */
 export declare interface SidebarProps {
     navigationConfig: NavigationItem[];
-    userRoles?: string[];
+    userPermissions?: Permission[];
     activePath?: string;
     logoImgExpanded?: ReactNode;
     logoImgCollapsed?: ReactNode;