albinasoft-ui-package 1.0.2 → 1.0.4

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 (47) hide show
  1. package/dist/Button/button.d.ts +7 -0
  2. package/dist/Button/button.js +11 -0
  3. package/dist/CustomButton/CustomButton.d.ts +13 -0
  4. package/dist/CustomButton/CustomButton.js +92 -0
  5. package/dist/index.d.ts +3 -0
  6. package/dist/index.js +10 -0
  7. package/package.json +30 -44
  8. package/readme.md +10 -0
  9. package/dist/index.cjs +0 -2
  10. package/dist/index.cjs.map +0 -1
  11. package/dist/index.modern.js +0 -2
  12. package/dist/index.modern.js.map +0 -1
  13. package/dist/index.module.js +0 -2
  14. package/dist/index.module.js.map +0 -1
  15. package/dist/index.umd.js +0 -2
  16. package/dist/index.umd.js.map +0 -1
  17. package/src/assets/css/custom/components.css +0 -20
  18. package/src/assets/css/custom/layout.css +0 -89
  19. package/src/assets/css/dark.css +0 -2145
  20. package/src/assets/css/main.css +0 -26263
  21. package/src/assets/data/countryCodes.json +0 -1466
  22. package/src/assets/images/albinasoft/albinasoft_logo.ico +0 -0
  23. package/src/assets/images/albinasoft/albinasoft_logo.png +0 -0
  24. package/src/assets/images/albinasoft/albinasoft_logo.svg +0 -22
  25. package/src/assets/images/albinasoft/albinasoft_logo_blue.svg +0 -7
  26. package/src/assets/images/albinasoft/albinasoft_logo_spin.gif +0 -0
  27. package/src/assets/images/albinasoft/albinasoft_logo_white.svg +0 -1
  28. package/src/assets/images/header/top-header.png +0 -0
  29. package/src/assets/images/header/top-image.jpg +0 -0
  30. package/src/components/CustomButton.tsx +0 -74
  31. package/src/components/CustomCheckbox.tsx +0 -122
  32. package/src/components/CustomDateTimePicker.tsx +0 -127
  33. package/src/components/CustomDivider.tsx +0 -90
  34. package/src/components/CustomForm.tsx +0 -327
  35. package/src/components/CustomInput.tsx +0 -180
  36. package/src/components/CustomModal.tsx +0 -43
  37. package/src/components/CustomRadioButton.tsx +0 -119
  38. package/src/components/CustomRichTextbox.tsx +0 -123
  39. package/src/components/CustomSelect.tsx +0 -134
  40. package/src/components/CustomText.tsx +0 -199
  41. package/src/components/CustomTextarea.tsx +0 -131
  42. package/src/components/CustomUploader.tsx +0 -125
  43. package/src/components/layout/FullScreenToggle.tsx +0 -72
  44. package/src/components/layout/LoginDropdown.tsx +0 -39
  45. package/src/components/layout/ThemeToggle.tsx +0 -59
  46. package/src/index.js +0 -26
  47. package/tsconfig.json +0 -15
