abaabil.details
Advanced tools
Comparing version 0.1.6 to 0.1.7
@@ -1,1 +0,1 @@ | ||
import*as e from"react";import d from"abaabil.icon";const x=({summary:i,children:u,icon:n,openIcon:c="chevron-down",closeIcon:f="chevron-up",detailsClassName:m,summaryClassName:p,contentClassName:b,expanded:v=!1,...w})=>{const l=e.useId(),o=e.useId(),[s,r]=e.useState(v),t=e.useRef(null);e.useEffect(()=>{t.current&&(t.current.open=s)},[s]);const y=a=>{a.preventDefault(),r(!s)},h=a=>{switch(a.key){case"Enter":case" ":a.preventDefault(),r(!s);break;case"ArrowUp":case"ArrowLeft":a.preventDefault(),r(!1);break;case"ArrowDown":case"ArrowRight":a.preventDefault(),r(!0);break;default:break}};return e.createElement("details",{...w,ref:t,"aria-labelledby":o,className:`bg-stable text-on-stable text-df rounded-df ${m}`},e.createElement("summary",{id:o,"aria-controls":l,"aria-expanded":s,onClick:y,onKeyDown:h,className:`flex justify-between items-center cursor-pointer h-df px-3 rounded-df ${p}`},n&&e.createElement(d,{id:n,className:"mr-2"}),e.createElement("div",{className:"mr-2 text-df"},i),e.createElement(d,{id:s?f:c,className:"ml-auto","aria-hidden":"true"}),e.createElement("span",{className:"sr-only"},s?"Collapse":"Expand"," details")),e.createElement("div",{id:l,className:`p-3 pt-0 ${b}`},u))};var N=x;export{N as default}; | ||
import*as e from"react";import d from"abaabil.icon";const x=({summary:u,children:i,icon:n,openIcon:c="chevron-down",closeIcon:f="chevron-up",detailsClassName:m,summaryClassName:p,contentClassName:b,expanded:v=!1,...w})=>{const l=e.useId(),o=e.useId(),[a,t]=e.useState(v),r=e.useRef(null);e.useEffect(()=>{r.current&&(r.current.open=a)},[a]);const y=s=>{s.preventDefault(),t(!a)},h=s=>{switch(s.key){case"Enter":case" ":s.preventDefault(),t(!a);break;case"ArrowUp":case"ArrowLeft":s.preventDefault(),t(!1);break;case"ArrowDown":case"ArrowRight":s.preventDefault(),t(!0);break;default:break}};return e.createElement("details",{...w,ref:r,"aria-labelledby":o,className:`bg-stable text-on-stable text-default rounded-default ${m}`},e.createElement("summary",{id:o,"aria-controls":l,"aria-expanded":a,onClick:y,onKeyDown:h,className:`flex justify-between items-center cursor-pointer h-default px-3 rounded-default ${p}`},n&&e.createElement(d,{id:n,className:"mr-2"}),e.createElement("div",{className:"mr-2 text-default"},u),e.createElement(d,{id:a?f:c,className:"ml-auto","aria-hidden":"true"}),e.createElement("span",{className:"sr-only"},a?"Collapse":"Expand"," details")),e.createElement("div",{id:l,className:`p-3 pt-0 ${b}`},i))};var N=x;export{N as default}; |
{ | ||
"name": "abaabil.details", | ||
"author": "Abaabil", | ||
"version": "0.1.6", | ||
"version": "0.1.7", | ||
"main": "dist/index.esm.min.js", | ||
@@ -14,3 +14,3 @@ "files": [ | ||
"dependencies": { | ||
"abaabil.icon": "^0.1.5" | ||
"abaabil.icon": "^0.1.6" | ||
}, | ||
@@ -35,3 +35,3 @@ "peerDependencies": { | ||
], | ||
"gitHead": "db4d950b0970d10241731eb850e49be0940d782d" | ||
"gitHead": "c1e41159e3f282e52e4f2d520611ab9da3634960" | ||
} |
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
No README
QualityPackage does not have a README. This may indicate a failed publish or a low quality package.
Found 1 instance in 1 package
License Policy Violation
LicenseThis package is not allowed per your license policy. Review the package's license to ensure compliance.
Found 1 instance in 1 package
3289
3
2
0
Updatedabaabil.icon@^0.1.6