mex.drop.upload package¶
Submodules¶
mex.drop.upload.main module¶
- mex.drop.upload.main.create_drag_and_drop() Component¶
Create card for drag and drop area for file selection.
- mex.drop.upload.main.create_file_handling_card() Component¶
Create card for file handling and upload.
- mex.drop.upload.main.create_file_row(temp_file: TempFile) Component¶
Create table row for each uploaded file.
- Parameters:
temp_file – temporarily uploaded file
- mex.drop.upload.main.index() Component¶
Return the index for the upload component.
- mex.drop.upload.main.uploaded_file_display() Component¶
Displays list of uploaded files from drop interface.
mex.drop.upload.models module¶
mex.drop.upload.state module¶
- class mex.drop.upload.state.UploadState(parent_state: BaseState | None = None, init_substates: bool = True, _reflex_internal_init: bool = False, **kwargs)¶
Bases:
StateThe state for the upload page.
- backend_vars = {'_available_locales': [MExLocale(id='de', label='Deutsch', language='de', code='DEU'), MExLocale(id='en', label='English', language='en', code='ENG')], '_locale_service': <mex.drop.locale_service.LocaleService object>, '_nav_items': [NavItem(title='layout.nav_bar.upload_navitem', route_ids=['/', '/index'], raw_path='/', active=False), NavItem(title='layout.nav_bar.browse_navitem', route_ids=['/browse'], raw_path='/browse', active=False)], '_reflex_internal_links': None}¶
- base_vars = {'temp_files': Var.__init_subclass__.<locals>.ArrayCastedVar(_js_expr='reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state.temp_files_rx_state_', _var_type=list[mex.drop.upload.models.TempFile], _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state.temp_files_rx_state_', _var_type=list[mex.drop.upload.models.TempFile], _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='temp_files', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=())))}¶
- cancel_upload = EventHandler(event_actions={}, fn=<function UploadState.cancel_upload>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state')¶
- class_subclasses = {}¶
- computed_vars = {'label_drag_and_drop_hint': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_hint_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_hint', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_hint>, _name='label_drag_and_drop_hint'), 'label_drag_and_drop_select_button': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_select_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_select_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_select_button>, _name='label_drag_and_drop_select_button'), 'label_drag_and_drop_supported_formats_format': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_supported_formats_format_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_supported_formats_format', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_supported_formats_format>, _name='label_drag_and_drop_supported_formats_format'), 'label_drag_and_drop_title': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_title_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_title', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_title>, _name='label_drag_and_drop_title'), 'label_file_table_action_column': FakeComputedVarBaseClass(_js_expr='label_file_table_action_column_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_file_table_action_column', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_file_table_action_column>, _name='label_file_table_action_column'), 'label_file_table_remove_button': FakeComputedVarBaseClass(_js_expr='label_file_table_remove_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_file_table_remove_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_file_table_remove_button>, _name='label_file_table_remove_button'), 'label_file_table_selected_file_column': FakeComputedVarBaseClass(_js_expr='label_file_table_selected_file_column_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_file_table_selected_file_column', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_file_table_selected_file_column>, _name='label_file_table_selected_file_column'), 'label_submit_button': FakeComputedVarBaseClass(_js_expr='label_submit_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_submit_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_submit_button>, _name='label_submit_button')}¶
- event_handlers = {'cancel_upload': EventHandler(event_actions={}, fn=<function UploadState.cancel_upload>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state'), 'handle_upload': EventHandler(event_actions={}, fn=<function UploadState.handle_upload>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state'), 'set_temp_files': BaseState._create_setter.<locals>.EventHandlerDeprecatedSetter(event_actions={}, fn=<function set_temp_files>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state'), 'setvar': EventHandlerSetVar(event_actions={}, fn=<function EventHandlerSetVar.setvar>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', state_cls=<class 'mex.drop.upload.state.UploadState'>), 'submit_data': EventHandler(event_actions={}, fn=<function UploadState.submit_data>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state')}¶
- handle_upload = EventHandler(event_actions={}, fn=<function UploadState.handle_upload>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state')¶
- inherited_backend_vars = {'_available_locales': [MExLocale(id='de', label='Deutsch', language='de', code='DEU'), MExLocale(id='en', label='English', language='en', code='ENG')], '_locale_service': <mex.drop.locale_service.LocaleService object>, '_nav_items': [NavItem(title='layout.nav_bar.upload_navitem', route_ids=['/', '/index'], raw_path='/', active=False), NavItem(title='layout.nav_bar.browse_navitem', route_ids=['/browse'], raw_path='/browse', active=False)], '_reflex_internal_links': None}¶
- inherited_vars = {'current_locale': Var.__init_subclass__.<locals>.StringCastedVar(_js_expr='reflex___state____state__mex___drop___state____state.current_locale_rx_state_', _var_type=<class 'str'>, _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state.current_locale_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='current_locale', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=()))), 'is_hydrated': Var.__init_subclass__.<locals>.BooleanCastedVar(_js_expr='reflex___state____state.is_hydrated_rx_state_', _var_type=<class 'bool'>, _var_data=None, _original=Var(_js_expr='reflex___state____state.is_hydrated_rx_state_', _var_type=<class 'bool'>, _var_data=VarData(state='reflex___state____state', field_name='is_hydrated', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state = useContext(StateContexts.reflex___state____state)',), deps=(), position=None, components=()))), 'label_nav_bar_logout_button': FakeComputedVarBaseClass(_js_expr='label_nav_bar_logout_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='label_nav_bar_logout_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function State.label_nav_bar_logout_button>, _name='label_nav_bar_logout_button'), 'nav_items_translated': FakeComputedVarBaseClass(_js_expr='nav_items_translated_rx_state_', _var_type=list[mex.drop.models.NavItem], _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='nav_items_translated', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'_locale_service', '_nav_items', 'current_locale'}}, _auto_deps=True, _update_interval=None, _fget=<function State.nav_items_translated>, _name='nav_items_translated'), 'router': Var.__init_subclass__.<locals>.ObjectCastedVar(_js_expr='reflex___state____state.router_rx_state_', _var_type=<class 'reflex.istate.data.RouterData'>, _var_data=None, _original=Var(_js_expr='reflex___state____state.router_rx_state_', _var_type=<class 'reflex.istate.data.RouterData'>, _var_data=VarData(state='reflex___state____state', field_name='router', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state = useContext(StateContexts.reflex___state____state)',), deps=(), position=None, components=()))), 'user': Var.__init_subclass__.<locals>.ObjectCastedVar(_js_expr='reflex___state____state__mex___drop___state____state.user_rx_state_', _var_type=mex.drop.models.User | None, _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state.user_rx_state_', _var_type=mex.drop.models.User | None, _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='user', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=())))}¶
- label_drag_and_drop_hint¶
Base class of converting a var to another var type.
- label_drag_and_drop_select_button¶
Base class of converting a var to another var type.
- label_drag_and_drop_supported_formats_format¶
Base class of converting a var to another var type.
- label_drag_and_drop_title¶
Base class of converting a var to another var type.
- label_file_table_action_column¶
Base class of converting a var to another var type.
- label_file_table_remove_button¶
Base class of converting a var to another var type.
- label_file_table_selected_file_column¶
Base class of converting a var to another var type.
- label_submit_button¶
Base class of converting a var to another var type.
- set_temp_files = BaseState._create_setter.<locals>.EventHandlerDeprecatedSetter(event_actions={}, fn=<function set_temp_files>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state')¶
- setvar = EventHandlerSetVar(event_actions={}, fn=<function EventHandlerSetVar.setvar>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', state_cls=<class 'mex.drop.upload.state.UploadState'>)¶
- submit_data = EventHandler(event_actions={}, fn=<function UploadState.submit_data>, state_full_name='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state')¶
- temp_files: list[TempFile] = Var.__init_subclass__.<locals>.ArrayCastedVar(_js_expr='reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state.temp_files_rx_state_', _var_type=list[mex.drop.upload.models.TempFile], _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state.temp_files_rx_state_', _var_type=list[mex.drop.upload.models.TempFile], _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='temp_files', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=())))¶
- vars = {'current_locale': Var.__init_subclass__.<locals>.StringCastedVar(_js_expr='reflex___state____state__mex___drop___state____state.current_locale_rx_state_', _var_type=<class 'str'>, _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state.current_locale_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='current_locale', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=()))), 'is_hydrated': Var.__init_subclass__.<locals>.BooleanCastedVar(_js_expr='reflex___state____state.is_hydrated_rx_state_', _var_type=<class 'bool'>, _var_data=None, _original=Var(_js_expr='reflex___state____state.is_hydrated_rx_state_', _var_type=<class 'bool'>, _var_data=VarData(state='reflex___state____state', field_name='is_hydrated', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state = useContext(StateContexts.reflex___state____state)',), deps=(), position=None, components=()))), 'label_drag_and_drop_hint': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_hint_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_hint', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_hint>, _name='label_drag_and_drop_hint'), 'label_drag_and_drop_select_button': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_select_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_select_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_select_button>, _name='label_drag_and_drop_select_button'), 'label_drag_and_drop_supported_formats_format': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_supported_formats_format_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_supported_formats_format', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_supported_formats_format>, _name='label_drag_and_drop_supported_formats_format'), 'label_drag_and_drop_title': FakeComputedVarBaseClass(_js_expr='label_drag_and_drop_title_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_drag_and_drop_title', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_drag_and_drop_title>, _name='label_drag_and_drop_title'), 'label_file_table_action_column': FakeComputedVarBaseClass(_js_expr='label_file_table_action_column_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_file_table_action_column', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_file_table_action_column>, _name='label_file_table_action_column'), 'label_file_table_remove_button': FakeComputedVarBaseClass(_js_expr='label_file_table_remove_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_file_table_remove_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_file_table_remove_button>, _name='label_file_table_remove_button'), 'label_file_table_selected_file_column': FakeComputedVarBaseClass(_js_expr='label_file_table_selected_file_column_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_file_table_selected_file_column', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_file_table_selected_file_column>, _name='label_file_table_selected_file_column'), 'label_nav_bar_logout_button': FakeComputedVarBaseClass(_js_expr='label_nav_bar_logout_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='label_nav_bar_logout_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function State.label_nav_bar_logout_button>, _name='label_nav_bar_logout_button'), 'label_submit_button': FakeComputedVarBaseClass(_js_expr='label_submit_button_rx_state_', _var_type=<class 'str'>, _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='label_submit_button', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'current_locale'}}, _auto_deps=False, _update_interval=None, _fget=<function UploadState.label_submit_button>, _name='label_submit_button'), 'nav_items_translated': FakeComputedVarBaseClass(_js_expr='nav_items_translated_rx_state_', _var_type=list[mex.drop.models.NavItem], _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='nav_items_translated', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=()), _cache=True, _backend=False, _initial_value=Unset, _static_deps={None: {'_locale_service', '_nav_items', 'current_locale'}}, _auto_deps=True, _update_interval=None, _fget=<function State.nav_items_translated>, _name='nav_items_translated'), 'router': Var.__init_subclass__.<locals>.ObjectCastedVar(_js_expr='reflex___state____state.router_rx_state_', _var_type=<class 'reflex.istate.data.RouterData'>, _var_data=None, _original=Var(_js_expr='reflex___state____state.router_rx_state_', _var_type=<class 'reflex.istate.data.RouterData'>, _var_data=VarData(state='reflex___state____state', field_name='router', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state = useContext(StateContexts.reflex___state____state)',), deps=(), position=None, components=()))), 'temp_files': Var.__init_subclass__.<locals>.ArrayCastedVar(_js_expr='reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state.temp_files_rx_state_', _var_type=list[mex.drop.upload.models.TempFile], _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state.temp_files_rx_state_', _var_type=list[mex.drop.upload.models.TempFile], _var_data=VarData(state='reflex___state____state.mex___drop___state____state.mex___drop___upload___state____upload_state', field_name='temp_files', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state = useContext(StateContexts.reflex___state____state__mex___drop___state____state__mex___drop___upload___state____upload_state)',), deps=(), position=None, components=()))), 'user': Var.__init_subclass__.<locals>.ObjectCastedVar(_js_expr='reflex___state____state__mex___drop___state____state.user_rx_state_', _var_type=mex.drop.models.User | None, _var_data=None, _original=Var(_js_expr='reflex___state____state__mex___drop___state____state.user_rx_state_', _var_type=mex.drop.models.User | None, _var_data=VarData(state='reflex___state____state.mex___drop___state____state', field_name='user', imports=(('$/utils/context', (ImportVar(tag='StateContexts', is_default=False, alias=None, install=True, render=True, package_path='/'),)), ('react', (ImportVar(tag='useContext', is_default=False, alias=None, install=True, render=True, package_path='/'),))), hooks=('const reflex___state____state__mex___drop___state____state = useContext(StateContexts.reflex___state____state__mex___drop___state____state)',), deps=(), position=None, components=())))}¶