@sava-info-systems/api-maker-with-extensions 2.2.1 → 3.0.0

package/dist/assets/public/table-viewer/index.js

@@ -0,0 +1 @@
+!function(){"use strict";const e={INIT:"TV_INIT",CLEAR:"TV_CLEAR",READY:"TV_READY",DATA_LOADED:"TV_DATA_LOADED",ROW_UPDATED:"TV_ROW_UPDATED",ERROR:"TV_ERROR"};let t=null,n=null,o=[];const i=new Map,r=new Map,l=new Map;let a=!1;function s(e,t){try{window.parent.postMessage({type:e,payload:t||{}},"*")}catch(e){}}function c(e,t){return["background:"+t,"border:1px solid "+e,"color:"+e,"padding:2px 9px","border-radius:3px","cursor:pointer","font-size:10px","font-family:inherit","line-height:16px","height:20px"].join(";")}function d(e,t){if(!e)return String(t);const o=n&&n.keyField||function(e){const t=["_id","id","ID","Id","guid","uuid","key"];for(let n=0;n<t.length;n++)if(void 0!==e[t[n]])return t[n];return null}(e);return o&&void 0!==e[o]&&null!==e[o]?String(e[o]):String(t)}function u(e){const n=e.data,a=e.colDef.field,s=e.newValue,c=e.oldValue,u=e.node,p=u.rowIndex;if(s===c)return;const h=d(n,p);i.has(h)||i.set(h,{changes:{},node:u,rowData:D(n)});const m=i.get(h);m.changes[a]={old:c,new:s};const y=h+"::"+a;r.has(h)&&(r.get(h).delete(a),0===r.get(h).size&&r.delete(h)),l.delete(y);const g=o[p];if(g){const e=g[a],t=null!==s&&"object"==typeof s;(null!==e&&"object"==typeof e?JSON.stringify(e):String(e??""))===(t?JSON.stringify(s):String(s??""))&&(delete m.changes[a],0===Object.keys(m.changes).length&&i.delete(h))}f(),t&&t.refreshCells({rowNodes:[u],columns:[a],force:!0})}function f(){const e=i.size,t=e>0&&!(!n||!n.isEditable),o=document.getElementById("btnSaveEdits"),r=document.getElementById("btnDiscardEdits"),l=document.getElementById("editSep"),a=document.getElementById("pendingPill");o.style.display=t?"":"none",r.style.display=t?"":"none",l.style.display=t?"":"none",a.textContent=String(e)}function p(e){const t=document.getElementById("btnAddColumn");t&&(t.style.display=e?"":"none")}function h(){if(!t)return;const e=t.getSelectedRows().length,o=document.getElementById("selCount"),i=document.getElementById("statusSep2"),r=document.getElementById("btnDeleteRows"),l=!(!n||!n.updateUrl);r&&(r.style.display=l?"":"none",r.disabled=!l||0===e),e>0?(o.textContent=e+" selected",o.style.display="",i.style.display=""):(o.style.display="none",i.style.display="none")}function m(e){const t=function(e){if(!n||!n.updateUrl)return null;const t=n.updateUrl,o=encodeURIComponent(e);if(-1!==t.indexOf("{id}"))return t.replace("{id}",o).replace(/\/update-by-id\/[^/?]+/i,"/"+o);if(-1!==t.indexOf(":id"))return t.replace(":id",o).replace(/\/update-by-id\/[^/?]+/i,"/"+o);const i=t.indexOf("?");return-1===i?t.replace(/\/+$/,"")+"/"+o:t.slice(0,i).replace(/\/+$/,"")+"/"+o+t.slice(i)}(e);if(!t)return Promise.resolve({error:"Unable to build delete URL"});const o=Object.assign({},n.headers||{});return fetch(t,{method:"DELETE",headers:o}).then((function(e){return e.ok?{ok:!0}:e.text().then((function(t){return{error:"HTTP "+e.status+(t?": "+t.slice(0,80):"")}}))})).catch((function(e){return{error:e.message}}))}function y(){if(!t)return;const e=t.getSelectedNodes();if(!e||!e.length)return void b("error","No rows selected to delete");const n=e.map((function(e){return d(e.data,e.rowIndex)})).filter(Boolean);var r,l,a;n.length?(r="Delete "+n.length+" selected row"+(1!==n.length?"s":"")+"?\n\nThis action cannot be undone.",l="Delete",a="Cancel",new Promise((function(e){const t=document.getElementById("confirmOverlay"),n=document.getElementById("confirmMessage"),o=document.getElementById("confirmOkBtn"),i=document.getElementById("confirmCancelBtn");if(!(t&&n&&o&&i))return void e(!1);n.textContent=r,o.textContent=l||"Delete",i.textContent=a||"Cancel",t.style.display="flex";const s=function(n){t.style.display="none",o.removeEventListener("click",c),i.removeEventListener("click",d),window.removeEventListener("keydown",u),e(n)},c=function(){s(!0)},d=function(){s(!1)},u=function(e){"Escape"===e.key&&(e.preventDefault(),s(!1))};o.addEventListener("click",c),i.addEventListener("click",d),window.addEventListener("keydown",u),i.focus()}))).then((function(r){r&&(b("loading","Deleting…"),S(!0),Promise.all(n.map(m)).then((function(r){S(!1);const l=[],a=new Set;if(r.forEach((function(e,t){e&&e.error?l.push(e.error):a.add(n[t])})),a.size){const n=e.filter((function(e){return a.has(d(e.data,e.rowIndex))})).map((function(e){return e.data}));t&&t.applyTransaction({remove:n}),o=o.filter((function(e,t){return!a.has(d(e,t))})),a.forEach((function(e){i.has(e)&&i.delete(e)})),f(),h(),_(o.length)}0===l.length?b("success","Deleted "+a.size+" row"+(1!==a.size?"s":"")):b("error",l.length+" delete error(s): "+l.slice(0,2).join("; "))})).catch((function(e){S(!1),b("error","Delete failed: "+e.message)})))})):b("error","Unable to determine selected row key")}function g(){if(!i.size)return;b("loading","Saving…"),S(!0);const a=[],c=[];i.forEach((function(e,t){a.push(t),c.push(function(e,t){if(!n||!n.updateUrl)return Promise.resolve({ok:!0});let o=n.updateUrl;if(-1!==o.indexOf("{id}"))o=o.replace("{id}",encodeURIComponent(e));else if(-1!==o.indexOf(":id"))o=o.replace(":id",encodeURIComponent(e));else{const t=o.indexOf("?");o=-1===t?o.replace(/\/+$/,"")+"/"+encodeURIComponent(e)+"/":o.slice(0,t).replace(/\/+$/,"")+"/"+encodeURIComponent(e)+"/"+o.slice(t)}const i=(n.updateMethod||"PUT").toUpperCase(),r=Object.assign({"Content-Type":"application/json"},n.headers||{}),l={};return Object.keys(t.changes).forEach((function(e){l[e]=t.changes[e].new})),fetch(o,{method:i,headers:r,body:JSON.stringify(l)}).then((function(e){return e.ok?{ok:!0}:e.text().then((function(t){try{const e=JSON.parse(t);if(e&&!1===e.success&&Array.isArray(e.errors)&&e.errors.length>0){const t=e.errors.map((function(e){return{field:e.field,message:e.message,action:e.action,code:e.code}}));return{error:e.errors.map((function(e){return e.message})).join("; "),fieldErrors:t}}}catch(e){}return{error:"HTTP "+e.status+(t?": "+t.slice(0,120):"")}}))})).catch((function(e){return{error:e.message}}))}(t,e))})),Promise.all(c).then((function(n){S(!1),r.clear(),l.clear();const c=n.filter((function(e){return e&&e.error})),d=n.length-c.length;if(0===c.length)i.forEach((function(e){const t=e.node.rowIndex;o[t]&&Object.keys(e.changes).forEach((function(n){o[t][n]=e.changes[n].new}))})),i.clear(),f(),t&&t.refreshCells({force:!0}),b("success","Saved "+d+" row"+(1!==d?"s":"")),s(e.ROW_UPDATED,{count:d,errors:[]});else{const o=[];n.forEach((function(e,t){if(e&&e.fieldErrors&&e.fieldErrors.length>0){const n=a[t];e.fieldErrors.forEach((function(e){r.has(n)||r.set(n,new Set),r.get(n).add(e.field),l.set(n+"::"+e.field,{message:e.message||"",action:e.action||""})}));const s=i.get(n);s&&s.node&&o.push(s.node)}})),t&&o.length>0&&t.refreshCells({rowNodes:o,force:!0});const u=c.map((function(e){return e.error}));b("error",c.length+" error(s): "+u.slice(0,2).join("; ")),s(e.ROW_UPDATED,{count:d,errors:u})}})).catch((function(e){S(!1),b("error","Save failed: "+e.message)}))}function v(){i.size&&(i.forEach((function(e){const t=o[e.node.rowIndex];if(t){const n=Object.assign({},e.node.data);Object.keys(e.changes).forEach((function(e){n[e]=t[e]})),e.node.setData(n)}})),i.clear(),f(),t&&t.refreshCells({force:!0}),b("","Edits discarded"))}function E(){new Promise((function(e){const t=document.getElementById("addColOverlay"),n=document.getElementById("addColInput"),o=document.getElementById("addColOkBtn"),i=document.getElementById("addColCancelBtn");n.value="",t.style.display="flex",setTimeout((function(){n.focus()}),50);const r=function(r){t.style.display="none",o.removeEventListener("click",l),i.removeEventListener("click",a),n.removeEventListener("keydown",s),window.removeEventListener("keydown",c),e(r)},l=function(){r(n.value.trim())},a=function(){r(null)},s=function(e){"Enter"===e.key&&(e.preventDefault(),l())},c=function(e){"Escape"===e.key&&(e.preventDefault(),r(null))};o.addEventListener("click",l),i.addEventListener("click",a),n.addEventListener("keydown",s),window.addEventListener("keydown",c)})).then((function(e){if(!e)return;const o=t&&t.getColumnDefs()||[];if(o.some((function(t){return t.field===e})))return void b("error",'Column "'+e+'" already exists');const r=!(!n||!n.isEditable),l={field:e,headerName:e,editable:r,sortable:!0,filter:"agTextColumnFilter",resizable:!0,minWidth:70,flex:1,wrapText:!1,tooltipValueGetter:function(e){return null===e.value||void 0===e.value?null:String(e.value)},valueFormatter:function(e){if(null===e.value||void 0===e.value)return"";if("object"==typeof e.value)try{return JSON.stringify(e.value)}catch(e){return"[Object]"}return String(e.value)},cellEditor:"agTextCellEditor",cellEditorParams:{useFormatter:!1},cellClass:function(t){const n=d(t.data,t.node?t.node.rowIndex:-1);return i.has(n)&&void 0!==i.get(n).changes[e]?"cell-modified":""},cellStyle:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},headerTooltip:e};t&&(t.setGridOption("columnDefs",o.concat([l])),b("success",'Column "'+e+'" added'))}))}function x(){const e=[];return t&&t.forEachNodeAfterFilterAndSort((function(t){t.data&&e.push(t.data)})),e}function w(){return t?t.getColumnDefs().map((function(e){return e.field})).filter(Boolean):[]}function b(e,t){const n=document.getElementById("statusDot"),o=document.getElementById("statusText");n.className="status-dot"+(e?" "+e:""),o.textContent=t}function S(e){document.getElementById("loadingOverlay").style.display=e?"flex":"none"}function C(e){document.getElementById("emptyState").style.display=e?"flex":"none"}function _(e){const t=document.getElementById("rowCount"),n=document.getElementById("statusSep");e>0?(t.textContent=e.toLocaleString()+" row"+(1!==e?"s":""),t.style.display="",n.style.display=""):(t.style.display="none",n.style.display="none")}function D(e){try{return JSON.parse(JSON.stringify(e))}catch(t){return e}}window.addEventListener("message",(function(a){const u=a.data;if(u&&u.type)switch(u.type){case e.INIT:n=u.payload||{},function(){if(!n||void 0===n.data||null===n.data)return C(!0),void b("","No data");b("loading","Loading…"),S(!0),a=!0,document.getElementById("emptyState").style.display=a?"none":"",setTimeout((function(){!function(a){S(!1);const u=function(e){if(!e)return[];if(Array.isArray(e))return e.filter((function(e){return null!=e}));return"object"==typeof e?[e]:[]}(a);if(!u.length)return C(!0),b("","No data"),_(0),t&&(t.setGridOption("columnDefs",[]),t.setGridOption("rowData",[])),void s(e.DATA_LOADED,{count:0});C(!1),o=D(u),i.clear(),f();const m=function(e){const t=[],o={},a=Math.min(e.length,50);for(let n=0;n<a;n++){const i=e[n];i&&"object"==typeof i&&Object.keys(i).forEach((function(e){o[e]||(o[e]=!0,t.push(e))}))}const s=!(!n||!n.isEditable);return t.map((function(t){const n=function(e,t,n){for(let o=0;o<n;o++){const n=e[o]&&e[o][t];if(null!=n)return n}return null}(e,t,a),o="number"==typeof n,u="_id"===t||"__v"===t,f=s&&!u;var p,h;return"boolean"==typeof n?(p="agCheckboxCellEditor",h={}):null!==n&&"object"==typeof n?(p=function(){function e(){}return e.prototype.init=function(e){this._params=e,this._originalType=typeof e.value,this._container=document.createElement("div"),this._container.style.cssText=["position:fixed","z-index:9999","background:#1e1e1e","border:1px solid #097BED","border-radius:5px","box-shadow:0 8px 24px rgba(0,0,0,0.5)","display:flex","flex-direction:column"].join(";"),this._ta=document.createElement("textarea"),this._ta.spellcheck=!1,this._ta.style.cssText=["background:#1e1e1e","color:#e8e8e8","border:none","outline:none","resize:none","font-family:JetBrains Mono,Menlo,Monaco,Consolas,monospace","font-size:11px","line-height:1.5","padding:8px","height:100%","width:100%","box-sizing:border-box","tab-size:2"].join(";");var t=e.value;if(null==t)this._ta.value="";else if("object"==typeof t)try{this._ta.value=JSON.stringify(t,null,2)}catch(e){this._ta.value=String(t)}else this._ta.value=String(t);this._footer=document.createElement("div"),this._footer.style.cssText=["display:flex","align-items:center","gap:6px","padding:4px 6px","border-top:1px solid #3a3a3a","background:#252525","border-radius:0 0 4px 4px"].join(";"),this._errSpan=document.createElement("span"),this._errSpan.style.cssText="flex:1;font-size:10px;color:#ED4B48;font-family:inherit;";var n=this,o=document.createElement("button");o.textContent="Save",o.style.cssText=c("#26B47F","rgba(38,180,127,0.35)"),o.addEventListener("mousedown",(function(e){e.preventDefault(),n._commit()}));var i=document.createElement("button");i.textContent="Cancel",i.style.cssText=c("#969696","#3a3a3a"),i.addEventListener("mousedown",(function(t){t.preventDefault(),e.stopEditing(!0)})),this._footer.appendChild(this._errSpan),this._footer.appendChild(i),this._footer.appendChild(o),this._container.appendChild(this._ta),this._container.appendChild(this._footer),this._ta.addEventListener("keydown",(function(t){if((t.ctrlKey||t.metaKey)&&"Enter"===t.key)t.preventDefault(),t.stopPropagation(),n._commit();else if("Enter"===t.key)t.stopPropagation();else if("Escape"===t.key)t.preventDefault(),t.stopPropagation(),e.stopEditing(!0);else if(!t.shiftKey||"Delete"!==t.key&&"Backspace"!==t.key){if("Tab"===t.key){t.preventDefault();var o=n._ta.selectionStart;i=n._ta.value;n._ta.value=i.slice(0,o)+"  "+i.slice(n._ta.selectionEnd),n._ta.selectionStart=n._ta.selectionEnd=o+2}}else{t.preventDefault();var i=n._ta.value,r=n._ta.selectionStart,l=i.lastIndexOf("\n",r-1)+1,a=i.indexOf("\n",r);-1===a&&(a=i.length);var s=l,c=a<i.length?a+1:a;s===c&&l>0&&(s=l-1,c=a),n._ta.value=i.slice(0,s)+i.slice(c),n._ta.selectionStart=n._ta.selectionEnd=s}}))},e.prototype._commit=function(){var e=this._ta.value.trim();if("object"===this._originalType)try{this._parsed=JSON.parse(""===e?"null":e),this._errSpan.textContent="",this._ta.style.borderBottom="none",this._params.stopEditing(!1)}catch(e){this._errSpan.textContent="Invalid JSON — "+e.message,this._ta.style.borderBottom="2px solid #ED4B48",this._ta.focus()}else this._parsed=e,this._params.stopEditing(!1)},e.prototype.getGui=function(){return this._container},e.prototype.afterGuiAttached=function(){var e={w:window.innerWidth,h:window.innerHeight},t=Math.round(.8*e.w),n=Math.round(.8*e.h),o=Math.round((e.w-t)/2),i=Math.round((e.h-n)/2);this._container.style.left=o+"px",this._container.style.top=i+"px",this._container.style.width=t+"px",this._container.style.height=n+"px",this._ta.focus();var r=this._ta.value.length;this._ta.setSelectionRange(r,r)},e.prototype.getValue=function(){if(void 0!==this._parsed)return this._parsed;var e=this._ta.value.trim();if("object"===this._originalType)try{return JSON.parse(""===e?"null":e)}catch(t){return e}return e},e.prototype.isPopup=function(){return!0},e.prototype.isCancelAfterEnd=function(){return!1},e.prototype.focusIn=function(){this._ta.focus()},e}(),h={}):(p="agTextCellEditor",h={useFormatter:!1}),{field:t,headerName:t,editable:f,sortable:!0,filter:o?"agNumberColumnFilter":"agTextColumnFilter",resizable:!0,minWidth:70,maxWidth:600,flex:1,wrapText:!1,suppressSizeToFit:!1,tooltipValueGetter:function(e){const n=d(e.data,e.node?e.node.rowIndex:-1)+"::"+t;if(l.has(n)){const e=l.get(n);return e.message+(e.action?"\n\nAction: "+e.action:"")}return null===e.value||void 0===e.value?null:"object"==typeof e.value?JSON.stringify(e.value,null,2):String(e.value)},valueFormatter:function(e){if(null===e.value||void 0===e.value)return"";if("object"==typeof e.value)try{return JSON.stringify(e.value)}catch(e){return"[Object]"}return String(e.value)},cellEditor:p,cellEditorParams:h,cellClass:function(e){const n=d(e.data,e.node?e.node.rowIndex:-1);return r.has(n)&&r.get(n).has(t)?"cell-error":i.has(n)&&void 0!==i.get(n).changes[t]?"cell-modified":""},cellStyle:u?{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap",color:"#686868"}:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"},headerTooltip:t}}))}(u);t&&(t.setGridOption("columnDefs",m),t.setGridOption("rowData",u),setTimeout((function(){t&&t.autoSizeAllColumns()}),120));b("success","Loaded"),_(u.length),h(),p(!0),s(e.DATA_LOADED,{count:u.length})}(n.data)}),0);var a}();break;case e.CLEAR:!function(){o=[],i.clear(),f(),t&&(t.setGridOption("columnDefs",[]),t.setGridOption("rowData",[]));b("","Cleared"),_(0),h(),p(!1),C(!0)}()}})),document.addEventListener("DOMContentLoaded",(function(){!function(e){if(window.agGrid)return void e();let t=0;var n=setInterval((function(){if(window.agGrid)return clearInterval(n),void e();++t>100&&(clearInterval(n),document.getElementById("emptyState").querySelector("span").textContent="Failed to load AG Grid.",C(!0))}),100)}((function(){!function(){const n=document.getElementById("myGrid"),o={columnDefs:[],rowData:[],defaultColDef:{sortable:!0,resizable:!0,filter:!0,editable:!1,minWidth:70,flex:1,wrapText:!1,cellStyle:{overflow:"hidden",textOverflow:"ellipsis",whiteSpace:"nowrap"}},rowSelection:"multiple",cellSelection:!0,rowMultiSelectWithClick:!1,enableCellTextSelection:!0,suppressScrollOnNewData:!0,stopEditingWhenCellsLoseFocus:!0,tabToNextCell:function(e){return e.nextCellPosition},onCellKeyDown:function(e){const t=e.event;if((t.ctrlKey||t.metaKey)&&"c"===t.key){const n=e.value;let o;if(null==n)o="";else if("object"==typeof n)try{o=JSON.stringify(n)}catch(e){o="[Object]"}else o=String(n);navigator.clipboard.writeText(o).catch((function(){const e=document.createElement("textarea");e.value=o,document.body.appendChild(e),e.select(),document.execCommand("copy"),document.body.removeChild(e)})),t.preventDefault()}},onCellValueChanged:u,onSelectionChanged:h,getRowId:function(e){return d(e.data,e.node?e.node.rowIndex:-1)},tooltipShowDelay:400,tooltipHideDelay:3e3,onGridReady:function(n){t=n.api,a=!0,s(e.READY,{})}};agGrid.createGrid(n,o)}(),document.getElementById("btnSaveEdits").addEventListener("click",g),document.getElementById("btnDiscardEdits").addEventListener("click",v),document.getElementById("btnDeleteRows").addEventListener("click",y),document.getElementById("btnAddColumn").addEventListener("click",E),document.getElementById("btnAutoSize").addEventListener("click",(function(){t&&t.autoSizeAllColumns()})),document.getElementById("btnFitGrid").addEventListener("click",(function(){t&&t.sizeColumnsToFit()})),document.getElementById("quickFilter").addEventListener("input",(function(e){t&&t.setGridOption("quickFilterText",e.target.value)}));const n=document.getElementById("exportMenu");document.getElementById("btnExport").addEventListener("click",(function(e){e.stopPropagation(),n.classList.toggle("open")})),document.addEventListener("click",(function(){n.classList.remove("open")})),document.getElementById("btnExportCsv").addEventListener("click",(function(){n.classList.remove("open"),t&&t.exportDataAsCsv({fileName:"export.csv",processCellCallback:function(e){const t=e.value;if(null==t)return"";if("object"==typeof t)try{return JSON.stringify(t)}catch(e){return""}return String(t)}})})),document.getElementById("btnExportExcel").addEventListener("click",(function(){n.classList.remove("open"),function(){if(!t||!window.XLSX)return void alert("SheetJS library not loaded. Check your network connection.");const e=x();if(!e.length)return void alert("No data to export.");const n=w(),o=[n].concat(e.map((function(e){return n.map((function(t){const n=e[t];if(null==n)return"";if("object"==typeof n)try{return JSON.stringify(n)}catch(e){return""}return n}))}))),i=XLSX.utils.aoa_to_sheet(o);i["!cols"]=n.map((function(e,t){let n=e.length;for(let e=1;e<Math.min(o.length,100);e++){const i=o[e][t];null!=i&&(n=Math.max(n,String(i).length))}return{wch:Math.min(n+2,60)}}));const r=XLSX.utils.book_new();XLSX.utils.book_append_sheet(r,i,"Data"),XLSX.writeFile(r,"export.xlsx")}()})),document.getElementById("btnExportPdf").addEventListener("click",(function(){n.classList.remove("open"),function(){if(!window.jspdf)return void alert("jsPDF library not loaded. Check your network connection.");const e=x();if(!e.length)return void alert("No data to export.");const t=new(0,window.jspdf.jsPDF)({orientation:"landscape",unit:"pt",format:"a4"}),n=w(),o=e.map((function(e){return n.map((function(t){const n=e[t];if(null==n)return"";if("object"==typeof n)try{return JSON.stringify(n)}catch(e){return""}return String(n)}))}));t.autoTable({head:[n],body:o,startY:20,styles:{fontSize:7,cellPadding:3,overflow:"ellipsize",cellWidth:"wrap",font:"helvetica",textColor:[30,30,30],lineColor:[210,210,210],lineWidth:.1},headStyles:{fillColor:[55,65,81],textColor:[255,255,255],fontStyle:"bold"},bodyStyles:{fillColor:[255,255,255],textColor:[30,30,30]},alternateRowStyles:{fillColor:[248,249,250]},margin:{top:20,left:10,right:10}}),t.save("export.pdf")}()})),document.addEventListener("keydown",(function(e){(e.ctrlKey||e.metaKey)&&"s"===e.key&&(e.preventDefault(),i.size&&g()),(e.ctrlKey||e.metaKey)&&"z"===e.key&&(e.preventDefault(),v())}))}))}))}();

package/dist/assets/schema-types/InterfaceProps.ts

@@ -40,7 +40,7 @@ export enum ITPApiSettingsProps {
     enableCaching = 'enableCaching',
     acceptOnlyEncryptedData = 'acceptOnlyEncryptedData',
     apiAccessType = 'apiAccessType',
-    authTokenInfo = 'authTokenInfo',
+    authProviders = 'authProviders',
     thirdPartyApiSettingsCode = 'thirdPartyApiSettingsCode',
     resetCacheOnModificationOf = 'resetCacheOnModificationOf',
 
@@ -156,7 +156,6 @@ export enum ICustomApiProps {
     // label = 'label',
     apiDocs = 'apiDocs',
     apiAccessType = 'apiAccessType',
-    authTokenInfo = 'authTokenInfo',
     enableCaching = 'enableCaching',
     acceptOnlyEncryptedData = 'acceptOnlyEncryptedData',
     requestMethod = 'requestMethod',
@@ -168,6 +167,8 @@ export enum ICustomApiProps {
     swaggerDocs = 'swaggerDocs',
     separateSandboxSettings = 'separateSandboxSettings',
     fileUpload = 'fileUpload',
+    authProviders = 'authProviders',
+    customApiTimeoutInSeconds = 'customApiTimeoutInSeconds',
 }
 
 export enum IGroupProps {
@@ -178,6 +179,7 @@ export enum IGroupProps {
 
 export enum IInstanceApiSettingsProps {
     guid = 'guid',
+    name = 'name',
     instanceName = 'instanceName',
     databaseName = 'databaseName',
     collectionName = 'collectionName',
@@ -186,13 +188,14 @@ export enum IInstanceApiSettingsProps {
     apiAccessType = 'apiAccessType',
     enableCaching = 'enableCaching',
     acceptOnlyEncryptedData = 'acceptOnlyEncryptedData',
-    authTokenInfo = 'authTokenInfo',
+    authProviders = 'authProviders',
     instanceApiSettingCode = 'instanceApiSettingCode',
     instanceApiSettingCodeJS = 'instanceApiSettingCodeJS',
 }
 
 export enum IInstanceApiHooksProps {
     guid = 'guid',
+    name = 'name',
     instanceName = 'instanceName',
     databaseName = 'databaseName',
     collectionName = 'collectionName',
@@ -202,11 +205,13 @@ export enum IInstanceApiHooksProps {
 
 export enum IInstanceHooksProps {
     guid = 'guid',
+    name = 'name',
     instanceName = 'instanceName',
     user = 'user',
 }
 
 export enum IDatabaseHooksProps {
+    name = 'name',
     instanceName = 'instanceName',
     databaseName = 'databaseName',
     user = 'user',
@@ -215,6 +220,7 @@ export enum IDatabaseHooksProps {
 
 export enum ICollectionHooksProps {
     guid = 'guid',
+    name = 'name',
     instanceName = 'instanceName',
     databaseName = 'databaseName',
     collectionName = 'collectionName',
@@ -234,10 +240,12 @@ export enum IInstanceProps {
     maxPoolConnections = 'maxPoolConnections',
     active = 'active',
     connectionString = 'connectionString',
+    connectionStringSandbox = 'connectionStringSandbox',
 }
 
 export enum ISchemaProps {
     guid = 'guid',
+    name = 'name',
     instanceName = 'instanceName',
     databaseName = 'databaseName',
     collectionName = 'collectionName',
@@ -286,7 +294,7 @@ export enum ISystemApiSettingsProps {
     enableCaching = 'enableCaching',
     acceptOnlyEncryptedData = 'acceptOnlyEncryptedData',
     apiAccessType = 'apiAccessType',
-    authTokenInfo = 'authTokenInfo',
+    authProviders = 'authProviders',
 }
 
 export enum ISystemApiHooksProps {
@@ -375,6 +383,7 @@ export enum IPrePostHookProps {
     hookCodeMap = 'hookCodeMap',
     isActive = 'isActive',
     runOnNativeProcess = 'runOnNativeProcess',
+    groupNames = 'groupNames',
 }
 
 export enum IArrayOperationBodyProps {
@@ -414,6 +423,62 @@ export enum INotesProps {
     user = 'user'
 }
 
+export enum IAuthProviderProps {
+    guid = 'guid',
+    user = 'user',
+    name = 'name',
+    dbTokenGeneratorCode = 'dbTokenGeneratorCode',
+    dbTokenGeneratorJS = 'dbTokenGeneratorJS',
+    dbTokenGeneratorMap = 'dbTokenGeneratorMap',
+    fieldsGeneratorFunCode = 'fieldsGeneratorFunCode',
+    fieldsGeneratorFunJS = 'fieldsGeneratorFunJS',
+    fieldsGeneratorFunMap = 'fieldsGeneratorFunMap',
+    runOnNativeProcess = 'runOnNativeProcess',
+    generatorType = 'generatorType',
+    customTokenGeneratorFunCode = 'customTokenGeneratorFunCode',
+    customTokenGeneratorFunJS = 'customTokenGeneratorFunJS',
+    customTokenGeneratorFunMap = 'customTokenGeneratorFunMap',
+    customTokenValidatorFunCode = 'customTokenValidatorFunCode',
+    customTokenValidatorFunJS = 'customTokenValidatorFunJS',
+    customTokenValidatorFunMap = 'customTokenValidatorFunMap',
+    apiAccessType = 'apiAccessType',
+    instance = 'instance',
+    database = 'database',
+    collection = 'collection',
+    table = 'table',
+    usernameColumn = 'usernameColumn',
+    passwordColumn = 'passwordColumn',
+    passwordChangedAtColumn = 'passwordChangedAtColumn',
+    groupsColumn = 'groupsColumn',
+    countOfUsersForTesting = 'countOfUsersForTesting',
+    condition = 'condition',
+    sortUsersForTesting = 'sortUsersForTesting',
+    select = 'select',
+    expiresInSeconds = 'expiresInSeconds',
+
+    // AWS
+    cognitoUserPoolId = 'cognitoUserPoolId',
+    region = 'region',
+    tokenUse = 'tokenUse',
+    tokenExpiration = 'tokenExpiration',
+
+    // Azure AD
+    appId = 'appId',
+    tenant = 'tenant',
+    audience = 'audience',
+    issuer = 'issuer',
+    maxRetries = 'maxRetries',
+
+    // Google
+    clientId = 'clientId',
+
+    // Groups properties (shared across AWS / Azure / Google)
+    sourceFieldOfUniqueId = 'sourceFieldOfUniqueId',
+    groupsDataSource = 'groupsDataSource',
+
+    testObj = 'testObj',
+}
+
 export enum IUtilityClassesProps {
     guid = 'guid',
     name = 'name',
@@ -511,15 +576,6 @@ export enum IAdminDashboardsProps {
     user = 'user'
 }
 
-export enum ICallApiFromBackendProps {
-}
-
-export enum IAuthTokenInfoProps {
-    authTokenType = 'authTokenType',
-    authTokenAM = 'authTokenAM',
-    authTokenAMDB = 'authTokenAMDB',
-}
-
 export enum IAuthTokenAMProps {
     u = 'u',
     p = 'p',
@@ -530,6 +586,7 @@ export enum IRefreshTokenAMProps {
 }
 
 export enum IAuthTokenAMDBProps {
+    name = 'name',
     instance = 'instance',
     database = 'database',
     collection = 'collection',
@@ -614,6 +671,7 @@ export enum IAuthInfoObjectsProps {
     authGoogleGroups = 'authGoogleGroups',
     authAWSGroups = 'authAWSGroups',
     authAzureGroups = 'authAzureGroups',
+    authCustomGroups = 'authCustomGroups',
 
 }
 

package/dist/assets/schema-types/store-types.ts

@@ -69,6 +69,7 @@ export enum ESupportedAPIParamType {
     aws_authorization = 'aws_authorization',
     google_authorization = 'google_authorization',
     azure_authorization = 'azure_authorization',
+    custom_authorization = 'custom_authorization',
 
     i18n = 'i18n',
     boolean = 'boolean',
@@ -102,6 +103,7 @@ export enum EHeader {
     AUTHORIZATION_AWS = 'x-aws-authorization', // used tor EAuthTokenType
     AUTHORIZATION_GOOGLE = 'x-google-authorization', // used tor EAuthTokenType
     AUTHORIZATION_AZURE = 'x-azure-authorization', // used tor EAuthTokenType
+    AUTHORIZATION_CUSTOM = 'x-custom-authorization', // used tor EAuthTokenType
     RUN_IN_SANDBOX = 'x-am-run-in-sandbox',
 
     ORIGIN = 'origin',

package/dist/assets/schema-types/types.ts

@@ -66,6 +66,8 @@ export interface ISandboxReqAuthObj {
     authAMUser?: any;
     /** API Maker database user authentication token. */
     authAMDB?: any;
+    /** Custom authorization provided by user */
+    authCustom?: any;
 
     /** Google authentication token. */
     authGoogle?: any;
@@ -202,6 +204,11 @@ export interface IAuthInfoObjects {
     /** Groups/roles assigned to the API Maker database user. */
     authAMDBGroups?: any[]; // IGroup[]
 
+    /** Custom authorization token information */
+    authCustomInfo?: any;
+    /** Groups/roles assigned to the API Maker database user. */
+    authCustomGroups?: any[]; // IGroup[]
+
     /** Google authentication token information. */
     authGoogleInfo?: IAuthTokenGoogle;
     /** Groups/roles assigned to the Google authenticated user. */
@@ -788,7 +795,7 @@ export interface ISecretType {
     common?: ISecretTypeCommon; // it is general purpose secret key section.
 }
 
-export interface ISecretTypeCommon extends Pick<IAuthTokenInfoCommon, 'authTokenInfo'> {
+export interface ISecretTypeCommon extends Pick<IAuthTokenInfoCommon, 'authProviders'> {
     hashingAlgorithm?: 'SHA256'; // change in IPropertyHashing also
     nonce?: string; // if it is available, it will be used for hashing, if not available secret will be used for hashing
 
@@ -811,8 +818,9 @@ export interface ISecretTypeCommon extends Pick<IAuthTokenInfoCommon, 'authToken
 
 export interface IAuthTokenInfo {
     authTokenType?: EAuthTokenType;
-    authTokenAM?: IAuthTokenAM | IRefreshTokenAM;
-    authTokenAMDB?: IAuthTokenAMDB | IRefreshTokenAM;
+    authTokenAM?: IAuthTokenAM;
+    authTokenAMDB?: IAuthTokenAMDBRequest;
+    authTokenCustom?: IAuthTokenAMDBRequest;
 
     authTokenAWS?: IAuthTokenAWS;
     authTokenAzureAD?: IAuthTokenAzureAD;
@@ -832,14 +840,18 @@ export interface IAuthTokenAM {
     expiresInSeconds?: number;
 }
 
-export interface IRefreshTokenAM {
-    refresh_token: string;
-}
+// export interface IRefreshTokenAM {
+//     name?: string;
+//     refresh_token: string;
+// }
 
 /**
  * API Maker database user authentication configuration.
  */
-export interface IAuthTokenAMDB extends Partial<IAuthTokenAM> {
+export interface IAuthTokenAMDB {
+    /** Name of DB authorization token generator. It will be used in get-token api with username & pass to generate token. */
+    name?: string;
+
     /** Database instance name. */
     instance?: string;
     /** Database name. */
@@ -860,9 +872,9 @@ export interface IAuthTokenAMDB extends Partial<IAuthTokenAM> {
     passwordChangedAtColumn?: string;
 
     /**
-     * Column containing comma-separated group assignments.
-     * Use "*" to grant access to all API user groups.
-     * DB users can access APIs if they belong to at least one of the required groups.
+     * column name which holds values of, comma separated groups assigned to this db user.
+     * "*" = means all groups of api user.
+     * DB user can hit API if he/she has access in any of these groups.
      */
     groupsColumn?: string;
     /**
@@ -877,12 +889,19 @@ export interface IAuthTokenAMDB extends Partial<IAuthTokenAM> {
     sortUsersForTesting?: any;
     /** Fields to select from user records. */
     select?: any;
+    /** Token expiration time in seconds. */
+    expiresInSeconds?: number;
+    /** If true, code will be executed on native process otherwise executed on sandbox. */
+    runOnNativeProcess?: boolean;
+}
 
-    /**
-     * Stringified request JSON data.
-     * Internal field populated by the system.
-     */
-    __amDBRequestData?: string;
+export interface IAuthTokenAMDBRequest {
+    /** Name of token generator */
+    name?: string;
+    /** Username. */
+    u: string;
+    /** Password. */
+    p: string;
 }
 
 /**
@@ -1332,6 +1351,22 @@ export interface IArrayOperation {
     upsert?: boolean;
 }
 
+/**
+ * Request structure for token generation API calls.
+ */
+export interface IGetTokenRequest {
+    /** Name of token generator */
+    name?: string;
+    /** Username. */
+    u: string;
+    /** Password. */
+    p: string;
+    /** Refresh token for obtaining a new access token without re-authenticating. */
+    refresh_token?: string;
+    /** Token expiration time in seconds. Used to get only AM user token. */
+    expiresInSeconds?: number;
+}
+
 /**
  * Response structure for token generation API calls.
  */
@@ -1349,10 +1384,14 @@ export interface IGetTokenResponse {
 
 export interface IAuthTokenInfoCommon {
     apiAccessType?: EAPIAccessType; // api level setting
-    authTokenInfo?: IAuthTokenInfo[] | string; // string will point to secret path.
+
+    /** Provide names of token generators */
+    authProviders?: string[];
 }
 
 export interface IInstanceApiSettingsTypes extends IAuthTokenInfoCommon {
+    /** Folder name of this item in git. It has to be unique, and it can contain [a-zA-Z0-9_ -] characters only. */
+    name?: string;
     enableCaching?: boolean; // collection level setting
     acceptOnlyEncryptedData?: boolean; // database & collection & api level setting
 }
@@ -1415,6 +1454,13 @@ export interface ICustomApiSettingsTypes extends IAuthTokenInfoCommon {
      */
     runOnNativeProcess?: boolean;
 
+    /**
+     * Maximum time (in seconds) the system will allow this custom API to complete its operation.
+     * Converted to milliseconds and sent as the 'x-am-sandbox-timeout' header.
+     * @default 10
+     */
+    customApiTimeoutInSeconds?: number;
+
     /**
      * List of all possible error messages this API can return.
      * Used for API documentation and client-side error handling.
@@ -1612,6 +1658,8 @@ export enum EAuthTokenType {
     AM = 'AM',
     /** Database-backed user authentication. */
     AM_DB = 'AM_DB',
+    /** Write your own logic to generate token and validate token */
+    CUSTOM_TOKEN_GENERATOR = 'CUSTOM_TOKEN_GENERATOR',
     /** Google OAuth authentication. */
     GOOGLE = 'GOOGLE',
     /** AWS Cognito authentication. */
@@ -1829,7 +1877,7 @@ export interface IAMGlobalSysSystem {
     getSecret(): any; // we can call it without any param also, in store and in tp it will return object of that part.
     callExternalApi<T>(data: ICallApiFromBackend | ICallApiFromBackend[] | ICallApiFromBackendProcess | ICallApiFromBackendProcess[] | (ICallApiFromBackend | ICallApiFromBackendProcess)[]): Promise<ICallExternalApiResp<T>>;
     callExternalApi(data: ICallApiFromBackend | ICallApiFromBackend[] | ICallApiFromBackendProcess | ICallApiFromBackendProcess[] | (ICallApiFromBackend | ICallApiFromBackendProcess)[]): Promise<ICallExternalApiResp<any>>;
-    getToken(data: IAuthTokenInfo | IAuthTokenInfo[]): any;
+    getToken(data: IGetTokenRequest | IGetTokenRequest[]): any;
     executeQuery(query: IExecuteQuery): any;
     /**
      * It should be used SQL based databases only.

package/dist/assets/styles/bootstrap-overrides.scss

@@ -9,7 +9,7 @@
 .card { border-radius: 0 !important;}
 
 .card-header {
-    padding: .25rem .5rem;
+    padding: .25rem 1rem;
     font-weight: bold;
     border-radius: 0 !important;
 }
@@ -43,20 +43,136 @@
 .modal-header {
     line-height: 1.5rem; // to keep header text in vertically center.
     font-weight: bold;
+    align-items: center; // vertically centre the title + close button (Bootstrap defaults to flex-start)
 }
 
-.modal-header .close {
-    padding: .25rem .5rem;
-    margin: -0.25rem -0.5rem -0.25rem auto;
-    //border-left: $border-style;
+// New UI standard: round close button. Geometry here is theme-agnostic (same in
+// dark & light); the surface/border/hover colours live in colors-dark/-light.scss.
+// Covers both the in-header close button AND the absolutely-positioned close that
+// some full-screen modals (e.g. the test-case layout) drop straight into .modal-content.
+.modal-header .close,
+.modal-content > .close {
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+    width: 1.75rem;
+    height: 1.75rem;
+    padding: 0;
+    vertical-align: middle;     // centre against sibling inline content (some headers wrap it in a float-right div)
+    border-radius: 50%;
+    line-height: 1;
+    opacity: 1;                 // Bootstrap dims .close to 0.5 by default
+    transition: background-color 0.15s ease, color 0.15s ease, border-color 0.15s ease, box-shadow 0.15s ease;
+
+    // the X glyph sits centred; sized to the round button
+    span { display: inline-flex; }
+    i { font-size: 0.95rem; line-height: 1; }
+
+    // Normalise the close glyph app-wide. Modals use three different close icons:
+    //   fa-window-close (\f410, boxy square) · fa-times-circle (\f057, circled X)
+    //   · fa-times (\f00d, plain X). The first two read as a "box/circle inside the
+    // round button". Force them all to a clean plain X (\f00d) so every modal's
+    // round close button is identical, without editing each template.
+    // (Font Awesome 5 Free, solid weight 900.)
+    i.fa-window-close::before,
+    i.fa-times-circle::before { content: "\f00d"; }
+}
+// Flush-right only when it's a flex child of the header (not the absolutely-positioned variant).
+.modal-header .close { margin: 0 0 0 auto; }
+// Absolutely-positioned corner close (test-case / system-logs full-screen modals): its sibling
+// action icons sit at the same inline `top: 0.25rem` but on a 1.3rem (`line-height-1-3`) line, so
+// their centre is at 0.9rem; the 1.75rem round button pinned at the same top centres at 1.125rem —
+// ~0.225rem lower. Pull it up by exactly that half-height difference so it lines up with the icons.
+.modal-content > .close { margin-top: -0.225rem; }
+.modal-header .close:hover,
+.modal-header .close:focus { opacity: 1; outline: none; }
+
+// Some modals group the close button with a docs link / info icon in a
+// `float-right` wrapper. Those children have different heights (e.g. the 25px
+// docs logo), so on a shared inline baseline the round close button reads as
+// off-centre. Lay the wrapper out as a centred flex row so every action—incl.
+// the close button—sits on one vertically-centred line. Order keeps Close last.
+.modal-header > .float-right {
+    float: none !important;
+    display: inline-flex;
+    align-items: center;
+    gap: 0.65rem;               // even, comfortable spacing between header actions (docs / info / close)
+    margin-left: auto;          // push the action group to the right edge…
+    padding-left: 1rem;         // …but never let it crowd the title text
+}
+.modal-header > .float-right .close { margin: 0; order: 1; }
+
+// New UI standard: header action icons (docs logo + info / help glyphs) share a
+// consistent size and sit centred next to the round close button. Drop the ad-hoc
+// inline sizing/margins (font-size:25px, ml-2/3, mt-n1/n2) the templates carry.
+.modal-header > .float-right {
+    // Docs wordmark logo — fixed height (the SVG is 235×145, so width auto keeps ratio),
+    // a touch recessed, brightening on hover like a link.
+    a {
+        display: inline-flex;
+        align-items: center;
+        margin: 0 !important;
+    }
+    img {
+        height: 20px !important;
+        width: auto !important;
+        margin: 0 !important;        // neutralise mt-n1/n2 + ml/mr that skewed centring
+        opacity: 0.9;
+        transition: opacity 0.15s ease;
+    }
+    a:hover img { opacity: 1; }
+
+    // Info / help action — normalise the inline font-size:1.4em + harsh text-info to
+    // a consistent glyph that matches the close button's scale and brand colour.
+    > span {
+        font-size: 1rem !important;
+        display: inline-flex;
+        align-items: center;
+        margin: 0 !important;
+    }
+    > span i { font-size: 1.15rem; line-height: 1; transition: color 0.15s ease; }
 }
 
 .nav-link { padding: 0.5rem 1rem !important;}
 
+// Pin navbar item metrics so swapping bootswatch themes (slate <-> cerulean) can't reflow the
+// navbar (prevents the menu "dancing" on dark/light toggle). Theme-agnostic — same in both modes.
+.navbar { min-height: 44px; }
+.navbar-nav .nav-link {
+    padding: 0.5rem 1rem !important;
+    line-height: 1.5 !important;
+    font-size: $font-size !important;
+    font-weight: 400 !important;
+}
+.navbar-nav .nav-link.active,
+.navbar-nav .nav-item.show > .nav-link { font-weight: 400 !important; } // no bold jump on active
+
+// Menu (dropdown) separator — brand-tinted hairline, visible in both themes.
+.dropdown-divider {
+    border-top: 1px solid rgba(97, 175, 239, 0.20);
+    margin: 0.3rem 0.5rem;
+}
+
+// Pin heading sizes so the bootswatch slate/cerulean swap renders them identically (same in dark & light).
+h1, .h1 { font-size: 2.5rem !important; }
+h2, .h2 { font-size: 2rem !important; }
+h3, .h3 { font-size: 1.75rem !important; }
+h4, .h4 { font-size: 1.40625rem !important; }
+h5, .h5 { font-size: 1.171875rem !important; }
+h6, .h6 { font-size: 0.9375rem !important; }
+
+// Heading standard (theme-agnostic) — spacing/weight/line-height. Color is set per theme.
+h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+    margin-bottom: 0.5rem;
+    font-weight: 500;
+    line-height: 1.2;
+}
+
 .nav-pills .nav-link, .nav-tabs .nav-link, .nav-tabs .nav-link:hover {color: var(--content-primary--shade--four);}
 
 .navbar-brand {
-    padding-top: 0.3125rem !important;
+    //padding-top: 0.3125rem !important;
+    padding-top: 0 !important;
     padding-bottom: 0.3125rem !important;
     font-size: 1.25rem !important;
 }
@@ -67,7 +183,28 @@
     border: none !important;
 }
 
-.form-control-sm, .col-form-label-sm { font-size: $font-size;}
+// ==== Consistent input HEIGHT across both themes ====
+// bootswatch slate (dark) and cerulean (light) ship DIFFERENT .form-control padding +
+// font-size, and since the height is calc(1.5em + padding + 2px) (em-based) the inputs
+// render at different heights per theme. Pin font-size + padding + line-height + border
+// so every input is identical in dark & light, everywhere in the app.
+.form-control {
+    font-size: $font-size !important;          // 0.875rem
+    padding: 0.375rem 0.75rem !important;
+    line-height: 1.5 !important;
+    border-width: 1px !important;
+    height: calc(1.5em + 0.75rem + 2px) !important;
+}
+.form-control-sm, .col-form-label-sm { font-size: $font-size !important; }
+.form-control-sm {
+    padding: 0.25rem 0.5rem !important;
+    line-height: 1.5 !important;
+    border-width: 1px !important;
+    height: calc(1.5em + 0.5rem + 2px) !important;
+}
+// input-group prefix/suffix boxes must match the input height (same padding/line-height/font).
+.input-group-sm .input-group-text, .input-group-sm .form-control { font-size: $font-size !important; }
+textarea.form-control, textarea.form-control-sm { height: auto !important; } // textareas size to rows
 
 //.modal-content { max-height: calc(100vh - 72px);}
 .modal-content { max-height: calc(100vh - 68px); } // 72px is giving scroll in case of log profile.
@@ -92,3 +229,29 @@
 
 // file upload classes
 .custom-file-input:lang(en) ~ .custom-file-label::after {padding: 5px; height: 30px;}
+
+// Override Bootswatch's harsh .btn black border + text-shadow (doesn't suit the brand gradient buttons).
+.btn {
+    border-color: transparent;
+    text-shadow: none;
+}
+
+// ==== Consistent button HEIGHT + font across both themes ====
+// Same root cause as inputs: bootswatch slate (dark) uses padding 0.75rem 1rem / font 0.9375rem,
+// cerulean (light) uses 0.375rem 0.75rem / font 1rem — so buttons render at different heights per
+// theme. Pin font-size + padding + line-height + border so buttons are identical in dark & light.
+// EXCLUDE explicitly-sized icon buttons (.btn-xsm-custom, .btn-icon-only) — they set their
+// own width/height/padding and must not be re-padded by these consistency rules.
+.btn:not(.btn-xsm-custom):not(.btn-icon-only) {
+    font-size: $font-size !important;          // 0.875rem
+    padding: 0.375rem 0.75rem !important;
+    line-height: 1.5 !important;
+    border-width: 1px !important;
+}
+.btn-sm:not(.btn-xsm-custom):not(.btn-icon-only),
+.btn-group-sm > .btn:not(.btn-xsm-custom):not(.btn-icon-only) {
+    font-size: $font-size !important;
+    padding: 0.25rem 0.5rem !important;
+    line-height: 1.5 !important;
+    border-width: 1px !important;
+}