albinasoft-ui-package 1.0.0

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024 Albinasoft
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.cjs

@@ -0,0 +1,2 @@
+var o=function(i){var d=i.id,l=i.name,v=i.style,a=i.className,e=i.tooltip,t=i.disabled;return h(o,{id:void 0===d?void 0:d,label:i.label,name:void 0===l?void 0:l,onClick:i.onClick,style:void 0===v?void 0:v,className:void 0===a?void 0:a,tooltip:void 0===e?void 0:e,disabled:void 0!==t&&t})};exports.CustomButton=o;
+//# sourceMappingURL=index.cjs.map

package/dist/index.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.cjs","sources":["../src/index.js"],"sourcesContent":["export const CustomButton = ({\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","_ref$id","id","_ref$name","name","_ref$style","style","_ref$className","className","_ref$tooltip","tooltip","_ref$disabled","disabled","h","_CustomButton","undefined","label","onClick"],"mappings":"AAAa,IAAAA,EAAe,SAAHC,OASnBC,EAAAD,EARFE,GACKC,EAAAH,EACLI,KACOC,EAAAL,EACPM,MAAiBC,EAAAP,EACjBQ,UAAqBC,EAAAT,EACrBU,QAAmBC,EAAAX,EACnBY,SAEA,OACIC,EAACC,EACGZ,CAAAA,QAXHa,IAAHd,OAAGc,EAASd,EAYNe,MAXHhB,EAALgB,MAYQZ,UAXJ,IAAAD,OAAGY,EAASZ,EAYRc,QAXDjB,EAAPiB,QAYQX,WAXH,IAAAD,OAAGU,EAASV,EAYTG,eAXIO,IAAHR,OAAGQ,EAASR,EAYbG,aAXEK,IAAHN,OAAGM,EAASN,EAYXG,cAXG,IAAHD,GAAQA,GAcpB"}

package/dist/index.modern.js

@@ -0,0 +1,2 @@
+const l=({id:e,label:a,name:s,onClick:i,style:o,className:t,tooltip:d,disabled:c=!1})=>h(l,{id:e,label:a,name:s,onClick:i,style:o,className:t,tooltip:d,disabled:c});export{l as CustomButton};
+//# sourceMappingURL=index.modern.js.map

package/dist/index.modern.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.modern.js","sources":["../src/index.js"],"sourcesContent":["export const CustomButton = ({\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","id","label","name","onClick","style","className","tooltip","disabled","h"],"mappings":"AAAa,MAAAA,EAAeA,EACxBC,GAAAA,EACAC,QACAC,KAAAA,EACAC,UACAC,MAAAA,EACAC,UAAAA,EACAC,QAAAA,EACAC,SAAAA,GAAW,KAGPC,EAACT,EAAY,CACTC,GAAIA,EACJC,MAAOA,EACPC,KAAMA,EACNC,QAASA,EACTC,MAAOA,EACPC,UAAWA,EACXC,QAASA,EACTC,SAAUA"}

package/dist/index.module.js

@@ -0,0 +1,2 @@
+var o=function(i){var d=i.id,l=i.name,a=i.style,v=i.className,e=i.tooltip,t=i.disabled;return h(o,{id:void 0===d?void 0:d,label:i.label,name:void 0===l?void 0:l,onClick:i.onClick,style:void 0===a?void 0:a,className:void 0===v?void 0:v,tooltip:void 0===e?void 0:e,disabled:void 0!==t&&t})};export{o as CustomButton};
+//# sourceMappingURL=index.module.js.map

package/dist/index.module.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.module.js","sources":["../src/index.js"],"sourcesContent":["export const CustomButton = ({\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","_ref$id","id","_ref$name","name","_ref$style","style","_ref$className","className","_ref$tooltip","tooltip","_ref$disabled","disabled","h","_CustomButton","undefined","label","onClick"],"mappings":"AAAa,IAAAA,EAAe,SAAHC,OASnBC,EAAAD,EARFE,GACKC,EAAAH,EACLI,KACOC,EAAAL,EACPM,MAAiBC,EAAAP,EACjBQ,UAAqBC,EAAAT,EACrBU,QAAmBC,EAAAX,EACnBY,SAEA,OACIC,EAACC,EACGZ,CAAAA,QAXHa,IAAHd,OAAGc,EAASd,EAYNe,MAXHhB,EAALgB,MAYQZ,UAXJ,IAAAD,OAAGY,EAASZ,EAYRc,QAXDjB,EAAPiB,QAYQX,WAXH,IAAAD,OAAGU,EAASV,EAYTG,eAXIO,IAAHR,OAAGQ,EAASR,EAYbG,aAXEK,IAAHN,OAAGM,EAASN,EAYXG,cAXG,IAAHD,GAAQA,GAcpB"}

package/dist/index.umd.js

@@ -0,0 +1,2 @@
+!function(o,i){"object"==typeof exports&&"undefined"!=typeof module?i(exports):"function"==typeof define&&define.amd?define(["exports"],i):i((o||self).albinasoftUiPackage={})}(this,function(o){var i=function(o){var e=o.id,d=o.name,t=o.style,n=o.className,l=o.tooltip,a=o.disabled;return h(i,{id:void 0===e?void 0:e,label:o.label,name:void 0===d?void 0:d,onClick:o.onClick,style:void 0===t?void 0:t,className:void 0===n?void 0:n,tooltip:void 0===l?void 0:l,disabled:void 0!==a&&a})};o.CustomButton=i});
+//# sourceMappingURL=index.umd.js.map

package/dist/index.umd.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.umd.js","sources":["../src/index.js"],"sourcesContent":["export const CustomButton = ({\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","_ref$id","id","_ref$name","name","_ref$style","style","_ref$className","className","_ref$tooltip","tooltip","_ref$disabled","disabled","h","_CustomButton","undefined","label","onClick"],"mappings":"6OAAa,IAAAA,EAAe,SAAHC,OASnBC,EAAAD,EARFE,GACKC,EAAAH,EACLI,KACOC,EAAAL,EACPM,MAAiBC,EAAAP,EACjBQ,UAAqBC,EAAAT,EACrBU,QAAmBC,EAAAX,EACnBY,SAEA,OACIC,EAACC,EACGZ,CAAAA,QAXHa,IAAHd,OAAGc,EAASd,EAYNe,MAXHhB,EAALgB,MAYQZ,UAXJ,IAAAD,OAAGY,EAASZ,EAYRc,QAXDjB,EAAPiB,QAYQX,WAXH,IAAAD,OAAGU,EAASV,EAYTG,eAXIO,IAAHR,OAAGQ,EAASR,EAYbG,aAXEK,IAAHN,OAAGM,EAASN,EAYXG,cAXG,IAAHD,GAAQA,GAcpB"}

package/package.json

@@ -0,0 +1,44 @@
+{
+  "name": "albinasoft-ui-package",
+  "version": "1.0.0",
+  "type": "module",
+  "source": "src/index.js",
+  "main": "dist/index.js",
+  "module": "dist/index.module.js",
+  "unpkg": "dist/index.umd.js",
+  "scripts": {
+    "build": "microbundle",
+    "dev": "microbundle watch"
+  },
+  "devDependencies": {
+    "microbundle": "^0.15.1"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+https://github.com/Albinasoft/albinasoft-ui-package.git"
+  },
+  "dependencies": {
+    "@testing-library/jest-dom": "^5.17.0",
+    "@testing-library/react": "^13.4.0",
+    "@testing-library/user-event": "^13.5.0",
+    "@types/jest": "^27.5.2",
+    "@types/node": "^16.18.119",
+    "@types/react": "^18.3.12",
+    "@types/react-dom": "^18.3.1",
+    "downshift": "^9.0.8",
+    "react": "^18.3.1",
+    "react-bootstrap": "^2.10.5",
+    "react-datepicker": "^7.5.0",
+    "react-dom": "^18.3.1",
+    "react-helmet-async": "^2.0.5",
+    "react-icons": "^5.3.0",
+    "react-multi-select-component": "^4.3.4",
+    "react-quill": "github:lassespilling/react-quill-2024#package",
+    "react-router-dom": "^6.28.0",
+    "react-scripts": "5.0.1",
+    "react-select": "^5.8.3",
+    "react-toastify": "^10.0.6",
+    "typescript": "^4.9.5",
+    "web-vitals": "^2.1.4"
+  }
+}

package/src/assets/css/custom/components.css

@@ -0,0 +1,20 @@
+/* .modal-position-middleCenter {
+    display: flex;
+    justify-content: center;
+    align-items: center;
+    height: 100%;
+  }
+  
+  .modal-position-topCenter {
+    display: flex;
+    justify-content: center;
+    align-items: flex-start;
+    height: 100%;
+  } */
+
+  .form-actions {
+    display: flex;
+    justify-content: flex-end;
+    gap: 10px;
+  }
+  

package/src/assets/css/custom/layout.css

@@ -0,0 +1,89 @@
+/* Varsayılan genişlik (desktop) */
+#responsive-brand {
+  width: 50%;
+}
+
+/* Tablet (768px ve altı için) */
+@media (max-width: 768px) {
+  #responsive-brand {
+    width: 40%;
+  }
+}
+
+/* Mobile L (426px ve altı için) */
+@media (max-width: 426px) {
+  #responsive-brand {
+    width: 35%;
+  }
+}
+
+/* Mobile M (376px ve altı için) */
+@media (max-width: 376px) {
+  #responsive-brand {
+    width: 25%;
+  }
+}
+
+/* Mobile S (331px ve altı için) */
+@media (max-width: 331px) {
+  #responsive-brand {
+    width: 15%;
+  }
+}
+
+/* Mobile XS (301px ve altı için) */
+@media (max-width: 301px) {
+  #responsive-brand {
+    width: 0%;
+  }
+}
+
+.loader.simple-loader {
+  background-color: rgba(0, 0, 0, 0.5); /* Semi-transparent dark background */
+  height: 100%;
+  width: 100%;
+  position: fixed;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  right: 0px;
+  z-index: 1250;
+  overflow: hidden !important;
+
+  .loader-body {
+      background: url('../../images/albinasoft/albinasoft_logo_blue.svg') no-repeat center center;
+      background-size: 10%;
+      width: 100%;
+      height: 100%;
+      position: relative;
+      animation: spin 2s linear infinite; /* Add rotation animation */
+  }
+}
+
+@keyframes spin {
+  from {
+      transform: rotate(0deg);
+  }
+  to {
+      transform: rotate(360deg);
+  }
+}
+
+.loading-icon {
+  display: inline-block;
+  width: 20px; /* Adjust size to fit button */
+  height: 20px;
+  background: url('../../images/albinasoft/albinasoft_logo_white.svg') no-repeat center center;
+  background-size: contain;
+  animation: spin 1s linear infinite;
+}
+
+@keyframes spin {
+  from {
+      transform: rotate(0deg);
+  }
+  to {
+      transform: rotate(360deg);
+  }
+}
+