@emporix/cockpit-component-library 0.0.1

package/dist/components/dropdown/Dropdown.d.ts

@@ -0,0 +1,107 @@
+import { default as React } from 'react';
+export interface DropdownOption {
+    label?: string;
+    value?: string;
+    [key: string]: unknown;
+}
+export interface DropdownChangeEvent {
+    value: DropdownOption['value'] | null;
+    originalEvent: React.SyntheticEvent;
+}
+export interface DropdownEditEndEvent {
+    /** Trimmed value that was in the input when Enter was pressed */
+    value: string;
+    /** Selected option value if a matching option was found and selected; null otherwise */
+    selectedValue: DropdownOption['value'] | null;
+    originalEvent: React.KeyboardEvent;
+}
+export interface DropdownProps<T = DropdownOption> {
+    /**
+     * Selected value (controlled). Must match optionValue of the selected option.
+     */
+    value?: unknown;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (e: DropdownChangeEvent) => void;
+    /**
+     * Array of options
+     */
+    options: T[];
+    /**
+     * Property name for the option label (default: "label")
+     */
+    optionLabel?: keyof T | string;
+    /**
+     * Property name for the option value (default: "value")
+     */
+    optionValue?: keyof T | string;
+    /**
+     * Name of the property in the option object that indicates whether the option is disabled.
+     * When set (e.g. optionDisabled="disabled"), options with a truthy value for that key
+     * are disabled and cannot be selected. Matches PrimeReact Dropdown optionDisabled API.
+     * @see https://primereact.org/dropdown/#api.Dropdown.props.optionDisabled
+     */
+    optionDisabled?: keyof T | string;
+    /**
+     * Placeholder when no value selected
+     */
+    placeholder?: string;
+    /**
+     * Enable filter (search) in the overlay
+     */
+    filter?: boolean;
+    /**
+     * When true, the trigger is an editable input: user can type to filter options
+     * and select from the list. Matches PrimeReact Dropdown editable behavior.
+     * @see https://primereact.org/dropdown/#editable
+     */
+    editable?: boolean;
+    /**
+     * Called when the user ends editing by pressing Enter in the editable input.
+     * Fires with the trimmed input value and the selected option value (if a match was found).
+     */
+    onEditEnd?: (e: DropdownEditEndEvent) => void;
+    /**
+     * Whether the dropdown is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Whether the field is required (shows asterisk on label)
+     */
+    required?: boolean;
+    /**
+     * Label text displayed above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * Input element id for label association
+     */
+    inputId?: string;
+    /**
+     * Additional CSS class name for the root
+     */
+    className?: string;
+    /**
+     * Additional CSS class name for the overlay panel
+     */
+    panelClassName?: string;
+    /**
+     * Template for the selected value displayed in the trigger.
+     * Receives the selected option object or null when no value is selected.
+     * @see https://primereact.org/dropdown/#template
+     */
+    valueTemplate?: (option: T | null) => React.ReactNode;
+    /**
+     * Template for each option in the dropdown list.
+     * Receives the option object.
+     * @see https://primereact.org/dropdown/#template
+     */
+    itemTemplate?: (option: T) => React.ReactNode;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const Dropdown: <T extends Record<string, unknown>>({ value, onChange, onEditEnd, options, optionLabel, optionValue, optionDisabled, placeholder, filter, editable, disabled, required, label, inputId, className, panelClassName, valueTemplate, itemTemplate, "data-testid": testId, }: DropdownProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Dropdown.d.ts.map

package/dist/components/dropdown/Dropdown.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Dropdown.d.ts","sourceRoot":"","sources":["../../../src/components/dropdown/Dropdown.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAsD,MAAM,OAAO,CAAA;AAI1E,MAAM,WAAW,cAAc;IAC7B,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,mBAAmB;IAClC,KAAK,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IACrC,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,oBAAoB;IACnC,iEAAiE;IACjE,KAAK,EAAE,MAAM,CAAA;IACb,wFAAwF;IACxF,aAAa,EAAE,cAAc,CAAC,OAAO,CAAC,GAAG,IAAI,CAAA;IAC7C,aAAa,EAAE,KAAK,CAAC,aAAa,CAAA;CACnC;AAED,MAAM,WAAW,aAAa,CAAC,CAAC,GAAG,cAAc;IAC/C;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,mBAAmB,KAAK,IAAI,CAAA;IAC3C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;;;;OAKG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAA;IACpB;;OAEG;IACH,MAAM,CAAC,EAAE,OAAO,CAAA;IAChB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;;OAGG;IACH,SAAS,CAAC,EAAE,CAAC,CAAC,EAAE,oBAAoB,KAAK,IAAI,CAAA;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,cAAc,CAAC,EAAE,MAAM,CAAA;IACvB;;;;OAIG;IACH,aAAa,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,GAAG,IAAI,KAAK,KAAK,CAAC,SAAS,CAAA;IACrD;;;;OAIG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA4BD,eAAO,MAAM,QAAQ,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,sOAoBzD,aAAa,CAAC,CAAC,CAAC,4CAkYlB,CAAA"}

package/dist/components/input/InputText.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface InputTextProps extends Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'className'> {
+    /**
+     * Label text displayed above the input
+     */
+    label?: React.ReactNode;
+    /**
+     * When set, an info icon is shown next to the label with this string as tooltip
+     */
+    tooltip?: string;
+    /**
+     * Whether the field is required (shows asterisk on label)
+     */
+    required?: boolean;
+    /**
+     * Input element id for label association
+     */
+    inputId?: string;
+    /**
+     * When true, renders a &lt;textarea&gt; instead of &lt;input&gt;
+     */
+    textarea?: boolean;
+    /**
+     * Number of visible rows (textarea only). Defaults to 3 when textarea is true.
+     */
+    rows?: number;
+    /**
+     * Additional CSS class name for the root
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const InputText: ({ label, tooltip, required, inputId: inputIdProp, textarea, rows: rowsProp, className, "data-testid": testId, disabled, ...rest }: InputTextProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=InputText.d.ts.map

package/dist/components/input/InputText.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"InputText.d.ts","sourceRoot":"","sources":["../../../src/components/input/InputText.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAgB,MAAM,OAAO,CAAA;AAIpC,MAAM,WAAW,cAAe,SAAQ,IAAI,CAC1C,KAAK,CAAC,mBAAmB,CAAC,gBAAgB,CAAC,EAC3C,MAAM,GAAG,WAAW,CACrB;IACC;;OAEG;IACH,KAAK,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IACvB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,SAAS,GAAI,mIAWvB,cAAc,4CA0EhB,CAAA"}

package/dist/components/selectbutton/SelectButton.d.ts

@@ -0,0 +1,63 @@
+import { default as React } from 'react';
+export interface SelectButtonOption {
+    label?: string;
+    value?: string;
+    [key: string]: unknown;
+}
+export interface SelectButtonChangeEvent {
+    value: SelectButtonOption['value'] | SelectButtonOption['value'][] | null;
+    originalEvent: React.SyntheticEvent;
+}
+export interface SelectButtonProps<T = SelectButtonOption> {
+    /**
+     * Selected value (controlled). Single value or array when multiple.
+     */
+    value?: unknown;
+    /**
+     * Callback when selection changes
+     */
+    onChange?: (e: SelectButtonChangeEvent) => void;
+    /**
+     * Array of options
+     */
+    options: T[];
+    /**
+     * Property name for the option label (default: "label")
+     */
+    optionLabel?: keyof T | string;
+    /**
+     * Property name for the option value (default: "value")
+     */
+    optionValue?: keyof T | string;
+    /**
+     * Name of the property that indicates whether an option is disabled.
+     * @see https://primereact.org/selectbutton/
+     */
+    optionDisabled?: keyof T | string;
+    /**
+     * When true, allows multiple selection (value is an array).
+     */
+    multiple?: boolean;
+    /**
+     * Template for each option. Receives the option object.
+     */
+    itemTemplate?: (option: T) => React.ReactNode;
+    /**
+     * Whether the component is disabled
+     */
+    disabled?: boolean;
+    /**
+     * Invalid state for validation styling
+     */
+    invalid?: boolean;
+    /**
+     * Additional CSS class name for the root
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const SelectButton: <T extends Record<string, unknown>>({ value, onChange, options, optionLabel, optionValue, optionDisabled, multiple, itemTemplate, disabled, invalid, className, "data-testid": testId, }: SelectButtonProps<T>) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=SelectButton.d.ts.map

package/dist/components/selectbutton/SelectButton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"SelectButton.d.ts","sourceRoot":"","sources":["../../../src/components/selectbutton/SelectButton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAA;AAGzB,MAAM,WAAW,kBAAkB;IACjC,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,CAAC,GAAG,EAAE,MAAM,GAAG,OAAO,CAAA;CACvB;AAED,MAAM,WAAW,uBAAuB;IACtC,KAAK,EAAE,kBAAkB,CAAC,OAAO,CAAC,GAAG,kBAAkB,CAAC,OAAO,CAAC,EAAE,GAAG,IAAI,CAAA;IACzE,aAAa,EAAE,KAAK,CAAC,cAAc,CAAA;CACpC;AAED,MAAM,WAAW,iBAAiB,CAAC,CAAC,GAAG,kBAAkB;IACvD;;OAEG;IACH,KAAK,CAAC,EAAE,OAAO,CAAA;IACf;;OAEG;IACH,QAAQ,CAAC,EAAE,CAAC,CAAC,EAAE,uBAAuB,KAAK,IAAI,CAAA;IAC/C;;OAEG;IACH,OAAO,EAAE,CAAC,EAAE,CAAA;IACZ;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;OAEG;IACH,WAAW,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IAC9B;;;OAGG;IACH,cAAc,CAAC,EAAE,MAAM,CAAC,GAAG,MAAM,CAAA;IACjC;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,YAAY,CAAC,EAAE,CAAC,MAAM,EAAE,CAAC,KAAK,KAAK,CAAC,SAAS,CAAA;IAC7C;;OAEG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB;;OAEG;IACH,OAAO,CAAC,EAAE,OAAO,CAAA;IACjB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AA4BD,eAAO,MAAM,YAAY,GAAI,CAAC,SAAS,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,EAAE,sJAa7D,iBAAiB,CAAC,CAAC,CAAC,4CAyFtB,CAAA"}

package/dist/components/tabs/Tabs.d.ts

@@ -0,0 +1,39 @@
+import { ReactNode } from 'react';
+export interface TabItem {
+    /**
+     * Unique identifier for the tab
+     */
+    id: string;
+    /**
+     * Display label for the tab
+     */
+    label: string;
+    /**
+     * Content to display when tab is active
+     */
+    content: ReactNode;
+}
+export interface TabsProps {
+    /**
+     * Array of tab items to display
+     */
+    tabs: TabItem[];
+    /**
+     * ID of the currently active tab
+     */
+    activeTabId: string;
+    /**
+     * Callback function when tab is changed
+     */
+    onTabChange: (tabId: string) => void;
+    /**
+     * Additional CSS class name
+     */
+    className?: string;
+    /**
+     * Test ID for testing
+     */
+    'data-testid'?: string;
+}
+export declare const Tabs: ({ tabs, activeTabId, onTabChange, className, "data-testid": testId, ...props }: TabsProps) => import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Tabs.d.ts.map

package/dist/components/tabs/Tabs.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tabs.d.ts","sourceRoot":"","sources":["../../../src/components/tabs/Tabs.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,OAAO,CAAA;AAGjC,MAAM,WAAW,OAAO;IACtB;;OAEG;IACH,EAAE,EAAE,MAAM,CAAA;IACV;;OAEG;IACH,KAAK,EAAE,MAAM,CAAA;IACb;;OAEG;IACH,OAAO,EAAE,SAAS,CAAA;CACnB;AAED,MAAM,WAAW,SAAS;IACxB;;OAEG;IACH,IAAI,EAAE,OAAO,EAAE,CAAA;IACf;;OAEG;IACH,WAAW,EAAE,MAAM,CAAA;IACnB;;OAEG;IACH,WAAW,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;IACpC;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB;;OAEG;IACH,aAAa,CAAC,EAAE,MAAM,CAAA;CACvB;AAED,eAAO,MAAM,IAAI,GAAI,gFAOlB,SAAS,4CAsCX,CAAA"}

package/dist/index.d.ts

@@ -0,0 +1,23 @@
+/**
+ * Emporix Component Library
+ *
+ * For components to render with correct layout and styles in your app,
+ * import the library styles once (e.g. in your root entry or App):
+ *
+ *   import '@emporix/component-library/styles'
+ *
+ * Or in CSS: @import '@emporix/component-library/styles';
+ */
+export { PrimaryButton } from './components/buttons/PrimaryButton';
+export type { PrimaryButtonProps } from './components/buttons/PrimaryButton';
+export { SecondaryButton } from './components/buttons/SecondaryButton';
+export type { SecondaryButtonProps } from './components/buttons/SecondaryButton';
+export { Tabs } from './components/tabs/Tabs';
+export type { TabsProps, TabItem } from './components/tabs/Tabs';
+export { Dropdown } from './components/dropdown/Dropdown';
+export type { DropdownProps, DropdownOption, DropdownChangeEvent, DropdownEditEndEvent, } from './components/dropdown/Dropdown';
+export { InputText } from './components/input/InputText';
+export type { InputTextProps } from './components/input/InputText';
+export { SelectButton } from './components/selectbutton/SelectButton';
+export type { SelectButtonProps, SelectButtonOption, SelectButtonChangeEvent, } from './components/selectbutton/SelectButton';
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAGH,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAA;AAClE,YAAY,EAAE,kBAAkB,EAAE,MAAM,oCAAoC,CAAA;AAE5E,OAAO,EAAE,eAAe,EAAE,MAAM,sCAAsC,CAAA;AACtE,YAAY,EAAE,oBAAoB,EAAE,MAAM,sCAAsC,CAAA;AAEhF,OAAO,EAAE,IAAI,EAAE,MAAM,wBAAwB,CAAA;AAC7C,YAAY,EAAE,SAAS,EAAE,OAAO,EAAE,MAAM,wBAAwB,CAAA;AAEhE,OAAO,EAAE,QAAQ,EAAE,MAAM,gCAAgC,CAAA;AACzD,YAAY,EACV,aAAa,EACb,cAAc,EACd,mBAAmB,EACnB,oBAAoB,GACrB,MAAM,gCAAgC,CAAA;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,8BAA8B,CAAA;AACxD,YAAY,EAAE,cAAc,EAAE,MAAM,8BAA8B,CAAA;AAElE,OAAO,EAAE,YAAY,EAAE,MAAM,wCAAwC,CAAA;AACrE,YAAY,EACV,iBAAiB,EACjB,kBAAkB,EAClB,uBAAuB,GACxB,MAAM,wCAAwC,CAAA;AAG/C,OAAO,qBAAqB,CAAA"}