albinasoft-ui-package 1.0.2 → 1.0.3

package/src/components/layout/FullScreenToggle.tsx

@@ -1,72 +0,0 @@
-import React, { useState } from 'react';
-
-const FullScreenToggle = () => {
-  const [isFullScreen, setIsFullScreen] = useState(false);
-
-  const toggleFullScreen = () => {
-    if (!document.fullscreenElement) {
-      document.documentElement.requestFullscreen().then(() => {
-        setIsFullScreen(true);
-      }).catch(err => {
-        console.error(`Error attempting to enable full-screen mode: ${err.message}`);
-      });
-    } else if (document.exitFullscreen) {
-      document.exitFullscreen().then(() => {
-        setIsFullScreen(false);
-      }).catch(err => {
-        console.error(`Error attempting to disable full-screen mode: ${err.message}`);
-      });
-    }
-  };
-
-  return (
-    // <li className="nav-item iq-full-screen d-xl-block" id="fullscreen-item">
-    //   <a href="#" className="nav-link" id="btnFullscreen" onClick={toggleFullScreen}>
-    //     <div className="btn btn-primary btn-icon btn-sm rounded-pill">
-    //       <span className="btn-inner">
-    //         {isFullScreen ? (
-    //           <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">
-    //             <path d="M13.7542 10.1932L18.1867 5.79319" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //             <path d="M17.2976 10.212L13.7547 10.1934L13.7871 6.62518" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //             <path d="M10.4224 13.5726L5.82149 18.1398" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //             <path d="M6.74391 13.5535L10.4209 13.5723L10.3867 17.2755" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //           </svg>
-    //         ) : (
-    //           <svg className="normal-screen icon-24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-    //             <path d="M18.5528 5.99656L13.8595 10.8961" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //             <path d="M14.8016 5.97618L18.5524 5.99629L18.5176 9.96906" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //             <path d="M5.8574 18.896L10.5507 13.9964" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //             <path d="M9.60852 18.9164L5.85775 18.8963L5.89258 14.9235" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-    //           </svg>
-    //         )}
-    //       </span>
-    //     </div>
-    //   </a>
-    // </li>
-    <div className="nav-item iq-full-screen d-xl-block" id="fullscreen-item">
-      <a href="#" className="nav-link" id="btnFullscreen" onClick={toggleFullScreen}>
-        <div className="btn btn-primary btn-icon btn-sm rounded-pill">
-          <span className="btn-inner">
-            {isFullScreen ? (
-              <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">
-                <path d="M13.7542 10.1932L18.1867 5.79319" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-                <path d="M17.2976 10.212L13.7547 10.1934L13.7871 6.62518" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-                <path d="M10.4224 13.5726L5.82149 18.1398" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-                <path d="M6.74391 13.5535L10.4209 13.5723L10.3867 17.2755" stroke="currentColor" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-              </svg>
-            ) : (
-              <svg className="normal-screen icon-24" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
-                <path d="M18.5528 5.99656L13.8595 10.8961" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-                <path d="M14.8016 5.97618L18.5524 5.99629L18.5176 9.96906" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-                <path d="M5.8574 18.896L10.5507 13.9964" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-                <path d="M9.60852 18.9164L5.85775 18.8963L5.89258 14.9235" stroke="white" strokeWidth="1.5" strokeLinecap="round" strokeLinejoin="round"></path>
-              </svg>
-            )}
-          </span>
-        </div>
-      </a>
-    </div>
-  );
-};
-
-export default FullScreenToggle;

package/src/components/layout/LoginDropdown.tsx

