UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.27 kB
"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs278.js"),o=require("./index.cjs280.js"),c=require("./index.cjs9.js");;/* empty css */const p=require("./index.cjs171.js"),a=l=>`notifications-settings-header-${l}`,m=({className:l,showEmail:r=!1,showSms:x=!1,...d})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:x,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni SMS"}},{label:"Email",fixedWidth:!0,key:"email",visible:r,popupInfo:{title:"Email",description:"Email come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni Email"}}].filter(i=>i.alwaysVisible||i.visible);return e.jsxRuntimeExports.jsxs("div",{children:[e.jsxRuntimeExports.jsx("div",{className:o.clsx(l),...d,children:e.jsxRuntimeExports.jsxs("table",{className:"w-full flex",role:"table",children:[e.jsxRuntimeExports.jsx("thead",{children:e.jsxRuntimeExports.jsx("tr",{className:"w-full flex",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("th",{id:t,scope:"col","aria-colindex":s+1,"data-column-key":i.key,className:o.clsx("table-header-divider-cell w-full",i.isFlex?"flex-1":"flex-none"),children:e.jsxRuntimeExports.jsx("div",{className:o.clsx("table__cell--header--content",i.fixedWidth?"table-header-fixed-width ":""),children:e.jsxRuntimeExports.jsx("div",{children:e.jsxRuntimeExports.jsx(c.ActionIconText,{classNameText:"text-grey-black",noIcon:i.noIcon,icon:e.jsxRuntimeExports.jsx(p.Info,{}),textLabel:i.label,iconPosition:"right",popupInfo:i.popupInfo,positionPopUp:n.length===s+1?"left":"right"})})})},t)})})}),e.jsxRuntimeExports.jsx("tbody",{children:e.jsxRuntimeExports.jsx("tr",{className:"sr-only",children:n.map((i,s)=>{const t=a(i.key);return e.jsxRuntimeExports.jsx("td",{headers:t,"aria-colindex":s+1},`${t}-data`)})})})]})}),e.jsxRuntimeExports.jsx("div",{className:"table-header-divider"})]})};exports.NotificationsSettingsHeader=m;exports.notificationsSettingsHeaderId=a; //# sourceMappingURL=index.cjs202.js.map