UNPKG

@anoki/fse-ui

Version:

FSE UI components library

3 lines (2 loc) 2.32 kB
"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});require('./components/ui/NotificationsSettingsHeader/NotificationsSettingsHeader.css');const e=require("./index.cjs237.js"),o=require("./index.cjs239.js"),u=require("./index.cjs18.js");;/* empty css */const p=require("./index.cjs208.js"),a=l=>`notifications-settings-header-${l}`,r=({className:l,showEmail:x=!1,showSms:d=!1,...c})=>{const n=[{label:"Categoria notifica",noIcon:!0,isFlex:!0,key:"category",alwaysVisible:!0},{label:"SMS",fixedWidth:!0,key:"sms",visible:d,popupInfo:{title:"SMS",description:"SMS come metodo di notifica",isOpen:!1,onClickCloseBtn:()=>{},ariaLabel:"Informazioni SMS"}},{label:"Email",fixedWidth:!0,key:"email",visible:x,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),...c,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(u.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=r;exports.default=r;exports.notificationsSettingsHeaderId=a; //# sourceMappingURL=index.cjs112.js.map