test/data.ipynb

{
 "cells": [
  {
   "cell_type": "code",
   "execution_count": 1,
   "metadata": {},
   "outputs": [
    {
     "name": "stdout",
     "output_type": "stream",
     "text": [
      "Compiling takes time, but the compiled app is super fast⚡:\n",
      "😂['hip', 'hip'] (hip hip array!) 😂\n",
      "\n"
     ]
    },
    {
     "ename": "ModuleNotFoundError",
     "evalue": "No module named 'humanize'",
     "output_type": "error",
     "traceback": [
      "\u001b[1;31m---------------------------------------------------------------------------\u001b[0m",
      "\u001b[1;31mModuleNotFoundError\u001b[0m                       Traceback (most recent call last)",
      "Cell \u001b[1;32mIn[1], line 1\u001b[0m\n\u001b[1;32m----> 1\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mnextpy\u001b[39;00m\u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01minterfaces\u001b[39;00m\u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mjupyter\u001b[39;00m \u001b[38;5;28;01mas\u001b[39;00m \u001b[38;5;21;01mxtj\u001b[39;00m\n\u001b[0;32m      2\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mpandas\u001b[39;00m \u001b[38;5;28;01mas\u001b[39;00m \u001b[38;5;21;01mpd\u001b[39;00m\n\u001b[0;32m      3\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mplotly\u001b[39;00m\u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mexpress\u001b[39;00m \u001b[38;5;28;01mas\u001b[39;00m \u001b[38;5;21;01mpx\u001b[39;00m\n",
      "File \u001b[1;32mD:\\Dotagent\\nextpy\\nextpy\\interfaces\\jupyter\\__init__.py:54\u001b[0m\n\u001b[0;32m     52\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mcache\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m memoize\n\u001b[0;32m     53\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m cache\n\u001b[1;32m---> 54\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mcomponents\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;241m*\u001b[39m\n\u001b[0;32m     55\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mstate\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m State\n\u001b[0;32m     56\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mrouting\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m use_route, use_router, use_route_level, find_route, use_pathname, resolve_path\n",
      "File \u001b[1;32mD:\\Dotagent\\nextpy\\nextpy\\interfaces\\jupyter\\components\\__init__.py:11\u001b[0m\n\u001b[0;32m      9\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mcontrol\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m form\n\u001b[0;32m     10\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mdata_elements\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m dataframe, metrics, json_display\n\u001b[1;32m---> 11\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01minput_widgets\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m button, download_button, link_button\n\u001b[0;32m     12\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01minput_widgets\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m checkbox, select_box, multiselect, radio, switch \n\u001b[0;32m     13\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01minput_widgets\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m select_slider, select_slider_float\n",
      "File \u001b[1;32mD:\\Dotagent\\nextpy\\nextpy\\interfaces\\jupyter\\components\\input_widgets\\__init__.py:6\u001b[0m\n\u001b[0;32m      4\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mdate_picker\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m date_picker\n\u001b[0;32m      5\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mdownload_button\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m download_button\n\u001b[1;32m----> 6\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mfile_browser\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m file_browser\n\u001b[0;32m      7\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01mfile_uploader\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m file_dropper\n\u001b[0;32m      8\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01m.\u001b[39;00m\u001b[38;5;21;01minput\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;28minput\u001b[39m\n",
      "File \u001b[1;32mD:\\Dotagent\\nextpy\\nextpy\\interfaces\\jupyter\\components\\input_widgets\\file_browser.py:6\u001b[0m\n\u001b[0;32m      3\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01mpathlib\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m Path\n\u001b[0;32m      4\u001b[0m \u001b[38;5;28;01mfrom\u001b[39;00m \u001b[38;5;21;01mtyping\u001b[39;00m \u001b[38;5;28;01mimport\u001b[39;00m Callable, List, Optional, Union, cast\n\u001b[1;32m----> 6\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mhumanize\u001b[39;00m\n\u001b[0;32m      7\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mipyvuetify\u001b[39;00m \u001b[38;5;28;01mas\u001b[39;00m \u001b[38;5;21;01mvy\u001b[39;00m\n\u001b[0;32m      8\u001b[0m \u001b[38;5;28;01mimport\u001b[39;00m \u001b[38;5;21;01mtraitlets\u001b[39;00m\n",
      "\u001b[1;31mModuleNotFoundError\u001b[0m: No module named 'humanize'"
     ]
    }
   ],
   "source": [
    "import nextpy.interfaces.jupyter as xtj\n",
    "import pandas as pd\n",
    "import plotly.express as px\n",
    "import datetime\n",
    "import reacton.ipyvuetify as v\n",
    "\n",
    "image_path = 'C:/Users/HP/Documents/New_Nextpy_Development/nextpy/interfaces/jupyter/components/media/scene.jpg'\n",
    "img = xtj.image(image_path, width=\"50%\")\n",
    "text_area = xtj.textarea(\n",
    "    label=None,\n",
    "    placeholder=\"Enter text here...\",\n",
    "    style='border: 1px solid #CCC; border-radius: 5px;',\n",
    ")\n",
    "color_picker = xtj.color_picker(\n",
    "        label=\"Pick A Color\",\n",
    "        value=\"#00f900\",  \n",
    "        help=\"Choose a color from the picker\",  \n",
    "        on_change=None,  \n",
    "        args=None,  \n",
    "        kwargs=None,  \n",
    "        disabled=False,  \n",
    "        label_visibility=\"visible\"  \n",
    "    )\n",
    "\n",
    "date_picker_instance = xtj.date_picker(\n",
    "    label=None,\n",
    "    min=\"2000-01-01\",\n",
    "    max=\"2030-12-31\",\n",
    "    value=None  \n",
    ")\n",
    "\n",
    "time_input_instance = xtj.time_picker(\n",
    "        label=\"Select Time\",\n",
    "        value=datetime.time(10, 30),  \n",
    "        style='color: blue;',         \n",
    "        \n",
    "    )\n",
    "options = [\"Comedy\", \"Drama\", \"Documentary\"]\n",
    "icons = [\"\", \"\", \"🎥\"]  \n",
    "\n",
    "genre_radio = xtj.radio(\n",
    "    label=\"What's your favorite movie genre\",\n",
    "    options=options,\n",
    "    value=options[2],  \n",
    "    icons=icons,       \n",
    "    horizontal=False,  \n",
    "    class_name='',     \n",
    "    style='',          \n",
    ")\n",
    "\n",
    "df_example = pd.DataFrame({\n",
    "    'Column 1': [1, 2, 3, 4],\n",
    "    'Column 2': [5, 6, 7, 8],\n",
    "    'Column 3': ['A', 'B', 'C', 'D']\n",
    "})\n",
    "dataframe_instance = xtj.dataframe(df_example, width=500, height=300, use_container_width=True)\n",
    "\n",
    "metric_card_1 = xtj.metrics(label=\"Temperature\", value=\"70 °F\", delta=\"1.2 °F\")\n",
    "metric_card_2 = xtj.metrics(label=\"Wind\", value=\"9 mph\", delta=\"-8 %\")\n",
    "metric_card_3 = xtj.metrics(label=\"Humidity\", value=\"86 %\", delta=\"4 %\")\n",
    "example_json_data = {\n",
    "    \"user\": {\n",
    "        \"name\": \"Jane Smith\",\n",
    "        \"id\": 102,\n",
    "        \"permissions\": [\"admin\", \"editor\"]\n",
    "    },\n",
    "    \"settings\": {\n",
    "        \"theme\": \"dark\",\n",
    "        \"notifications\": {\n",
    "            \"email\": True,\n",
    "            \"sms\": False\n",
    "        }\n",
    "    }\n",
    "}\n",
    "\n",
    "json_display_component = xtj.json_display(example_json_data, expanded=False)\n",
    "    \n",
    "\n",
    "@xtj.component\n",
    "def Page():\n",
    "    xtj.title('Testing')   \n",
    "    xtj.dataframe(df_example, width=500, height=300, use_container_width=True)\n",
    "    display(dataframe_instance)\n",
    "    display(metric_card_1)\n",
    "    display(metric_card_2)\n",
    "    display(metric_card_3)\n",
    "    display(json_display_component)\n",
    "    \n",
    "Page()\n"
   ]
  }
 ],
 "metadata": {
  "kernelspec": {
   "display_name": ".venv",
   "language": "python",
   "name": "python3"
  },
  "language_info": {
   "codemirror_mode": {
    "name": "ipython",
    "version": 3
   },
   "file_extension": ".py",
   "mimetype": "text/x-python",
   "name": "python",
   "nbconvert_exporter": "python",
   "pygments_lexer": "ipython3",
   "version": "3.12.1"
  }
 },
 "nbformat": 4,
 "nbformat_minor": 2
}