@cwellt_software/cwellt-reactjs-lib

A React component library built with TypeScript, designed for aviation operations management applications.

Installation

npm install @cwellt_software/cwellt-reactjs-lib

Setup

Import the library styles in your application entry point:

import "@cwellt_software/cwellt-reactjs-lib/dist/index.css";

Peer Dependencies

This library requires the following peer dependencies:

{
  "react": "^18",
  "react-dom": "^18"
}

Components

Display

| Component | Description | | ----------------------------------- | ------------------------------------------------ | | CwLabel | Label for form fields and data display | | CwChip | Tag/chip element with color schemes and variants | | CwMessage | Toast and inline message system | | CwNote | Note/callout display | | CwIcon | Icon component with custom font support | | CwLoading | Loading indicator | | CwImageGallery / CwImageZoom | Image display components | | CwTooltipNew / CwTooltipManager | Tooltip system |

Layout

| Component | Description | | ----------------------- | ----------------------------------------------------------- | | CwDialog | Modal dialog with scrim, save/cancel actions, custom sizing | | CwMasterDetail | Master-detail layout pattern | | CwCard / CwCardList | Card display components | | CwTabs | Tabbed navigation with badge support | | CwAlign | Alignment utility component | | CwExpandable | Expandable detail sections | | CwKeyValueList | Key-value pair list display | | CwSortableList | Drag-and-drop sortable list | | CwTable | Data table with sorting and pagination | | CwTableServerSide | Server-side paginated table | | CwSortableTable | Drag-and-drop sortable table | | CwTableGrouped | Grouped data table |

Control — Input

| Component | Description | | ----------------------------------------------------- | ------------------------------ | | CwInput / CwInputText / CwInputNumber | Text and number inputs | | CwInputPhone | Phone number input | | CwTextArea | Multi-line text input | | CwDigit | Digit/number input | | CwInputDate / CwInputDateText / CwInputDatetime | Date and datetime inputs | | CwDatePicker / CwTimePicker / CwDateTimePicker | Modern date/time pickers | | CwDateRangePicker | Date range selection | | CwInputImage / CwImageArea | Image input components | | CwInputColor / CwColorPicker | Color selection | | CwWeekdaySelector | Weekday multi-select | | CwFileUpload / CwFileUploadMultiple | File upload with drag-and-drop |

Control — Choice

| Component | Description | | -------------------------------------------- | ----------------------------- | | CwSelect | Dropdown select | | CwCheck / CwCheckbox / CwCheckboxGroup | Checkbox components | | CwToggle | Toggle switch | | CwDropdownFilter | Dropdown filter navigation | | CwPopoverButton | Button with popover content | | CwMultiFilter | Multi-select filter with tags | | CwTreeView | Tree structure selection |

Control — Action

| Component | Description | | ---------------------------------- | ------------------------------------------- | | CwButton | Primary button component with icon variants | | CwSearchInput | Search input with filtering | | CwAnchoredMenu / CwContextMenu | Context menu components |

Custom / Domain

| Component | Description | | ---------------------------------------------- | -------------------------------- | | Scheduler / CwScheduler / SuperScheduler | Scheduling timeline components | | CwFindAirport | Airport search and selection | | CwFindCrewmember | Crew member search and selection |

Module Formats

The library is distributed as:

• ES Module: dist/index.es.js
• CommonJS: dist/index.cjs.js
• TypeScript Declarations: dist/index.d.ts

License

Proprietary — Cwellt Software