albinasoft-ui-package 1.0.2 → 1.0.3

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 (45) hide show
  1. package/dist/Button/button.d.ts +7 -0
  2. package/dist/Button/button.js +11 -0
  3. package/dist/index.d.ts +2 -0
  4. package/dist/index.js +8 -0
  5. package/package.json +18 -34
  6. package/readme.md +10 -0
  7. package/dist/index.cjs +0 -2
  8. package/dist/index.cjs.map +0 -1
  9. package/dist/index.modern.js +0 -2
  10. package/dist/index.modern.js.map +0 -1
  11. package/dist/index.module.js +0 -2
  12. package/dist/index.module.js.map +0 -1
  13. package/dist/index.umd.js +0 -2
  14. package/dist/index.umd.js.map +0 -1
  15. package/src/assets/css/custom/components.css +0 -20
  16. package/src/assets/css/custom/layout.css +0 -89
  17. package/src/assets/css/dark.css +0 -2145
  18. package/src/assets/css/main.css +0 -26263
  19. package/src/assets/data/countryCodes.json +0 -1466
  20. package/src/assets/images/albinasoft/albinasoft_logo.ico +0 -0
  21. package/src/assets/images/albinasoft/albinasoft_logo.png +0 -0
  22. package/src/assets/images/albinasoft/albinasoft_logo.svg +0 -22
  23. package/src/assets/images/albinasoft/albinasoft_logo_blue.svg +0 -7
  24. package/src/assets/images/albinasoft/albinasoft_logo_spin.gif +0 -0
  25. package/src/assets/images/albinasoft/albinasoft_logo_white.svg +0 -1
  26. package/src/assets/images/header/top-header.png +0 -0
  27. package/src/assets/images/header/top-image.jpg +0 -0
  28. package/src/components/CustomButton.tsx +0 -74
  29. package/src/components/CustomCheckbox.tsx +0 -122
  30. package/src/components/CustomDateTimePicker.tsx +0 -127
  31. package/src/components/CustomDivider.tsx +0 -90
  32. package/src/components/CustomForm.tsx +0 -327
  33. package/src/components/CustomInput.tsx +0 -180
  34. package/src/components/CustomModal.tsx +0 -43
  35. package/src/components/CustomRadioButton.tsx +0 -119
  36. package/src/components/CustomRichTextbox.tsx +0 -123
  37. package/src/components/CustomSelect.tsx +0 -134
  38. package/src/components/CustomText.tsx +0 -199
  39. package/src/components/CustomTextarea.tsx +0 -131
  40. package/src/components/CustomUploader.tsx +0 -125
  41. package/src/components/layout/FullScreenToggle.tsx +0 -72
  42. package/src/components/layout/LoginDropdown.tsx +0 -39
  43. package/src/components/layout/ThemeToggle.tsx +0 -59
  44. package/src/index.js +0 -26
  45. package/tsconfig.json +0 -15