@@ -1,39 +0,0 @@
-import { useContext } from 'react';
-import { Dropdown } from 'react-bootstrap';
-import { FaSignInAlt } from 'react-icons/fa';
-import { useParams } from 'react-router-dom';
-import { LanguageContext } from '../../lib/i18n/LanguageProvider';
-
-function LoginDropdown() {
-  const { lang } = useParams();
-  const context = useContext(LanguageContext);
-
-  if (!context) {
-    return null; // Dil bağlamı yüklenmemişse hiçbir şey döndürme
-  }
-
-  const { translations } = context;
-
-  return (
-    <Dropdown>
-      {/* Dropdown Tetikleyici */}
-      <Dropdown.Toggle
-        id="dropdown-custom"
-        className="btn btn-primary btn-sm rounded-pill"
-        variant="primary"
-      >
-        <span className="btn-inner">
-          <FaSignInAlt /> {translations['login']}
-        </span>
-      </Dropdown.Toggle>
-
-      {/* Dropdown Menü */}
-      <Dropdown.Menu align="end">
-        <Dropdown.Item href={`/${lang}/IndividualLogin`}>{translations['individual_login']}</Dropdown.Item>
-        <Dropdown.Item href={`/${lang}/CorporateLogin`}>{translations['corporate_login']}</Dropdown.Item>
-      </Dropdown.Menu>
-    </Dropdown>
-  );
-}
-
-export default LoginDropdown;

package/src/components/layout/ThemeToggle.tsx

@@ -1,59 +0,0 @@
-import React, { useEffect, useState } from 'react';
-import { FaMoon, FaSun } from 'react-icons/fa';
-
-const ThemeToggle = () => {
-  const [currentTheme, setCurrentTheme] = useState<'light' | 'dark'>(() => {
-    // Get the current theme from localStorage or default to 'light'
-    return (localStorage.getItem('theme') as 'light' | 'dark') || 'light';
-  });
-
-  useEffect(() => {
-    // Apply the current theme to the body element
-    document.body.classList.add(currentTheme);
-  }, [currentTheme]);
-
-  const toggleTheme = () => {
-    const newTheme = currentTheme === 'dark' ? 'light' : 'dark';
-
-    // Toggle the theme classes on the body element
-    document.body.classList.remove(currentTheme);
-    document.body.classList.add(newTheme);
-
-    // Update the state and save the new theme in localStorage
-    setCurrentTheme(newTheme);
-    localStorage.setItem('theme', newTheme);
-  };
-
-  return (
-    // <li className="nav-item">
-    //   <button
-    //     id="themeToggleButton"
-    //     data-bs-toggle="tooltip"
-    //     title="Tema"
-    //     data-bs-placement="bottom"
-    //     className="btn btn-primary btn-icon btn-sm rounded-pill"
-    //     onClick={toggleTheme}
-    //   >
-    //     <span className="btn-inner">
-    //       {currentTheme === 'dark' ? <FaSun /> : <FaMoon />}
-    //     </span>
-    //   </button>
-    // </li>
-    <div className="nav-item">
-      <button
-        id="themeToggleButton"
-        data-bs-toggle="tooltip"
-        title="Tema"
-        data-bs-placement="bottom"
-        className="btn btn-primary btn-icon btn-sm rounded-pill"
-        onClick={toggleTheme}
-      >
-        <span className="btn-inner">
-          {currentTheme === 'dark' ? <FaSun /> : <FaMoon />}
-        </span>
-      </button>
-    </div>
-  );
-};
-
-export default ThemeToggle;

package/src/index.js

@@ -1,26 +0,0 @@
-import React from 'react';
-import CustomButton from './components/CustomButton.tsx'; // CustomButton bileşenini içe aktar
-
-export const AlbinasoftButton = ({
-    id = undefined,
-    label, // Zorunlu
-    name = undefined,
-    onClick, // Zorunlu
-    style = undefined,
-    className = undefined,
-    tooltip = undefined,
-    disabled = false,
-}) => {
-    return (
-        <CustomButton 
-            id={id}
-            label={label}
-            name={name}
-            onClick={onClick}
-            style={style}
-            className={className}
-            tooltip={tooltip}
-            disabled={disabled}
-        />
-    );
-};

package/tsconfig.json

@@ -1,15 +0,0 @@
-{
-    "compilerOptions": {
-      "module": "ESNext",
-      "target": "ES6",
-      "declaration": true,
-      "declarationDir": "./dist/types",
-      "outDir": "./dist",
-      "moduleResolution": "Node",
-      "jsx": "react",
-      "esModuleInterop": true,
-      "allowSyntheticDefaultImports": true
-    },
-    "include": ["src"]
-  }
-