proje-react-panel 1.0.0 → 1.0.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (38) hide show
  1. package/.idea/modules.xml +1 -1
  2. package/dist/assets/output-ML2TfIjs.css +1 -0
  3. package/dist/{list → components/list}/List.d.ts +2 -3
  4. package/dist/index.cjs.js +12 -1
  5. package/dist/index.d.ts +6 -1
  6. package/dist/index.esm.js +12 -1
  7. package/dist/screens/ControllerCreate.d.ts +0 -1
  8. package/dist/{getFields.d.ts → utils/getFields.d.ts} +1 -1
  9. package/dist/{storeData.d.ts → utils/storeData.d.ts} +1 -1
  10. package/package.json +9 -5
  11. package/src/api/crudApi.ts +16 -0
  12. package/src/components/Panel.tsx +13 -0
  13. package/src/components/layout/Layout.tsx +18 -0
  14. package/src/components/layout/SideBar.tsx +23 -0
  15. package/src/components/list/List.tsx +75 -0
  16. package/src/declerations/Cell.ts +37 -0
  17. package/src/declerations/Crud.ts +20 -0
  18. package/src/index.ts +6 -0
  19. package/src/screens/ControllerCreate.tsx +13 -0
  20. package/src/screens/ControllerDetails.tsx +34 -0
  21. package/src/screens/ControllerEdit.tsx +31 -0
  22. package/src/screens/ControllerList.tsx +40 -0
  23. package/src/screens/Form.tsx +67 -0
  24. package/src/styles/form.scss +58 -0
  25. package/src/styles/index.scss +4 -0
  26. package/src/styles/layout.scss +13 -0
  27. package/src/styles/list.scss +39 -0
  28. package/src/styles/sidebar.scss +76 -0
  29. package/src/types/Screen.ts +4 -0
  30. package/src/types/ScreenCreatorData.ts +9 -0
  31. package/src/utils/createScreens.ts +5 -0
  32. package/src/utils/getFields.ts +21 -0
  33. package/src/utils/getScreenForRoutes.tsx +44 -0
  34. package/src/utils/storeData.ts +7 -0
  35. /package/.idea/{react-panel.iml → proje-react-panel.iml} +0 -0
  36. /package/dist/{Panel.d.ts → components/Panel.d.ts} +0 -0
  37. /package/dist/{createScreens.d.ts → utils/createScreens.d.ts} +0 -0
  38. /package/dist/{getScreenForRoutes.d.ts → utils/getScreenForRoutes.d.ts} +0 -0
package/.idea/modules.xml CHANGED
@@ -2,7 +2,7 @@
2
2
  <project version="4">
3
3
  <component name="ProjectModuleManager">
4
4
  <modules>
5
- <module fileurl="file://$PROJECT_DIR$/.idea/react-panel.iml" filepath="$PROJECT_DIR$/.idea/react-panel.iml" />
5
+ <module fileurl="file://$PROJECT_DIR$/.idea/proje-react-panel.iml" filepath="$PROJECT_DIR$/.idea/proje-react-panel.iml" />
6
6
  </modules>
7
7
  </component>
8
8
  </project>
package/dist/assets/output-ML2TfIjs.css ADDED
@@ -0,0 +1 @@
1
+ .sidebar{position:relative;background-color:#f5f5f5;height:100vh;transition:width 0.3s ease;border-right:1px solid #e0e0e0}.sidebar.open{width:250px}.sidebar.closed{width:60px}.sidebar.closed .nav-links a span{display:none}.sidebar .toggle-button{position:absolute;top:10px;right:-12px;width:24px;height:24px;border-radius:50%;background-color:#ffffff;border:1px solid #e0e0e0;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:10}.sidebar .toggle-button:hover{background-color:#f0f0f0}.sidebar .nav-links{display:flex;flex-direction:column;padding:2rem 1rem;height:100%}.sidebar .nav-links a{padding:0.75rem 1rem;margin-bottom:0.5rem;color:#333;text-decoration:none;border-radius:4px;font-weight:500}.sidebar .nav-links a:hover{background-color:rgba(0,0,0,0.05)}.sidebar .nav-links a.active{background-color:rgba(0,0,0,0.1)}.sidebar .nav-links .bottom-link{margin-top:auto}.sidebar .nav-links .bottom-link a{color:#666;font-weight:400}.form-wrapper{max-width:400px;padding:20px;background-color:#f9f9f9;border-radius:10px;box-shadow:0 2px 4px rgba(0,0,0,0.1)}.form-wrapper form{display:flex;flex-direction:column}.form-wrapper .form-field{margin-bottom:16px}.form-wrapper .form-field label{font-weight:bold;margin-bottom:6px;display:block;color:#333}.form-wrapper .form-field input[type='text']{padding:10px;font-size:16px;border:1px solid #ccc;border-radius:5px;width:100%;transition:border-color 0.2s}.form-wrapper .form-field input[type='text']:focus{border-color:#007bff;outline:none}.form-wrapper .form-field .error-message{margin-top:4px;font-size:14px;color:#ff4d4f}.form-wrapper .submit-button{padding:12px;font-size:18px;background-color:#007bff;color:white;border:none;border-radius:5px;cursor:pointer;transition:background-color 0.2s}.form-wrapper .submit-button:hover{background-color:#0056b3}.layout{display:flex;min-height:100vh;width:100%}.layout .content{flex:1;padding:1rem;overflow-y:auto;transition:margin-left 0.3s ease}.list-wrapper{width:100%;padding:16px;background-color:#ffffff;border-radius:8px;box-shadow:0 4px 8px rgba(0,0,0,0.1)}.list-wrapper .header{font-size:24px;font-weight:bold;text-align:center;margin-bottom:20px}.list-wrapper .list-table{width:100%;border-collapse:collapse}.list-wrapper .list-table th,.list-wrapper .list-table td{padding:12px 16px;text-align:left;border-bottom:1px solid #ddd}.list-wrapper .list-table th{background-color:#007bff;color:white}.list-wrapper .list-table tr:nth-child(even){background-color:#f9f9f9}.list-wrapper .list-table tr:hover{background-color:#e8f4ff}
package/dist/{list → components/list}/List.d.ts RENAMED
@@ -1,7 +1,6 @@
1
1
  import React from 'react';
2
- import '../styles/list.scss';
3
- import { CellOptions } from '../declerations/Cell';
4
- import { Screen } from '../types/Screen';
2
+ import { CellOptions } from '../../declerations/Cell';
3
+ import { Screen } from '../../types/Screen';
5
4
  interface ListProps<T> {
6
5
  data: T[];
7
6
  cells: CellOptions<T>[];