@@ -1,72 +0,0 @@
1
- import React, { useState } from 'react';
2
-
3
- const FullScreenToggle = () => {
4
- const [isFullScreen, setIsFullScreen] = useState(false);
5
-
6
- const toggleFullScreen = () => {
7
- if (!document.fullscreenElement) {
8
- document.documentElement.requestFullscreen().then(() => {
9
- setIsFullScreen(true);
10
- }).catch(err => {
11
- console.error(`Error attempting to enable full-screen mode: ${err.message}`);
12
- });
13
- } else if (document.exitFullscreen) {
14
- document.exitFullscreen().then(() => {
15
- setIsFullScreen(false);
16
- }).catch(err => {
17
- console.error(`Error attempting to disable full-screen mode: ${err.message}`);
18
- });
19
- }
20
- };
21
-
22
- return (
23
- // <li className="nav-item iq-full-screen d-xl-block" id="fullscreen-item">
24
- // <a href="#" className="nav-link" id="btnFullscreen" onClick={toggleFullScreen}>
25
- // <div className="btn btn-primary btn-icon btn-sm rounded-pill">
26
- // <span className="btn-inner">
27
- // {isFullScreen ? (
28
- // <svg className="full-normal-screen icon-24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
29
- // <path d="M13.7542 10.1932L18.1867 5.79319" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
30
- // <path d="M17.2976 10.212L13.7547 10.1934L13.7871 6.62518" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
31
- // <path d="M10.4224 13.5726L5.82149 18.1398" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
32
- // <path d="M6.74391 13.5535L10.4209 13.5723L10.3867 17.2755" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
33
- // </svg>
34
- // ) : (
35
- // <svg className="normal-screen icon-24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
36
- // <path d="M18.5528 5.99656L13.8595 10.8961" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
37
- // <path d="M14.8016 5.97618L18.5524 5.99629L18.5176 9.96906" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
38
- // <path d="M5.8574 18.896L10.5507 13.9964" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
39
- // <path d="M9.60852 18.9164L5.85775 18.8963L5.89258 14.9235" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
40
- // </svg>
41
- // )}
42
- // </span>
43
- // </div>
44
- // </a>
45
- // </li>
46
- <div className="nav-item iq-full-screen d-xl-block" id="fullscreen-item">
47
- <a href="#" className="nav-link" id="btnFullscreen" onClick={toggleFullScreen}>
48
- <div className="btn btn-primary btn-icon btn-sm rounded-pill">
49
- <span className="btn-inner">
50
- {isFullScreen ? (
51
- <svg className="full-normal-screen icon-24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
52
- <path d="M13.7542 10.1932L18.1867 5.79319" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
53
- <path d="M17.2976 10.212L13.7547 10.1934L13.7871 6.62518" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
54
- <path d="M10.4224 13.5726L5.82149 18.1398" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
55
- <path d="M6.74391 13.5535L10.4209 13.5723L10.3867 17.2755" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
56
- </svg>
57
- ) : (
58
- <svg className="normal-screen icon-24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
59
- <path d="M18.5528 5.99656L13.8595 10.8961" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
60
- <path d="M14.8016 5.97618L18.5524 5.99629L18.5176 9.96906" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
61
- <path d="M5.8574 18.896L10.5507 13.9964" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
62
- <path d="M9.60852 18.9164L5.85775 18.8963L5.89258 14.9235" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
63
- </svg>
64
- )}
65
- </span>
66
- </div>
67
- </a>
68
- </div>
69
- );
70
- };
71
-
72
- export default FullScreenToggle;
@@ -1,39 +0,0 @@
1
- import { useContext } from 'react';
2
- import { Dropdown } from 'react-bootstrap';
3
- import { FaSignInAlt } from 'react-icons/fa';
4
- import { useParams } from 'react-router-dom';
5
- import { LanguageContext } from '../../lib/i18n/LanguageProvider';
6
-
7
- function LoginDropdown() {
8
- const { lang } = useParams();
9
- const context = useContext(LanguageContext);
10
-
11
- if (!context) {
12
- return null; // Dil bağlamı yüklenmemişse hiçbir şey döndürme
13
- }
14
-
15
- const { translations } = context;
16
-
17
- return (
18
- <Dropdown>
19
- {/* Dropdown Tetikleyici */}
20
- <Dropdown.Toggle
21
- id="dropdown-custom"
22
- className="btn btn-primary btn-sm rounded-pill"
23
- variant="primary"
24
- >
25
- <span className="btn-inner">
26
- <FaSignInAlt /> {translations['login']}
27
- </span>
28
- </Dropdown.Toggle>
29
-
30
- {/* Dropdown Menü */}
31
- <Dropdown.Menu align="end">
32
- <Dropdown.Item href={`/${lang}/IndividualLogin`}>{translations['individual_login']}</Dropdown.Item>
33
- <Dropdown.Item href={`/${lang}/CorporateLogin`}>{translations['corporate_login']}</Dropdown.Item>
34
- </Dropdown.Menu>
35
- </Dropdown>
36
- );
37
- }
38
-
39
- export default LoginDropdown;
@@ -1,59 +0,0 @@
1
- import React, { useEffect, useState } from 'react';
2
- import { FaMoon, FaSun } from 'react-icons/fa';
3
-
4
- const ThemeToggle = () => {
5
- const [currentTheme, setCurrentTheme] = useState<'light' | 'dark'>(() => {
6
- // Get the current theme from localStorage or default to 'light'
7
- return (localStorage.getItem('theme') as 'light' | 'dark') || 'light';
8
- });
9
-
10
- useEffect(() => {
11
- // Apply the current theme to the body element
12
- document.body.classList.add(currentTheme);
13
- }, [currentTheme]);
14
-
15
- const toggleTheme = () => {
16
- const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
17
-
18
- // Toggle the theme classes on the body element
19
- document.body.classList.remove(currentTheme);
20
- document.body.classList.add(newTheme);
21
-
22
- // Update the state and save the new theme in localStorage
23
- setCurrentTheme(newTheme);
24
- localStorage.setItem('theme', newTheme);
25
- };
26
-
27
- return (
28
- // <li className="nav-item">
29
- // <button
30
- // id="themeToggleButton"
31
- // data-bs-toggle="tooltip"
32
- // title="Tema"
33
- // data-bs-placement="bottom"
34
- // className="btn btn-primary btn-icon btn-sm rounded-pill"
35
- // onClick={toggleTheme}
36
- // >
37
- // <span className="btn-inner">
38
- // {currentTheme === 'dark' ? <FaSun /> : <FaMoon />}
39
- // </span>
40
- // </button>
41
- // </li>
42
- <div className="nav-item">
43
- <button
44
- id="themeToggleButton"
45
- data-bs-toggle="tooltip"
46
- title="Tema"
47
- data-bs-placement="bottom"
48
- className="btn btn-primary btn-icon btn-sm rounded-pill"
49
- onClick={toggleTheme}
50
- >
51
- <span className="btn-inner">
52
- {currentTheme === 'dark' ? <FaSun /> : <FaMoon />}
53
- </span>
54
- </button>
55
- </div>
56
- );
57
- };
58
-
59
- export default ThemeToggle;
package/src/index.js DELETED
@@ -1,26 +0,0 @@
1
- import React from 'react';
2
- import CustomButton from './components/CustomButton.tsx'; // CustomButton bileşenini içe aktar
3
-
4
- export const AlbinasoftButton = ({
5
- id = undefined,
6
- label, // Zorunlu
7
- name = undefined,
8
- onClick, // Zorunlu
9
- style = undefined,
10
- className = undefined,
11
- tooltip = undefined,
12
- disabled = false,
13
- }) => {
14
- return (
15
- <CustomButton
16
- id={id}
17
- label={label}
18
- name={name}
19
- onClick={onClick}
20
- style={style}
21
- className={className}
22
- tooltip={tooltip}
23
- disabled={disabled}
24
- />
25
- );
26
- };
package/tsconfig.json DELETED
@@ -1,15 +0,0 @@
1
- {
2
- "compilerOptions": {
3
- "module": "ESNext",
4
- "target": "ES6",
5
- "declaration": true,
6
- "declarationDir": "./dist/types",
7
- "outDir": "./dist",
8
- "moduleResolution": "Node",
9
- "jsx": "react",
10
- "esModuleInterop": true,
11
- "allowSyntheticDefaultImports": true
12
- },
13
- "include": ["src"]
14
- }
15
-