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.
- package/dist/Button/button.d.ts +7 -0
- package/dist/Button/button.js +11 -0
- package/dist/index.d.ts +2 -0
- package/dist/index.js +8 -0
- package/package.json +18 -34
- package/readme.md +10 -0
- package/dist/index.cjs +0 -2
- package/dist/index.cjs.map +0 -1
- package/dist/index.modern.js +0 -2
- package/dist/index.modern.js.map +0 -1
- package/dist/index.module.js +0 -2
- package/dist/index.module.js.map +0 -1
- package/dist/index.umd.js +0 -2
- package/dist/index.umd.js.map +0 -1
- package/src/assets/css/custom/components.css +0 -20
- package/src/assets/css/custom/layout.css +0 -89
- package/src/assets/css/dark.css +0 -2145
- package/src/assets/css/main.css +0 -26263
- package/src/assets/data/countryCodes.json +0 -1466
- package/src/assets/images/albinasoft/albinasoft_logo.ico +0 -0
- package/src/assets/images/albinasoft/albinasoft_logo.png +0 -0
- package/src/assets/images/albinasoft/albinasoft_logo.svg +0 -22
- package/src/assets/images/albinasoft/albinasoft_logo_blue.svg +0 -7
- package/src/assets/images/albinasoft/albinasoft_logo_spin.gif +0 -0
- package/src/assets/images/albinasoft/albinasoft_logo_white.svg +0 -1
- package/src/assets/images/header/top-header.png +0 -0
- package/src/assets/images/header/top-image.jpg +0 -0
- package/src/components/CustomButton.tsx +0 -74
- package/src/components/CustomCheckbox.tsx +0 -122
- package/src/components/CustomDateTimePicker.tsx +0 -127
- package/src/components/CustomDivider.tsx +0 -90
- package/src/components/CustomForm.tsx +0 -327
- package/src/components/CustomInput.tsx +0 -180
- package/src/components/CustomModal.tsx +0 -43
- package/src/components/CustomRadioButton.tsx +0 -119
- package/src/components/CustomRichTextbox.tsx +0 -123
- package/src/components/CustomSelect.tsx +0 -134
- package/src/components/CustomText.tsx +0 -199
- package/src/components/CustomTextarea.tsx +0 -131
- package/src/components/CustomUploader.tsx +0 -125
- package/src/components/layout/FullScreenToggle.tsx +0 -72
- package/src/components/layout/LoginDropdown.tsx +0 -39
- package/src/components/layout/ThemeToggle.tsx +0 -59
- package/src/index.js +0 -26
- 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
|
-
|