stargazer-ui 1.0.10 → 1.0.12

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 (104) hide show
  1. package/dist/Button/package.json +1 -0
  2. package/dist/Card/package.json +1 -0
  3. package/dist/CloseButton/package.json +1 -0
  4. package/dist/Dropdown/package.json +1 -0
  5. package/dist/FloatingLabel/package.json +1 -0
  6. package/dist/Form/package.json +1 -0
  7. package/dist/InputGroup/package.json +1 -0
  8. package/dist/Modal/package.json +1 -0
  9. package/dist/Nav/package.json +1 -0
  10. package/dist/NavBar/package.json +1 -0
  11. package/dist/NavDropdown/package.json +1 -0
  12. package/dist/Popout/package.json +1 -0
  13. package/dist/Spinner/package.json +1 -0
  14. package/dist/Table/package.json +1 -0
  15. package/dist/Tabs/package.json +1 -0
  16. package/dist/ToggleButton/package.json +1 -0
  17. package/dist/cjs/index.js +2 -0
  18. package/package.json +24 -10
  19. package/dist/BaseTypes.d.ts +0 -19
  20. package/dist/Button/Button.d.ts +0 -4
  21. package/dist/Button/Button.js +0 -2
  22. package/dist/Button/Button.js.map +0 -1
  23. package/dist/Button/Button.types.d.ts +0 -7
  24. package/dist/Button/index.d.ts +0 -2
  25. package/dist/Button/index.js +0 -2
  26. package/dist/Button/index.js.map +0 -1
  27. package/dist/Card/Card.d.ts +0 -34
  28. package/dist/Card/Card.js +0 -2
  29. package/dist/Card/Card.js.map +0 -1
  30. package/dist/Card/Card.types.d.ts +0 -24
  31. package/dist/Card/index.d.ts +0 -2
  32. package/dist/CloseButton/CloseButton.d.ts +0 -4
  33. package/dist/CloseButton/CloseButton.js +0 -2
  34. package/dist/CloseButton/CloseButton.js.map +0 -1
  35. package/dist/CloseButton/CloseButton.types.d.ts +0 -5
  36. package/dist/CloseButton/index.d.ts +0 -2
  37. package/dist/Dropdown/Dropdown.d.ts +0 -71
  38. package/dist/Dropdown/Dropdown.js +0 -2
  39. package/dist/Dropdown/Dropdown.js.map +0 -1
  40. package/dist/Dropdown/Dropdown.types.d.ts +0 -55
  41. package/dist/Dropdown/index.d.ts +0 -3
  42. package/dist/FloatingLabel/FloatingLabel.d.ts +0 -4
  43. package/dist/FloatingLabel/FloatingLabel.js +0 -2
  44. package/dist/FloatingLabel/FloatingLabel.js.map +0 -1
  45. package/dist/FloatingLabel/FloatingLabel.types.d.ts +0 -9
  46. package/dist/FloatingLabel/index.d.ts +0 -2
  47. package/dist/Form/Form.d.ts +0 -17
  48. package/dist/Form/Form.js +0 -2
  49. package/dist/Form/Form.js.map +0 -1
  50. package/dist/Form/Form.types.d.ts +0 -50
  51. package/dist/Form/index.d.ts +0 -3
  52. package/dist/InputGroup/InputGroup.d.ts +0 -6
  53. package/dist/InputGroup/InputGroup.js +0 -2
  54. package/dist/InputGroup/InputGroup.js.map +0 -1
  55. package/dist/InputGroup/InputGroup.types.d.ts +0 -10
  56. package/dist/InputGroup/index.d.ts +0 -3
  57. package/dist/Modal/Modal.d.ts +0 -40
  58. package/dist/Modal/Modal.js +0 -2
  59. package/dist/Modal/Modal.js.map +0 -1
  60. package/dist/Modal/Modal.types.d.ts +0 -40
  61. package/dist/Modal/index.d.ts +0 -2
  62. package/dist/Nav/Nav.d.ts +0 -30
  63. package/dist/Nav/Nav.js +0 -2
  64. package/dist/Nav/Nav.js.map +0 -1
  65. package/dist/Nav/Nav.types.d.ts +0 -17
  66. package/dist/Nav/index.d.ts +0 -3
  67. package/dist/NavBar/Navbar.d.ts +0 -19
  68. package/dist/NavBar/Navbar.js +0 -2
  69. package/dist/NavBar/Navbar.js.map +0 -1
  70. package/dist/NavBar/Navbar.types.d.ts +0 -19
  71. package/dist/NavBar/index.d.ts +0 -3
  72. package/dist/NavDropdown/NavDropdown.d.ts +0 -35
  73. package/dist/NavDropdown/NavDropdown.js +0 -2
  74. package/dist/NavDropdown/NavDropdown.js.map +0 -1
  75. package/dist/NavDropdown/NavDropdown.types.d.ts +0 -5
  76. package/dist/NavDropdown/index.d.ts +0 -2
  77. package/dist/Popout/Popout.d.ts +0 -22
  78. package/dist/Popout/Popout.js +0 -2
  79. package/dist/Popout/Popout.js.map +0 -1
  80. package/dist/Popout/Popout.types.d.ts +0 -36
  81. package/dist/Popout/index.d.ts +0 -2
  82. package/dist/Spinner/Spinner.d.ts +0 -4
  83. package/dist/Spinner/Spinner.js +0 -2
  84. package/dist/Spinner/Spinner.js.map +0 -1
  85. package/dist/Spinner/Spinner.types.d.ts +0 -7
  86. package/dist/Spinner/index.d.ts +0 -2
  87. package/dist/Table/Table.d.ts +0 -4
  88. package/dist/Table/Table.js +0 -2
  89. package/dist/Table/Table.js.map +0 -1
  90. package/dist/Table/Table.types.d.ts +0 -7
  91. package/dist/Table/index.d.ts +0 -3
  92. package/dist/Tabs/Tabs.d.ts +0 -9
  93. package/dist/Tabs/Tabs.js +0 -2
  94. package/dist/Tabs/Tabs.js.map +0 -1
  95. package/dist/Tabs/Tabs.types.d.ts +0 -35
  96. package/dist/Tabs/index.d.ts +0 -2
  97. package/dist/ToggleButton/ToggleButton.d.ts +0 -4
  98. package/dist/ToggleButton/ToggleButton.js +0 -2
  99. package/dist/ToggleButton/ToggleButton.js.map +0 -1
  100. package/dist/ToggleButton/ToggleButton.types.d.ts +0 -7
  101. package/dist/ToggleButton/index.d.ts +0 -2
  102. package/dist/index.d.ts +0 -17
  103. package/dist/index.js +0 -2
  104. package/dist/index.js.map +0 -1
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Button","private":true,"main":"../cjs/Button/Button.d.ts","module":"../esm/Button/Button.d.ts","types":"./esm/Button/Button.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Card","private":true,"main":"../cjs/Card/Card.d.ts","module":"../esm/Card/Card.d.ts","types":"./esm/Card/Card.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/CloseButton","private":true,"main":"../cjs/CloseButton/CloseButton.d.ts","module":"../esm/CloseButton/CloseButton.d.ts","types":"./esm/CloseButton/CloseButton.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Dropdown","private":true,"main":"../cjs/Dropdown/Dropdown.d.ts","module":"../esm/Dropdown/Dropdown.d.ts","types":"./esm/Dropdown/Dropdown.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/FloatingLabel","private":true,"main":"../cjs/FloatingLabel/FloatingLabel.d.ts","module":"../esm/FloatingLabel/FloatingLabel.d.ts","types":"./esm/FloatingLabel/FloatingLabel.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Form","private":true,"main":"../cjs/Form/Form.d.ts","module":"../esm/Form/Form.d.ts","types":"./esm/Form/Form.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/InputGroup","private":true,"main":"../cjs/InputGroup/InputGroup.d.ts","module":"../esm/InputGroup/InputGroup.d.ts","types":"./esm/InputGroup/InputGroup.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Modal","private":true,"main":"../cjs/Modal/Modal.d.ts","module":"../esm/Modal/Modal.d.ts","types":"./esm/Modal/Modal.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Nav","private":true,"main":"../cjs/Nav/Nav.d.ts","module":"../esm/Nav/Nav.d.ts","types":"./esm/Nav/Nav.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/NavBar","private":true,"main":"../cjs/NavBar/NavBar.d.ts","module":"../esm/NavBar/NavBar.d.ts","types":"./esm/NavBar/NavBar.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/NavDropdown","private":true,"main":"../cjs/NavDropdown/NavDropdown.d.ts","module":"../esm/NavDropdown/NavDropdown.d.ts","types":"./esm/NavDropdown/NavDropdown.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Popout","private":true,"main":"../cjs/Popout/Popout.d.ts","module":"../esm/Popout/Popout.d.ts","types":"./esm/Popout/Popout.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Spinner","private":true,"main":"../cjs/Spinner/Spinner.d.ts","module":"../esm/Spinner/Spinner.d.ts","types":"./esm/Spinner/Spinner.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Table","private":true,"main":"../cjs/Table/Table.d.ts","module":"../esm/Table/Table.d.ts","types":"./esm/Table/Table.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/Tabs","private":true,"main":"../cjs/Tabs/Tabs.d.ts","module":"../esm/Tabs/Tabs.d.ts","types":"./esm/Tabs/Tabs.types.d.ts"}
@@ -0,0 +1 @@
1
+ {"name":"stargazer-ui/ToggleButton","private":true,"main":"../cjs/ToggleButton/ToggleButton.d.ts","module":"../esm/ToggleButton/ToggleButton.d.ts","types":"./esm/ToggleButton/ToggleButton.types.d.ts"}
@@ -0,0 +1,2 @@
1
+ "use strict";var e=require("react"),t=require("react-dom");const r=e.forwardRef((({children:t,variant:r="primary",className:a,...n},o)=>e.createElement("button",{ref:o,type:"button",className:`sg-button sg-button-${r}${null==a?"":" "+a}`,...n},t))),a=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:"sg-card "+r,...a},t))),n=e.forwardRef((({as:t="div",className:r,children:a,...n},o)=>{let s=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"div";return e.createElement(s,{ref:o,className:`sg-card-header ${r}`,...n},a)})),o=e.forwardRef((({as:t="h5",className:r,children:a,...n},o)=>{let s=["h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"h5";return e.createElement(s,{ref:o,className:r,...n},a)})),s=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:`sg-card-body ${r}`,...a},t))),l=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("p",{ref:n,className:`sg-card-text ${r}`,...a},t))),c=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:`sg-card-footer ${r}`,...a},t)));Object.assign(a,{Header:n,Body:s,Title:o,Text:l,Footer:c});const d=e.forwardRef((({className:t,variant:r=!1,...a},n)=>e.createElement("button",{ref:n,className:`sg-button-close${r?" sg-button-close-white":""} ${t}`,...a},e.createElement("span",{className:"sg-close-visually-hidden-label"},"Close")))),i=(e,t="")=>{let r=e.target,a=!0,n=!1;for(;a;)r.id!=t+"-menu"?r=r.parentElement:(n=!0,a=!1),"root"===r.id&&(a=!1,n=!1);return n},u=e.createContext(null),m=({children:t,value:r})=>e.createElement(u.Provider,{value:r},t),f=()=>{const t=e.useContext(u);if(!t)throw new Error("useDropdownContext has to be used within DropdownContextProvider!");return t},p=e.forwardRef((({children:t,className:r,onSelect:a,onToggle:n,controlId:o,drop:s="down",align:l="start",autoClose:c=!0,show:d="default",...i},u)=>{const[f,p]=e.useState("default"!==d&&d),[h,g]=e.useState({case:""}),v=e=>{e.stopPropagation(),p((e=>!e))},b=((e,t,r=!1)=>{let a=e?r?"bottom-start":"bottom-end":r?"bottom-end":"bottom-start";return"up"===t?a=e?r?"top-start":"top-end":r?"top-end":"top-start":"end"===t?a=e?r?"left-end":"right-end":r?"left-start":"right-start":"start"===t?a=e?r?"right-end":"left-end":r?"right-start":"left-start":"down-centered"===t?a="bottom":"up-centered"===t&&(a="top"),a})("end"===l,s),w=e.useMemo((()=>({align:l,drop:s,showInternal:"default"!=d&&n?d:f,handleToggle:"default"!=d&&n?n:v,placement:b,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:o,activeDescendant:h,setActiveDescendant:g})),[l,s,d,f,n,b,o,h,g]);return e.createElement("div",{id:o+"-wrapper",ref:u,className:"sg-dropdown"+(r?" "+r:""),...i},e.createElement(m,{value:w},t))})),h=e.forwardRef((({children:t,className:r,navDropdown:a=!1,as:n="button",variant:o="primary",...s},l)=>{const{controlId:c,handleToggle:d,setActiveDescendant:u,showInternal:m}=f(),p=n,h=e=>{let t=!1;switch(console.log(e.key),e.key){case"ArrowDown":t=!0,m?u((e=>({...e,case:"next"}))):(d(e),u((e=>({...e,case:"first"}))));break;case"ArrowUp":t=!0,m?u((e=>({...e,case:"previous"}))):(d(e),u((e=>({...e,case:"last"}))));break;case"Home":t=!0,m&&u((e=>({...e,case:"first"})));break;case"End":t=!0,m&&u((e=>({...e,case:"last"})));break;case"Tab":m&&d(e);break;case"Escape":t=!0,m&&d(e);break;case"Enter":case" ":if(m){t=!0;document.querySelector(".sg-dropdown-item-visual-focus").click(),d(e);break}u((e=>({...e,case:"first"})))}t&&(e.stopPropagation(),e.preventDefault())},g=e=>{if(m&&e.target.id!==c)if(i(e,c)){if(i(e,c)){d(e);const t=document.getElementById(c);t?.focus()}}else d(e)};e.useEffect((()=>{const e=document.getElementById(c);return e.addEventListener("keydown",h,!0),document.addEventListener("mouseup",g,!0),function(){e.removeEventListener("keydown",h,!0),document.removeEventListener("mouseup",g,!0)}}),[h,c]);let v=`sg-button sg-button${o?"-"+o:"-primary"} sg-dropdown-toggle${r?" "+r:""}`;return("a"===p||a)&&(v="sg-nav-dropdown-toggle sg-dropdown-toggle"+(r?" "+r:"")),e.createElement(p,{tabIndex:"0",type:"button","aria-haspopup":"true","aria-controls":c+"-menu","aria-expanded":m,id:c,ref:l,className:v,onClick:e=>(e=>{d(e),m||u((e=>({...e,case:"first"})))})(e),...s},t)})),g=e.forwardRef((({children:t,className:r,style:a={},...n},o)=>{const{controlId:s,showInternal:l,activeDescendant:c}=f(),[d,i]=e.useState(a);e.useLayoutEffect((()=>{if(l){const e=document.getElementById(s+"-menu");let t={};e.getBoundingClientRect().right>window.innerWidth?t={...t,right:0}:e.getBoundingClientRect().left<0?t={...t,left:0}:e.getBoundingClientRect().top<0?t={...t,top:0}:e.getBoundingClientRect().bottom>window.innerHeight&&(t={...t,bottom:0}),i((e=>({...e,...t})))}}),[l]),e.useEffect((()=>{if(l){const e=document.getElementById(s+"-menu"),t=document.getElementById(s+"-menu").children,r=t.length-1,a=document.querySelector(".sg-dropdown-item-visual-focus");let n=0,o=t[0].children[0];if(null!=a){a.classList.remove("sg-dropdown-item-visual-focus");for(let e=0;e<t.length;e++)if(t[e]===a.parentElement){n=e;break}}switch(c.case){case"first":o=t[0].children[0],n=0;break;case"last":o=t[r].children[0],n=r;break;case"next":n=n===r?0:n+1,o=t[n].children[0];break;case"previous":n=0===n?r:n-1,o=t[n].children[0]}e.setAttribute("aria-activedescendant",o.id),t[n].children[0].classList.add("sg-dropdown-item-visual-focus")}else{document.getElementById(s+"-menu").setAttribute("aria-activedescendant","")}}),[s,l,c]);const u=e=>{const t=e.target;let r=t.classList.contains("sg-dropdown-item-visual-focus");const a=document.getElementById(s+"-menu");r||(document.querySelector(".sg-dropdown-item-visual-focus")?.classList.remove("sg-dropdown-item-visual-focus"),a.setAttribute("aria-activedescendant",""),t.classList.add("sg-dropdown-item-visual-focus"),a.setAttribute("aria-activedescendant",t.id))};return e.useEffect((()=>{const e=document.getElementById(s+"-menu");for(let t=0;t<e.children.length;t++)e.children[t].addEventListener("mouseover",u,!0);return function(){for(let t=0;t<e.children.length;t++)e.children[t].addEventListener("mouseover",u,!0)}}),[]),e.createElement("ul",{id:s+"-menu",role:"menu",tabIndex:-1,"aria-labelledby":s,ref:o,className:`sg-dropdown-list${r?" "+r:""}${l?" show":""}`,style:d,...n},t)})),v=e.forwardRef((({children:t,as:r="button",className:a,...n},o)=>{const s=r;return e.createElement("li",{role:"none"},e.createElement(s,{ref:o,role:"menuitem",tabIndex:"-1",className:"sg-dropdown-item"+(a?" "+a:""),...n},t))})),b=e.forwardRef((({className:t="",...r},a)=>e.createElement("hr",{ref:a,className:`.sg-dropdown-divider${t}`,...r})));var w=Object.assign(p,{Toggle:h,Menu:g,Item:v,Divider:b});const E=e.createContext(null),N=({children:t,value:r})=>e.createElement(E.Provider,{value:r},t),y=()=>{const t=e.useContext(E);if(!t)throw new Error("useFormContext has to be used within a FormContextProvider!");return t},x=e.forwardRef((({children:t,...r},a)=>e.createElement("form",{ref:a,...r},t))),R=e.forwardRef((({as:t="input",className:r="",plaintext:a=!1,id:n="",type:o="text",autoFocus:s=!1,...l},c)=>{let d=t;const{controlId:i}=y();let u=i||n,m=(a?"sg-form-control-plaintext":"sg-form-control")+(""!=r?" "+r:"")+("color"==o?" sg-form-control-color":"");return e.createElement(d,{autoFocus:s,ref:c,id:u,type:o,className:m,...l})})),C=e.forwardRef((({children:t,className:r,id:a,...n},o)=>{const{controlId:s}=y();let l=s||a;return e.createElement("select",{ref:o,className:"sg-form-select"+(r?" "+r:""),id:l,...n},t)})),k=e.forwardRef((({children:t,className:r,controlId:a,...n},o)=>{const s=e.useMemo((()=>({controlId:a})),[a]);return e.createElement("div",{ref:o,className:"sg-from-group"+(r?" "+r:""),...n},e.createElement(N,{value:s},t))})),I=e.forwardRef((({children:t,className:r,htmlFor:a},n)=>{const{controlId:o}=y();let s=a||o;return e.createElement("label",{ref:n,htmlFor:s,className:"sg-form-label"+(r?" "+r:"")},t)})),T=e.forwardRef((({classNameContainer:t,containerRef:r,containerId:a,style:n,classNameLabel:o,labelRef:s,label:l,labelId:c,className:d,type:i,id:u,controlId:m,reverse:f=!1,checkStyle:p,...h},g)=>{let v=m||u,b="switch"===i?"checkbox":i;return e.createElement("div",{ref:r,id:a,style:n,className:`sg-form-check${f?"-reverse":""}${t?" "+t:""}${"switch"===i?" sg-form-switch":""}`},f?e.createElement(e.Fragment,null,e.createElement("input",{ref:g,type:b,id:v,className:"sg-form-check-input"+(d?" "+d:""),...h}),e.createElement("label",{ref:s,id:c,htmlFor:v,className:"sg-form-check-label"+(o?" "+o:"")},l)):e.createElement(e.Fragment,null,e.createElement("label",{ref:s,id:c,htmlFor:v,className:"sg-form-check-label"+(o?" "+o:"")},l),e.createElement("input",{ref:g,type:b,id:v,className:"sg-form-check-input"+(d?" "+d:""),style:p,...h})))})),S=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("small",{ref:n,className:"sg-form-text"+(r?" "+r:""),...a},t)));var $=Object.assign(x,{Control:R,Select:C,Group:k,Label:I,Check:T,Text:S});const L=e.forwardRef((({children:t,label:r,controlId:a,className:n,htmlFor:o,...s},l)=>{const c=e.useMemo((()=>({controlId:a})),[a]);return e.createElement(N,{value:c},e.createElement("div",{className:"sg-form-floating"},t,e.createElement("label",{ref:l,htmlFor:a,className:"sg-form-floating-label",...s},r)))})),D=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:"sg-input-group"+(r?" "+r:""),...a},t))),P=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("span",{ref:n,className:"sg-input-group-text"+(r?" "+r:""),...a},t)));var B=Object.assign(D,{Text:P});const F=e.createContext(null),A=({children:t,value:r})=>e.createElement(F.Provider,{value:r},t),H=e.forwardRef((({children:t,as:r="",className:a="",closeButton:n=!1,onClick:o,...s},l)=>{let c=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===r))?r:"div";const i=(()=>{const t=e.useContext(F);if(!t)throw new Error("useModalContext has to be used within ModalContextProvider!");return t})();return e.createElement(c,{ref:l,className:`sg-modal-header ${a}`,...s},t,n?e.createElement(d,{variant:!0,onClick:e=>(e=>{o&&o(e),i()})(e)}):null)})),M=e.forwardRef((({children:t,as:r="h4",className:a,...n},o)=>{let s=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===r))?r:"h4";return e.createElement(s,{ref:o,className:`sg-modal-title ${a}`,...n},t)})),O=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:`sg-modal-body ${r}`,...a},t))),j=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:`sg-modal-footer ${r}`,...a},t)));var q=Object.assign((({children:r,centered:a=!1,size:n="md",show:o,backdrop:s="static",onHide:l,className:c,id:d,...i})=>{const[u,m]=e.useState(o);e.useEffect((()=>{m(o)}),[o]);const f=e.useRef(null);z(f);let p="boolean"==typeof o&&"function"==typeof l?void 0:{show:"boolean"==typeof o,onHide:"function"==typeof l};p&&console.error(p.show?null:"The variable 'show' must be used and must be a boolean used to decide when to show the modal!",p.onHide?null:"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!");const h=()=>{l&&l(),m(!1)};e.useEffect((()=>{const e=f.current;e&&(u?(e.classList.remove("close"),e.showModal()):e.close())}),[u]);let g=`sg-modal-tag sg-modal-${n}`;c&&(g+=" "+c),"static"!==s&&"true"!==s||(g+=" sg-modal-static");return t.createPortal(e.createElement("dialog",{ref:f,className:g,onKeyDown:e=>(e=>{if("Escape"!=e.key)return;e.preventDefault();const t=f.current;t.classList.add("close"),t.addEventListener("animationend",(()=>{h()}),{once:!0})})(e),...i},e.createElement(A,{value:l},p?e.createElement(W,{typeCheck:p,closeModal:h}):r)),document.body)}),{Header:H,Title:M,Body:O,Footer:j});const z=function(t){e.useEffect((()=>{const e=e=>{const r='button, [href], input, select, textarea, [tabindex]:not([tabindex="-1"])',a=t.current;if(a){const t=a.querySelectorAll(r)[0],n=a.querySelectorAll(r),o=n[n.length-1];if(!("Tab"===e.key))return;e.shiftKey?document.activeElement===t&&(o.focus(),e.preventDefault()):document.activeElement===o&&(t.focus(),e.preventDefault())}};return document.addEventListener("keydown",e,!0),function(){document.removeEventListener("keydown",e,!0)}}),[t])},W=({typeCheck:t,closeModal:a})=>e.createElement(e.Fragment,null,e.createElement(H,{closeButton:!0},e.createElement(M,null,"An Error ocurred!")),e.createElement(O,null,e.createElement("p",null,t.show?null:"The variable 'show' must be used and must be a boolean used to decide when to show the modal!",t.onHide?null:"The variable 'onHide' must be used and must be a function which is used to set 'show' as the modal gets closed!")),e.createElement(j,null,e.createElement(r,{variant:"danger",type:"button",onClick:()=>a()},"Close"))),X=e.createContext(null),Y=({children:t,value:r})=>e.createElement(X.Provider,{value:r},t),K=()=>e.useContext(X),G=e.forwardRef((({children:t,className:r,navbarPrefix:a="sg-navbar-",...n},o)=>{const s=e.useMemo((()=>a),[a]);return e.createElement("nav",{ref:o,className:"sg-navbar"+(r?" "+r:""),...n},e.createElement(Y,{value:s},t))})),U=e.forwardRef((({children:t,className:r,href:a="#",as:n="a",...o},s)=>{const l=n||(a&&"Link"!=n?"a":"span");return e.createElement(l,{ref:s,href:a,className:"sg-navbar-brand"+(r?" "+r:""),...o},t)})),J=e.forwardRef((({children:t,className:r,as:a="span",...n},o)=>{const s=a;return e.createElement(s,{ref:o,className:"sg-navbar-text"+(r?" "+r:""),...n},t)}));var Q=Object.assign(G,{Brand:U,Text:J});const V=e.forwardRef((({children:t,className:r,as:a="ul",...n},o)=>{const s=a,l=K(),c=l||"sg-navbar-";return e.createElement(s,{ref:o,className:`${r} ${c}nav`,...n},t)})),Z=e.forwardRef((({children:t,className:r,as:a="li",...n},o)=>{const s=a;return e.createElement(s,{role:"none",ref:o,className:"sg-nav-item"+(r?" "+r:""),...n},t)})),_=e.forwardRef((({children:t,className:r,as:a="a",...n},o)=>{const s=a;return e.createElement(s,{role:"menuitem",ref:o,className:"sg-nav-link"+(r?" "+r:""),...n},t)}));var ee=Object.assign(V,{Item:Z,Link:_});const te=e.forwardRef((({children:t,className:r,onSelect:a,onToggle:n,controlId:o,toggleProps:s,title:l,menuProps:c,drop:d="down",align:i="start",autoClose:u=!0,show:f="default",...p},h)=>{const[g,v]=e.useState("default"!==f&&f),[b,E]=e.useState({case:""}),N=e.useCallback((e=>{e.stopPropagation(),v((e=>!e))}),[]),y=((e,t,r=!1)=>{let a=e?r?"bottom-start":"bottom-end":r?"bottom-end":"bottom-start";return"up"===t?a=e?r?"top-start":"top-end":r?"top-end":"top-start":"end"===t?a=e?r?"left-end":"right-end":r?"left-start":"right-start":"start"===t?a=e?r?"right-end":"left-end":r?"right-start":"left-start":"down-centered"===t?a="bottom":"up-centered"===t&&(a="top"),a})("end"===i,d),x={down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},R=o,C=e.useMemo((()=>({align:i,drop:d,showInternal:"default"!=f&&n?f:g,handleToggle:"default"!=f&&n?n:N,placement:y,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:R,activeDescendant:b,setActiveDescendant:E})),[i,d,f,g,n,N,y,x,o,b,E]);return e.createElement("div",{ref:h,id:o+"-wrapper",className:`sg-dropdown${r?" "+r:""} sg-nav-item`,...p},e.createElement(m,{value:C},e.createElement(w.Toggle,{navDropdown:!0,...s},l),e.createElement(w.Menu,{...c},t)))}));var re=Object.assign(te,{Toggle:w.Toggle,Menu:w.Menu,Item:w.Item,Divider:w.Divider});const ae=e.forwardRef((({children:r,initialPosition:a={top:0,left:0},id:n,resize:o=!1,move:s=!1,className:l,style:c,...d},i)=>{const[u,m]=e.useState({offSetTop:0,offSetLeft:0,...a}),f=o?"true":"false",p=s?"true":"false",h=e.useRef(i),g=e.useRef(null),[v,b]=e.useState(!1),w=e.useRef(v);e.useEffect((()=>{w.current=v}),[v]);const E=()=>{s&&(g.current.style.removeProperty("user-select"),b(!1))};return e.useEffect((()=>(document.body.addEventListener("pointerup",(()=>E()),!0),function(){document.body.removeEventListener("pointerup",(()=>E()),!0)})),[]),t.createPortal(e.createElement("dialog",{"data-resize":f,"data-move":p,"data-passedRef":h,ref:g,id:n,className:"sg-moveable-popout"+(l?" "+l:""),style:{...c,top:u.top,left:u.left,bottom:u.bottom,right:u.right},onPointerDown:e=>{const t=e.target;if(s&&t.className.includes("sg-popout-title")||t.className.includes("sg-popout-header")){const{top:t,left:r}=g.current.getBoundingClientRect();m((a=>({...a,offSetTop:e.clientY-t,offSetLeft:e.clientX-r}))),g.current.style.setProperty("user-select","none"),g.current.setPointerCapture(e.pointerId),b(!0)}},onPointerMove:e=>(e=>{if(s&&w.current&&g.current){const t=e.clientY-u.offSetTop<0,r=window.innerHeight-(e.clientY-u.offSetTop+g.current.offsetHeight)<0,a=e.clientX-u.offSetLeft<0,n=window.innerWidth-(e.clientX-u.offSetLeft+g.current.offsetWidth)<0;let o=t?0:e.clientY-u.offSetTop;o=r?window.innerHeight-g.current.offsetHeight:o;let s=a?0:e.clientX-u.offSetLeft;s=n?window.innerWidth-g.current.offsetWidth:s,m((e=>({...e,top:o,left:s})))}})(e),...d},r),document.body)})),ne=e.forwardRef((({children:t,className:r,as:a="div",...n},o)=>{let s=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===a))?a:"div";return e.createElement(s,{ref:o,className:`sg-popout-header ${r}`,...n},t)})),oe=e.forwardRef((({as:t="h4",className:r,children:a,...n},o)=>{let s=["h1","h2","h3","h4","h5","h6"].find((e=>e===t))?t:"h5";return e.createElement(s,{ref:o,className:`sg-popout-title ${r}`,...n},a)})),se=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:`sg-popout-body ${r}`,...a},t))),le=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("p",{ref:n,className:`sg-popout-text ${r}`,...a},t))),ce=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{ref:n,className:`sg-popout-footer ${r}`,...a},t)));var de=Object.assign(ae,{Header:ne,Title:oe,Body:se,Text:le,Footer:ce});const ie=e.forwardRef((({size:t="1em",color:r="white",label:a,className:n,controlId:o,...s},l)=>e.createElement(e.Fragment,null,e.createElement("div",{"aria-labelledby":o,role:"status",ref:l,className:"sg-spinner"+(n?" "+n:""),style:{width:t,height:t,borderColor:r},...s}),e.createElement("label",{id:o,className:"sg-visually-hidden"},a)))),ue=e.forwardRef((({children:t,size:r="lg",className:a,...n},o)=>{let s=`sg-table${a?" "+a:""}${"sm"===r?" sg-table-sm":""}`;return e.createElement("table",{ref:o,className:s,...n},t)})),me=e.createContext(null),fe=({children:t,value:r})=>e.createElement(me.Provider,{value:r},t),pe=()=>{const t=e.useContext(me);if(!t)throw new Error("useTabContext has to be used within a TabContextProvider!");return t},he=e.forwardRef((({children:t,className:r,controlId:a,activeClassName:n,defaultActive:o,...s},l)=>{const[c,d]=e.useState(o),i=n||"sg-active",u=e.useMemo((()=>({activeTab:c,setActiveTab:d,controlId:a,activeClass:i})),[c,d,a]);return e.createElement(fe,{value:u},e.createElement("div",{ref:l,id:a+"-tab-wrapper",className:"sg-tabs"+(r?" "+r:""),...s},t))})),ge=e.forwardRef((({children:t,className:r,...a},n)=>{const{controlId:o,activeClass:s}=pe();return e.createElement("div",{onKeyDown:e=>(e=>{const t=e.key,r=document.getElementById(o+"-tab-controls");if(r){const a=Array.from(r.children);if("ArrowRight"===t||"ArrowLeft"===t){e.preventDefault();const r=document.querySelector(".sg-tabs-button."+s),n=a.indexOf(r),o="ArrowRight"===t?1:-1,l=n+o<0?a.length-1:n+o>=a.length?0:n+o;a[l].focus(),a[l].click()}else if("Home"===t||"End"===t){e.preventDefault();const r="Home"===t?0:a.length-1;a[r].focus(),a[r].click()}}})(e),role:"tablist",id:o+"-tab-controls",ref:n,className:"sg-tabs-controls"+(r?" "+r:""),...a},t)})),ve=e.forwardRef((({children:t,className:r,onClick:a,tabId:n,id:o,...s},l)=>{const{activeTab:c,setActiveTab:d,activeClass:i}=pe(),u="sg-tabs-button"+(r?" "+r:"")+(c===n?" "+i:""),m=c===n;return e.createElement("button",{role:"tab",type:"button",id:n+"-button",ref:l,onClick:e=>(e=>{d(n),a&&a(e)})(e),className:u,...s,tabIndex:m?0:-1,"aria-selected":m?"true":"false","aria-controls":n+"-page"},t)})),be=e.forwardRef((({children:t,className:r,...a},n)=>e.createElement("div",{role:"none",ref:n,className:"sg-tabs-content"+(r?" "+r:""),...a},t))),we=e.forwardRef((({children:t,className:r,tabId:a,...n},o)=>{const{activeTab:s,activeClass:l}=pe(),c="sg-tabs-page"+(r?" "+r:"")+(s===a?" "+l:"");return e.createElement("div",{role:"tabpanel",id:a+"-page","aria-labelledby":a+"-button",ref:o,className:c,...n},t)}));var Ee=Object.assign(he,{Controls:ge,Button:ve,Content:be,Page:we});const Ne=e.forwardRef((({children:t,toggled:r="false",onClick:a,...n},o)=>{const[s,l]=e.useState("true"===r);return e.createElement("button",{onClick:e=>(e=>{l((e=>!e)),a&&a(e)})(e),"data-toggled":s,...n},t)}));exports.Button=r,exports.CloseButton=d,exports.Dropdown=w,exports.DropdownContext=u,exports.DropdownContextProvider=m,exports.FloatingLabel=L,exports.Form=$,exports.FormContextProvider=N,exports.InputGroup=B,exports.Modal=q,exports.Nav=ee,exports.NavDropdown=re,exports.Navbar=Q,exports.Popout=de,exports.Spinner=ie,exports.Table=ue,exports.Tabs=Ee,exports.ToggleButton=Ne,exports.useDropdownContext=f,exports.useFormContext=y,exports.useNavbarContext=K;
2
+ //# sourceMappingURL=index.js.map
package/package.json CHANGED
@@ -1,12 +1,27 @@
1
1
  {
2
2
  "name": "stargazer-ui",
3
- "version": "1.0.10",
3
+ "version": "1.0.12",
4
4
  "description": "React component library made by Stargazer Works",
5
5
  "main": "dist/cjs/index.js",
6
- "typings": "dist/index.d.ts",
7
- "types": "dist/index.d.ts",
6
+ "module": "dist/esm/index.js",
7
+ "types": "dist/esm/index.d.ts",
8
8
  "files": [
9
- "dist",
9
+ "dist/Button",
10
+ "dist/Card",
11
+ "dist/CloseButton",
12
+ "dist/Dropdown",
13
+ "dist/FloatingLabel",
14
+ "dist/Form",
15
+ "dist/InputGroup",
16
+ "dist/Modal",
17
+ "dist/Nav",
18
+ "dist/NavBar",
19
+ "dist/NavDropdown",
20
+ "dist/Popout",
21
+ "dist/Spinner",
22
+ "dist/Table",
23
+ "dist/Tabs",
24
+ "dist/ToggleButton",
10
25
  "package.json",
11
26
  "README.md",
12
27
  "ChangeLogs.md"
@@ -15,7 +30,7 @@
15
30
  "test": "\"echo \\\"Error: no test specified\\\" && exit 1\"",
16
31
  "dev": "vite --config vite.config.js --port 5000",
17
32
  "build": "tsc --p ./tsconfig-build.json && vite build --config vite.config.js",
18
- "rollup": "rimraf dist && rollup -c"
33
+ "rollup": "rimraf dist && rollup -c && node scripts/writePackageJsons.js"
19
34
  },
20
35
  "type": "module",
21
36
  "engines": {
@@ -61,17 +76,16 @@
61
76
  "eslint-plugin-react-refresh": "^0.4.4",
62
77
  "glob": "^10.3.10",
63
78
  "react": ">=17.0.0",
79
+ "react-bootstrap": "^2.10.1",
64
80
  "react-dom": ">=17.0.0",
65
81
  "rollup": "^4.12.0",
66
82
  "rollup-plugin-dts": "^6.1.0",
83
+ "rollup-plugin-generate-package-json": "^3.2.0",
67
84
  "rollup-plugin-peer-deps-external": "^2.2.4",
85
+ "sass": "^1.71.1",
86
+ "tslib": "^2.6.2",
68
87
  "typescript": "^5.2.2",
69
88
  "vite": "^5.1.4",
70
89
  "vite-plugin-dts": "^3.7.3"
71
- },
72
- "dependencies": {
73
- "rollup-plugin-generate-package-json": "^3.2.0",
74
- "sass": "^1.71.1",
75
- "tslib": "^2.6.2"
76
90
  }
77
91
  }
@@ -1,19 +0,0 @@
1
- import React from "react";
2
- export type BaseAnchorType = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>;
3
- export type BaseButtonType = React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>;
4
- export type BaseDialogType = React.DetailedHTMLProps<React.DialogHTMLAttributes<HTMLDialogElement>, HTMLDialogElement>;
5
- export type BaseDivType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
6
- export type BaseFormType = React.DetailedHTMLProps<React.FormHTMLAttributes<HTMLFormElement>, HTMLFormElement>;
7
- export type BaseHeadingType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>;
8
- export type BaseInputType = React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>;
9
- export type BaseHrType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLHRElement>, HTMLHRElement>;
10
- export type BaseLabelType = React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>;
11
- export type BaseLItemType = React.DetailedHTMLProps<React.LiHTMLAttributes<HTMLLIElement>, HTMLLIElement>;
12
- export type BaseNavType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
13
- export type BaseParagraphType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>;
14
- export type BaseSelectType = React.DetailedHTMLProps<React.SelectHTMLAttributes<HTMLSelectElement>, HTMLSelectElement>;
15
- export type BaseSmallType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
16
- export type BaseSpanType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>;
17
- export type BaseTableType = React.DetailedHTMLProps<React.TableHTMLAttributes<HTMLTableElement>, HTMLTableElement>;
18
- export type BaseUListType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLUListElement>, HTMLUListElement>;
19
- export type BaseElementType = React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement>;
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { ButtonType } from "./Button.types";
3
- declare const Button: React.ForwardRefExoticComponent<Omit<ButtonType, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
- export default Button;
@@ -1,2 +0,0 @@
1
- import t,{forwardRef as e}from"react";const a=e((({children:e,variant:a="primary",className:r,...n},o)=>t.createElement("button",{ref:o,type:"button",className:`sg-button sg-button-${a}${null==r?"":" "+r}`,...n},e)));export{a as default};
2
- //# sourceMappingURL=Button.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Button.js","sources":["../../src/Button/Button.tsx"],"sourcesContent":[null],"names":["Button","forwardRef","children","variant","className","rest","ref","React","createElement","type","undefined"],"mappings":"sCAIM,MAAAA,EAASC,GAA2C,EAAEC,WAAUC,UAAQ,UAAWC,eAAcC,GAAOC,IAItGC,EAAAC,cAAA,SAAA,CAAQF,IAAKA,EAAKG,KAAK,SAASL,UAAW,uBAAuBD,IAAuBO,MAAbN,EAAyB,GAAK,IAAIA,OAAiBC,GAC1HH"}
@@ -1,7 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { BaseButtonType } from "../BaseTypes";
3
- export type ButtonType = {
4
- children: ReactNode;
5
- variant?: string;
6
- className?: string;
7
- } & BaseButtonType;
@@ -1,2 +0,0 @@
1
- export { default as Button } from "./Button";
2
- export type { ButtonType } from "./Button.types";
@@ -1,2 +0,0 @@
1
- export{default as Button}from"./Button.js";
2
- //# sourceMappingURL=index.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":""}
@@ -1,34 +0,0 @@
1
- import React from "react";
2
- import { CardBodyType, CardFooterType, CardTextType, CardType } from "./Card.types";
3
- declare const _default: React.ForwardRefExoticComponent<Omit<CardType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
4
- Header: React.ForwardRefExoticComponent<(Omit<{
5
- children: React.ReactNode;
6
- className?: string | undefined;
7
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
8
- } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
9
- children: React.ReactNode;
10
- className?: string | undefined;
11
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
12
- } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
13
- children: React.ReactNode;
14
- className?: string | undefined;
15
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
16
- } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLDivElement | HTMLHeadingElement | HTMLSpanElement>>;
17
- Body: React.ForwardRefExoticComponent<Omit<CardBodyType, "ref"> & React.RefAttributes<HTMLDivElement>>;
18
- Title: React.ForwardRefExoticComponent<(Omit<{
19
- children: React.ReactNode;
20
- className?: string | undefined;
21
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
22
- } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement>, "ref"> | Omit<{
23
- children: React.ReactNode;
24
- className?: string | undefined;
25
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
26
- } & React.ClassAttributes<HTMLHeadingElement> & React.HTMLAttributes<HTMLHeadingElement>, "ref"> | Omit<{
27
- children: React.ReactNode;
28
- className?: string | undefined;
29
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
30
- } & React.ClassAttributes<HTMLSpanElement> & React.HTMLAttributes<HTMLSpanElement>, "ref">) & React.RefAttributes<HTMLHeadingElement>>;
31
- Text: React.ForwardRefExoticComponent<Omit<CardTextType, "ref"> & React.RefAttributes<HTMLParagraphElement>>;
32
- Footer: React.ForwardRefExoticComponent<Omit<CardFooterType, "ref"> & React.RefAttributes<HTMLDivElement>>;
33
- };
34
- export default _default;
package/dist/Card/Card.js DELETED
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as a}from"react";const s=a((({children:a,className:s,...r},c)=>e.createElement("div",{ref:c,className:"sg-card "+s,...r},a))),r=a((({as:a="div",className:s,children:r,...c},l)=>{let t=["div","span","h1","h2","h3","h4","h5","h6"].find((e=>e===a))?a:"div";return e.createElement(t,{ref:l,className:`sg-card-header ${s}`,...c},r)})),c=a((({as:a="h5",className:s,children:r,...c},l)=>{let t=["h1","h2","h3","h4","h5","h6"].find((e=>e===a))?a:"h5";return e.createElement(t,{ref:l,className:s,...c},r)})),l=a((({children:a,className:s,...r},c)=>e.createElement("div",{ref:c,className:`sg-card-body ${s}`,...r},a))),t=a((({children:a,className:s,...r},c)=>e.createElement("p",{ref:c,className:`sg-card-text ${s}`,...r},a))),d=a((({children:a,className:s,...r},c)=>e.createElement("div",{ref:c,className:`sg-card-footer ${s}`,...r},a)));Object.assign(s,{Header:r,Body:l,Title:c,Text:t,Footer:d});
2
- //# sourceMappingURL=Card.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Card.js","sources":["../../src/Card/Card.tsx"],"sourcesContent":[null],"names":["Card","forwardRef","children","className","restProps","ref","React","createElement","Header","as","Component","find","valid","Title","Body","Text","Footer","Object","assign"],"mappings":"sCAIA,MAAMA,EAAOC,GAAsC,EAAEC,WAAUC,eAAcC,GAAYC,IAkBjFC,EAAKC,cAAA,MAAA,CAAAF,IAAKA,EAAKF,UAAW,WAAkBA,KAAeC,GACtDF,KAKPM,EAASP,GAAmF,EAAEQ,KAAG,MAAON,YAAWD,cAAaE,GAAYC,KAC9I,IACIK,EADU,CAAC,MAAO,OAAQ,KAAM,KAAM,KAAM,KAAM,KAAM,MACpCC,MAAKC,GAASA,IAAUH,IAAMA,EAAK,MAE3D,OACIH,EAACC,cAAAG,GAAUL,IAAKA,EAAKF,UAAW,kBAAkBA,OAAiBC,GAC9DF,EAER,IAGCW,EAAQZ,GAA+C,EAAEQ,KAAG,KAAMN,YAAWD,cAAaE,GAAYC,KACxG,IACIK,EADU,CAAC,KAAM,KAAM,KAAM,KAAM,KAAM,MACrBC,MAAKC,GAASA,IAAUH,IAAMA,EAAK,KAC3D,OACIH,EAACC,cAAAG,EAAU,CAAAL,IAAKA,EAAKF,UAAWA,KAAeC,GAC1CF,EAER,IAGCY,EAAOb,GAA0C,EAAEC,WAAUC,eAAcC,GAAYC,IASrFC,EAAKC,cAAA,MAAA,CAAAF,IAAKA,EAAKF,UAAW,gBAAgBA,OAAiBC,GACtDF,KAKPa,EAAOd,GAAgD,EAAEC,WAAUC,eAAcC,GAAYC,IAE3FC,EAAGC,cAAA,IAAA,CAAAF,IAAKA,EAAKF,UAAW,gBAAgBA,OAAiBC,GACpDF,KAKPc,EAASf,GAA4C,EAAEC,WAAUC,eAAcC,GAAYC,IAEzFC,EAAKC,cAAA,MAAA,CAAAF,IAAKA,EAAKF,UAAW,kBAAkBA,OAAiBC,GACxDF,KAKGe,OAAOC,OAAOlB,EAAM,CAChCQ,OAAQA,EACRM,KAAMA,EACND,MAAOA,EACPE,KAAMA,EACNC,OAAQA"}
@@ -1,24 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { BaseDivType, BaseHeadingType, BaseSpanType, BaseParagraphType } from "../BaseTypes";
3
- export type CardType = {
4
- children: ReactNode;
5
- className?: string;
6
- } & BaseDivType;
7
- export type CardHeaderPossible = BaseDivType | BaseSpanType | BaseHeadingType;
8
- export type CardHeaderType = {
9
- children: ReactNode;
10
- className?: string;
11
- as?: React.ElementType;
12
- } & CardHeaderPossible;
13
- export type CardBodyType = {
14
- children: ReactNode;
15
- className?: string;
16
- } & BaseDivType;
17
- export type CardTextType = {
18
- children: ReactNode;
19
- className?: string;
20
- } & BaseParagraphType;
21
- export type CardFooterType = {
22
- children: ReactNode;
23
- className?: string;
24
- } & BaseDivType;
@@ -1,2 +0,0 @@
1
- export { default } from "./Card";
2
- export type { CardBodyType, CardFooterType, CardHeaderPossible, CardHeaderType, CardTextType, CardType } from "./Card.types";
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { CloseButtonType } from "./CloseButton.types";
3
- declare const CloseButton: React.ForwardRefExoticComponent<Omit<CloseButtonType, "ref"> & React.RefAttributes<HTMLButtonElement>>;
4
- export default CloseButton;
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as s}from"react";const t=s((({className:s,variant:t=!1,...a},l)=>e.createElement("button",{ref:l,className:`sg-button-close${t?" sg-button-close-white":""} ${s}`,...a},e.createElement("span",{className:"sg-close-visually-hidden-label"},"Close"))));export{t as default};
2
- //# sourceMappingURL=CloseButton.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"CloseButton.js","sources":["../../src/CloseButton/CloseButton.tsx"],"sourcesContent":[null],"names":["CloseButton","forwardRef","className","variant","restProps","ref","React","createElement"],"mappings":"sCAIA,MAAMA,EAAcC,GAAgD,EAAEC,YAAWC,WAAU,KAAUC,GAAYC,IAEzGC,0BAAQD,IAAKA,EAAKH,UAAW,kBAAkBC,EAAU,yBAA2B,MAAMD,OAAiBE,GACvGE,EAAAC,cAAA,OAAA,CAAML,UAAU,kCAA6C"}
@@ -1,5 +0,0 @@
1
- import { BaseButtonType } from "../BaseTypes";
2
- export type CloseButtonType = {
3
- className?: string;
4
- variant?: boolean;
5
- } & BaseButtonType;
@@ -1,2 +0,0 @@
1
- export { default as CloseButton } from "./CloseButton";
2
- export { CloseButtonType } from "./CloseButton.types";
@@ -1,71 +0,0 @@
1
- import React from "react";
2
- import { DropdownContextType, DropdownDividerType, DropdownMenuType, DropdownType } from "./Dropdown.types";
3
- export declare const DropdownContext: React.Context<DropdownContextType | null>;
4
- export declare const DropdownContextProvider: ({ children, value }: {
5
- children: React.ReactNode;
6
- value: DropdownContextType;
7
- }) => React.JSX.Element;
8
- export declare const useDropdownContext: () => DropdownContextType;
9
- export declare const Toggle: React.ForwardRefExoticComponent<(Omit<{
10
- children: React.ReactNode;
11
- className?: string | undefined;
12
- navDropdown?: boolean | undefined;
13
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
14
- variant?: string | undefined;
15
- } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
16
- children: React.ReactNode;
17
- className?: string | undefined;
18
- navDropdown?: boolean | undefined;
19
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
20
- variant?: string | undefined;
21
- } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
22
- children: React.ReactNode;
23
- className?: string | undefined;
24
- navDropdown?: boolean | undefined;
25
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
26
- variant?: string | undefined;
27
- } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
28
- export declare const Menu: React.ForwardRefExoticComponent<Omit<DropdownMenuType, "ref"> & React.RefAttributes<HTMLUListElement>>;
29
- export declare const Item: React.ForwardRefExoticComponent<(Omit<{
30
- children: React.ReactNode;
31
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
32
- className?: string | undefined;
33
- } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
34
- children: React.ReactNode;
35
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
36
- className?: string | undefined;
37
- } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
38
- export declare const Divider: React.ForwardRefExoticComponent<Omit<DropdownDividerType, "ref"> & React.RefAttributes<HTMLHRElement>>;
39
- declare const _default: React.ForwardRefExoticComponent<Omit<DropdownType, "ref"> & React.RefAttributes<HTMLDivElement>> & {
40
- Toggle: React.ForwardRefExoticComponent<(Omit<{
41
- children: React.ReactNode;
42
- className?: string | undefined;
43
- navDropdown?: boolean | undefined;
44
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
45
- variant?: string | undefined;
46
- } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
47
- children: React.ReactNode;
48
- className?: string | undefined;
49
- navDropdown?: boolean | undefined;
50
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
51
- variant?: string | undefined;
52
- } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref"> | Omit<{
53
- children: React.ReactNode;
54
- className?: string | undefined;
55
- navDropdown?: boolean | undefined;
56
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
57
- variant?: string | undefined;
58
- } & React.ClassAttributes<HTMLElement> & React.HTMLAttributes<HTMLElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
59
- Menu: React.ForwardRefExoticComponent<Omit<DropdownMenuType, "ref"> & React.RefAttributes<HTMLUListElement>>;
60
- Item: React.ForwardRefExoticComponent<(Omit<{
61
- children: React.ReactNode;
62
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
63
- className?: string | undefined;
64
- } & React.ClassAttributes<HTMLAnchorElement> & React.AnchorHTMLAttributes<HTMLAnchorElement>, "ref"> | Omit<{
65
- children: React.ReactNode;
66
- as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
67
- className?: string | undefined;
68
- } & React.ClassAttributes<HTMLButtonElement> & React.ButtonHTMLAttributes<HTMLButtonElement>, "ref">) & React.RefAttributes<HTMLAnchorElement | HTMLButtonElement>>;
69
- Divider: React.ForwardRefExoticComponent<Omit<DropdownDividerType, "ref"> & React.RefAttributes<HTMLHRElement>>;
70
- };
71
- export default _default;
@@ -1,2 +0,0 @@
1
- import e,{createContext as t,forwardRef as n,useState as r,useMemo as o,useEffect as s,useLayoutEffect as a,useContext as d}from"react";const c=(e,t="")=>{let n=e.target,r=!0,o=!1;for(;r;)n.id!=t+"-menu"?n=n.parentElement:(o=!0,r=!1),"root"===n.id&&(r=!1,o=!1);return o},l=t(null),i=({children:t,value:n})=>e.createElement(l.Provider,{value:n},t),u=()=>{const e=d(l);if(!e)throw new Error("useDropdownContext has to be used within DropdownContextProvider!");return e},m=n((({children:t,className:n,onSelect:s,onToggle:a,controlId:d,drop:c="down",align:l="start",autoClose:u=!0,show:m="default",...g},p)=>{const[f,w]=r("default"!==m&&m),[v,h]=r({case:""}),b=e=>{e.stopPropagation(),w((e=>!e))},E=((e,t,n=!1)=>{let r=e?n?"bottom-start":"bottom-end":n?"bottom-end":"bottom-start";return"up"===t?r=e?n?"top-start":"top-end":n?"top-end":"top-start":"end"===t?r=e?n?"left-end":"right-end":n?"left-start":"right-start":"start"===t?r=e?n?"right-end":"left-end":n?"right-start":"left-start":"down-centered"===t?r="bottom":"up-centered"===t&&(r="top"),r})("end"===l,c),y=o((()=>({align:l,drop:c,showInternal:"default"!=m&&a?m:f,handleToggle:"default"!=m&&a?a:b,placement:E,directionClasses:{down:"dropdown","down-centered":"dropdown-center",up:"dropup","up-centered":"dropup-center dropup",end:"dropend",start:"dropstart"},controlId:d,activeDescendant:v,setActiveDescendant:h})),[l,c,m,f,a,E,d,v,h]);return e.createElement("div",{id:d+"-wrapper",ref:p,className:"sg-dropdown"+(n?" "+n:""),...g},e.createElement(i,{value:y},t))})),g=n((({children:t,className:n,navDropdown:r=!1,as:o="button",variant:a="primary",...d},l)=>{const{controlId:i,handleToggle:m,setActiveDescendant:g,showInternal:p}=u(),f=o,w=e=>{let t=!1;switch(console.log(e.key),e.key){case"ArrowDown":t=!0,p?g((e=>({...e,case:"next"}))):(m(e),g((e=>({...e,case:"first"}))));break;case"ArrowUp":t=!0,p?g((e=>({...e,case:"previous"}))):(m(e),g((e=>({...e,case:"last"}))));break;case"Home":t=!0,p&&g((e=>({...e,case:"first"})));break;case"End":t=!0,p&&g((e=>({...e,case:"last"})));break;case"Tab":p&&m(e);break;case"Escape":t=!0,p&&m(e);break;case"Enter":case" ":if(p){t=!0;document.querySelector(".sg-dropdown-item-visual-focus").click(),m(e);break}g((e=>({...e,case:"first"})))}t&&(e.stopPropagation(),e.preventDefault())},v=e=>{if(p&&e.target.id!==i)if(c(e,i)){if(c(e,i)){m(e);const t=document.getElementById(i);t?.focus()}}else m(e)};s((()=>{const e=document.getElementById(i);return e.addEventListener("keydown",w,!0),document.addEventListener("mouseup",v,!0),function(){e.removeEventListener("keydown",w,!0),document.removeEventListener("mouseup",v,!0)}}),[w,i]);let h=`sg-button sg-button${a?"-"+a:"-primary"} sg-dropdown-toggle${n?" "+n:""}`;return("a"===f||r)&&(h="sg-nav-dropdown-toggle sg-dropdown-toggle"+(n?" "+n:"")),e.createElement(f,{tabIndex:"0",type:"button","aria-haspopup":"true","aria-controls":i+"-menu","aria-expanded":p,id:i,ref:l,className:h,onClick:e=>(e=>{m(e),p||g((e=>({...e,case:"first"})))})(e),...d},t)})),p=n((({children:t,className:n,style:o={},...d},c)=>{const{controlId:l,showInternal:i,activeDescendant:m}=u(),[g,p]=r(o);a((()=>{if(i){const e=document.getElementById(l+"-menu");let t={};e.getBoundingClientRect().right>window.innerWidth?t={...t,right:0}:e.getBoundingClientRect().left<0?t={...t,left:0}:e.getBoundingClientRect().top<0?t={...t,top:0}:e.getBoundingClientRect().bottom>window.innerHeight&&(t={...t,bottom:0}),p((e=>({...e,...t})))}}),[i]),s((()=>{if(i){const e=document.getElementById(l+"-menu"),t=document.getElementById(l+"-menu").children,n=t.length-1,r=document.querySelector(".sg-dropdown-item-visual-focus");let o=0,s=t[0].children[0];if(null!=r){r.classList.remove("sg-dropdown-item-visual-focus");for(let e=0;e<t.length;e++)if(t[e]===r.parentElement){o=e;break}}switch(m.case){case"first":s=t[0].children[0],o=0;break;case"last":s=t[n].children[0],o=n;break;case"next":o=o===n?0:o+1,s=t[o].children[0];break;case"previous":o=0===o?n:o-1,s=t[o].children[0]}e.setAttribute("aria-activedescendant",s.id),t[o].children[0].classList.add("sg-dropdown-item-visual-focus")}else{document.getElementById(l+"-menu").setAttribute("aria-activedescendant","")}}),[l,i,m]);const f=e=>{const t=e.target;let n=t.classList.contains("sg-dropdown-item-visual-focus");const r=document.getElementById(l+"-menu");n||(document.querySelector(".sg-dropdown-item-visual-focus")?.classList.remove("sg-dropdown-item-visual-focus"),r.setAttribute("aria-activedescendant",""),t.classList.add("sg-dropdown-item-visual-focus"),r.setAttribute("aria-activedescendant",t.id))};return s((()=>{const e=document.getElementById(l+"-menu");for(let t=0;t<e.children.length;t++)e.children[t].addEventListener("mouseover",f,!0);return function(){for(let t=0;t<e.children.length;t++)e.children[t].addEventListener("mouseover",f,!0)}}),[]),e.createElement("ul",{id:l+"-menu",role:"menu",tabIndex:-1,"aria-labelledby":l,ref:c,className:`sg-dropdown-list${n?" "+n:""}${i?" show":""}`,style:g,...d},t)})),f=n((({children:t,as:n="button",className:r,...o},s)=>{const a=n;return e.createElement("li",{role:"none"},e.createElement(a,{ref:s,role:"menuitem",tabIndex:"-1",className:"sg-dropdown-item"+(r?" "+r:""),...o},t))})),w=n((({className:t="",...n},r)=>e.createElement("hr",{ref:r,className:`.sg-dropdown-divider${t}`,...n})));var v=Object.assign(m,{Toggle:g,Menu:p,Item:f,Divider:w});export{w as Divider,l as DropdownContext,i as DropdownContextProvider,f as Item,p as Menu,g as Toggle,v as default,u as useDropdownContext};
2
- //# sourceMappingURL=Dropdown.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Dropdown.js","sources":["../../src/Dropdown/Dropdown.tsx"],"sourcesContent":[null],"names":["isEventOnMenu","event","controlId","element","target","condition","eventIsOnMenu","id","parentElement","DropdownContext","createContext","DropdownContextProvider","children","value","React","createElement","Provider","useDropdownContext","context","useContext","Error","Dropdown","forwardRef","className","onSelect","onToggle","drop","align","autoClose","show","restProps","ref","showInternal","setShowInternal","useState","activeDescendant","setActiveDescendant","case","internalOnToggle","stopPropagation","prev","placement","alignEnd","dropDirection","isRTL","getDropdownMenuPlacement","contextValue","useMemo","handleToggle","directionClasses","down","up","end","start","Toggle","navDropdown","as","variant","Component","handleKeyPress","flag","console","log","key","document","querySelector","click","preventDefault","handleClick","toggleElement","getElementById","focus","useEffect","addEventListener","removeEventListener","classNamesComputed","tabIndex","type","onClick","toggleButtonClick","Menu","style","computedStyle","setComputedStyle","useLayoutEffect","menu","tempComputedStyle","getBoundingClientRect","right","window","innerWidth","left","top","bottom","innerHeight","menuChildren","menuChildrenLast","length","elementWithVisualFocus","currentIndex","currentChild","classList","remove","i","setAttribute","add","handleMouseOver","active","contains","role","Item","Divider","Dropdown$1","Object","assign"],"mappings":"wIAGA,MA0BMA,EAAgB,CAACC,EAAkBC,EAAmB,MACxD,IAAIC,EAAUF,EAAMG,OAChBC,GAAY,EACZC,GAAgB,EACpB,KAAMD,GACCF,EAAQI,IAAML,EAAU,QACvBC,EAAUA,EAAQK,eAGlBF,GAAgB,EAChBD,GAAY,GAIE,SAAfF,EAAQI,KACPF,GAAY,EACZC,GAAgB,GAGxB,OAAOA,CAAa,EAGXG,EAAkBC,EAA0C,MAC5DC,EAA0B,EAAEC,WAAUC,WAE3CC,EAAAC,cAACN,EAAgBO,SAAQ,CAACH,MAAOA,GAC5BD,GAIAK,EAAqB,KAC9B,MAAMC,EAAUC,EAAWV,GAC3B,IAAIS,EACA,MAAM,IAAIE,MACN,qEAGR,OAAOF,CAAO,EAIZG,EAAWC,GAAyC,EAE9CV,WAAUW,YAAWC,WAAUC,WAAUvB,YACzCwB,OAAK,OAAQC,QAAM,QAASC,aAAU,EAAMC,OAAK,aAAcC,GAChEC,KAEP,MAAOC,EAAcC,GAAmBC,EAA2B,YAATL,GAA6BA,IAIhFM,EAAkBC,GAAuBF,EAAwB,CAACG,KAAK,KAExEC,EAAoBrC,IACtBA,EAAMsC,kBACNN,GAAgBO,IAASA,GAAK,EAI5BC,EArFuB,EAACC,EAAkBC,EAAsBC,GAAc,KASpF,IAAIH,EAAYC,EALEE,EAAQ,eAAiB,aADvBA,EAAQ,aAAe,eAoB3C,MAbsB,OAAlBD,EAEIF,EAAYC,EAVLE,EAAQ,YAAc,UADpBA,EAAQ,UAAY,YAaV,QAAlBD,EACLF,EAAYC,EAPCE,EAAQ,WAAa,YADnBA,EAAQ,aAAe,cASb,UAAlBD,EACPF,EAAYC,EAXAE,EAAQ,YAAc,WADpBA,EAAQ,cAAgB,aAab,kBAAlBD,EACPF,EAAY,SACa,gBAAlBE,IACPF,EAAY,OAETA,CAAS,EA8DEI,CADS,QAAVlB,EACoCD,GAE/CoB,EAAgBC,GAAQ,KAAO,CACjCpB,QACAD,OACAM,aAAsB,WAARH,GAAqBJ,EAAWI,EAAkBG,EAChEgB,aAAsB,WAARnB,GAAqBJ,EAAWA,EAAWa,EACzDG,YACAQ,iBAAkB,CACdC,KAAM,WACN,gBAAiB,kBACjBC,GAAI,SACJ,cAAe,uBACfC,IAAK,UACLC,MAAO,aAEXnD,UAAWA,EACXiC,mBACAC,yBACA,CAACT,EAAOD,EAAMG,EAAMG,EAAcP,EAAUgB,EAAWvC,EAAWiC,EAAkBC,IAExF,OACItB,EAAAC,cAAA,MAAA,CAAKR,GAAIL,EAAU,WAAY6B,IAAKA,EAAKR,UAAW,eAAcA,EAAW,IAAIA,EAAU,OAAUO,GACjGhB,EAACC,cAAAJ,EAAwB,CAAAE,MAAOiC,GAC3BlC,GAGZ,IAIQ0C,EAAShC,GAAuE,EAAEV,WAAUW,YAAWgC,eAAY,EAAOC,KAAG,SAAUC,UAAQ,aAAc3B,GAAYC,KAClL,MAAM7B,UAAEA,EAAS8C,aAAEA,EAAYZ,oBAAEA,EAAmBJ,aAAEA,GAAiBf,IACjEyC,EAAYF,EACZG,EAAkB1D,IACpB,IAAI2D,GAAO,EAEX,OADAC,QAAQC,IAAI7D,EAAM8D,KACV9D,EAAM8D,KACV,IAAK,YACDH,GAAO,EACJ5B,EACCI,GAAoBI,IAAI,IAASA,EAAMH,KAAK,YAG5CW,EAAa/C,GACbmC,GAAoBI,IAAI,IAASA,EAAMH,KAAK,aAEhD,MACJ,IAAK,UACDuB,GAAO,EACJ5B,EACCI,GAAoBI,IAAI,IAASA,EAAMH,KAAK,gBAE5CW,EAAa/C,GACbmC,GAAoBI,IAAI,IAASA,EAAMH,KAAK,YAEhD,MACJ,IAAK,OACDuB,GAAO,EACJ5B,GACCI,GAAoBI,IAAI,IAASA,EAAMH,KAAK,YAEhD,MACJ,IAAK,MACDuB,GAAO,EACJ5B,GACCI,GAAoBI,IAAI,IAASA,EAAMH,KAAK,WAEhD,MACJ,IAAK,MACEL,GACCgB,EAAa/C,GAEjB,MACJ,IAAK,SACD2D,GAAO,EACJ5B,GACCgB,EAAa/C,GAEjB,MACJ,IAAK,QACL,IAAK,IACD,GAAG+B,EAAc,CACb4B,GAAO,EACeI,SAASC,cAAc,kCAC/BC,QACdlB,EAAa/C,GACb,KACH,CAEGmC,GAAoBI,IAAI,IAASA,EAAMH,KAAK,YAIrDuB,IACC3D,EAAMsC,kBACNtC,EAAMkE,iBACT,EAECC,EAAenE,IACjB,GAAI+B,GACA/B,EAAMG,OAAuBG,KAAOL,EAExC,GAAIF,EAAcC,EAAOC,IAGpB,GAAGF,EAAcC,EAAOC,GAAY,CACrC8C,EAAa/C,GACb,MAAMoE,EAAoCL,SAASM,eAAepE,GAClEmE,GAAeE,OAClB,OANGvB,EAAa/C,EAMhB,EAELuE,GAAU,KACN,MAAMH,EAA6BL,SAASM,eAAepE,GAG3D,OAFAmE,EAAcI,iBAAiB,UAAWd,GAAgB,GAC1DK,SAASS,iBAAiB,UAAWL,GAAa,GAC3C,WACHC,EAAcK,oBAAoB,UAAWf,GAAgB,GAC7DK,SAASU,oBAAoB,UAAWN,GAAa,EACzD,CAAC,GACF,CAACT,EAAgBzD,IAQpB,IAAIyE,EAAqB,sBAAsBlB,EAAU,IAAIA,EAAQ,gCAAgClC,EAAY,IAAIA,EAAU,KAI/H,OAHkB,MAAdmC,GAAqBH,KACrBoB,EAAqB,6CAA4CpD,EAAY,IAAIA,EAAU,KAG3FT,gBAAC4C,EAAS,CAACkB,SAAS,IAAIC,KAAK,yBAAuB,OAAM,gBAAgB3E,EAAU,wBAAwB8B,EAAczB,GAAIL,EAC1H6B,IAAKA,EAAKR,UAAWoD,EACrBG,QAAU7E,GAbQ,CAACA,IACvB+C,EAAa/C,GACT+B,GACAI,GAAoBI,IAAI,IAASA,EAAMH,KAAK,WAC/C,EASmC0C,CAAkB9E,MAAY6B,GAE7DlB,EAER,IAIQoE,EAAO1D,GAAgD,EAAEV,WAAUW,YAAW0D,QAAQ,MAAOnD,GAAYC,KAClH,MAAM7B,UAAEA,EAAS8B,aAAEA,EAAYG,iBAAEA,GAAqBlB,KAC9CiE,EAAeC,GAAqBjD,EAAS+C,GACrDG,GAAgB,KACZ,GAAGpD,EAAc,CACb,MAAMqD,EAAOrB,SAASM,eAAepE,EAAU,SAC/C,IAAIoF,EAAoB,CAAA,EACrBD,EAAKE,wBAAwBC,MAAQC,OAAOC,WAC3CJ,EAAoB,IAAIA,EAAmBE,MAAM,GAC3CH,EAAKE,wBAAwBI,KAAO,EAC1CL,EAAoB,IAAIA,EAAmBK,KAAK,GAC1CN,EAAKE,wBAAwBK,IAAM,EACzCN,EAAoB,IAAIA,EAAmBM,IAAI,GACzCP,EAAKE,wBAAwBM,OAASJ,OAAOK,cACnDR,EAAoB,IAAIA,EAAmBO,OAAO,IAEtDV,GAAiB3C,IAAI,IAASA,KAAS8C,KAC1C,IACF,CAACtD,IAEJwC,GAAU,KACN,GAAGxC,EAAc,CACb,MAAMqD,EAAOrB,SAASM,eAAepE,EAAU,SACzC6F,EAAe/B,SAASM,eAAepE,EAAU,SAAUU,SAC3DoF,EAAmBD,EAAaE,OAAS,EACzCC,EAAyBlC,SAASC,cAAc,kCACtD,IAAIkC,EAAe,EAAGC,EAAeL,EAAa,GAAGnF,SAAS,GAC9D,GAA6B,MAA1BsF,EAAgC,CAC/BA,EAAuBG,UAAUC,OAAO,iCACxC,IAAI,IAAIC,EAAE,EAAGA,EAAER,EAAaE,OAAQM,IAChC,GAAGR,EAAaQ,KAAOL,EAAuB1F,cAAe,CACzD2F,EAAeI,EACf,KACH,CAER,CACD,OAAQpE,EAAiBE,MACrB,IAAK,QACD+D,EAAeL,EAAa,GAAGnF,SAAS,GACxCuF,EAAe,EACf,MACJ,IAAK,OACDC,EAAeL,EAAaC,GAAkBpF,SAAS,GACvDuF,EAAeH,EACf,MACJ,IAAK,OACDG,EAAeA,IAAiBH,EAAmB,EAAIG,EAAe,EACtEC,EAAeL,EAAaI,GAAcvF,SAAS,GACnD,MACJ,IAAK,WACDuF,EAAgC,IAAjBA,EAAqBH,EAAmBG,EAAe,EACtEC,EAAeL,EAAaI,GAAcvF,SAAS,GAG3DyE,EAAKmB,aAAa,wBAAyBJ,EAAa7F,IACxDwF,EAAaI,GAAcvF,SAAS,GAAGyF,UAAUI,IAAI,gCACxD,KAAM,CACUzC,SAASM,eAAepE,EAAU,SAC1CsG,aAAa,wBAAyB,GAC9C,IACF,CAACtG,EAAW8B,EAAcG,IAE7B,MAAMuE,EAAmBzG,IACrB,MAAMG,EAASH,EAAMG,OACrB,IAAIuG,EAAOvG,EAAOiG,UAAUO,SAAS,iCACrC,MAAMvB,EAAOrB,SAASM,eAAepE,EAAU,SAC5CyG,IAGC3C,SAASC,cAAc,mCAAmCoC,UAAUC,OAAO,iCAC3EjB,EAAKmB,aAAa,wBAAyB,IAC3CpG,EAAOiG,UAAUI,IAAI,iCACrBpB,EAAKmB,aAAa,wBAAyBpG,EAAOG,IACrD,EAaL,OAXAiE,GAAU,KACN,MAAMa,EAAOrB,SAASM,eAAepE,EAAU,SAC/C,IAAK,IAAIqG,EAAE,EAAGA,EAAGlB,EAAKzE,SAASqF,OAAQM,IAClClB,EAAKzE,SAAS2F,GAAmB9B,iBAAiB,YAAaiC,GAAiB,GAErF,OAAO,WACH,IAAK,IAAIH,EAAE,EAAGA,EAAGlB,EAAKzE,SAASqF,OAAQM,IAClClB,EAAKzE,SAAS2F,GAAmB9B,iBAAiB,YAAaiC,GAAiB,EAEzF,CAAC,GACF,IAEC5F,EAAIC,cAAA,KAAA,CAAAR,GAAIL,EAAU,QAAS2G,KAAK,OAAOjC,UAAW,EAAC,kBAAmB1E,EAClE6B,IAAKA,EAAKR,UAAW,mBAAmBA,EAAY,IAAIA,EAAU,KAAKS,EAAe,QAAQ,KAC9FiD,MAAOC,KAAmBpD,GAEzBlB,EAER,IAIQkG,EAAOxF,GAAqE,EAAEV,WAAU4C,KAAG,SAAUjC,eAAcO,GAAYC,KACxI,MAAM2B,EAAYF,EAClB,OACI1C,EAAAC,cAAA,KAAA,CAAI8F,KAAK,QACL/F,EAAAC,cAAC2C,EAAU,CAAA3B,IAAKA,EAAK8E,KAAK,WAAWjC,SAAS,KAAKrD,UAAW,oBAAmBA,EAAY,IAAIA,EAAU,OAAUO,GAChHlB,GAGZ,IAGQmG,EAAUzF,GAAgD,EAAEC,YAAU,MAAOO,GAAYC,IAE9FjB,EAAAC,cAAA,KAAA,CAAIgB,IAAKA,EAAKR,UAAW,uBAAuBA,OAAiBO,MAIzE,IAAAkF,EAAgBC,OAAOC,OAAO7F,EAAU,CACpCiC,OAAQA,EACR0B,KAAMA,EACN8B,KAAMA,EAENC,QAASA"}
@@ -1,55 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { BaseDivType, BaseAnchorType, BaseButtonType, BaseUListType, BaseHrType, BaseElementType } from "../BaseTypes";
3
- export type DropdownContextType = {
4
- align: string;
5
- drop: string;
6
- showInternal: boolean;
7
- handleToggle: Function;
8
- placement: string;
9
- directionClasses?: {
10
- down?: string;
11
- 'down-centered'?: string;
12
- up?: string;
13
- 'up-centered'?: string;
14
- end?: string;
15
- start?: string;
16
- };
17
- controlId: string;
18
- activeDescendant: {
19
- case: string;
20
- };
21
- setActiveDescendant: React.Dispatch<React.SetStateAction<{
22
- case: string;
23
- }>>;
24
- };
25
- export type DropdownType = {
26
- children: ReactNode;
27
- className?: string;
28
- onSelect?: Function;
29
- onToggle?: Function;
30
- controlId: string;
31
- drop?: string;
32
- align?: string;
33
- autoClose?: boolean;
34
- show?: boolean;
35
- } & BaseDivType;
36
- export type DropdownToggleType = {
37
- children: ReactNode;
38
- className?: string;
39
- navDropdown?: boolean;
40
- as?: React.ElementType;
41
- variant?: string;
42
- } & (BaseAnchorType | BaseButtonType | BaseElementType);
43
- export type DropdownMenuType = {
44
- children: ReactNode;
45
- className?: string;
46
- style?: React.CSSProperties | undefined;
47
- } & BaseUListType;
48
- export type DropdownItemType = {
49
- children: ReactNode;
50
- as?: React.ElementType;
51
- className?: string;
52
- } & (BaseAnchorType | BaseButtonType);
53
- export type DropdownDividerType = {
54
- className?: string;
55
- } & BaseHrType;
@@ -1,3 +0,0 @@
1
- export { default as Dropdown } from "./Dropdown";
2
- export { DropdownContext, DropdownContextProvider, useDropdownContext } from "./Dropdown";
3
- export { DropdownContextType, DropdownDividerType, DropdownItemType, DropdownMenuType, DropdownToggleType, DropdownType } from "./Dropdown.types";
@@ -1,4 +0,0 @@
1
- import React from "react";
2
- import { FloatingLabelType } from "./FloatingLabel.types";
3
- declare const FloatingLabel: React.ForwardRefExoticComponent<Omit<FloatingLabelType, "ref"> & React.RefAttributes<HTMLLabelElement>>;
4
- export default FloatingLabel;
@@ -1,2 +0,0 @@
1
- import e,{forwardRef as l,useMemo as r}from"react";import{FormContextProvider as t}from"../Form/Form.js";const o=l((({children:l,label:o,controlId:a,className:m,htmlFor:c,...s},n)=>{const f=r((()=>({controlId:a})),[a]);return e.createElement(t,{value:f},e.createElement("div",{className:"sg-form-floating"},l,e.createElement("label",{ref:n,htmlFor:a,className:"sg-form-floating-label",...s},o)))}));export{o as default};
2
- //# sourceMappingURL=FloatingLabel.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"FloatingLabel.js","sources":["../../src/FloatingLabel/FloatingLabel.tsx"],"sourcesContent":[null],"names":["FloatingLabel","forwardRef","children","label","controlId","className","htmlFor","restProps","ref","context","useMemo","React","createElement","FormContextProvider","value"],"mappings":"yGAMM,MAAAA,EAAgBC,GAAiD,EAAEC,WAAUC,QAAOC,YAAWC,YAAWC,aAAWC,GAAYC,KACnI,MAAMC,EAAUC,GAAyB,KAC9B,CAACN,UAAWA,KACpB,CAACA,IACJ,OACIO,EAACC,cAAAC,EAAoB,CAAAC,MAAOL,GACxBE,EAAKC,cAAA,MAAA,CAAAP,UAAW,oBACXH,EACDS,EAAAC,cAAA,QAAA,CAAOJ,IAAKA,EAAKF,QAASF,EAAWC,UAAU,4BAA6BE,GAAYJ,IAGnG"}
@@ -1,9 +0,0 @@
1
- import { ReactNode } from "react";
2
- import { BaseLabelType } from "../BaseTypes";
3
- export type FloatingLabelType = {
4
- children: ReactNode;
5
- className?: string;
6
- htmlFor?: string;
7
- label: string;
8
- controlId: string;
9
- } & BaseLabelType;
@@ -1,2 +0,0 @@
1
- export { default as FloatingLabel } from "./FloatingLabel";
2
- export { FloatingLabelType } from "./FloatingLabel.types";
@@ -1,17 +0,0 @@
1
- import React from "react";
2
- import { FormCheckType, FormContextType, FormControlType, FormGroupType, FormLabelType, FormSelectType, FormTextType, FormType } from "./Form.types";
3
- export declare const FormContext: React.Context<FormContextType | null>;
4
- export declare const FormContextProvider: ({ children, value }: {
5
- children: React.ReactNode;
6
- value: FormContextType;
7
- }) => React.JSX.Element;
8
- export declare const useFormContext: () => FormContextType;
9
- declare const _default: React.ForwardRefExoticComponent<Omit<FormType, "ref"> & React.RefAttributes<HTMLFormElement>> & {
10
- Control: React.ForwardRefExoticComponent<Omit<FormControlType, "ref"> & React.RefAttributes<HTMLInputElement>>;
11
- Select: React.ForwardRefExoticComponent<Omit<FormSelectType, "ref"> & React.RefAttributes<HTMLSelectElement>>;
12
- Group: React.ForwardRefExoticComponent<Omit<FormGroupType, "ref"> & React.RefAttributes<HTMLDivElement>>;
13
- Label: React.ForwardRefExoticComponent<Omit<FormLabelType, "ref"> & React.RefAttributes<HTMLLabelElement>>;
14
- Check: React.ForwardRefExoticComponent<Omit<FormCheckType, "ref"> & React.RefAttributes<HTMLInputElement>>;
15
- Text: React.ForwardRefExoticComponent<Omit<FormTextType, "ref"> & React.RefAttributes<HTMLElement>>;
16
- };
17
- export default _default;
package/dist/Form/Form.js DELETED
@@ -1,2 +0,0 @@
1
- import e,{createContext as t,forwardRef as l,useMemo as r,useContext as a}from"react";const c=t(null),s=({children:t,value:l})=>e.createElement(c.Provider,{value:l},t),o=()=>{const e=a(c);if(!e)throw new Error("useFormContext has to be used within a FormContextProvider!");return e},n=l((({children:t,...l},r)=>e.createElement("form",{ref:r,...l},t))),m=l((({as:t="input",className:l="",plaintext:r=!1,id:a="",type:c="text",autoFocus:s=!1,...n},m)=>{let i=t;const{controlId:d}=o();let f=d||a,u=(r?"sg-form-control-plaintext":"sg-form-control")+(""!=l?" "+l:"")+("color"==c?" sg-form-control-color":"");return e.createElement(i,{autoFocus:s,ref:m,id:f,type:c,className:u,...n})})),i=l((({children:t,className:l,id:r,...a},c)=>{const{controlId:s}=o();let n=s||r;return e.createElement("select",{ref:c,className:"sg-form-select"+(l?" "+l:""),id:n,...a},t)})),d=l((({children:t,className:l,controlId:a,...c},o)=>{const n=r((()=>({controlId:a})),[a]);return e.createElement("div",{ref:o,className:"sg-from-group"+(l?" "+l:""),...c},e.createElement(s,{value:n},t))})),f=l((({children:t,className:l,htmlFor:r},a)=>{const{controlId:c}=o();let s=r||c;return e.createElement("label",{ref:a,htmlFor:s,className:"sg-form-label"+(l?" "+l:"")},t)})),u=l((({classNameContainer:t,containerRef:l,containerId:r,style:a,classNameLabel:c,labelRef:s,label:o,labelId:n,className:m,type:i,id:d,controlId:f,reverse:u=!1,checkStyle:h,...N},g)=>{let p=f||d,E="switch"===i?"checkbox":i;return e.createElement("div",{ref:l,id:r,style:a,className:`sg-form-check${u?"-reverse":""}${t?" "+t:""}${"switch"===i?" sg-form-switch":""}`},u?e.createElement(e.Fragment,null,e.createElement("input",{ref:g,type:E,id:p,className:"sg-form-check-input"+(m?" "+m:""),...N}),e.createElement("label",{ref:s,id:n,htmlFor:p,className:"sg-form-check-label"+(c?" "+c:"")},o)):e.createElement(e.Fragment,null,e.createElement("label",{ref:s,id:n,htmlFor:p,className:"sg-form-check-label"+(c?" "+c:"")},o),e.createElement("input",{ref:g,type:E,id:p,className:"sg-form-check-input"+(m?" "+m:""),style:h,...N})))})),h=l((({children:t,className:l,...r},a)=>e.createElement("small",{ref:a,className:"sg-form-text"+(l?" "+l:""),...r},t)));var N=Object.assign(n,{Control:m,Select:i,Group:d,Label:f,Check:u,Text:h});export{c as FormContext,s as FormContextProvider,N as default,o as useFormContext};
2
- //# sourceMappingURL=Form.js.map
@@ -1 +0,0 @@
1
- {"version":3,"file":"Form.js","sources":["../../src/Form/Form.tsx"],"sourcesContent":[null],"names":["FormContext","createContext","FormContextProvider","children","value","React","createElement","Provider","useFormContext","context","useContext","Error","Form","forwardRef","restProps","ref","Control","as","className","plaintext","id","type","autoFocus","Component","controlId","elementId","computedClassName","Select","Group","useMemo","Label","htmlFor","elementHtmlFor","Check","classNameContainer","containerRef","containerId","style","classNameLabel","labelRef","label","labelId","reverse","checkStyle","typeComputed","Fragment","Text","Form$1","Object","assign"],"mappings":"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"}