@risalabs_frontend_org/oasis-ui-kit 0.22.0 → 0.25.0

package/dist/src/components/checkbox-list/checkbox-list.d.ts

@@ -0,0 +1,33 @@
+import React from "react";
+import "./checkbox-list.scss";
+export interface CheckboxListItem {
+    id: string;
+    label: string;
+    checked: boolean;
+    disabled?: boolean;
+}
+export interface CheckboxListProps {
+    items: CheckboxListItem[];
+    onSelectionChange?: (items: CheckboxListItem[], changedId: string) => void;
+    selectAllLabel?: string;
+    showSelectAll?: boolean;
+    width?: string | number;
+    rowPaddingY?: number;
+    checkboxLabelGap?: number;
+    paddingX?: number;
+    paddingY?: number;
+    borderRadius?: number;
+    backgroundColor?: string;
+    labelColor?: string;
+    checkboxBorderColor?: string;
+    checkboxCheckedColor?: string;
+    checkmarkColor?: string;
+    selectAllLabelFontWeight?: "bold" | "regular";
+    labelFontSize?: number;
+    itemLabelLineHeight?: number;
+    selectAllLabelLineHeight?: number;
+    className?: string;
+    style?: React.CSSProperties;
+    ariaLabel?: string;
+}
+export declare const CheckboxList: React.FC<CheckboxListProps>;

package/dist/src/components/footer-actions/footer-actions.d.ts

@@ -0,0 +1,40 @@
+import React from "react";
+import "./footer-actions.scss";
+export interface FooterActionItem {
+    label: string;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    variant: "primary" | "secondary";
+    disabled?: boolean;
+    startIcon?: React.ReactNode;
+    endIcon?: React.ReactNode;
+    ariaLabel?: string;
+    type?: "button" | "submit" | "reset";
+}
+export interface FooterActionsProps {
+    primaryAction: {
+        label: string;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        disabled?: boolean;
+        startIcon?: React.ReactNode;
+        endIcon?: React.ReactNode;
+        ariaLabel?: string;
+        type?: "button" | "submit" | "reset";
+    };
+    secondaryAction?: {
+        label: string;
+        onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+        disabled?: boolean;
+        startIcon?: React.ReactNode;
+        endIcon?: React.ReactNode;
+        ariaLabel?: string;
+        type?: "button" | "submit" | "reset";
+    };
+    actions?: FooterActionItem[];
+    align?: "start" | "center" | "end";
+    fullWidthButtons?: boolean;
+    padding?: [number, number];
+    showTopBorder?: boolean;
+    className?: string;
+    style?: React.CSSProperties;
+}
+export declare const FooterActions: React.FC<FooterActionsProps>;

package/dist/src/components/icon-action-menu/icon-action-menu-trigger.d.ts

@@ -0,0 +1,18 @@
+import React from "react";
+import { type IconActionMenuItem } from "./icon-action-menu";
+import "./icon-action-menu-trigger.scss";
+export interface IconActionMenuTriggerProps {
+    items: IconActionMenuItem[];
+    onItemClick?: (item: IconActionMenuItem) => void;
+    onOpenChange?: (open: boolean) => void;
+    iconSize?: number;
+    triggerClassName?: string;
+    className?: string;
+    menuProps?: Partial<{
+        padding: string;
+        gap: string;
+        iconSize: number;
+    }>;
+    getPortalContainer?: () => HTMLElement;
+}
+export declare function IconActionMenuTrigger({ items, onItemClick, onOpenChange, iconSize, triggerClassName, className, menuProps, getPortalContainer, }: IconActionMenuTriggerProps): React.JSX.Element;

package/dist/src/components/icon-action-menu/icon-action-menu.d.ts

@@ -0,0 +1,25 @@
+import React from "react";
+import "./icon-action-menu.scss";
+export type IconActionMenuItemVariant = "default" | "danger";
+export interface IconActionMenuItem {
+    id: string;
+    label: string;
+    icon?: React.ReactNode;
+    onClick: (item: IconActionMenuItem) => void;
+    variant?: IconActionMenuItemVariant;
+    iconColor?: string;
+    labelColor?: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+}
+export interface IconActionMenuProps {
+    items: IconActionMenuItem[];
+    className?: string;
+    padding?: string;
+    gap?: string;
+    iconSize?: number;
+    onItemClick?: (item: IconActionMenuItem) => void;
+    role?: "menu" | "list";
+    id?: string;
+}
+export declare function IconActionMenu({ items, className, padding, gap, iconSize, onItemClick, role, id, }: IconActionMenuProps): React.JSX.Element;

package/dist/src/components/multi-select-with-tag/multi-select-with-tag.d.ts

@@ -0,0 +1,50 @@
+import React from "react";
+import "./multi-select-with-tag.scss";
+export interface MultiSelectWithTagOption {
+    id: string;
+    label: string;
+    disabled?: boolean;
+}
+export interface MultiSelectWithTagProps {
+    options: MultiSelectWithTagOption[];
+    value?: string[];
+    defaultValue?: string[];
+    onChange?: (selectedIds: string[]) => void;
+    selectAllLabel?: string;
+    showSelectAll?: boolean;
+    showTagRemoveIcon?: boolean;
+    placeholder?: string;
+    barWidth?: string | number;
+    barMinWidth?: string | number;
+    dropdownWidth?: string | number;
+    dropdownMinWidth?: string | number;
+    dynamicWidth?: boolean;
+    dropdownMaxHeight?: string | number;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+    tagBackgroundColor?: string;
+    tagTextColor?: string;
+    tagBorderColor?: string;
+    checkboxListProps?: Partial<{
+        rowPaddingY: number;
+        checkboxLabelGap: number;
+        paddingX: number;
+        paddingY: number;
+        labelColor: string;
+        checkboxBorderColor: string;
+        checkboxCheckedColor: string;
+        checkmarkColor: string;
+        selectAllLabelFontWeight: "bold" | "regular";
+    }>;
+    dropdownAriaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    disabled?: boolean;
+    hideFooter?: boolean;
+    footerPrimaryLabel?: string;
+    footerSecondaryLabel?: string;
+    onFooterApply?: (selectedIds: string[]) => void;
+    onFooterCancel?: () => void;
+    horizontalScrollTags?: boolean;
+}
+export declare const MultiSelectWithTag: React.FC<MultiSelectWithTagProps>;

package/dist/src/components/tag-filter-bar/tag-filter-bar.d.ts

@@ -0,0 +1,22 @@
+import React from "react";
+import "./tag-filter-bar.scss";
+export type TagFilterBarTag = string | {
+    id?: string;
+    label: string;
+};
+export interface TagFilterBarProps {
+    tags: TagFilterBarTag[];
+    onTagRemove?: (label: string, index: number) => void;
+    onDropdownClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    showDropdown?: boolean;
+    closable?: boolean;
+    dropdownAriaLabel?: string;
+    className?: string;
+    style?: React.CSSProperties;
+    tagBackgroundColor?: string;
+    tagTextColor?: string;
+    tagBorderColor?: string;
+    closeIcon?: React.ReactNode;
+    singleLineScrollable?: boolean;
+}
+export declare const TagFilterBar: React.FC<TagFilterBarProps>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@risalabs_frontend_org/oasis-ui-kit",
-  "version": "0.22.0",
+  "version": "0.25.0",
   "description": "RISA Oasis UI",
   "private": false,
   "main": "dist/index.js",