@@ -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,13 @@
1
+ import React from 'react';
2
+ interface CustomButtonProps {
3
+ id?: string;
4
+ label: React.ReactNode;
5
+ name?: string;
6
+ onClick: (event: React.FormEvent) => void;
7
+ style?: React.CSSProperties;
8
+ className?: string;
9
+ tooltip?: string;
10
+ disabled?: boolean;
11
+ }
12
+ declare const CustomButton: React.FC<CustomButtonProps>;
13
+ export default CustomButton;
@@ -0,0 +1,92 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
26
+ function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
27
+ return new (P || (P = Promise))(function (resolve, reject) {
28
+ function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
29
+ function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
30
+ function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
31
+ step((generator = generator.apply(thisArg, _arguments || [])).next());
32
+ });
33
+ };
34
+ var __generator = (this && this.__generator) || function (thisArg, body) {
35
+ var _ = { label: 0, sent: function() { if (t[0] & 1) throw t[1]; return t[1]; }, trys: [], ops: [] }, f, y, t, g;
36
+ return g = { next: verb(0), "throw": verb(1), "return": verb(2) }, typeof Symbol === "function" && (g[Symbol.iterator] = function() { return this; }), g;
37
+ function verb(n) { return function (v) { return step([n, v]); }; }
38
+ function step(op) {
39
+ if (f) throw new TypeError("Generator is already executing.");
40
+ while (g && (g = 0, op[0] && (_ = 0)), _) try {
41
+ if (f = 1, y && (t = op[0] & 2 ? y["return"] : op[0] ? y["throw"] || ((t = y["return"]) && t.call(y), 0) : y.next) && !(t = t.call(y, op[1])).done) return t;
42
+ if (y = 0, t) op = [op[0] & 2, t.value];
43
+ switch (op[0]) {
44
+ case 0: case 1: t = op; break;
45
+ case 4: _.label++; return { value: op[1], done: false };
46
+ case 5: _.label++; y = op[1]; op = [0]; continue;
47
+ case 7: op = _.ops.pop(); _.trys.pop(); continue;
48
+ default:
49
+ if (!(t = _.trys, t = t.length > 0 && t[t.length - 1]) && (op[0] === 6 || op[0] === 2)) { _ = 0; continue; }
50
+ if (op[0] === 3 && (!t || (op[1] > t[0] && op[1] < t[3]))) { _.label = op[1]; break; }
51
+ if (op[0] === 6 && _.label < t[1]) { _.label = t[1]; t = op; break; }
52
+ if (t && _.label < t[2]) { _.label = t[2]; _.ops.push(op); break; }
53
+ if (t[2]) _.ops.pop();
54
+ _.trys.pop(); continue;
55
+ }
56
+ op = body.call(thisArg, _);
57
+ } catch (e) { op = [6, e]; y = 0; } finally { f = t = 0; }
58
+ if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
59
+ }
60
+ };
61
+ Object.defineProperty(exports, "__esModule", { value: true });
62
+ var react_1 = __importStar(require("react"));
63
+ var react_bootstrap_1 = require("react-bootstrap");
64
+ var CustomButton = function (_a) {
65
+ var id = _a.id, name = _a.name, label = _a.label, onClick = _a.onClick, style = _a.style, className = _a.className, tooltip = _a.tooltip, disabled = _a.disabled;
66
+ var _b = (0, react_1.useState)(false), isLoading = _b[0], setIsLoading = _b[1];
67
+ var handleClick = function (event) { return __awaiter(void 0, void 0, void 0, function () {
68
+ return __generator(this, function (_a) {
69
+ switch (_a.label) {
70
+ case 0:
71
+ event.preventDefault();
72
+ setIsLoading(true);
73
+ _a.label = 1;
74
+ case 1:
75
+ _a.trys.push([1, , 3, 4]);
76
+ return [4 /*yield*/, onClick(event)];
77
+ case 2:
78
+ _a.sent();
79
+ return [3 /*break*/, 4];
80
+ case 3:
81
+ setIsLoading(false);
82
+ return [7 /*endfinally*/];
83
+ case 4: return [2 /*return*/];
84
+ }
85
+ });
86
+ }); };
87
+ var buttonClassName = className || 'btn btn-primary';
88
+ return tooltip ? (react_1.default.createElement(react_bootstrap_1.OverlayTrigger, { placement: "top", overlay: react_1.default.createElement(react_bootstrap_1.Tooltip, { id: "tooltip-".concat(tooltip) }, tooltip) },
89
+ react_1.default.createElement("span", null,
90
+ react_1.default.createElement("button", { className: buttonClassName, onClick: handleClick, disabled: isLoading || disabled, style: style }, isLoading ? (react_1.default.createElement("span", { className: "spinner spinner-border spinner-border-sm", role: "status", "aria-hidden": "true" })) : (label))))) : (react_1.default.createElement("button", { className: buttonClassName, onClick: handleClick, disabled: isLoading || disabled, style: style }, isLoading ? (react_1.default.createElement("span", { className: "spinner spinner-border spinner-border-sm", role: "status", "aria-hidden": "true" })) : (label)));
91
+ };
92
+ exports.default = CustomButton;
@@ -0,0 +1,3 @@
1
+ import Button from './Button/button';
2
+ import CustomButton from './CustomButton/CustomButton';
3
+ export { Button, CustomButton as AlbinasoftButton };
package/dist/index.js ADDED
@@ -0,0 +1,10 @@
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.AlbinasoftButton = exports.Button = void 0;
7
+ var button_1 = __importDefault(require("./Button/button"));
8
+ exports.Button = button_1.default;
9
+ var CustomButton_1 = __importDefault(require("./CustomButton/CustomButton"));
10
+ exports.AlbinasoftButton = CustomButton_1.default;
package/package.json CHANGED
@@ -1,44 +1,30 @@
1
- {
2
- "name": "albinasoft-ui-package",
3
- "version": "1.0.2",
4
- "type": "module",
5
- "source": "src/index.js",
6
- "main": "dist/index.js",
7
- "module": "dist/index.module.js",
8
- "unpkg": "dist/index.umd.js",
9
- "scripts": {
10
- "build": "microbundle",
11
- "dev": "microbundle watch"
12
- },
13
- "devDependencies": {
14
- "microbundle": "^0.15.1"
15
- },
16
- "repository": {
17
- "type": "git",
18
- "url": "git+https://github.com/Albinasoft/albinasoft-ui-package.git"
19
- },
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"
43
- }
44
- }
1
+ {
2
+ "name": "albinasoft-ui-package",
3
+ "version": "1.0.4",
4
+ "main": "dist/index.js",
5
+ "types": "dist/index.d.ts",
6
+ "scripts": {
7
+ "build": "tsc",
8
+ "prepare": "npm run build"
9
+ },
10
+ "dependencies": {
11
+ "react": "^18.0.0",
12
+ "react-bootstrap": "^2.10.6",
13
+ "react-dom": "^18.0.0"
14
+ },
15
+ "devDependencies": {
16
+ "@types/react": "^19.0.1",
17
+ "@types/react-bootstrap": "^0.32.37",
18
+ "typescript": "^4.5.0"
19
+ },
20
+ "peerDependencies": {
21
+ "react": "^18.0.0",
22
+ "react-dom": "^18.0.0"
23
+ },
24
+ "files": [
25
+ "dist"
26
+ ],
27
+ "publishConfig": {
28
+ "access": "public"
29
+ }
30
+ }
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\nexport {};\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,EAAA,CAAA,EAEKM,EAAkBtB,GAAa,kBAErC,OAAOC,EACHsB,EAACC,EAAcA,eACXC,CAAAA,UAAU,MACVC,QAASH,EAACI,UAAO,CAACC,GAAe3B,WAAAA,GAAYA,IAE7CsB,cACIA,EAAA,SAAA,CACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAA,OAAA,CAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,KAMhB0B,EAAA,SAAA,CACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAMvB,OAAAA,CAAAA,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\nexport {};\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\nexport {};\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,EAAA,CAAA,EAEKM,EAAkBtB,GAAa,kBAErC,OAAOC,EACHsB,EAACC,EACGC,CAAAA,UAAU,MACVC,QAASH,EAACI,EAAO,CAACC,GAAe3B,WAAAA,GAAYA,IAE7CsB,cACIA,EAAA,SAAA,CACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAA,OAAA,CAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,KAMhB0B,EAAA,SAAA,CACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAMvB,OAAAA,CAAAA,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\nexport {};\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,EAAA,CAAA,EAEKM,EAAkBtB,GAAa,kBAErC,OAAOC,EACHsB,EAACC,EAAcA,eACXC,CAAAA,UAAU,MACVC,QAASH,EAACI,UAAO,CAACC,GAAe3B,WAAAA,GAAYA,IAE7CsB,cACIA,EAAA,SAAA,CACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAA,OAAA,CAAMvB,UAAU,2CAA2C6B,KAAK,SAAS,cAAY,SAErFhC,KAMhB0B,EAAA,SAAA,CACIvB,UAAWsB,EACXxB,QAASS,EACTL,SAAUG,GAAaH,EACvBH,MAAOA,GAENM,EACGkB,EAAMvB,OAAAA,CAAAA,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
-