carbon-react 158.31.1 → 158.33.0
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.
- package/esm/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.d.ts +2 -2
- package/esm/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js +1 -1
- package/esm/components/vertical-menu/vertical-menu.style.d.ts +3 -0
- package/esm/components/vertical-menu/vertical-menu.style.js +1 -1
- package/esm/locales/es-es.js +1 -1
- package/lib/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.d.ts +2 -2
- package/lib/components/vertical-menu/vertical-menu-item/vertical-menu-item.component.js +1 -1
- package/lib/components/vertical-menu/vertical-menu.style.d.ts +3 -0
- package/lib/components/vertical-menu/vertical-menu.style.js +1 -1
- package/lib/locales/es-es.js +1 -1
- package/package.json +2 -2
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { PaddingProps } from "styled-system";
|
|
2
|
+
import { PaddingProps, MarginProps } from "styled-system";
|
|
3
3
|
import { TagProps } from "../../../__internal__/utils/helpers/tags";
|
|
4
4
|
import { IconType } from "../../icon";
|
|
5
5
|
type AriaCurrent = Pick<React.HTMLAttributes<HTMLElement>, "aria-current">["aria-current"];
|
|
6
6
|
export type VerticalMenuItemClickEvent = React.MouseEvent<HTMLButtonElement | HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>;
|
|
7
|
-
export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingProps, TagProps {
|
|
7
|
+
export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingProps, MarginProps, TagProps {
|
|
8
8
|
/** Children of the menu item - another level of VerticalMenuItems */
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
/** Custom icon to be displayed. Takes precedence over `iconType` if both are specified. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useContext as n}from"react";import o from"../../../__internal__/utils/helpers/tags/tags.js";import i from"../../../style/utils/filter-styled-system-padding-props.js";import{StyledVerticalMenuItem as
|
|
1
|
+
import{jsxs as e,jsx as t}from"react/jsx-runtime";import{useState as r,useContext as n}from"react";import o from"../../../__internal__/utils/helpers/tags/tags.js";import i from"../../../style/utils/filter-styled-system-padding-props.js";import c from"../../../style/utils/filter-styled-system-margin-props.js";import{StyledListItem as l,StyledVerticalMenuItem as a,StyledCustomIconWrapper as p,StyledTitleIcon as s,StyledTitle as u,StyledAdornment as f,StyledChevronIcon as m,StyledList as y}from"../vertical-menu.style.js";import b from"./__internal__/menu-item.context.js";import{useVerticalMenuContext as O}from"../__internal__/vertical-menu.context.js";function h(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function d(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){h(e,t,r[t])}))}return e}function j(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const g=h=>{var{defaultOpen:g=!1,title:v,iconType:_,adornment:P,children:w,customIcon:x,component:k,active:S,height:C="56px",href:D,onClick:I,ariaCurrent:E}=h,T=function(e,t){if(null==e)return{};var r,n,o=function(e,t){if(null==e)return{};var r,n,o={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(o[r]=e[r]);return o}(e,t);if(Object.getOwnPropertySymbols){var i=Object.getOwnPropertySymbols(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(o[r]=e[r])}return o}(h,["defaultOpen","title","iconType","adornment","children","customIcon","component","active","height","href","onClick","ariaCurrent"]);const[F,$]=r(g),{level:q}=n(b),{isFullScreen:z}=O(),A="function"==typeof S?S(F):S,B=d(j(d({},D&&{as:"a",href:D},!D&&k&&{as:k,tabIndex:0},!D&&!k&&(w||I)&&{as:"button",type:"button","aria-expanded":F},(D||!k)&&{onClick:e=>{$((e=>!e)),I&&I(e)}}),{"aria-current":E}),T),G=`calc(var(--spacing500) + (${q} * var(--spacing400)))`;return e(l,j(d({},c(T)),{children:[e(a,j(d({height:C,px:G,py:2,active:A},B,i(T),o("vertical-menu-item",T)),{children:[(_||x)&&(x?t(p,{children:x}):_&&t(s,{type:_})),t(u,{children:v}),P&&t(f,{children:"function"==typeof P?P(F):P}),w&&!z&&t(m,{type:F?"chevron_up_thick":"chevron_down_thick"})]})),(F||z)&&t(b.Provider,{value:{level:q+1},children:t(y,{children:w})})]}))};export{g as VerticalMenuItem,g as default};
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { PaddingProps } from "styled-system";
|
|
2
2
|
export declare const StyledList: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
3
|
+
export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {
|
|
4
|
+
theme: object;
|
|
5
|
+
}, "theme">;
|
|
3
6
|
interface StyledVerticalMenuProps extends PaddingProps {
|
|
4
7
|
active?: boolean;
|
|
5
8
|
height: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import e,{css as t}from"styled-components";import{padding as
|
|
1
|
+
import e,{css as t}from"styled-components";import{margin as o,padding as n}from"styled-system";import i from"../../style/utils/add-focus-styling.js";import r from"../../style/themes/apply-base-theme.js";import l from"../icon/icon.style.js";import a from"../icon/icon.component.js";import s from"../box/box.style.js";const d=e.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-44693e7f-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),c=e.li.attrs(r).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"sc-44693e7f-1"})(["",""],o),p=e.div.attrs(r).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-44693e7f-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),n,i(!0),(({active:e})=>e&&t(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),l),m=e.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-44693e7f-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),f=e.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-44693e7f-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),y=e(a).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-44693e7f-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),h=e.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"sc-44693e7f-6"})(["margin-right:12px;width:20px;"]),v=e(a).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-44693e7f-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),x=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-44693e7f-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),g=e(s).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-44693e7f-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:e})=>!e&&t(["transition:all 0.3s ease;"])),(({isOpen:e})=>e&&t(["visibility:visible;transform:translateX(0);"])),(({isOpen:e})=>!e&&t(["transform:translateX(-100%);visibility:hidden;"])));export{f as StyledAdornment,v as StyledChevronIcon,h as StyledCustomIconWrapper,d as StyledList,c as StyledListItem,m as StyledTitle,y as StyledTitleIcon,x as StyledVerticalMenu,g as StyledVerticalMenuFullScreen,p as StyledVerticalMenuItem};
|
package/esm/locales/es-es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{es as e}from"date-fns/locale/es";const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"es-ES",actions:{edit:()=>"Editar",delete:()=>"Eliminar"},actionPopover:{ariaLabel:()=>"acciones"},advancedColorPicker:{ariaLabel:()=>"Cambiar color",currentColorDescriptionTerm:()=>"Color aplicado:",currentColorAssigned:e=>e},batchSelection:{selected:e=>`Registros seleccionados: ${e}`},breadcrumbs:{ariaLabel:()=>"ruta de navegación"},confirm:{no:()=>"No",yes:()=>"Sí"},characterCount:{tooManyCharacters:(e,a)=>1===e?`Hay ${a} carácter de más.`:`Hay ${a} caracteres de más.`,charactersLeft:(e,a)=>1===e?`Queda ${a} carácter.`:`Quedan ${a} caracteres.`,visuallyHiddenHint:e=>`Puedes introducir hasta ${e} caracteres.`},date:{dateFnsLocale:()=>e,ariaLabels:{previousMonthButton:()=>"Mes anterior",nextMonthButton:()=>"Mes siguiente"}},dialog:{ariaLabels:{close:()=>"Cerrar"}},dismissibleBox:{ariaLabels:{close:()=>"Cerrar"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errores",n=a(r)?"aviso":"avisos";return e&&r&&"warning"===o?["y",`${r} ${n}`]:e?["Hay",`${e} ${t}`]:r?["Hay",`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"También los puedes arrastrar hasta aquí.",selectFile:()=>"Selecciona un archivo",fileUploadStatus:()=>"Estado de subida de ficheros",actions:{cancel:()=>"Cancelar subida",clear:()=>"Borrar",delete:()=>"Eliminar"}},heading:{backLinkAriaLabel:()=>"Volver"},link:{skipLinkLabel:()=>"Ir al contenido principal"},loader:{loading:()=>"Cargando..."},loaderSpinner:{loading:()=>"Cargando..."},loaderStar:{loading:()=>"Cargando..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Cerrar"}},message:{closeButtonAriaLabel:()=>"Cerrar",error:()=>"Error",info:()=>"Información",success:()=>"Acción realizada",warning:()=>"Aviso",neutral:()=>"Información",ai:()=>"Información generada por IA"},numeralDate:{validation:{day:(e,a)=>e&&a?`El día del mes ${e} debe ser un número comprendido entre 1 y ${a}.`:"El día debe ser un número comprendido entre 1 y 31.",month:()=>"El mes debe ser un número comprendido entre 1 y 12.",year:()=>"El año debe ser un número comprendido entre 1800 y 2200."},labels:{day:()=>"Día",month:()=>"Mes",year:()=>"Año"}},pager:{show:()=>"Mostrar",records:(e,r=!0)=>{const o=a(e)?"elemento":"elementos";return r?`${e} ${o}`:o},first:()=>"Primera",last:()=>"Última",next:()=>"Siguiente",previous:()=>"Anterior",pageX:()=>"Página",ofY:e=>`de ${e}`},password:{buttonLabelHide:()=>"Ocultar",buttonLabelShow:()=>"Mostrar",ariaLabelHide:()=>"Ocultar contraseña",ariaLabelShow:()=>"Mostrar contraseña",ariaLiveShownMessage:()=>"Tu contraseña se muestra en pantalla. Si estás en un entorno seguro, coloca el cursor sobre ella para que se te lea en voz alta.",ariaLiveHiddenMessage:()=>"La contraseña está oculta."},progressTracker:{of:()=>"de"},pod:{undo:()=>"Deshacer"},textEditor:{boldAria:()=>"Negrita",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",characterCounter:e=>`Quedan ${"number"==typeof e?e.toString():e} caracteres`,characterLimit:e=>`El límite de ${e} caracteres se ha superado.`,contentEditorAria:()=>"Editor de contenidos de texto enriquecido",italicAria:()=>"Cursiva",orderedListAria:()=>"Lista ordenada",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",toolbarAriaLabel:()=>"Formato",unorderedListAria:()=>"Lista no ordenada",hyperlink:{buttonAria:()=>"Hyperlink",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",dialogTitle:()=>"Add link",linkFieldLabel:()=>"Link",saveButton:()=>"Save",saveButtonAria:()=>"Save",textFieldLabel:()=>"Text"},typography:{selectAria:()=>"Heading type",paragraph:()=>"Paragraph",title:()=>"Title",subtitle:()=>"Subtitle",sectionHeader:()=>"Section header",sectionSubheader:()=>"Section subheader"},underlineAria:()=>"Underline",mentions:{listAriaLabel:()=>"List of mentionable people"}},search:{searchButtonText:()=>"Buscar"},select:{actionButtonText:()=>"Añadir elemento",placeholder:()=>"Seleccionar...",noResultsForTerm:e=>`No hay resultados para ${e}.`},sidebar:{ariaLabels:{close:()=>"Cerrar"}},sort:{accessibleName:(e,a)=>`Ordenar todos los contenidos ${e&&`de tipo ${e}`}${a?` según orden ${"ascending"===a?"ascendente":"descendente"}.`:" según orden ascendente o descendente."}`},splitButton:{ariaLabel:()=>"Mostrar más"},stepFlow:{stepLabel:(e,a)=>`Paso ${e} de ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Paso ${a} de ${r}.`,closeIconAriaLabel:()=>"Cerrar"},switch:{on:()=>"SÍ",off:()=>"NO"},tileSelect:{deselect:()=>"Deseleccionar"},time:{amText:()=>"a. m.",pmText:()=>"p. m.",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Horas",minutesAriaLabelText:()=>"Minutos"},toast:{ariaLabels:{close:()=>"Cerrar"},error:()=>"",info:()=>"",success:()=>"",warning:()=>"",neutral:()=>"",notification:()=>""},verticalMenuFullScreen:{ariaLabels:{close:()=>"Cerrar"}}};export{r as default};
|
|
1
|
+
import{es as e}from"date-fns/locale/es";const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"es-ES",actions:{edit:()=>"Editar",delete:()=>"Eliminar"},actionPopover:{ariaLabel:()=>"acciones"},advancedColorPicker:{ariaLabel:()=>"Cambiar color",currentColorDescriptionTerm:()=>"Color aplicado:",currentColorAssigned:e=>e},batchSelection:{selected:e=>`Registros seleccionados: ${e}`},breadcrumbs:{ariaLabel:()=>"ruta de navegación"},confirm:{no:()=>"No",yes:()=>"Sí"},characterCount:{tooManyCharacters:(e,a)=>1===e?`Hay ${a} carácter de más.`:`Hay ${a} caracteres de más.`,charactersLeft:(e,a)=>1===e?`Queda ${a} carácter.`:`Quedan ${a} caracteres.`,visuallyHiddenHint:e=>`Puedes introducir hasta ${e} caracteres.`},date:{dateFnsLocale:()=>e,ariaLabels:{previousMonthButton:()=>"Mes anterior",nextMonthButton:()=>"Mes siguiente"}},dialog:{ariaLabels:{close:()=>"Cerrar"}},dismissibleBox:{ariaLabels:{close:()=>"Cerrar"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errores",n=a(r)?"aviso":"avisos";return e&&r&&"warning"===o?["y",`${r} ${n}`]:e?["Hay",`${e} ${t}`]:r?["Hay",`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"También los puedes arrastrar hasta aquí.",selectFile:()=>"Selecciona un archivo",fileUploadStatus:()=>"Estado de subida de ficheros",actions:{cancel:()=>"Cancelar subida",clear:()=>"Borrar",delete:()=>"Eliminar"}},heading:{backLinkAriaLabel:()=>"Volver"},link:{skipLinkLabel:()=>"Ir al contenido principal"},loader:{loading:()=>"Cargando..."},loaderSpinner:{loading:()=>"Cargando..."},loaderStar:{loading:()=>"Cargando..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Cerrar"}},message:{closeButtonAriaLabel:()=>"Cerrar",error:()=>"Error",info:()=>"Información",success:()=>"Acción realizada",warning:()=>"Aviso",neutral:()=>"Información",ai:()=>"Información generada por IA"},numeralDate:{validation:{day:(e,a)=>e&&a?`El día del mes ${e} debe ser un número comprendido entre 1 y ${a}.`:"El día debe ser un número comprendido entre 1 y 31.",month:()=>"El mes debe ser un número comprendido entre 1 y 12.",year:()=>"El año debe ser un número comprendido entre 1800 y 2200."},labels:{day:()=>"Día",month:()=>"Mes",year:()=>"Año"}},pager:{show:()=>"Mostrar",records:(e,r=!0)=>{const o=a(e)?"elemento":"elementos";return r?`${e} ${o}`:o},first:()=>"Primera",last:()=>"Última",next:()=>"Siguiente",previous:()=>"Anterior",pageX:()=>"Página",ofY:e=>`de ${e}`},password:{buttonLabelHide:()=>"Ocultar",buttonLabelShow:()=>"Mostrar",ariaLabelHide:()=>"Ocultar contraseña",ariaLabelShow:()=>"Mostrar contraseña",ariaLiveShownMessage:()=>"Tu contraseña se muestra en pantalla. Si estás en un entorno seguro, coloca el cursor sobre ella para que se te lea en voz alta.",ariaLiveHiddenMessage:()=>"La contraseña está oculta."},progressTracker:{of:()=>"de"},pod:{undo:()=>"Deshacer"},tabs:{error:e=>`Hay errores en la pestaña ${e}`,info:e=>`Hay información relevante en la pestaña ${e}`,warning:e=>`Hay avisos en la pestaña ${e}`},textEditor:{boldAria:()=>"Negrita",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",characterCounter:e=>`Quedan ${"number"==typeof e?e.toString():e} caracteres`,characterLimit:e=>`El límite de ${e} caracteres se ha superado.`,contentEditorAria:()=>"Editor de contenidos de texto enriquecido",italicAria:()=>"Cursiva",orderedListAria:()=>"Lista ordenada",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",toolbarAriaLabel:()=>"Formato",unorderedListAria:()=>"Lista no ordenada",hyperlink:{buttonAria:()=>"Hyperlink",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",dialogTitle:()=>"Add link",linkFieldLabel:()=>"Link",saveButton:()=>"Save",saveButtonAria:()=>"Save",textFieldLabel:()=>"Text"},typography:{selectAria:()=>"Heading type",paragraph:()=>"Paragraph",title:()=>"Title",subtitle:()=>"Subtitle",sectionHeader:()=>"Section header",sectionSubheader:()=>"Section subheader"},underlineAria:()=>"Underline",mentions:{listAriaLabel:()=>"List of mentionable people"}},search:{searchButtonText:()=>"Buscar"},select:{actionButtonText:()=>"Añadir elemento",placeholder:()=>"Seleccionar...",noResultsForTerm:e=>`No hay resultados para ${e}.`},sidebar:{ariaLabels:{close:()=>"Cerrar"}},sort:{accessibleName:(e,a)=>`Ordenar todos los contenidos ${e&&`de tipo ${e}`}${a?` según orden ${"ascending"===a?"ascendente":"descendente"}.`:" según orden ascendente o descendente."}`},splitButton:{ariaLabel:()=>"Mostrar más"},stepFlow:{stepLabel:(e,a)=>`Paso ${e} de ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Paso ${a} de ${r}.`,closeIconAriaLabel:()=>"Cerrar"},switch:{on:()=>"SÍ",off:()=>"NO"},tileSelect:{deselect:()=>"Deseleccionar"},time:{amText:()=>"a. m.",pmText:()=>"p. m.",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Horas",minutesAriaLabelText:()=>"Minutos"},toast:{ariaLabels:{close:()=>"Cerrar"},error:()=>"",info:()=>"",success:()=>"",warning:()=>"",neutral:()=>"",notification:()=>""},verticalMenuFullScreen:{ariaLabels:{close:()=>"Cerrar"}}};export{r as default};
|
|
@@ -1,10 +1,10 @@
|
|
|
1
1
|
import React, { ReactNode } from "react";
|
|
2
|
-
import { PaddingProps } from "styled-system";
|
|
2
|
+
import { PaddingProps, MarginProps } from "styled-system";
|
|
3
3
|
import { TagProps } from "../../../__internal__/utils/helpers/tags";
|
|
4
4
|
import { IconType } from "../../icon";
|
|
5
5
|
type AriaCurrent = Pick<React.HTMLAttributes<HTMLElement>, "aria-current">["aria-current"];
|
|
6
6
|
export type VerticalMenuItemClickEvent = React.MouseEvent<HTMLButtonElement | HTMLAnchorElement> | React.KeyboardEvent<HTMLButtonElement | HTMLAnchorElement>;
|
|
7
|
-
export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingProps, TagProps {
|
|
7
|
+
export interface VerticalMenuItemProps<T = React.ElementType> extends PaddingProps, MarginProps, TagProps {
|
|
8
8
|
/** Children of the menu item - another level of VerticalMenuItems */
|
|
9
9
|
children?: React.ReactNode;
|
|
10
10
|
/** Custom icon to be displayed. Takes precedence over `iconType` if both are specified. */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("../vertical-menu.style.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("../../../__internal__/utils/helpers/tags/tags.js"),n=require("../../../style/utils/filter-styled-system-padding-props.js"),i=require("../../../style/utils/filter-styled-system-margin-props.js"),c=require("../vertical-menu.style.js"),l=require("./__internal__/menu-item.context.js"),o=require("../__internal__/vertical-menu.context.js");function u(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function s(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},n=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),n.forEach((function(t){u(e,t,r[t])}))}return e}function a(e,t){return t=null!=t?t:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(t)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(t)).forEach((function(r){Object.defineProperty(e,r,Object.getOwnPropertyDescriptor(t,r))})),e}const p=u=>{var{defaultOpen:p=!1,title:y,iconType:f,adornment:d,children:j,customIcon:b,component:O,active:h,height:m="56px",href:v,onClick:g,ariaCurrent:x}=u,_=function(e,t){if(null==e)return{};var r,n,i=function(e,t){if(null==e)return{};var r,n,i={},c=Object.keys(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||(i[r]=e[r]);return i}(e,t);if(Object.getOwnPropertySymbols){var c=Object.getOwnPropertySymbols(e);for(n=0;n<c.length;n++)r=c[n],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(i[r]=e[r])}return i}(u,["defaultOpen","title","iconType","adornment","children","customIcon","component","active","height","href","onClick","ariaCurrent"]);const[S,P]=t.useState(p),{level:w}=t.useContext(l.default),{isFullScreen:I}=o.useVerticalMenuContext(),C="function"==typeof h?h(S):h,k=s(a(s({},v&&{as:"a",href:v},!v&&O&&{as:O,tabIndex:0},!v&&!O&&(j||g)&&{as:"button",type:"button","aria-expanded":S},(v||!O)&&{onClick:e=>{P((e=>!e)),g&&g(e)}}),{"aria-current":x}),_),q=`calc(var(--spacing500) + (${w} * var(--spacing400)))`;return e.jsxs(c.StyledListItem,a(s({},i.default(_)),{children:[e.jsxs(c.StyledVerticalMenuItem,a(s({height:m,px:q,py:2,active:C},k,n.default(_),r.default("vertical-menu-item",_)),{children:[(f||b)&&(b?e.jsx(c.StyledCustomIconWrapper,{children:b}):f&&e.jsx(c.StyledTitleIcon,{type:f})),e.jsx(c.StyledTitle,{children:y}),d&&e.jsx(c.StyledAdornment,{children:"function"==typeof d?d(S):d}),j&&!I&&e.jsx(c.StyledChevronIcon,{type:S?"chevron_up_thick":"chevron_down_thick"})]})),(S||I)&&e.jsx(l.default.Provider,{value:{level:w+1},children:e.jsx(c.StyledList,{children:j})})]}))};exports.VerticalMenuItem=p,exports.default=p;
|
|
@@ -1,5 +1,8 @@
|
|
|
1
1
|
import { PaddingProps } from "styled-system";
|
|
2
2
|
export declare const StyledList: import("styled-components").StyledComponent<"ul", any, {}, never>;
|
|
3
|
+
export declare const StyledListItem: import("styled-components").StyledComponent<"li", any, {
|
|
4
|
+
theme: object;
|
|
5
|
+
}, "theme">;
|
|
3
6
|
interface StyledVerticalMenuProps extends PaddingProps {
|
|
4
7
|
active?: boolean;
|
|
5
8
|
height: string;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),
|
|
1
|
+
"use strict";var e=require("styled-components"),t=require("styled-system"),n=require("../../style/utils/add-focus-styling.js"),o=require("../../style/themes/apply-base-theme.js"),i=require("../icon/icon.style.js"),l=require("../icon/icon.component.js"),r=require("../box/box.style.js");function a(e){return e&&e.__esModule?e:{default:e}}var d=a(e);const s=d.default.ul.withConfig({displayName:"vertical-menu.style__StyledList",componentId:"sc-44693e7f-0"})(["display:flex;flex:1;flex-direction:column;min-height:0;list-style:none;margin:0;padding:0;"]),c=d.default.li.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledListItem",componentId:"sc-44693e7f-1"})(["",""],t.margin),p=d.default.div.attrs(o.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuItem",componentId:"sc-44693e7f-2"})(["min-height:",";width:100%;display:flex;border:none;align-items:center;font-weight:500;font-size:14px;cursor:pointer;color:var(--colorsComponentsLeftnavWinterStandardContent);position:relative;box-sizing:border-box;text-decoration:none;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);"," &:hover{background-color:var(--colorsComponentsLeftnavWinterStandardHover);}&:focus{","}"," ","{width:20px;}"],(({height:e})=>e),t.padding,n.default(!0),(({active:t})=>t&&e.css(['&:before{background:var(--colorsComponentsLeftnavWinterStandardSelected);border-radius:var(--borderRadius100);content:"";height:calc(100% - 16px);left:24px;position:absolute;top:8px;width:calc(100% - 48px);z-index:0;}&:hover{&:before{background:var(--colorsComponentsLeftnavWinterStandardHover);}}'])),i.default),f=d.default.span.withConfig({displayName:"vertical-menu.style__StyledTitle",componentId:"sc-44693e7f-3"})(["font-weight:500;font-size:14px;line-height:21px;margin:0;z-index:1;text-align:left;"]),u=d.default.div.withConfig({displayName:"vertical-menu.style__StyledAdornment",componentId:"sc-44693e7f-4"})(["display:flex;align-items:center;justify-content:flex-end;flex:1;"]),m=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledTitleIcon",componentId:"sc-44693e7f-5"})(["margin-right:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),y=d.default.div.withConfig({displayName:"vertical-menu.style__StyledCustomIconWrapper",componentId:"sc-44693e7f-6"})(["margin-right:12px;width:20px;"]),x=d.default(l.default).withConfig({displayName:"vertical-menu.style__StyledChevronIcon",componentId:"sc-44693e7f-7"})(["margin-left:auto;padding-left:12px;width:20px;color:var(--colorsComponentsLeftnavWinterStandardContent);"]),v=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenu",componentId:"sc-44693e7f-8"})(["display:flex;&::-webkit-scrollbar{width:12px;}"]),h=d.default(r.default).withConfig({displayName:"vertical-menu.style__StyledVerticalMenuFullScreen",componentId:"sc-44693e7f-9"})(["display:flex;flex-direction:column;position:fixed;top:0;bottom:0;height:100vh;width:100%;outline:none;padding:8px 0px;overflow:auto;background-color:var(--colorsComponentsLeftnavWinterStandardBackground);box-sizing:border-box;z-index:",";"," "," "," &::-webkit-scrollbar{width:12px;}"],(({theme:e})=>e.zIndex.fullScreenModal),(({prefersReducedMotion:t})=>!t&&e.css(["transition:all 0.3s ease;"])),(({isOpen:t})=>t&&e.css(["visibility:visible;transform:translateX(0);"])),(({isOpen:t})=>!t&&e.css(["transform:translateX(-100%);visibility:hidden;"])));exports.StyledAdornment=u,exports.StyledChevronIcon=x,exports.StyledCustomIconWrapper=y,exports.StyledList=s,exports.StyledListItem=c,exports.StyledTitle=f,exports.StyledTitleIcon=m,exports.StyledVerticalMenu=v,exports.StyledVerticalMenuFullScreen=h,exports.StyledVerticalMenuItem=p;
|
package/lib/locales/es-es.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns/locale/es");const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"es-ES",actions:{edit:()=>"Editar",delete:()=>"Eliminar"},actionPopover:{ariaLabel:()=>"acciones"},advancedColorPicker:{ariaLabel:()=>"Cambiar color",currentColorDescriptionTerm:()=>"Color aplicado:",currentColorAssigned:e=>e},batchSelection:{selected:e=>`Registros seleccionados: ${e}`},breadcrumbs:{ariaLabel:()=>"ruta de navegación"},confirm:{no:()=>"No",yes:()=>"Sí"},characterCount:{tooManyCharacters:(e,a)=>1===e?`Hay ${a} carácter de más.`:`Hay ${a} caracteres de más.`,charactersLeft:(e,a)=>1===e?`Queda ${a} carácter.`:`Quedan ${a} caracteres.`,visuallyHiddenHint:e=>`Puedes introducir hasta ${e} caracteres.`},date:{dateFnsLocale:()=>e.es,ariaLabels:{previousMonthButton:()=>"Mes anterior",nextMonthButton:()=>"Mes siguiente"}},dialog:{ariaLabels:{close:()=>"Cerrar"}},dismissibleBox:{ariaLabels:{close:()=>"Cerrar"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errores",n=a(r)?"aviso":"avisos";return e&&r&&"warning"===o?["y",`${r} ${n}`]:e?["Hay",`${e} ${t}`]:r?["Hay",`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"También los puedes arrastrar hasta aquí.",selectFile:()=>"Selecciona un archivo",fileUploadStatus:()=>"Estado de subida de ficheros",actions:{cancel:()=>"Cancelar subida",clear:()=>"Borrar",delete:()=>"Eliminar"}},heading:{backLinkAriaLabel:()=>"Volver"},link:{skipLinkLabel:()=>"Ir al contenido principal"},loader:{loading:()=>"Cargando..."},loaderSpinner:{loading:()=>"Cargando..."},loaderStar:{loading:()=>"Cargando..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Cerrar"}},message:{closeButtonAriaLabel:()=>"Cerrar",error:()=>"Error",info:()=>"Información",success:()=>"Acción realizada",warning:()=>"Aviso",neutral:()=>"Información",ai:()=>"Información generada por IA"},numeralDate:{validation:{day:(e,a)=>e&&a?`El día del mes ${e} debe ser un número comprendido entre 1 y ${a}.`:"El día debe ser un número comprendido entre 1 y 31.",month:()=>"El mes debe ser un número comprendido entre 1 y 12.",year:()=>"El año debe ser un número comprendido entre 1800 y 2200."},labels:{day:()=>"Día",month:()=>"Mes",year:()=>"Año"}},pager:{show:()=>"Mostrar",records:(e,r=!0)=>{const o=a(e)?"elemento":"elementos";return r?`${e} ${o}`:o},first:()=>"Primera",last:()=>"Última",next:()=>"Siguiente",previous:()=>"Anterior",pageX:()=>"Página",ofY:e=>`de ${e}`},password:{buttonLabelHide:()=>"Ocultar",buttonLabelShow:()=>"Mostrar",ariaLabelHide:()=>"Ocultar contraseña",ariaLabelShow:()=>"Mostrar contraseña",ariaLiveShownMessage:()=>"Tu contraseña se muestra en pantalla. Si estás en un entorno seguro, coloca el cursor sobre ella para que se te lea en voz alta.",ariaLiveHiddenMessage:()=>"La contraseña está oculta."},progressTracker:{of:()=>"de"},pod:{undo:()=>"Deshacer"},textEditor:{boldAria:()=>"Negrita",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",characterCounter:e=>`Quedan ${"number"==typeof e?e.toString():e} caracteres`,characterLimit:e=>`El límite de ${e} caracteres se ha superado.`,contentEditorAria:()=>"Editor de contenidos de texto enriquecido",italicAria:()=>"Cursiva",orderedListAria:()=>"Lista ordenada",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",toolbarAriaLabel:()=>"Formato",unorderedListAria:()=>"Lista no ordenada",hyperlink:{buttonAria:()=>"Hyperlink",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",dialogTitle:()=>"Add link",linkFieldLabel:()=>"Link",saveButton:()=>"Save",saveButtonAria:()=>"Save",textFieldLabel:()=>"Text"},typography:{selectAria:()=>"Heading type",paragraph:()=>"Paragraph",title:()=>"Title",subtitle:()=>"Subtitle",sectionHeader:()=>"Section header",sectionSubheader:()=>"Section subheader"},underlineAria:()=>"Underline",mentions:{listAriaLabel:()=>"List of mentionable people"}},search:{searchButtonText:()=>"Buscar"},select:{actionButtonText:()=>"Añadir elemento",placeholder:()=>"Seleccionar...",noResultsForTerm:e=>`No hay resultados para ${e}.`},sidebar:{ariaLabels:{close:()=>"Cerrar"}},sort:{accessibleName:(e,a)=>`Ordenar todos los contenidos ${e&&`de tipo ${e}`}${a?` según orden ${"ascending"===a?"ascendente":"descendente"}.`:" según orden ascendente o descendente."}`},splitButton:{ariaLabel:()=>"Mostrar más"},stepFlow:{stepLabel:(e,a)=>`Paso ${e} de ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Paso ${a} de ${r}.`,closeIconAriaLabel:()=>"Cerrar"},switch:{on:()=>"SÍ",off:()=>"NO"},tileSelect:{deselect:()=>"Deseleccionar"},time:{amText:()=>"a. m.",pmText:()=>"p. m.",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Horas",minutesAriaLabelText:()=>"Minutos"},toast:{ariaLabels:{close:()=>"Cerrar"},error:()=>"",info:()=>"",success:()=>"",warning:()=>"",neutral:()=>"",notification:()=>""},verticalMenuFullScreen:{ariaLabels:{close:()=>"Cerrar"}}};exports.default=r;
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("date-fns/locale/es");const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"es-ES",actions:{edit:()=>"Editar",delete:()=>"Eliminar"},actionPopover:{ariaLabel:()=>"acciones"},advancedColorPicker:{ariaLabel:()=>"Cambiar color",currentColorDescriptionTerm:()=>"Color aplicado:",currentColorAssigned:e=>e},batchSelection:{selected:e=>`Registros seleccionados: ${e}`},breadcrumbs:{ariaLabel:()=>"ruta de navegación"},confirm:{no:()=>"No",yes:()=>"Sí"},characterCount:{tooManyCharacters:(e,a)=>1===e?`Hay ${a} carácter de más.`:`Hay ${a} caracteres de más.`,charactersLeft:(e,a)=>1===e?`Queda ${a} carácter.`:`Quedan ${a} caracteres.`,visuallyHiddenHint:e=>`Puedes introducir hasta ${e} caracteres.`},date:{dateFnsLocale:()=>e.es,ariaLabels:{previousMonthButton:()=>"Mes anterior",nextMonthButton:()=>"Mes siguiente"}},dialog:{ariaLabels:{close:()=>"Cerrar"}},dismissibleBox:{ariaLabels:{close:()=>"Cerrar"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"error":"errores",n=a(r)?"aviso":"avisos";return e&&r&&"warning"===o?["y",`${r} ${n}`]:e?["Hay",`${e} ${t}`]:r?["Hay",`${r} ${n}`]:null}}},fileInput:{dragAndDrop:()=>"También los puedes arrastrar hasta aquí.",selectFile:()=>"Selecciona un archivo",fileUploadStatus:()=>"Estado de subida de ficheros",actions:{cancel:()=>"Cancelar subida",clear:()=>"Borrar",delete:()=>"Eliminar"}},heading:{backLinkAriaLabel:()=>"Volver"},link:{skipLinkLabel:()=>"Ir al contenido principal"},loader:{loading:()=>"Cargando..."},loaderSpinner:{loading:()=>"Cargando..."},loaderStar:{loading:()=>"Cargando..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Cerrar"}},message:{closeButtonAriaLabel:()=>"Cerrar",error:()=>"Error",info:()=>"Información",success:()=>"Acción realizada",warning:()=>"Aviso",neutral:()=>"Información",ai:()=>"Información generada por IA"},numeralDate:{validation:{day:(e,a)=>e&&a?`El día del mes ${e} debe ser un número comprendido entre 1 y ${a}.`:"El día debe ser un número comprendido entre 1 y 31.",month:()=>"El mes debe ser un número comprendido entre 1 y 12.",year:()=>"El año debe ser un número comprendido entre 1800 y 2200."},labels:{day:()=>"Día",month:()=>"Mes",year:()=>"Año"}},pager:{show:()=>"Mostrar",records:(e,r=!0)=>{const o=a(e)?"elemento":"elementos";return r?`${e} ${o}`:o},first:()=>"Primera",last:()=>"Última",next:()=>"Siguiente",previous:()=>"Anterior",pageX:()=>"Página",ofY:e=>`de ${e}`},password:{buttonLabelHide:()=>"Ocultar",buttonLabelShow:()=>"Mostrar",ariaLabelHide:()=>"Ocultar contraseña",ariaLabelShow:()=>"Mostrar contraseña",ariaLiveShownMessage:()=>"Tu contraseña se muestra en pantalla. Si estás en un entorno seguro, coloca el cursor sobre ella para que se te lea en voz alta.",ariaLiveHiddenMessage:()=>"La contraseña está oculta."},progressTracker:{of:()=>"de"},pod:{undo:()=>"Deshacer"},tabs:{error:e=>`Hay errores en la pestaña ${e}`,info:e=>`Hay información relevante en la pestaña ${e}`,warning:e=>`Hay avisos en la pestaña ${e}`},textEditor:{boldAria:()=>"Negrita",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",characterCounter:e=>`Quedan ${"number"==typeof e?e.toString():e} caracteres`,characterLimit:e=>`El límite de ${e} caracteres se ha superado.`,contentEditorAria:()=>"Editor de contenidos de texto enriquecido",italicAria:()=>"Cursiva",orderedListAria:()=>"Lista ordenada",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",toolbarAriaLabel:()=>"Formato",unorderedListAria:()=>"Lista no ordenada",hyperlink:{buttonAria:()=>"Hyperlink",cancelButton:()=>"Cancel",cancelButtonAria:()=>"Cancel",dialogTitle:()=>"Add link",linkFieldLabel:()=>"Link",saveButton:()=>"Save",saveButtonAria:()=>"Save",textFieldLabel:()=>"Text"},typography:{selectAria:()=>"Heading type",paragraph:()=>"Paragraph",title:()=>"Title",subtitle:()=>"Subtitle",sectionHeader:()=>"Section header",sectionSubheader:()=>"Section subheader"},underlineAria:()=>"Underline",mentions:{listAriaLabel:()=>"List of mentionable people"}},search:{searchButtonText:()=>"Buscar"},select:{actionButtonText:()=>"Añadir elemento",placeholder:()=>"Seleccionar...",noResultsForTerm:e=>`No hay resultados para ${e}.`},sidebar:{ariaLabels:{close:()=>"Cerrar"}},sort:{accessibleName:(e,a)=>`Ordenar todos los contenidos ${e&&`de tipo ${e}`}${a?` según orden ${"ascending"===a?"ascendente":"descendente"}.`:" según orden ascendente o descendente."}`},splitButton:{ariaLabel:()=>"Mostrar más"},stepFlow:{stepLabel:(e,a)=>`Paso ${e} de ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Paso ${a} de ${r}.`,closeIconAriaLabel:()=>"Cerrar"},switch:{on:()=>"SÍ",off:()=>"NO"},tileSelect:{deselect:()=>"Deseleccionar"},time:{amText:()=>"a. m.",pmText:()=>"p. m.",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Horas",minutesAriaLabelText:()=>"Minutos"},toast:{ariaLabels:{close:()=>"Cerrar"},error:()=>"",info:()=>"",success:()=>"",warning:()=>"",neutral:()=>"",notification:()=>""},verticalMenuFullScreen:{ariaLabels:{close:()=>"Cerrar"}}};exports.default=r;
|
package/package.json
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "carbon-react",
|
|
3
|
-
"version": "158.
|
|
3
|
+
"version": "158.33.0",
|
|
4
4
|
"description": "A library of reusable React components for easily building user interfaces.",
|
|
5
5
|
"files": [
|
|
6
6
|
"lib",
|
|
7
7
|
"esm"
|
|
8
8
|
],
|
|
9
9
|
"engines": {
|
|
10
|
-
"npm": ">=11.
|
|
10
|
+
"npm": ">=11.10.1"
|
|
11
11
|
},
|
|
12
12
|
"scripts": {
|
|
13
13
|
"setup": "npm ci && npm run prepare",
|