albinasoft-ui-package 1.0.1 → 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 (44) 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 -73
  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
@@ -0,0 +1,7 @@
1
+ import React from 'react';
2
+ interface ButtonProps {
3
+ label: string;
4
+ onClick: () => void;
5
+ }
6
+ declare const Button: React.FC<ButtonProps>;
7
+ export default Button;
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ var react_1 = __importDefault(require("react"));
7
+ var Button = function (_a) {
8
+ var label = _a.label, onClick = _a.onClick;
9
+ return (react_1.default.createElement("button", { onClick: onClick, style: { padding: '10px', fontSize: '16px' } }, label));
10
+ };
11
+ exports.default = Button;
@@ -0,0 +1,2 @@
1
+ import Button from './Button/button';
2
+ export { Button };
package/dist/index.js ADDED
@@ -0,0 +1,8 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.Button = void 0;
7
+ var button_1 = __importDefault(require("./Button/button"));
8
+ exports.Button = button_1.default;
package/package.json CHANGED
@@ -1,44 +1,28 @@
1
1
  {
2
2
  "name": "albinasoft-ui-package",
3
- "version": "1.0.1",
4
- "type": "module",
5
- "source": "src/index.js",
3
+ "version": "1.0.3",
6
4
  "main": "dist/index.js",
7
- "module": "dist/index.module.js",
8
- "unpkg": "dist/index.umd.js",
5
+ "types": "dist/index.d.ts",
9
6
  "scripts": {
10
- "build": "microbundle",
11
- "dev": "microbundle watch"
7
+ "build": "tsc",
8
+ "prepare": "npm run build"
9
+ },
10
+ "dependencies": {
11
+ "react": "^18.0.0",
12
+ "react-dom": "^18.0.0"
12
13
  },
13
14
  "devDependencies": {
14
- "microbundle": "^0.15.1"
15
+ "@types/react": "^19.0.1",
16
+ "typescript": "^4.5.0"
15
17
  },
16
- "repository": {
17
- "type": "git",
18
- "url": "git+https://github.com/Albinasoft/albinasoft-ui-package.git"
18
+ "peerDependencies": {
19
+ "react": "^18.0.0",
20
+ "react-dom": "^18.0.0"
19
21
  },
20
- "dependencies": {
21
- "@testing-library/jest-dom": "^5.17.0",
22
- "@testing-library/react": "^13.4.0",
23
- "@testing-library/user-event": "^13.5.0",
24
- "@types/jest": "^27.5.2",
25
- "@types/node": "^16.18.119",
26
- "@types/react": "^18.3.12",
27
- "@types/react-dom": "^18.3.1",
28
- "downshift": "^9.0.8",
29
- "react": "^18.3.1",
30
- "react-bootstrap": "^2.10.5",
31
- "react-datepicker": "^7.5.0",
32
- "react-dom": "^18.3.1",
33
- "react-helmet-async": "^2.0.5",
34
- "react-icons": "^5.3.0",
35
- "react-multi-select-component": "^4.3.4",
36
- "react-quill": "github:lassespilling/react-quill-2024#package",
37
- "react-router-dom": "^6.28.0",
38
- "react-scripts": "5.0.1",
39
- "react-select": "^5.8.3",
40
- "react-toastify": "^10.0.6",
41
- "typescript": "^4.9.5",
42
- "web-vitals": "^2.1.4"
22
+ "files": [
23
+ "dist"
24
+ ],
25
+ "publishConfig": {
26
+ "access": "public"
43
27
  }
44
28
  }
package/readme.md ADDED
@@ -0,0 +1,10 @@
1
+ package json version update manually
2
+
3
+ after;
4
+ npm install
5
+
6
+ npm run build
7
+
8
+ npm login
9
+
10
+ npm publish
package/dist/index.cjs DELETED
@@ -1,2 +0,0 @@
1
- var e=require("react"),t=require("react-bootstrap"),n=function(n){var r=n.label,i=n.onClick,o=n.style,a=n.className,s=n.tooltip,l=n.disabled,d=e.useState(!1),c=d[0],u=d[1],v=function(e){try{u(!0);var t=function(t,n){try{var r=Promise.resolve(i(e)).then(function(){})}catch(e){return n(!0,e)}return r&&r.then?r.then(n.bind(null,!1),n.bind(null,!0)):n(!1,r)}(0,function(e,t){if(u(!1),e)throw t;return t});return Promise.resolve(t&&t.then?t.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},b=a||"btn btn-primary";return s?h(t.OverlayTrigger,{placement:"top",overlay:h(t.Tooltip,{id:"tooltip-"+s},s)},h("span",null,h("button",{className:b,onClick:v,disabled:c||l,style:o},c?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):r))):h("button",{className:b,onClick:v,disabled:c||l,style:o},c?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):r)};exports.AlbinasoftButton=function(e){var t=e.id,r=e.name,i=e.style,o=e.className,a=e.tooltip,s=e.disabled;return h(n,{id:void 0===t?void 0:t,label:e.label,name:void 0===r?void 0:r,onClick:e.onClick,style:void 0===i?void 0:i,className:void 0===o?void 0:o,tooltip:void 0===a?void 0:a,disabled:void 0!==s&&s})};
2
- //# sourceMappingURL=index.cjs.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.cjs","sources":["../src/components/CustomButton.tsx","../src/index.js"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\n\r\ninterface CustomButtonProps {\r\n id?:string;\r\n label: React.ReactNode; \r\n name?:string;\r\n onClick: (event: React.FormEvent) => void; \r\n style?: React.CSSProperties; \r\n className?: string;\r\n tooltip?: string; \r\n disabled?: boolean;\r\n}\r\n\r\nconst CustomButton: React.FC<CustomButtonProps> = ({ \r\n id,\r\n name,\r\n label,\r\n onClick,\r\n style,\r\n className,\r\n tooltip,\r\n disabled}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const handleClick = async (event: React.FormEvent) => {\r\n setIsLoading(true);\r\n try {\r\n await onClick(event);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const buttonClassName = className || 'btn btn-primary';\r\n\r\n return tooltip ? (\r\n <OverlayTrigger\r\n placement=\"top\"\r\n overlay={<Tooltip id={`tooltip-${tooltip}`}>{tooltip}</Tooltip>}\r\n >\r\n <span>\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n </span>\r\n </OverlayTrigger>\r\n ) : (\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n );\r\n};\r\n\r\nexport default CustomButton;\r\n","import React from 'react';\r\nimport CustomButton from './components/CustomButton.tsx'; // CustomButton bileşenini içe aktar\r\n\r\nexport const AlbinasoftButton = ({\r\n id = undefined,\r\n label, // Zorunlu\r\n name = undefined,\r\n onClick, // Zorunlu\r\n style = undefined,\r\n className = undefined,\r\n tooltip = undefined,\r\n disabled = false,\r\n}) => {\r\n return (\r\n <CustomButton \r\n id={id}\r\n label={label}\r\n name={name}\r\n onClick={onClick}\r\n style={style}\r\n className={className}\r\n tooltip={tooltip}\r\n disabled={disabled}\r\n />\r\n );\r\n};"],"names":["CustomButton","_ref","label","onClick","style","className","tooltip","disabled","_useState","useState","isLoading","setIsLoading","handleClick","event","_temp","body","finalizer","result","Promise","resolve","then","e","bind","_finallyRethrows","_wasThrown","_result","reject","buttonClassName","h","OverlayTrigger","placement","overlay","Tooltip","id","role","_ref$id","_ref$name","name","_ref$style","_ref$className","_ref$tooltip","_ref$disabled","undefined"],"mappings":"oDAcMA,EAA4C,SAAHC,GAC3C,IAEAC,EAAKD,EAALC,MACAC,EAAOF,EAAPE,QACAC,EAAKH,EAALG,MACAC,EAASJ,EAATI,UACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAkCC,YAAS,GAApCC,EAASF,EAAEG,GAAAA,EAAYH,EAAA,GAExBI,WAAqBC,GAAsB,IAC7CF,GAAa,GAAM,IAAAG,EAqiBpB,SAA0BC,EAAMC,GACtC,IACC,IAAIC,EAtiBMC,QAAAC,QACMhB,EAAQU,IAAMO,kBAsiB/B,CAAE,MAAOC,GACR,OAAOL,GAAU,EAAMK,EACxB,CACA,OAAIJ,GAAUA,EAAOG,KACbH,EAAOG,KAAKJ,EAAUM,KAAK,MAAM,GAAQN,EAAUM,KAAK,MAAM,IAE/DN,GAAU,EAAOC,EACzB,CA/iB2BM,CAAA,EAGlB,SAAAC,EAAAC,GACuB,GAApBd,GAAa,GAAOa,QAAAC,EAAA,OAAAA,CAAA,GAAAP,OAAAA,QAAAC,QAAAL,GAAAA,EAAAM,KAAAN,EAAAM,KAE5B,mBAAA,EAAA,CAAC,MAAAC,GAAA,OAAAH,QAAAQ,OAAAL,KAEKM,EAAkBtB,GAAa,kBAErC,OAAOC,EACHsB,EAACC,EAAcA,eAAA,CACXC,UAAU,MACVC,QAASH,EAACI,WAAQC,GAAE,WAAa3B,GAAYA,IAE7CsB,EACIA,OAAAA,KAAAA,YACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,UAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,KAMhB0B,YACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAA,OAAA,CAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,EAIhB,2BCnEgC,SAAHD,GASvB,IAAAkC,EAAAlC,EARFgC,GACKG,EAAAnC,EACLoC,KACOC,EAAArC,EACPG,MAAiBmC,EAAAtC,EACjBI,UAAqBmC,EAAAvC,EACrBK,QAAmBmC,EAAAxC,EACnBM,SAEA,OACIqB,EAAC5B,EACGiC,CAAAA,QAXN,IAAAE,OAAGO,EAASP,EAYNjC,MAXHD,EAALC,MAYQmC,UAXJ,IAAAD,OAAGM,EAASN,EAYRjC,QAXDF,EAAPE,QAYQC,WAXH,IAAAkC,OAAGI,EAASJ,EAYTjC,mBAXCkC,OAAGG,EAASH,EAYbjC,aAXD,IAAAkC,OAAGE,EAASF,EAYXjC,cAXG,IAAHkC,GAAQA,GAcpB"}
@@ -1,2 +0,0 @@
1
- import{useState as e}from"react";import{OverlayTrigger as a,Tooltip as s}from"react-bootstrap";const l=({label:l,onClick:t,style:n,className:r,tooltip:i,disabled:o})=>{const[d,p]=e(!1),c=async e=>{p(!0);try{await t(e)}finally{p(!1)}},b=r||"btn btn-primary";return i?h(a,{placement:"top",overlay:h(s,{id:`tooltip-${i}`},i)},h("span",null,h("button",{className:b,onClick:c,disabled:d||o,style:n},d?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):l))):h("button",{className:b,onClick:c,disabled:d||o,style:n},d?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):l)},t=({id:e,label:a,name:s,onClick:t,style:n,className:r,tooltip:i,disabled:o=!1})=>h(l,{id:e,label:a,name:s,onClick:t,style:n,className:r,tooltip:i,disabled:o});export{t as AlbinasoftButton};
2
- //# sourceMappingURL=index.modern.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.modern.js","sources":["../src/components/CustomButton.tsx","../src/index.js"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\n\r\ninterface CustomButtonProps {\r\n id?:string;\r\n label: React.ReactNode; \r\n name?:string;\r\n onClick: (event: React.FormEvent) => void; \r\n style?: React.CSSProperties; \r\n className?: string;\r\n tooltip?: string; \r\n disabled?: boolean;\r\n}\r\n\r\nconst CustomButton: React.FC<CustomButtonProps> = ({ \r\n id,\r\n name,\r\n label,\r\n onClick,\r\n style,\r\n className,\r\n tooltip,\r\n disabled}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const handleClick = async (event: React.FormEvent) => {\r\n setIsLoading(true);\r\n try {\r\n await onClick(event);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const buttonClassName = className || 'btn btn-primary';\r\n\r\n return tooltip ? (\r\n <OverlayTrigger\r\n placement=\"top\"\r\n overlay={<Tooltip id={`tooltip-${tooltip}`}>{tooltip}</Tooltip>}\r\n >\r\n <span>\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n </span>\r\n </OverlayTrigger>\r\n ) : (\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n );\r\n};\r\n\r\nexport default CustomButton;\r\n","import React from 'react';\r\nimport CustomButton from './components/CustomButton.tsx'; // CustomButton bileşenini içe aktar\r\n\r\nexport const AlbinasoftButton = ({\r\n id = undefined,\r\n label, // Zorunlu\r\n name = undefined,\r\n onClick, // Zorunlu\r\n style = undefined,\r\n className = undefined,\r\n tooltip = undefined,\r\n disabled = false,\r\n}) => {\r\n return (\r\n <CustomButton \r\n id={id}\r\n label={label}\r\n name={name}\r\n onClick={onClick}\r\n style={style}\r\n className={className}\r\n tooltip={tooltip}\r\n disabled={disabled}\r\n />\r\n );\r\n};"],"names":["CustomButton","label","onClick","style","className","tooltip","disabled","isLoading","setIsLoading","useState","handleClick","async","event","buttonClassName","h","OverlayTrigger","placement","overlay","Tooltip","id","role","AlbinasoftButton","name"],"mappings":"+FAcA,MAAMA,EAA4CA,EAG9CC,QACAC,UACAC,QACAC,YACAC,UACAC,eACA,MAAOC,EAAWC,GAAgBC,GAAS,GAErCC,EAAcC,UAChBH,GAAa,GACb,UACUN,EAAQU,EAClB,CAAC,QACGJ,GAAa,EACjB,GAGEK,EAAkBT,GAAa,kBAErC,OAAOC,EACHS,EAACC,EAAc,CACXC,UAAU,MACVC,QAASH,EAACI,EAAO,CAACC,GAAI,WAAWd,KAAYA,IAE7CS,cACIA,EAAA,SAAA,CACIV,UAAWS,EACXX,QAASQ,EACTJ,SAAUC,GAAaD,EACvBH,MAAOA,GAENI,EACGO,EAAMV,OAAAA,CAAAA,UAAU,2CAA2CgB,KAAK,SAAS,cAAY,SAErFnB,KAMhBa,EAAA,SAAA,CACIV,UAAWS,EACXX,QAASQ,EACTJ,SAAUC,GAAaD,EACvBH,MAAOA,GAENI,EACGO,EAAMV,OAAAA,CAAAA,UAAU,2CAA2CgB,KAAK,SAAS,cAAY,SAErFnB,EAEA,ECjEHoB,EAAmBA,EAC5BF,GAAAA,EACAlB,QACAqB,KAAAA,EACApB,UACAC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,GAAW,KAGPQ,EAACd,GACGmB,GAAIA,EACJlB,MAAOA,EACPqB,KAAMA,EACNpB,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,SAAUA"}
@@ -1,2 +0,0 @@
1
- import{useState as e}from"react";import{OverlayTrigger as n,Tooltip as r}from"react-bootstrap";var t=function(t){var i=t.label,o=t.onClick,a=t.style,s=t.className,l=t.tooltip,d=t.disabled,c=e(!1),u=c[0],m=c[1],p=function(e){try{m(!0);var n=function(n,r){try{var t=Promise.resolve(o(e)).then(function(){})}catch(e){return r(!0,e)}return t&&t.then?t.then(r.bind(null,!1),r.bind(null,!0)):r(!1,t)}(0,function(e,n){if(m(!1),e)throw n;return n});return Promise.resolve(n&&n.then?n.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},v=s||"btn btn-primary";return l?h(n,{placement:"top",overlay:h(r,{id:"tooltip-"+l},l)},h("span",null,h("button",{className:v,onClick:p,disabled:u||d,style:a},u?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):i))):h("button",{className:v,onClick:p,disabled:u||d,style:a},u?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):i)},i=function(e){var n=e.id,r=e.name,i=e.style,o=e.className,a=e.tooltip,s=e.disabled;return h(t,{id:void 0===n?void 0:n,label:e.label,name:void 0===r?void 0:r,onClick:e.onClick,style:void 0===i?void 0:i,className:void 0===o?void 0:o,tooltip:void 0===a?void 0:a,disabled:void 0!==s&&s})};export{i as AlbinasoftButton};
2
- //# sourceMappingURL=index.module.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.module.js","sources":["../src/components/CustomButton.tsx","../src/index.js"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\n\r\ninterface CustomButtonProps {\r\n id?:string;\r\n label: React.ReactNode; \r\n name?:string;\r\n onClick: (event: React.FormEvent) => void; \r\n style?: React.CSSProperties; \r\n className?: string;\r\n tooltip?: string; \r\n disabled?: boolean;\r\n}\r\n\r\nconst CustomButton: React.FC<CustomButtonProps> = ({ \r\n id,\r\n name,\r\n label,\r\n onClick,\r\n style,\r\n className,\r\n tooltip,\r\n disabled}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const handleClick = async (event: React.FormEvent) => {\r\n setIsLoading(true);\r\n try {\r\n await onClick(event);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const buttonClassName = className || 'btn btn-primary';\r\n\r\n return tooltip ? (\r\n <OverlayTrigger\r\n placement=\"top\"\r\n overlay={<Tooltip id={`tooltip-${tooltip}`}>{tooltip}</Tooltip>}\r\n >\r\n <span>\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n </span>\r\n </OverlayTrigger>\r\n ) : (\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n );\r\n};\r\n\r\nexport default CustomButton;\r\n","import React from 'react';\r\nimport CustomButton from './components/CustomButton.tsx'; // CustomButton bileşenini içe aktar\r\n\r\nexport const AlbinasoftButton = ({\r\n id = undefined,\r\n label, // Zorunlu\r\n name = undefined,\r\n onClick, // Zorunlu\r\n style = undefined,\r\n className = undefined,\r\n tooltip = undefined,\r\n disabled = false,\r\n}) => {\r\n return (\r\n <CustomButton \r\n id={id}\r\n label={label}\r\n name={name}\r\n onClick={onClick}\r\n style={style}\r\n className={className}\r\n tooltip={tooltip}\r\n disabled={disabled}\r\n />\r\n );\r\n};"],"names":["CustomButton","_ref","label","onClick","style","className","tooltip","disabled","_useState","useState","isLoading","setIsLoading","handleClick","event","_temp","body","finalizer","result","Promise","resolve","then","e","bind","_finallyRethrows","_wasThrown","_result","reject","buttonClassName","h","OverlayTrigger","placement","overlay","Tooltip","id","role","AlbinasoftButton","_ref$id","_ref$name","name","_ref$style","_ref$className","_ref$tooltip","_ref$disabled","undefined"],"mappings":"+FAcA,IAAMA,EAA4C,SAAHC,GAC3C,IAEAC,EAAKD,EAALC,MACAC,EAAOF,EAAPE,QACAC,EAAKH,EAALG,MACAC,EAASJ,EAATI,UACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAkCC,GAAS,GAApCC,EAASF,EAAEG,GAAAA,EAAYH,EAAA,GAExBI,WAAqBC,GAAsB,IAC7CF,GAAa,GAAM,IAAAG,EAqiBpB,SAA0BC,EAAMC,GACtC,IACC,IAAIC,EAtiBMC,QAAAC,QACMhB,EAAQU,IAAMO,kBAsiB/B,CAAE,MAAOC,GACR,OAAOL,GAAU,EAAMK,EACxB,CACA,OAAIJ,GAAUA,EAAOG,KACbH,EAAOG,KAAKJ,EAAUM,KAAK,MAAM,GAAQN,EAAUM,KAAK,MAAM,IAE/DN,GAAU,EAAOC,EACzB,CA/iB2BM,CAAA,EAGlB,SAAAC,EAAAC,GACuB,GAApBd,GAAa,GAAOa,QAAAC,EAAA,OAAAA,CAAA,GAAAP,OAAAA,QAAAC,QAAAL,GAAAA,EAAAM,KAAAN,EAAAM,KAE5B,mBAAA,EAAA,CAAC,MAAAC,GAAA,OAAAH,QAAAQ,OAAAL,KAEKM,EAAkBtB,GAAa,kBAErC,OAAOC,EACHsB,EAACC,EAAc,CACXC,UAAU,MACVC,QAASH,EAACI,GAAQC,GAAE,WAAa3B,GAAYA,IAE7CsB,EACIA,OAAAA,KAAAA,YACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,UAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,KAMhB0B,YACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAA,OAAA,CAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,EAIhB,ECnEaiC,EAAmB,SAAHlC,GASvB,IAAAmC,EAAAnC,EARFgC,GACKI,EAAApC,EACLqC,KACOC,EAAAtC,EACPG,MAAiBoC,EAAAvC,EACjBI,UAAqBoC,EAAAxC,EACrBK,QAAmBoC,EAAAzC,EACnBM,SAEA,OACIqB,EAAC5B,EACGiC,CAAAA,QAXN,IAAAG,OAAGO,EAASP,EAYNlC,MAXHD,EAALC,MAYQoC,UAXJ,IAAAD,OAAGM,EAASN,EAYRlC,QAXDF,EAAPE,QAYQC,WAXH,IAAAmC,OAAGI,EAASJ,EAYTlC,mBAXCmC,OAAGG,EAASH,EAYblC,aAXD,IAAAmC,OAAGE,EAASF,EAYXlC,cAXG,IAAHmC,GAAQA,GAcpB"}
package/dist/index.umd.js DELETED
@@ -1,2 +0,0 @@
1
- !function(e,t){"object"==typeof exports&&"undefined"!=typeof module?t(exports,require("react"),require("react-bootstrap")):"function"==typeof define&&define.amd?define(["exports","react","react-bootstrap"],t):t((e||self).albinasoftUiPackage={},e.react,e.reactBootstrap)}(this,function(e,t,n){var o=function(e){var o=e.label,i=e.onClick,r=e.style,a=e.className,s=e.tooltip,l=e.disabled,d=t.useState(!1),c=d[0],u=d[1],p=function(e){try{u(!0);var t=function(t,n){try{var o=Promise.resolve(i(e)).then(function(){})}catch(e){return n(!0,e)}return o&&o.then?o.then(n.bind(null,!1),n.bind(null,!0)):n(!1,o)}(0,function(e,t){if(u(!1),e)throw t;return t});return Promise.resolve(t&&t.then?t.then(function(){}):void 0)}catch(e){return Promise.reject(e)}},b=a||"btn btn-primary";return s?h(n.OverlayTrigger,{placement:"top",overlay:h(n.Tooltip,{id:"tooltip-"+s},s)},h("span",null,h("button",{className:b,onClick:p,disabled:c||l,style:r},c?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):o))):h("button",{className:b,onClick:p,disabled:c||l,style:r},c?h("span",{className:"spinner spinner-border spinner-border-sm",role:"status","aria-hidden":"true"}):o)};e.AlbinasoftButton=function(e){var t=e.id,n=e.name,i=e.style,r=e.className,a=e.tooltip,s=e.disabled;return h(o,{id:void 0===t?void 0:t,label:e.label,name:void 0===n?void 0:n,onClick:e.onClick,style:void 0===i?void 0:i,className:void 0===r?void 0:r,tooltip:void 0===a?void 0:a,disabled:void 0!==s&&s})}});
2
- //# sourceMappingURL=index.umd.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.umd.js","sources":["../src/components/CustomButton.tsx","../src/index.js"],"sourcesContent":["import React, { useState } from 'react';\r\nimport { OverlayTrigger, Tooltip } from 'react-bootstrap';\r\n\r\ninterface CustomButtonProps {\r\n id?:string;\r\n label: React.ReactNode; \r\n name?:string;\r\n onClick: (event: React.FormEvent) => void; \r\n style?: React.CSSProperties; \r\n className?: string;\r\n tooltip?: string; \r\n disabled?: boolean;\r\n}\r\n\r\nconst CustomButton: React.FC<CustomButtonProps> = ({ \r\n id,\r\n name,\r\n label,\r\n onClick,\r\n style,\r\n className,\r\n tooltip,\r\n disabled}) => {\r\n const [isLoading, setIsLoading] = useState(false);\r\n\r\n const handleClick = async (event: React.FormEvent) => {\r\n setIsLoading(true);\r\n try {\r\n await onClick(event);\r\n } finally {\r\n setIsLoading(false);\r\n }\r\n };\r\n\r\n const buttonClassName = className || 'btn btn-primary';\r\n\r\n return tooltip ? (\r\n <OverlayTrigger\r\n placement=\"top\"\r\n overlay={<Tooltip id={`tooltip-${tooltip}`}>{tooltip}</Tooltip>}\r\n >\r\n <span>\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n </span>\r\n </OverlayTrigger>\r\n ) : (\r\n <button\r\n className={buttonClassName}\r\n onClick={handleClick}\r\n disabled={isLoading || disabled}\r\n style={style}\r\n >\r\n {isLoading ? (\r\n <span className=\"spinner spinner-border spinner-border-sm\" role=\"status\" aria-hidden=\"true\"></span>\r\n ) : (\r\n label\r\n )}\r\n </button>\r\n );\r\n};\r\n\r\nexport default CustomButton;\r\n","import React from 'react';\r\nimport CustomButton from './components/CustomButton.tsx'; // CustomButton bileşenini içe aktar\r\n\r\nexport const AlbinasoftButton = ({\r\n id = undefined,\r\n label, // Zorunlu\r\n name = undefined,\r\n onClick, // Zorunlu\r\n style = undefined,\r\n className = undefined,\r\n tooltip = undefined,\r\n disabled = false,\r\n}) => {\r\n return (\r\n <CustomButton \r\n id={id}\r\n label={label}\r\n name={name}\r\n onClick={onClick}\r\n style={style}\r\n className={className}\r\n tooltip={tooltip}\r\n disabled={disabled}\r\n />\r\n );\r\n};"],"names":["CustomButton","_ref","label","onClick","style","className","tooltip","disabled","_useState","useState","isLoading","setIsLoading","handleClick","event","_temp","body","finalizer","result","Promise","resolve","then","e","bind","_finallyRethrows","_wasThrown","_result","reject","buttonClassName","h","OverlayTrigger","placement","overlay","Tooltip","id","role","_ref$id","_ref$name","name","_ref$style","_ref$className","_ref$tooltip","_ref$disabled","undefined"],"mappings":"gVAcA,IAAMA,EAA4C,SAAHC,GAC3C,IAEAC,EAAKD,EAALC,MACAC,EAAOF,EAAPE,QACAC,EAAKH,EAALG,MACAC,EAASJ,EAATI,UACAC,EAAOL,EAAPK,QACAC,EAAQN,EAARM,SACAC,EAAkCC,YAAS,GAApCC,EAASF,EAAEG,GAAAA,EAAYH,EAAA,GAExBI,WAAqBC,GAAsB,IAC7CF,GAAa,GAAM,IAAAG,EAqiBpB,SAA0BC,EAAMC,GACtC,IACC,IAAIC,EAtiBMC,QAAAC,QACMhB,EAAQU,IAAMO,kBAsiB/B,CAAE,MAAOC,GACR,OAAOL,GAAU,EAAMK,EACxB,CACA,OAAIJ,GAAUA,EAAOG,KACbH,EAAOG,KAAKJ,EAAUM,KAAK,MAAM,GAAQN,EAAUM,KAAK,MAAM,IAE/DN,GAAU,EAAOC,EACzB,CA/iB2BM,CAAA,EAGlB,SAAAC,EAAAC,GACuB,GAApBd,GAAa,GAAOa,QAAAC,EAAA,OAAAA,CAAA,GAAAP,OAAAA,QAAAC,QAAAL,GAAAA,EAAAM,KAAAN,EAAAM,KAE5B,mBAAA,EAAA,CAAC,MAAAC,GAAA,OAAAH,QAAAQ,OAAAL,KAEKM,EAAkBtB,GAAa,kBAErC,OAAOC,EACHsB,EAACC,EAAcA,eAAA,CACXC,UAAU,MACVC,QAASH,EAACI,WAAQC,GAAE,WAAa3B,GAAYA,IAE7CsB,EACIA,OAAAA,KAAAA,YACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,UAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,KAMhB0B,YACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAA,OAAA,CAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,EAIhB,qBCnEgC,SAAHD,GASvB,IAAAkC,EAAAlC,EARFgC,GACKG,EAAAnC,EACLoC,KACOC,EAAArC,EACPG,MAAiBmC,EAAAtC,EACjBI,UAAqBmC,EAAAvC,EACrBK,QAAmBmC,EAAAxC,EACnBM,SAEA,OACIqB,EAAC5B,EACGiC,CAAAA,QAXN,IAAAE,OAAGO,EAASP,EAYNjC,MAXHD,EAALC,MAYQmC,UAXJ,IAAAD,OAAGM,EAASN,EAYRjC,QAXDF,EAAPE,QAYQC,WAXH,IAAAkC,OAAGI,EAASJ,EAYTjC,mBAXCkC,OAAGG,EAASH,EAYbjC,aAXD,IAAAkC,OAAGE,EAASF,EAYXjC,cAXG,IAAHkC,GAAQA,GAcpB"}
@@ -1,20 +0,0 @@
1
- /* .modal-position-middleCenter {
2
- display: flex;
3
- justify-content: center;
4
- align-items: center;
5
- height: 100%;
6
- }
7
-
8
- .modal-position-topCenter {
9
- display: flex;
10
- justify-content: center;
11
- align-items: flex-start;
12
- height: 100%;
13
- } */
14
-
15
- .form-actions {
16
- display: flex;
17
- justify-content: flex-end;
18
- gap: 10px;
19
- }
20
-
@@ -1,89 +0,0 @@
1
- /* Varsayılan genişlik (desktop) */
2
- #responsive-brand {
3
- width: 50%;
4
- }
5
-
6
- /* Tablet (768px ve altı için) */
7
- @media (max-width: 768px) {
8
- #responsive-brand {
9
- width: 40%;
10
- }
11
- }
12
-
13
- /* Mobile L (426px ve altı için) */
14
- @media (max-width: 426px) {
15
- #responsive-brand {
16
- width: 35%;
17
- }
18
- }
19
-
20
- /* Mobile M (376px ve altı için) */
21
- @media (max-width: 376px) {
22
- #responsive-brand {
23
- width: 25%;
24
- }
25
- }
26
-
27
- /* Mobile S (331px ve altı için) */
28
- @media (max-width: 331px) {
29
- #responsive-brand {
30
- width: 15%;
31
- }
32
- }
33
-
34
- /* Mobile XS (301px ve altı için) */
35
- @media (max-width: 301px) {
36
- #responsive-brand {
37
- width: 0%;
38
- }
39
- }
40
-
41
- .loader.simple-loader {
42
- background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
43
- height: 100%;
44
- width: 100%;
45
- position: fixed;
46
- display: flex;
47
- align-items: center;
48
- justify-content: center;
49
- right: 0px;
50
- z-index: 1250;
51
- overflow: hidden !important;
52
-
53
- .loader-body {
54
- background: url('../../images/albinasoft/albinasoft_logo_blue.svg') no-repeat center center;
55
- background-size: 10%;
56
- width: 100%;
57
- height: 100%;
58
- position: relative;
59
- animation: spin 2s linear infinite; /* Add rotation animation */
60
- }
61
- }
62
-
63
- @keyframes spin {
64
- from {
65
- transform: rotate(0deg);
66
- }
67
- to {
68
- transform: rotate(360deg);
69
- }
70
- }
71
-
72
- .loading-icon {
73
- display: inline-block;
74
- width: 20px; /* Adjust size to fit button */
75
- height: 20px;
76
- background: url('../../images/albinasoft/albinasoft_logo_white.svg') no-repeat center center;
77
- background-size: contain;
78
- animation: spin 1s linear infinite;
79
- }
80
-
81
- @keyframes spin {
82
- from {
83
- transform: rotate(0deg);
84
- }
85
- to {
86
- transform: rotate(360deg);
87
- }
88
- }
89
-