{ "page_ir": { "page_id": "driver_licenses", "page_goal": "Manage driver licenses with CRUD operations, search, filtering by type and expiry status, and view detailed license information with modification history.", "style": { "tone": "professional", "theme": "light", "density": "comfortable", "color_intent": "neutral with status indicators" }, "accessibility": { "required_labels": [ "search_input", "filter_type", "filter_status", "license_table", "add_license_modal" ], "skip_navigation": true, "focus_management": true, "announce_changes": [] }, "responsive": { "breakpoints": { "sm": 576, "md": 768, "lg": 1024, "xl": 1200 }, "collapse_rules": [ "filters_row collapses to vertical on sm" ], "hidden_on_small": [ "metadata_column" ], "stack_on_small": [] }, "constraints": [ "Table must support pagination", "Modal form validates before submit" ], "seo_title": null, "seo_description": null }, "data_ir": { "types": {}, "state": { "licenses": { "type": "array", "initial": [], "required": true, "constraints": {}, "item_type": null }, "loading": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "searchText": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterType": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "filterExpiryStatus": { "type": "string", "initial": "", "required": false, "constraints": {}, "item_type": null }, "addModalVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "detailDrawerVisible": { "type": "boolean", "initial": false, "required": false, "constraints": {}, "item_type": null }, "selectedLicenseId": { "type": "string", "initial": null, "required": false, "constraints": {}, "item_type": null }, "selectedLicenseDetail": { "type": "object", "initial": null, "required": false, "constraints": {}, "item_type": null }, "historyRecords": { "type": "array", "initial": [], "required": false, "constraints": {}, "item_type": null }, "activeDetailTab": { "type": "string", "initial": "details", "required": false, "constraints": {}, "item_type": null }, "pagination": { "type": "object", "initial": { "current": 1, "pageSize": 20, "total": 0 }, "required": false, "constraints": {}, "item_type": null } }, "derived": { "filteredLicenses": { "type": "array", "expr": "licenses.filter(l => (!searchText || l.notes?.toLowerCase().includes(searchText.toLowerCase()) || l.metadata?.toLowerCase().includes(searchText.toLowerCase())) && (!filterType || l.metadata?.includes(filterType)))", "deps": [] } } }, "data_fetch_ir": { "endpoints": { "97551d1210bd4e5b8dc1ac9983fe90b7": { "endpoint_id": "97551d1210bd4e5b8dc1ac9983fe90b7", "module": "Driver Licenses", "endpoint": "/driver-licenses/", "method": "GET", "path_params": {}, "query_params": { "limit": 20, "offset": 0 }, "body": null, "fields": [ "id", "submenu_id", "expiration_date", "notes", "metadata", "version", "created_at", "updated_at" ], "response_target": "licenses", "response_transform": null, "trigger": "on_mount", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "8b2c0f6db5bc4385828c6e30adfcb204": { "endpoint_id": "8b2c0f6db5bc4385828c6e30adfcb204", "module": "Driver Licenses", "endpoint": "/driver-licenses/{entity_id}/details", "method": "GET", "path_params": { "entity_id": "$state.selectedLicenseId" }, "query_params": {}, "body": null, "fields": [ "id", "submenu_id", "expiration_date", "notes", "metadata", "version", "created_at", "updated_at", "history_records" ], "response_target": "selectedLicenseDetail", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "b3a26534ca534740adb6ec3e24daa5cc": { "endpoint_id": "b3a26534ca534740adb6ec3e24daa5cc", "module": "Driver Licenses", "endpoint": "/driver-licenses/history/list", "method": "GET", "path_params": {}, "query_params": { "driver_license_id": "$state.selectedLicenseId", "limit": 50 }, "body": null, "fields": [ "id", "driver_license_id", "change_date", "change_description", "changed_by", "change_type", "created_at" ], "response_target": "historyRecords", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "7fda1350c7154bada985cd6324a127ef": { "endpoint_id": "7fda1350c7154bada985cd6324a127ef", "module": "Driver Licenses", "endpoint": "/driver-licenses/", "method": "POST", "path_params": {}, "query_params": {}, "body": {}, "fields": [ "id", "submenu_id", "expiration_date", "notes", "metadata" ], "response_target": "createLicense_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null }, "bdb8f759ce5347a3a86f38314ec813c7": { "endpoint_id": "bdb8f759ce5347a3a86f38314ec813c7", "module": "Driver Licenses", "endpoint": "/driver-licenses/{entity_id}", "method": "DELETE", "path_params": { "entity_id": "$state.selectedLicenseId" }, "query_params": {}, "body": null, "fields": [], "response_target": "bdb8f759ce5347a3a86f38314ec813c7_data", "response_transform": null, "trigger": "manual", "depends_on": [], "debounce_ms": null, "loading_field": null, "error_field": null } } }, "data_model_ir": { "entities": { "driverLicense": { "name": "DriverLicense", "backend_module": "Driver Licenses", "fields": [ "id", "submenu_id", "expiration_date", "notes", "metadata", "version", "deleted_at", "created_at", "updated_at" ], "computed": [], "display_fields": [ "id", "expiration_date", "notes", "metadata", "created_at" ], "search_fields": [], "filters": [ "submenu_id" ], "default_sort": null, "default_sort_dir": "asc" }, "driverLicenseHistory": { "name": "DriverLicenseHistory", "backend_module": "Driver Licenses", "fields": [ "id", "submenu_id", "driver_license_id", "change_date", "change_description", "changed_by", "change_type", "created_at", "updated_at" ], "computed": [], "display_fields": [ "change_date", "change_type", "change_description", "changed_by" ], "search_fields": [], "filters": [ "driver_license_id", "submenu_id" ], "default_sort": null, "default_sort_dir": "asc" } }, "relationships": [] }, "behaviour_ir": { "events": { "onSearchChange": { "type": "mutation", "updates": [ { "target": "state.searchText", "expr": "event.target.value" } ], "description": "" }, "onFilterTypeChange": { "type": "mutation", "updates": [ { "target": "state.filterType", "expr": "value" } ], "description": "" }, "onFilterExpiryStatusChange": { "type": "mutation", "updates": [ { "target": "state.filterExpiryStatus", "expr": "value" } ], "description": "" }, "onTabChange": { "type": "mutation", "updates": [ { "target": "state.activeDetailTab", "expr": "activeKey" } ], "description": "" } }, "actions": { "912cab367c7a447f92770eda558638c1": { "action_id": "912cab367c7a447f92770eda558638c1", "trigger": "button_click", "target_component_id": "add_license_button", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.addModalVisible", "expr": "true" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "d127bb404b084e35820ace09b21fb707": { "action_id": "d127bb404b084e35820ace09b21fb707", "trigger": "button_click", "target_component_id": "add_license_modal", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.addModalVisible", "expr": "false" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "fe57318c2cbc43839a4e3bf832431a67": { "action_id": "fe57318c2cbc43839a4e3bf832431a67", "trigger": "form_submit", "target_component_id": "add_license_form", "operation": "create", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [ { "rule_id": "val_0", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"driver_name\", \"message\": \"Driver name is required\", \"rule_id\": \"val_driver_name\", \"type\": \"required\"}", "message": "{\"field\": \"driver_name\", \"message\": \"Driver name is required\", \"rule_id\": \"val_driver_name\", \"type\": \"required\"}" }, { "rule_id": "val_1", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"license_number\", \"message\": \"License number is required\", \"rule_id\": \"val_license_number\", \"type\": \"required\"}", "message": "{\"field\": \"license_number\", \"message\": \"License number is required\", \"rule_id\": \"val_license_number\", \"type\": \"required\"}" }, { "rule_id": "val_2", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"expiry_date\", \"message\": \"Expiry date is required\", \"rule_id\": \"val_expiry_date\", \"type\": \"required\"}", "message": "{\"field\": \"expiry_date\", \"message\": \"Expiry date is required\", \"rule_id\": \"val_expiry_date\", \"type\": \"required\"}" }, { "rule_id": "val_3", "field": null, "type": "custom", "value": null, "expression": "{\"field\": \"license_type\", \"message\": \"License type is required\", \"rule_id\": \"val_license_type\", \"type\": \"required\"}", "message": "{\"field\": \"license_type\", \"message\": \"License type is required\", \"rule_id\": \"val_license_type\", \"type\": \"required\"}" } ], "validation_messages": {}, "updates": [ { "target": "state.addModalVisible", "expr": "false" } ], "api_endpoint": "7fda1350c7154bada985cd6324a127ef", "api_body": "{ submenu_id: formValues.submenu_id, expiration_date: formValues.expiry_date, notes: JSON.stringify({ driver_name: formValues.driver_name, license_number: formValues.license_number, license_type: formValues.license_type, issue_date: formValues.issue_date, issuing_authority: formValues.issuing_authority, status: formValues.status }), metadata: formValues.metadata }", "side_effects": [ { "type": "toast", "config": { "message": "Driver license created successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchLicenses" } } ], "then": null, "catch": null, "data_action": null }, "82c57e4e441e46cfb64861ceb5d7cca3": { "action_id": "82c57e4e441e46cfb64861ceb5d7cca3", "trigger": "button_click", "target_component_id": "license_table", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedLicenseId", "expr": "record.id" }, { "target": "state.detailDrawerVisible", "expr": "true" }, { "target": "state.activeDetailTab", "expr": "'details'" } ], "api_endpoint": "8b2c0f6db5bc4385828c6e30adfcb204", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "d91eabd2d5e741ce992c2199f8ad8e5a": { "action_id": "d91eabd2d5e741ce992c2199f8ad8e5a", "trigger": "button_click", "target_component_id": "history_tab", "operation": "read", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.activeDetailTab", "expr": "'history'" } ], "api_endpoint": "b3a26534ca534740adb6ec3e24daa5cc", "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "6ca05350e13b4edc9f8667f5f9c0dae7": { "action_id": "6ca05350e13b4edc9f8667f5f9c0dae7", "trigger": "button_click", "target_component_id": "detail_drawer", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.detailDrawerVisible", "expr": "false" }, { "target": "state.selectedLicenseDetail", "expr": "null" }, { "target": "state.historyRecords", "expr": "[]" } ], "api_endpoint": null, "api_body": null, "side_effects": [], "then": null, "catch": null, "data_action": null }, "bdb8f759ce5347a3a86f38314ec813c7": { "action_id": "bdb8f759ce5347a3a86f38314ec813c7", "trigger": "button_click", "target_component_id": "license_table", "operation": "delete", "description": "", "payload": {}, "guard": null, "requires_confirmation": true, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [ { "target": "state.selectedLicenseId", "expr": "record.id" } ], "api_endpoint": "bdb8f759ce5347a3a86f38314ec813c7", "api_body": null, "side_effects": [ { "type": "toast", "config": { "message": "Driver license deleted successfully", "type": "success" } }, { "type": "refresh", "config": { "target": "fetchLicenses" } } ], "then": null, "catch": null, "data_action": null }, "6283c49a7acd453d976535ce08fb87fc": { "action_id": "6283c49a7acd453d976535ce08fb87fc", "trigger": "button_click", "target_component_id": "breadcrumb_dashboard", "operation": "custom", "description": "", "payload": {}, "guard": null, "requires_confirmation": false, "confirmation_message": null, "validation_rules": [], "validation_messages": {}, "updates": [], "api_endpoint": null, "api_body": null, "side_effects": [ { "type": "navigate", "config": { "path": "/" } } ], "then": null, "catch": null, "data_action": null } }, "feedback": { "fe57318c2cbc43839a4e3bf832431a67": { "action_id": "fe57318c2cbc43839a4e3bf832431a67", "loading_indicator": "spinner", "loading_text": null, "success_message": "Driver license created successfully", "error_message": "Failed to create driver license", "ui_updates": [] }, "82c57e4e441e46cfb64861ceb5d7cca3": { "action_id": "82c57e4e441e46cfb64861ceb5d7cca3", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load license details", "ui_updates": [] }, "d91eabd2d5e741ce992c2199f8ad8e5a": { "action_id": "d91eabd2d5e741ce992c2199f8ad8e5a", "loading_indicator": "spinner", "loading_text": null, "success_message": null, "error_message": "Failed to load license history", "ui_updates": [] }, "bdb8f759ce5347a3a86f38314ec813c7": { "action_id": "bdb8f759ce5347a3a86f38314ec813c7", "loading_indicator": "spinner", "loading_text": null, "success_message": "Driver license deleted successfully", "error_message": "Failed to delete driver license", "ui_updates": [] } } }, "component_ir": { "library": "antd", "theme": { "primaryColor": "#1677ff", "secondaryColor": "#000000", "successColor": null, "warningColor": null, "errorColor": null, "fontFamily": "sans-serif", "fontSize": null, "borderRadius": 6 }, "components": { "main_container": { "type": "Layout", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "minHeight": "100vh", "width": "100%", "padding": "24px", "background": "#f5f5f5" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_header": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "marginBottom": "24px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "breadcrumb_nav": { "type": "Breadcrumb", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "title": "Dashboard", "href": "/" }, { "title": "Driver Licenses" } ] }, "dynamic_props": {}, "styles": { "marginBottom": "16px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "breadcrumb_dashboard": { "type": "span", "label": "Dashboard", "description": null, "bind": null, "onClick": "navigateToDashboard", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "cursor": "pointer" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "page_title": { "type": "Typography.Title", "label": "Driver Licenses", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "level": 2 }, "dynamic_props": {}, "styles": { "marginBottom": "0" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "toolbar_row": { "type": "div", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": { "display": "flex", "justifyContent": "space-between", "alignItems": "center", "marginBottom": "16px", "flexWrap": "wrap", "gap": "12px" }, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filters_section": { "type": "Space", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "size": "middle", "wrap": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "search_input": { "type": "Input.Search", "label": "Search", "description": null, "bind": "state.searchText", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Search by driver name or license number", "allowClear": true, "style": { "width": 280 } }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_type_select": { "type": "Select", "label": "License Type", "description": null, "bind": "state.filterType", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by type", "allowClear": true, "style": { "width": 160 }, "options": [ { "label": "CDL-A", "value": "CDL-A" }, { "label": "CDL-B", "value": "CDL-B" }, { "label": "CDL-C", "value": "CDL-C" }, { "label": "Non-CDL", "value": "Non-CDL" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "filter_expiry_select": { "type": "Select", "label": "Expiry Status", "description": null, "bind": "state.filterExpiryStatus", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Filter by expiry status", "allowClear": true, "style": { "width": 180 }, "options": [ { "label": "Valid", "value": "valid" }, { "label": "Expired", "value": "expired" }, { "label": "Expiring Soon", "value": "expiring_soon" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "add_license_button": { "type": "Button", "label": "Add License", "description": null, "bind": null, "onClick": "openAddModal", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "type": "primary", "icon": "PlusOutlined" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "license_table": { "type": "Table", "label": "Driver Licenses Table", "description": null, "bind": "state.licenses", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "loading": "$state.loading", "pagination": { "current": "$state.pagination.current", "pageSize": "$state.pagination.pageSize", "total": "$state.pagination.total" }, "columns": [ { "title": "License ID", "dataIndex": "id", "key": "id", "width": 120 }, { "title": "Driver Name", "dataIndex": [ "notes" ], "key": "driver_name", "render": "parseJSON_driver_name" }, { "title": "License Number", "dataIndex": [ "notes" ], "key": "license_number", "render": "parseJSON_license_number" }, { "title": "License Type", "dataIndex": [ "notes" ], "key": "license_type", "render": "parseJSON_license_type" }, { "title": "Expiry Date", "dataIndex": "expiration_date", "key": "expiration_date", "render": "date" }, { "title": "Status", "dataIndex": [ "notes" ], "key": "status", "render": "parseJSON_status_tag" }, { "title": "Actions", "key": "actions", "render": "action_buttons" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "table_card": { "type": "Card", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": false }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "add_license_modal": { "type": "Modal", "label": "Add Driver License", "description": null, "bind": "state.addModalVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "Add Driver License", "width": 640, "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "add_license_form": { "type": "Form", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "layout": "vertical" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_driver_name": { "type": "Form.Item", "label": "Driver Name", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "driver_name", "rules": [ { "required": true, "message": "Please enter driver name" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_driver_name": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter driver name" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_license_number": { "type": "Form.Item", "label": "License Number", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "license_number", "rules": [ { "required": true, "message": "Please enter license number" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_license_number": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter license number" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_license_type": { "type": "Form.Item", "label": "License Type", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "license_type", "rules": [ { "required": true, "message": "Please select license type" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "select_license_type": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select license type", "options": [ { "label": "CDL-A", "value": "CDL-A" }, { "label": "CDL-B", "value": "CDL-B" }, { "label": "CDL-C", "value": "CDL-C" }, { "label": "Non-CDL", "value": "Non-CDL" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_row_dates": { "type": "Row", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "gutter": 16 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_col_issue_date": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 12 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_issue_date": { "type": "Form.Item", "label": "Issue Date", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "issue_date", "rules": [ { "required": true, "message": "Please select issue date" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "datepicker_issue_date": { "type": "DatePicker", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "placeholder": "Select issue date" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_col_expiry_date": { "type": "Col", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "span": 12 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_expiry_date": { "type": "Form.Item", "label": "Expiry Date", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "expiry_date", "rules": [ { "required": true, "message": "Please select expiry date" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "datepicker_expiry_date": { "type": "DatePicker", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "style": { "width": "100%" }, "placeholder": "Select expiry date" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_issuing_authority": { "type": "Form.Item", "label": "Issuing Authority", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "issuing_authority" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_issuing_authority": { "type": "Input", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Enter issuing authority" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_status": { "type": "Form.Item", "label": "Status", "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "status", "rules": [ { "required": true, "message": "Please select status" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "select_status": { "type": "Select", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "placeholder": "Select status", "options": [ { "label": "Active", "value": "active" }, { "label": "Suspended", "value": "suspended" }, { "label": "Revoked", "value": "revoked" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "form_submenu_id": { "type": "Form.Item", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "name": "submenu_id", "hidden": true, "initialValue": 1 }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "input_submenu_id": { "type": "InputNumber", "label": null, "description": null, "bind": null, "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": {}, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "detail_drawer": { "type": "Drawer", "label": "License Details", "description": null, "bind": "state.detailDrawerVisible", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "title": "License Details", "width": 640, "destroyOnClose": true }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "detail_tabs": { "type": "Tabs", "label": null, "description": null, "bind": "state.activeDetailTab", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "items": [ { "key": "details", "label": "Details" }, { "key": "history", "label": "History" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "details_tab_content": { "type": "Descriptions", "label": null, "description": null, "bind": "state.selectedLicenseDetail", "onClick": null, "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "bordered": true, "column": 2, "size": "middle" }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null }, "history_tab": { "type": "Table", "label": "License History", "description": null, "bind": "state.historyRecords", "onClick": "viewLicenseHistory", "onChange": null, "onSubmit": null, "onHover": null, "onKeyPress": null, "props": { "rowKey": "id", "size": "small", "columns": [ { "title": "Date", "dataIndex": "change_date", "key": "change_date", "render": "datetime" }, { "title": "Type", "dataIndex": "change_type", "key": "change_type", "render": "tag" }, { "title": "Description", "dataIndex": "change_description", "key": "change_description" }, { "title": "Changed By", "dataIndex": "changed_by", "key": "changed_by" } ] }, "dynamic_props": {}, "styles": {}, "dynamic_styles": {}, "class_name": null, "dynamic_class": null, "transitions": [], "visible_when": null, "disabled_when": null, "repeat": null, "slots": {}, "a11y_role": null, "a11y_label": null } } }, "layout_ir": { "root": "main_container", "children": { "main_container": [ "page_header", "table_card", "add_license_modal", "detail_drawer" ], "page_header": [ "breadcrumb_nav", "page_title" ], "table_card": [ "toolbar_row", "license_table" ], "toolbar_row": [ "filters_section", "add_license_button" ], "filters_section": [ "search_input", "filter_type_select", "filter_expiry_select" ], "add_license_modal": [ "add_license_form" ], "add_license_form": [ "form_driver_name", "form_license_number", "form_license_type", "form_row_dates", "form_issuing_authority", "form_status", "form_submenu_id" ], "form_driver_name": [ "input_driver_name" ], "form_license_number": [ "input_license_number" ], "form_license_type": [ "select_license_type" ], "form_row_dates": [ "form_col_issue_date", "form_col_expiry_date" ], "form_col_issue_date": [ "form_issue_date" ], "form_issue_date": [ "datepicker_issue_date" ], "form_col_expiry_date": [ "form_expiry_date" ], "form_expiry_date": [ "datepicker_expiry_date" ], "form_issuing_authority": [ "input_issuing_authority" ], "form_status": [ "select_status" ], "form_submenu_id": [ "input_submenu_id" ], "detail_drawer": [ "detail_tabs" ], "detail_tabs": [ "details_tab_content", "history_tab" ] }, "layout": { "main_container": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "page_header": { "type": "vertical", "gap": 8, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "table_card": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "toolbar_row": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "filters_section": { "type": "horizontal", "gap": 12, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "add_license_form": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "form_row_dates": { "type": "horizontal", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "detail_drawer": { "type": "vertical", "gap": 16, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null }, "detail_tabs": { "type": "vertical", "gap": 0, "padding": null, "columns": null, "column_template": null, "row_template": null, "align_items": null, "justify_content": null, "wrap": false, "min_height": null, "overflow": null } }, "layout_zones": [ { "zone_id": "main_zone", "component": "main_container", "anchor": "top-left", "size_hint": "full-width", "z_layer": "base", "notes": "Main page container" }, { "zone_id": "modal_zone", "component": "add_license_modal", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "Add license modal overlay" }, { "zone_id": "drawer_zone", "component": "detail_drawer", "anchor": "center", "size_hint": "auto", "z_layer": "overlay", "notes": "License detail drawer overlay" } ], "responsive_overrides": [] }, "navigation_ir": { "tabs": [], "modals": {}, "drawers": {}, "routes": [], "breadcrumb": null, "default_tab": null }, "realtime_ir": { "timers": {}, "polling": {} }, "metadata": { "ir_version": "3.5", "generated_at": "", "source_prompt": null, "schema_session_id": null, "warnings": [] }, "page_data_contract": null, "schema_ir": null }