@cwellt_software/cwellt-reactjs-lib 1.0.5 → 1.0.6

package/dist/index.d.ts

@@ -119,6 +119,40 @@ interface CwTooltipProps {
 }
 declare function CwTooltip(CwelltTooltipProps: React$1.PropsWithChildren<CwTooltipProps>): react_jsx_runtime.JSX.Element;
 
+type ChipColorScheme = 'danger' | 'warning' | 'success' | 'info' | 'custom';
+type ChipVariant = 'soft' | 'solid' | 'outline';
+interface CwChipProps {
+    /*** Text content of the chip **/
+    label: string;
+    /*** Predefined color scheme of the chip **/
+    colorScheme?: ChipColorScheme;
+    /*** Custom color (only used when colorScheme is 'custom') **/
+    customColor?: string;
+    /*** Visual variant of the chip **/
+    variant?: ChipVariant;
+    /*** Additional CSS class name **/
+    className?: string;
+    /*** Whether to show a close icon **/
+    closable?: boolean;
+    /*** Handler for close icon click, required if closable is true **/
+    onClose?: () => void;
+    /*** Optional icon **/
+    icon?: string;
+    /*** Additional inline styles **/
+    style?: React__default.CSSProperties;
+}
+/**
+* CwChip - A simple chip/tag component for displaying labels or categories
+*
+* @example
+* <CwChip label="Active" colorScheme="success" />
+* <CwChip label="High Priority" colorScheme="danger" variant="solid" />
+* <CwChip label="Custom" colorScheme="custom" customColor="#8a2be2" />
+* <CwChip label="Outlined" colorScheme="info" variant="outline" />
+* <CwChip label="Removable" closable onClose={() => console.log('closed')} />
+**/
+declare const CwChip: React__default.FC<CwChipProps>;
+
 interface CwTagProps {
     children?: any;
     styleTag?: React$1.CSSProperties;
@@ -135,9 +169,9 @@ interface CwTagProps {
 declare function CwTag(tagProps: React$1.PropsWithChildren<CwTagProps>): react_jsx_runtime.JSX.Element;
 
 declare enum CwMessageType {
-    ERROR = "times-circle",
-    WARN = "exclamation-triangle",
-    INFO = "info-circle",
+    ERROR = "close-circle",
+    WARN = "warning",
+    INFO = "info-bubble",
     SUCCESS = "check-circle"
 }
 interface CwMessageProps {
@@ -164,13 +198,16 @@ declare class CwMessageManager {
 declare function CwDisplayMessage(message: string, type?: CwMessageType, duration?: number): void;
 
 interface CwIconProps extends Omit<HTMLProps<HTMLDivElement>, "className"> {
-    /** fontawesome4 name without the 'fa-' */
+    /** Icon identifier */
     iconId: string;
+    /** Source of the icon: 'fontawesome' or 'cwellt'. Defaults to 'cwellt' */
+    source?: 'fontawesome' | 'cwellt';
 }
 /**
- * An icon from fontawesome4. Find them here: [fontawesome.com/v4](https://fontawesome.com/v4/icons/)
+ * Icon component that supports both FontAwesome 4 and cwellt icon font
  * @example
- * <CwIcon id="house" />
+ * <CwIcon iconId="house" /> // Uses cwellt icon font
+ * <CwIcon iconId="house" source="fontawesome" /> // Uses FontAwesome
  */
 declare function CwIcon(props: CwIconProps): react_jsx_runtime.JSX.Element;
 
@@ -395,6 +432,65 @@ declare class CwDialogManager {
     static GetOpenDialogCount(): number;
 }
 
+type CardChip = Omit<CwChipProps, 'closable' | 'onClose' | 'className' | 'style'>;
+interface CwCardProps {
+    /*** Unique identifier for the card **/
+    id?: string;
+    /*** Card title content **/
+    title?: ReactNode;
+    /*** Card subtitle content **/
+    subtitle?: ReactNode;
+    /*** Card header alignment **/
+    alignment?: "center" | "left";
+    /*** Main content of the card **/
+    children: ReactNode;
+    /*** Footer content of the card **/
+    footer?: ReactNode;
+    /** Optional callback for edit action - displays edit button when provided */
+    onEdit?: () => void;
+    /** Optional callback for delete action - displays delete button when provided */
+    onDelete?: () => void;
+    /** Additional actions beyond edit/delete (for edge cases) */
+    extraActions?: ReactNode;
+    /*** Additional CSS class name to apply **/
+    className?: string;
+    /*** Whether the card is clickable **/
+    clickable?: boolean;
+    /*** Click handler when clickable is true **/
+    onClick?: () => void;
+    /*** Whether the card is in a loading state **/
+    isLoading?: boolean;
+    /*** Whether the card is disabled **/
+    disabled?: boolean;
+    /*** Custom style object for additional inline styles **/
+    style?: React__default.CSSProperties;
+    /*** Tags or chips to be displayed in the card **/
+    chips?: CardChip[];
+    /*** Variant design **/
+    variant?: "border" | "shadow";
+    /*** Flex direction **/
+    direction?: "column" | "row";
+}
+/**
+* CwCard - A simple card component for displaying content in a contained format
+*
+* @example
+* <CwCard
+*   title="Card Title"
+*   subtitle="Card Subtitle"
+*   onEdit={handleEdit}
+*   onDelete={confirmDeletion}
+*   footer="Last updated: 2 days ago"
+*   chips={[
+*     { label: 'Important', colorScheme: 'danger' },
+*     { label: 'Custom', colorScheme: 'custom', customColor: '#8a2be2' }
+*   ]}
+* >
+*   <p>This is the main content of the card.</p>
+* </CwCard>
+**/
+declare const CwCard: React__default.FC<CwCardProps>;
+
 interface CwAccordionContainerProps {
     children?: any;
     desc_text?: string;
@@ -408,11 +504,11 @@ interface CwAccordionContainerProps {
  */
 declare function CwAccordionContainer(CwelltAccordionContainerProps: React$1.PropsWithChildren<CwAccordionContainerProps>): react_jsx_runtime.JSX.Element;
 
-interface Column {
+interface Column<T = any> {
     title: string;
-    dataIndex: string;
+    dataIndex: keyof T;
     key: string;
-    render?: (item: DataItem) => React__default.ReactNode;
+    render?: (item: T) => React__default.ReactNode;
     className?: string;
     sortable?: boolean;
     width?: number | string;
@@ -420,20 +516,20 @@ interface Column {
 interface DataItem {
     [key: string]: any;
 }
-interface CwTableProps {
-    columns: Column[];
-    data: DataItem[];
+interface CwTableProps<T = any> {
+    columns: Column<T>[];
+    data: T[];
     pagination?: boolean;
     pageSizeOptions?: number[];
-    expandedRowRender?: (record: DataItem) => React__default.ReactNode;
-    onExpand?: (record: DataItem) => void;
+    expandedRowRender?: (record: T) => React__default.ReactNode;
+    onExpand?: (record: T) => void;
     classNameContainer?: string;
     className?: string;
     classNameRow?: string;
     style?: React__default.CSSProperties;
     id?: string;
     textNoData?: string;
-    rowKey?: string;
+    rowKey?: keyof T;
     loading?: boolean;
     scrollHeight?: number | string;
     stickyHeader?: boolean;
@@ -444,7 +540,7 @@ interface CwTableProps {
  * @param props - Component props to configure columns, data, styles, pagination, expanded rows, and more.
  *
  * @example
- * const columns = [
+ * const columns: Column<User>[] = [
  *   {
  *     title: 'Name',
  *     dataIndex: 'name',
@@ -471,7 +567,7 @@ interface CwTableProps {
  *   }
  * ];
  *
- * const data = [
+ * const data:User[] = [
  *   { key: '1', name: 'Mike', age: 32, address: '10 Downing Street' },
  *   { key: '2', name: 'John', age: 42, address: '11 Downing Street' },
  *   { key: '3', name: 'Andres', age: 33, address: '12 Downing Street' },
@@ -486,7 +582,7 @@ interface CwTableProps {
  *   </div>
  * );
  *
- * <CwTable
+ * <CwTable<User>
  *   columns={columns}
  *   data={data}
  *   pagination={true}
@@ -507,7 +603,7 @@ interface CwTableProps {
  *
  * @returns React component
  */
-declare function CwTable({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, }: Readonly<CwTableProps>): react_jsx_runtime.JSX.Element;
+declare function CwTable<T = any>({ columns, data, pagination, pageSizeOptions, expandedRowRender, onExpand, className, classNameRow, style, classNameContainer, id, textNoData, rowKey, loading, scrollHeight, stickyHeader, }: Readonly<CwTableProps<T>>): react_jsx_runtime.JSX.Element;
 
 interface Tab {
     key: string;
@@ -527,20 +623,27 @@ interface CwTabsProps {
     tabsListWidth?: string;
 }
 /**
- *
+ * CwTabs component for displaying tabbed content.
  * @param CwTabsProps
  * @example
- * The way to use the tab component:
+ The way to use the tab component:
+ *  const [activeTab, setActiveTab] = useState("1");
+ *
+ *  const handleTabChange = (tab) => {
+ *    setActiveTab(tab.key);
+ *  };
+ *
  *  const tabs = [
- *    { key: "1", title: 'Tab 1', icon: 'iconClassname', content: <div>Contenido de la pestaña 1</div> },
- *    { key: "2", title: 'Tab 2', icon: 'iconClassname', content: <div>Contenido de la pestaña 2</div> },
- *    { key: "3", title: 'Tab 3', icon: 'iconClassname', content: <div>Contenido de la pestaña 3</div> },
+ *    { key: "1", title: 'Tab 1', icon: 'iconClassname', content: <div>Content for tab 1</div> },
+ *    { key: "2", title: 'Tab 2', icon: 'iconClassname', content: <div>Content for tab 2</div> },
+ *    { key: "3", title: 'Tab 3', icon: 'iconClassname', content: <div>Content for tab 3</div> },
  *  ];
+ *
  *  <CwTabs
- *        tabs={tabs}
- * 		  tabsPosition="top"
- *        defaultActiveKey="2"
- *        onTabClick={(e)=> handleInput(e)}
+ *    tabs={tabs}
+ *    tabsPosition="top"
+ *    defaultActiveKey={activeTab}  // Use the current state for defaultActiveKey
+ *    onTabClick={handleTabChange}
  *  />
  * @returns A tab
  */
@@ -2177,6 +2280,7 @@ declare class CwFindAirport extends React$1.Component<CwFindAirportProps, State>
     handleChange(value: number): void;
     handleSelect(value: any): void;
     onClick(): void;
+    getShortCode(text: string): string;
     render(): react_jsx_runtime.JSX.Element;
 }
 
@@ -2256,4 +2360,4 @@ declare class OnClickContextMenu implements UiEvent {
     constructor(id: string, clickedMenu: string);
 }
 
-export { type BackgroundEventDm, CblDragAndDrop$1 as CblDragAndDrop, type Column, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnInfo, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwBtnWarning, CwButton, CwButtonDef, CwCheckbox, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwDropdownNavigation, CwExpandable, type CwExpandableProps, CwFileUpload, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwInput, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwOption, CwOptionList, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, UiEvent, type Weekday, Weekdays, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage };
+export { type BackgroundEventDm, type CardChip, CblDragAndDrop$1 as CblDragAndDrop, type ChipColorScheme, type ChipVariant, type Column, CwAccordionContainer, CwAlign, type CwAlignProps, CwBtnAdd, CwBtnAddFolder, CwBtnAirport, CwBtnAlert, CwBtnApprove, CwBtnBookMark, CwBtnBulkDuty, CwBtnCancel, CwBtnCrewPlanning, CwBtnDelay, CwBtnDelete, CwBtnDownLoadAllInfo, CwBtnDownload, CwBtnDropDownMenu, CwBtnEdit, CwBtnEditFolder, CwBtnFiles, CwBtnGeneratePairing, CwBtnGoBackFolder, CwBtnHide, CwBtnImportRequests, CwBtnInfo, CwBtnMVT, CwBtnNavFirstItemView, CwBtnNavLastItemView, CwBtnNavNextDay, CwBtnNavPreviewItem, CwBtnPairing, CwBtnPrint, CwBtnPropertyFolder, CwBtnPublish, CwBtnRefresh, CwBtnReleasePeriod, CwBtnSave, CwBtnSearch, CwBtnSelect, CwBtnShare, CwBtnStatistic, CwBtnUploadFiles, CwBtnVacations, CwBtnView, CwBtnWarning, CwButton, CwButtonDef, CwCard, type CwCardProps, CwCheckbox, CwChip, type CwChipProps, CwContextMenu, CwContextualMenu, CwDialog, CwDialogManager, type CwDialogProps, CwDigit, CwDisplayMessage, CwDropdown, CwDropdownContainer, CwDropdownFilter, CwDropdownNavigation, CwExpandable, type CwExpandableProps, CwFileUpload, type CwFilterTabProps, CwFindAirport, CwFloatingButton, CwGenericTooltip, CwHeadFilter, CwHeadingMain, CwHeadingSecond, CwIcon, CwImageArea, type CwImageAreaMethods, type CwImageAreaProps, CwInput, CwInputDate, CwInputDatePicker, type CwInputDatePickerProps, type CwInputDateProps, CwInputDateText, type CwInputDateTextProps, CwInputDatetime, type CwInputDatetimeProps, CwInputImage, type CwInputImageProps, CwInputNumber, type CwInputNumberProps, CwInputPhone, type CwInputPhoneProps, CwInputText, type CwInputTextProps, type CwInputTimeProps, CwKeyValueList, type CwKeyValueListProps, CwLabel, type CwLabelProps, CwLoading, CwLoadingSmall, CwMessage, CwMessageManager, type CwMessageProps, CwMessageType, CwModal, CwModalConfirm, CwModalHover, type CwModalHoverProps, CwModalIframe, CwModalReportFunctional, CwMultiFilter, type CwMultiFilterProps, CwMultiFilterTag, type CwMultiFilterTagProps, CwMultiselect, CwOption, CwOptionList, CwReportModal, type CwReportModalFunctionalProps, CwScheduler, CwScheduler2, CwSearchInput, CwSelect, CwSelectList, CwSelectListItems, type CwSelectListProps, CwSuperScheduler, CwTable, CwTableGrouped, type CwTableGroupedData, type CwTableGroupedData_Group, type CwTableGroupedData_Row, type CwTableGroupedProps, CwTabs, CwTag, CwTextArea, type CwTextAreaProps, CwTime, CwToggle, CwTooltip, CwWeekdaySelector, type DataItem, DefaultRowHeader, type ICwMultiFilterTag, MultiSelect, OnClearPinned, OnClickContextMenu, OnClickEvent, OnClickRowEvent, OnClickRowHeader, OnClickUtc, OnDoubleClickEvent, OnDoubleClickRowEvent, OnDragEvent, OnDropCtrlEvent, OnDropEvent, OnEndClickHeaderEvent, type OnEvent, OnLeftDragStart, OnMultiClickEvent, OnPinRow, OnRangeClickEvent, OnRightClickEvent, OnRightClickRow, OnRightDragStart, OnStartClickHeaderEvent, OnUnpinRow, PinRowHeader, type PinRowHeaderProps, Resource, type RowHeaderDm, type RowHeaderProps, Scheduler, SchedulerEvent, type SchedulerEventDm, type SchedulerEventState, type SchedulerRowProps, type SchedulerState, SuperScheduler, type SuperSchedulerProps, UiEvent, type Weekday, Weekdays, cblEvent, type cblEventCompProps, eventIsVisible, getDefaultDivisions, getEventSizes, itemsToMultiFilterTags, type resourceCompProps2, useCwMessage };