carbon-react 159.10.0 → 159.11.1
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/__internal__/input/input.component.js +1 -1
- package/esm/components/button/__next__/button.style.js +1 -1
- package/esm/components/decimal/__internal__/decimal-popover-button.component.d.ts +7 -0
- package/esm/components/decimal/__internal__/decimal-popover-button.component.js +1 -0
- package/esm/components/decimal/__internal__/decimal-popover-button.style.d.ts +3 -0
- package/esm/components/decimal/__internal__/decimal-popover-button.style.js +1 -0
- package/esm/components/decimal/decimal.component.d.ts +17 -6
- package/esm/components/decimal/decimal.component.js +1 -1
- package/esm/components/decimal/decimal.style.d.ts +2 -0
- package/esm/components/decimal/decimal.style.js +1 -0
- package/esm/components/icon/icon-config.js +1 -1
- package/esm/components/popover-container/popover-container.component.js +1 -1
- package/esm/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/esm/components/tokens-wrapper/__internal__/static-tokens/index.d.ts +1 -1
- package/esm/components/tokens-wrapper/__internal__/static-tokens/index.js +1 -1
- package/esm/locales/de-de.js +1 -1
- package/esm/locales/en-gb.js +1 -1
- package/esm/locales/es-es.js +1 -1
- package/esm/locales/fr-ca.js +1 -1
- package/esm/locales/fr-fr.js +1 -1
- package/esm/locales/locale.d.ts +6 -0
- package/esm/locales/pt-pt.js +1 -1
- package/lib/__internal__/input/input.component.js +1 -1
- package/lib/components/button/__next__/button.style.js +1 -1
- package/lib/components/decimal/__internal__/decimal-popover-button.component.d.ts +7 -0
- package/lib/components/decimal/__internal__/decimal-popover-button.component.js +1 -0
- package/lib/components/decimal/__internal__/decimal-popover-button.style.d.ts +3 -0
- package/lib/components/decimal/__internal__/decimal-popover-button.style.js +1 -0
- package/lib/components/decimal/decimal.component.d.ts +17 -6
- package/lib/components/decimal/decimal.component.js +1 -1
- package/lib/components/decimal/decimal.style.d.ts +2 -0
- package/lib/components/decimal/decimal.style.js +1 -0
- package/lib/components/icon/icon-config.js +1 -1
- package/lib/components/textbox/__internal__/__next__/text-input.component.js +1 -1
- package/lib/components/tokens-wrapper/__internal__/static-tokens/index.d.ts +1 -1
- package/lib/components/tokens-wrapper/__internal__/static-tokens/index.js +1 -1
- package/lib/locales/de-de.js +1 -1
- package/lib/locales/en-gb.js +1 -1
- package/lib/locales/es-es.js +1 -1
- package/lib/locales/fr-ca.js +1 -1
- package/lib/locales/fr-fr.js +1 -1
- package/lib/locales/locale.d.ts +6 -0
- package/lib/locales/pt-pt.js +1 -1
- package/package.json +2 -2
package/esm/locales/locale.d.ts
CHANGED
package/esm/locales/pt-pt.js
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{pt as e}from"date-fns/locale/pt";const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"pt-PT",actions:{edit:()=>"Editar",delete:()=>"Eliminar"},actionPopover:{ariaLabel:()=>"ações"},advancedColorPicker:{ariaLabel:()=>"Alterar cor",currentColorDescriptionTerm:()=>"Cor aplicada: ",currentColorAssigned:e=>e},batchSelection:{selected:e=>1===e?`${e} selecionado`:`${e} selecionados`},breadcrumbs:{ariaLabel:()=>"caminho de navegação"},confirm:{no:()=>"Não",yes:()=>"Sim"},characterCount:{tooManyCharacters:(e,a)=>1===e?`${a} caráter a mais`:`${a} carateres a mais`,charactersLeft:(e,a)=>1===e?`Resta ${a} caráter`:`Restam ${a} carateres`,visuallyHiddenHint:e=>`Pode introduzir até ${e} carateres indefinidos`},date:{dateFnsLocale:()=>e,ariaLabels:{previousMonthButton:()=>"Mês anterior",nextMonthButton:()=>"Mês seguinte"},dateFormatOverride:void 0},dialog:{ariaLabels:{close:()=>"Fechar"}},dismissibleBox:{ariaLabels:{close:()=>"Fechar"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"erro":"erros",i=a(r)?"aviso":"avisos";return e&&r&&"warning"===o?["e",`${r} ${i}`]:e?["Há",`${e} ${t}`]:r?["Há",`${r} ${i}`]:null}}},fileInput:{dragAndDrop:()=>"ou arrastar e largar",selectFile:()=>"Selecionar ficheiro",fileUploadStatus:()=>"Estado de carregamento",actions:{cancel:()=>"Cancelar carregamento",clear:()=>"Limpar",delete:()=>"Eliminar ficheiro"}},heading:{backLinkAriaLabel:()=>"Retroceder"},link:{skipLinkLabel:()=>"Ir para o conteúdo principal"},loader:{loading:()=>"A carregar..."},loaderSpinner:{loading:()=>"A carregar..."},loaderStar:{loading:()=>"A carregar..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Fechar"}},message:{closeButtonAriaLabel:()=>"Fechar",error:()=>"Erro",info:()=>"Informação",success:()=>"Sucesso",warning:()=>"Aviso",neutral:()=>"Informação",ai:()=>"Informação gerada por IA",callout:()=>"Alerta"},numeralDate:{validation:{day:(e,a)=>e&&a?`O dia de ${e} deve ser um número entre 1 e ${a}.`:"O dia deve ser um número entre 1 e 31.",month:()=>"O mês deve ser um número entre 1 e 12.",year:()=>"O ano deve ser um número entre 1800 e 2200."},labels:{day:()=>"Dia",month:()=>"Mês",year:()=>"Ano"}},pager:{show:()=>"Mostrar",records:(e,r=!0)=>{const o=a(e)?"item":"itens";return r?`${e} ${o}`:o},first:()=>"Primeira",last:()=>"Última",next:()=>"Seguinte",previous:()=>"Anterior",pageX:()=>"Página",ofY:e=>`de ${e}`},password:{buttonLabelHide:()=>"Ocultar",buttonLabelShow:()=>"Mostrar",ariaLabelHide:()=>"Ocultar palavra-passe",ariaLabelShow:()=>"Mostrar palavra-passe",ariaLiveShownMessage:()=>"A palavra-passe foi apresentada. Se puder fazê-lo em segurança, concentre-se na área de introdução da palavra-passe para que esta lhe seja lida.",ariaLiveHiddenMessage:()=>"A palavra-passe está oculta."},pill:{remove:e=>`Remover ${e}`},progressTracker:{of:()=>"de"},pod:{undo:()=>"Anular"},tabs:{error:e=>`O separador ${e} contém erros`,info:e=>`O separador ${e} contém informações`,warning:e=>`O separador ${e} contém avisos`},textEditor:{boldAria:()=>"Negrito",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",characterCounter:e=>{const r="number"==typeof e?e.toString():e;return a(e)?`Resta ${r} caráter`:`Restam ${r} carateres`},characterLimit:e=>1===e?`Ultrapassou o limite em ${e} caráter`:`Ultrapassou o limite em ${e} carateres`,contentEditorAria:()=>"Editor de conteúdo",hyperlink:{buttonAria:()=>"Link",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",dialogTitle:()=>"Adicionar link",formKey:()=>"Indica um campo obrigatório",linkFieldLabel:()=>"Endereço do link",linkFieldErrorMessage:()=>"Introduza o endereço do link",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",textFieldLabel:()=>"Texto do link",textFieldErrorMessage:()=>"Introduza o texto do link"},typography:{selectAria:()=>"Tipo de título",paragraph:()=>"Parágrafo",title:()=>"Título",subtitle:()=>"Subtítulo",sectionHeader:()=>"Cabeçalho da secção",sectionSubheader:()=>"Subcabeçalho da secção"},italicAria:()=>"Itálico",orderedListAria:()=>"Lista ordenada",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",toolbarAriaLabel:()=>"Formatação",underlineAria:()=>"Sublinhado",unorderedListAria:()=>"Lista não ordenada",mentions:{listAriaLabel:()=>"Lista de pessoas que podem ser mencionadas"}},search:{searchButtonText:()=>"Pesquisar"},select:{actionButtonText:()=>"Adicionar novo item",placeholder:()=>"Selecione...",noResultsForTerm:e=>`Não há resultados para ${e}`},sidebar:{ariaLabels:{close:()=>"Fechar"}},sort:{accessibleName:(e,a)=>`Ordenar todos os ${e||"itens"}${a?` por ordem ${a}.`:" por ordem ascendente ou descendente."}`},splitButton:{ariaLabel:()=>"Mostrar mais"},stepFlow:{stepLabel:(e,a)=>`Passo ${e} de ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Passo ${a} de ${r}.`,closeIconAriaLabel:()=>"Fechar"},switch:{on:()=>"ON",off:()=>"OFF",processingLabel:()=>"A processar"},tileSelect:{deselect:()=>"Desmarcar"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Horas",minutesAriaLabelText:()=>"Minutos"},toast:{ariaLabels:{close:()=>"Fechar"},error:()=>"Erro",info:()=>"Informação",success:()=>"Sucesso",warning:()=>"Aviso",neutral:()=>"Informação",notification:()=>"Notificação"},verticalMenu:{ariaLabels:{responsiveMenuLauncher:()=>"Arranque da aplicação",responsiveMenuCloseButton:()=>"Fechar aplicação",responsiveMenuAria:()=>"Menu da aplicação"}},verticalMenuFullScreen:{ariaLabels:{close:()=>"Fechar"}}};export{r as default};
|
|
1
|
+
import{pt as e}from"date-fns/locale/pt";const a=e=>1===("string"==typeof e?parseInt(e):e),r={locale:()=>"pt-PT",actions:{edit:()=>"Editar",delete:()=>"Eliminar"},actionPopover:{ariaLabel:()=>"ações"},advancedColorPicker:{ariaLabel:()=>"Alterar cor",currentColorDescriptionTerm:()=>"Cor aplicada: ",currentColorAssigned:e=>e},batchSelection:{selected:e=>1===e?`${e} selecionado`:`${e} selecionados`},breadcrumbs:{ariaLabel:()=>"caminho de navegação"},confirm:{no:()=>"Não",yes:()=>"Sim"},characterCount:{tooManyCharacters:(e,a)=>1===e?`${a} caráter a mais`:`${a} carateres a mais`,charactersLeft:(e,a)=>1===e?`Resta ${a} caráter`:`Restam ${a} carateres`,visuallyHiddenHint:e=>`Pode introduzir até ${e} carateres indefinidos`},date:{dateFnsLocale:()=>e,ariaLabels:{previousMonthButton:()=>"Mês anterior",nextMonthButton:()=>"Mês seguinte"},dateFormatOverride:void 0},decimal:{ariaLabels:{popoverTrigger:()=>"Acionador de popover decimal",popoverContent:()=>"Conteúdo do popover decimal"}},dialog:{ariaLabels:{close:()=>"Fechar"}},dismissibleBox:{ariaLabels:{close:()=>"Fechar"}},errors:{messages:{formSummary:(e,r,o)=>{const t=a(e)?"erro":"erros",i=a(r)?"aviso":"avisos";return e&&r&&"warning"===o?["e",`${r} ${i}`]:e?["Há",`${e} ${t}`]:r?["Há",`${r} ${i}`]:null}}},fileInput:{dragAndDrop:()=>"ou arrastar e largar",selectFile:()=>"Selecionar ficheiro",fileUploadStatus:()=>"Estado de carregamento",actions:{cancel:()=>"Cancelar carregamento",clear:()=>"Limpar",delete:()=>"Eliminar ficheiro"}},heading:{backLinkAriaLabel:()=>"Retroceder"},link:{skipLinkLabel:()=>"Ir para o conteúdo principal"},loader:{loading:()=>"A carregar..."},loaderSpinner:{loading:()=>"A carregar..."},loaderStar:{loading:()=>"A carregar..."},menuFullscreen:{ariaLabels:{closeButton:()=>"Fechar"}},message:{closeButtonAriaLabel:()=>"Fechar",error:()=>"Erro",info:()=>"Informação",success:()=>"Sucesso",warning:()=>"Aviso",neutral:()=>"Informação",ai:()=>"Informação gerada por IA",callout:()=>"Alerta"},numeralDate:{validation:{day:(e,a)=>e&&a?`O dia de ${e} deve ser um número entre 1 e ${a}.`:"O dia deve ser um número entre 1 e 31.",month:()=>"O mês deve ser um número entre 1 e 12.",year:()=>"O ano deve ser um número entre 1800 e 2200."},labels:{day:()=>"Dia",month:()=>"Mês",year:()=>"Ano"}},pager:{show:()=>"Mostrar",records:(e,r=!0)=>{const o=a(e)?"item":"itens";return r?`${e} ${o}`:o},first:()=>"Primeira",last:()=>"Última",next:()=>"Seguinte",previous:()=>"Anterior",pageX:()=>"Página",ofY:e=>`de ${e}`},password:{buttonLabelHide:()=>"Ocultar",buttonLabelShow:()=>"Mostrar",ariaLabelHide:()=>"Ocultar palavra-passe",ariaLabelShow:()=>"Mostrar palavra-passe",ariaLiveShownMessage:()=>"A palavra-passe foi apresentada. Se puder fazê-lo em segurança, concentre-se na área de introdução da palavra-passe para que esta lhe seja lida.",ariaLiveHiddenMessage:()=>"A palavra-passe está oculta."},pill:{remove:e=>`Remover ${e}`},progressTracker:{of:()=>"de"},pod:{undo:()=>"Anular"},tabs:{error:e=>`O separador ${e} contém erros`,info:e=>`O separador ${e} contém informações`,warning:e=>`O separador ${e} contém avisos`},textEditor:{boldAria:()=>"Negrito",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",characterCounter:e=>{const r="number"==typeof e?e.toString():e;return a(e)?`Resta ${r} caráter`:`Restam ${r} carateres`},characterLimit:e=>1===e?`Ultrapassou o limite em ${e} caráter`:`Ultrapassou o limite em ${e} carateres`,contentEditorAria:()=>"Editor de conteúdo",hyperlink:{buttonAria:()=>"Link",cancelButton:()=>"Cancelar",cancelButtonAria:()=>"Cancelar",dialogTitle:()=>"Adicionar link",formKey:()=>"Indica um campo obrigatório",linkFieldLabel:()=>"Endereço do link",linkFieldErrorMessage:()=>"Introduza o endereço do link",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",textFieldLabel:()=>"Texto do link",textFieldErrorMessage:()=>"Introduza o texto do link"},typography:{selectAria:()=>"Tipo de título",paragraph:()=>"Parágrafo",title:()=>"Título",subtitle:()=>"Subtítulo",sectionHeader:()=>"Cabeçalho da secção",sectionSubheader:()=>"Subcabeçalho da secção"},italicAria:()=>"Itálico",orderedListAria:()=>"Lista ordenada",saveButton:()=>"Guardar",saveButtonAria:()=>"Guardar",toolbarAriaLabel:()=>"Formatação",underlineAria:()=>"Sublinhado",unorderedListAria:()=>"Lista não ordenada",mentions:{listAriaLabel:()=>"Lista de pessoas que podem ser mencionadas"}},search:{searchButtonText:()=>"Pesquisar"},select:{actionButtonText:()=>"Adicionar novo item",placeholder:()=>"Selecione...",noResultsForTerm:e=>`Não há resultados para ${e}`},sidebar:{ariaLabels:{close:()=>"Fechar"}},sort:{accessibleName:(e,a)=>`Ordenar todos os ${e||"itens"}${a?` por ordem ${a}.`:" por ordem ascendente ou descendente."}`},splitButton:{ariaLabel:()=>"Mostrar mais"},stepFlow:{stepLabel:(e,a)=>`Passo ${e} de ${a}`,screenReaderOnlyTitle:(e,a,r,o)=>`${o?`${o}.`:""} ${e}. Passo ${a} de ${r}.`,closeIconAriaLabel:()=>"Fechar"},switch:{on:()=>"ON",off:()=>"OFF",processingLabel:()=>"A processar"},tileSelect:{deselect:()=>"Desmarcar"},time:{amText:()=>"AM",pmText:()=>"PM",hoursLabelText:()=>"h",minutesLabelText:()=>"min",hoursAriaLabelText:()=>"Horas",minutesAriaLabelText:()=>"Minutos"},toast:{ariaLabels:{close:()=>"Fechar"},error:()=>"Erro",info:()=>"Informação",success:()=>"Sucesso",warning:()=>"Aviso",neutral:()=>"Informação",notification:()=>"Notificação"},verticalMenu:{ariaLabels:{responsiveMenuLauncher:()=>"Arranque da aplicação",responsiveMenuCloseButton:()=>"Fechar aplicação",responsiveMenuAria:()=>"Menu da aplicação"}},verticalMenuFullScreen:{ariaLabels:{close:()=>"Fechar"}}};export{r as default};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(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){i(e,t,r[t])}))}return e}const o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:d,error:c,"data-is-transparent":f,"data-is-open":p,children:b,disabled:y,id:x,inputIcon:O,inputWidth:m,leftChildren:j,name:v,onFocus:h,prefix:g,prefixId:w,readOnly:P,size:$,type:S="text"}=a,E=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(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)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","data-is-open","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const F=t.useRef(null),I=n.default(i,F);t.useEffect((()=>{var e;d&&(null===(e=F.current)||void 0===e||e.focus())}),[d]);const q=t.useCallback((e=>{var t;null==h||h(e),"text"===S&&(t=F,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[h,S]);return e.
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("./input.style.js"),n=require("../utils/helpers/combine-refs/index.js");function a(e){return e&&e.__esModule?e:{default:e}}function i(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function l(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){i(e,t,r[t])}))}return e}const o=a(t).default.forwardRef(((a,i)=>{var{align:o="left","aria-describedby":u,"aria-labelledby":s,autoFocus:d,error:c,"data-is-transparent":f,"data-is-open":p,children:b,disabled:y,id:x,inputIcon:O,inputWidth:m,leftChildren:j,name:v,onFocus:h,prefix:g,prefixId:w,readOnly:P,size:$,type:S="text"}=a,E=function(e,t){if(null==e)return{};var r,n,a=function(e,t){if(null==e)return{};var r,n,a={},i=Object.keys(e);for(n=0;n<i.length;n++)r=i[n],t.indexOf(r)>=0||(a[r]=e[r]);return a}(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)&&(a[r]=e[r])}return a}(a,["align","aria-describedby","aria-labelledby","autoFocus","error","data-is-transparent","data-is-open","children","disabled","id","inputIcon","inputWidth","leftChildren","name","onFocus","prefix","prefixId","readOnly","size","type"]);const F=t.useRef(null),I=n.default(i,F);t.useEffect((()=>{var e;d&&(null===(e=F.current)||void 0===e||e.focus())}),[d]);const q=t.useCallback((e=>{var t;null==h||h(e),"text"===S&&(t=F,setTimeout((()=>{if(null==t?void 0:t.current){const{selectionStart:e,selectionEnd:r,value:n}=t.current,{length:a}=n;(0===e&&0===r||e===a&&r===a)&&document.activeElement===t.current&&t.current.setSelectionRange(0,a)}})))}),[h,S]);return e.jsx(r.default,{$align:o,"data-role":"input-container",$error:c,$size:$,$isDisabled:y,$isReadOnly:P,"data-is-transparent":f,"data-is-open":p,children:e.jsxs("div",{"data-role":"input-text-container",role:"presentation",className:`input-text-container ${y?"disabled":""} ${P?"read-only":""}`,children:[j,g&&e.jsx("span",{id:w,"data-element":"textbox-prefix",children:g}),e.jsx("input",l({ref:I,"data-element":"input","data-role":"input",disabled:y,readOnly:P,"aria-describedby":u,"aria-labelledby":s,type:S,onFocus:q,id:x,name:v,"data-has-autofocus":!!d||void 0},E)),O,b]})})}));exports.default=o;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),e=require("styled-system"),i=require("../../../style/utils/add-focus-styling.js"),r=require("./button.config.js");function n(o){return o&&o.__esModule?o:{default:o}}var
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var o=require("styled-components"),e=require("styled-system"),i=require("../../../style/utils/add-focus-styling.js"),r=require("./button.config.js");function n(o){return o&&o.__esModule?o:{default:o}}var a=n(o);const t=a.default.span.withConfig({displayName:"button.style__StyledContentContainer",componentId:"sc-57b5bab3-0"})(["display:flex;gap:var(--global-space-comp-s);align-items:center;justify-content:center;"]),d=a.default.button.withConfig({displayName:"button.style__StyledButton",componentId:"sc-57b5bab3-1"})([""," align-items:center;box-sizing:border-box;display:inline-flex;justify-content:center;outline-offset:0;text-decoration:none;vertical-align:middle;cursor:pointer;"," "," &:focus{"," position:relative;z-index:1;}"],e.space,(({$allowMotion:e,disabled:i,$inverse:n,$size:a,$variant:t,$variantType:d,$iconOnly:l})=>n?(({disabled:e,size:i,variantType:n,iconOnly:a})=>{const{background:t,border:d,label:l}=r.inverseColourSettings[n],{borderRadius:s,font:c,height:u,paddingVertical:b,paddingHorizontal:v}=r.propsForSize[i];return o.css(["background-color:",";border:"," solid ",";border-radius:",";color:",";font:",";min-height:",";width:",";padding:"," ",";",""],t.default,"tertiary"===n?"1px":"2px",d.default,a?"var(--global-radius-action-circle)":s,l.default,c,u,a?u:"max-content",b,a?"":v,e?o.css(["background-color:",";border-color:",";color:",";cursor:not-allowed;"],t.disabled,d.disabled,l.disabled):o.css(["&:active,&.active{background-color:",";color:",";border-color:",";}&:hover{background-color:",";color:",";border-color:",";}"],t.active,l.active,d.active,t.hover,l.hover,d.hover))})({disabled:i,size:a,variantType:d,iconOnly:l}):"gradient"===t?o.css([""," ",""],r.gradientAnimation,(({allowMotion:e=!0,disabled:i,size:n,iconOnly:a})=>{const{background:t,border:d,label:l}=r.colourSettings.gradient.secondary||{},{borderRadius:s,font:c,height:u,paddingVertical:b,paddingHorizontal:v}=r.propsForSize[n];return o.css(["position:relative;z-index:0;border:none;border-radius:",";background:white;color:var(--button-ai-label-default);font:",";min-height:",";width:",";padding:"," ",';overflow:hidden;&::before{content:"";position:absolute;inset:0;padding:2px;border-radius:inherit;z-index:-1;background:var(--button-ai-border-default);background-position:0% 0;-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;}&:hover{background:linear-gradient( 90deg,var(--mode-color-action-ai-hover-stop-1) 0%,var(--mode-color-action-ai-hover-stop-2) 40%,var(--mode-color-action-ai-hover-stop-3) 90% );}&:hover::before{',"}"," ",""],a?"var(--global-radius-action-circle)":s,c,u,a?u:"max-content",b,a?"":v,e&&o.css(["background-size:300% 100%;animation:gradient-loop 1000ms linear infinite;"]),i&&o.css(["opacity:0.6;pointer-events:none;cursor:not-allowed;&::before{animation:none;background:none;-webkit-mask:none;mask:none;border:2px solid var(--button-ai-border-disabled);padding:0;}color:var(--button-ai-label-disabled);"]),!i&&o.css(["&:active,&.active{background:",";color:",";border-color:",";}"],null==t?void 0:t.active,null==l?void 0:l.active,null==d?void 0:d.active))})({allowMotion:e,disabled:i,size:a,iconOnly:l})):(({disabled:e,size:i,variant:n,variantType:a,iconOnly:t})=>{const{background:d,border:l,label:s}=r.colourSettings[n][a]||{},{borderRadius:c,font:u,height:b,paddingVertical:v,paddingHorizontal:p}=r.propsForSize[i];return o.css(["background-color:",";border:"," solid ",";border-radius:",";color:",";font:",";min-height:",";width:",";padding:"," ",";",""],null==d?void 0:d.default,"tertiary"===a?"1px":"2px",null==l?void 0:l.default,t?"var(--global-radius-action-circle)":c,null==s?void 0:s.default,u,b,t?b:"max-content",v,t?"":p,e?o.css(["background-color:",";border-color:",";color:",";cursor:not-allowed;"],null==d?void 0:d.disabled,null==l?void 0:l.disabled,null==s?void 0:s.disabled):o.css(["&:active,&.active{background-color:",";color:",";border-color:",";}&:hover{background-color:",";color:",";border-color:",";}"],null==d?void 0:d.active,null==s?void 0:s.active,null==l?void 0:l.active,null==d?void 0:d.hover,null==s?void 0:s.hover,null==l?void 0:l.hover))})("xs"!==a||"primary"!==d&&"default"===t?"destructive"!==t||"tertiary"!==d&&"subtle"!==d?{disabled:i,size:a,variant:t,variantType:d,iconOnly:l}:{disabled:i,size:a,variant:t,variantType:"primary",iconOnly:l}:{disabled:i,size:"xs",variant:"default",variantType:"secondary",iconOnly:l})),(({$fullWidth:e,$size:i,$noWrap:n})=>o.css([""," ",""],e&&o.css(["width:100%;"]),n?"white-space: nowrap;":`\n flex-flow: wrap;\n min-height: ${r.propsForSize[i].height};\n height: unset;\n `)),i.default());exports.StyledButton=d,exports.StyledContentContainer=t,exports.default=d;
|
|
@@ -0,0 +1,7 @@
|
|
|
1
|
+
import React from "react";
|
|
2
|
+
import { ButtonProps } from "../../button/__next__";
|
|
3
|
+
import { RenderOpenProps } from "../../popover-container";
|
|
4
|
+
declare const DecimalPopoverButton: React.ForwardRefExoticComponent<Pick<RenderOpenProps, "data-element" | "id" | "aria-expanded" | "aria-haspopup" | "aria-label" | "onClick"> & {
|
|
5
|
+
size?: ButtonProps["size"];
|
|
6
|
+
} & React.RefAttributes<HTMLButtonElement>>;
|
|
7
|
+
export default DecimalPopoverButton;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),a=require("./decimal-popover-button.style.js");const t=r.forwardRef((({onClick:t,"data-element":i,"aria-label":l,"aria-expanded":o,"aria-haspopup":n,id:u,size:p},s)=>{const d=r.useRef(null);return r.useImperativeHandle(s,(()=>{var e;return null===(e=d.current)||void 0===e?void 0:e.querySelector("button")})),e.jsx(a.StyledDecimalPopoverButtonWrapper,{ref:d,children:e.jsx(a.StyledDecimalPopoverButton,{onClick:t,"data-element":i,"aria-label":l,"aria-haspopup":n,"aria-expanded":o,id:u,iconType:"ellipsis_vertical",variantType:"subtle",size:p})})}));t.displayName="DecimalPopoverButton",exports.default=t;
|
|
@@ -0,0 +1,3 @@
|
|
|
1
|
+
declare const StyledDecimalPopoverButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../button/__next__").ButtonProps & import("react").RefAttributes<import("../../button/__next__").ButtonHandle>>, any, {}, never>;
|
|
2
|
+
declare const StyledDecimalPopoverButtonWrapper: import("styled-components").StyledComponent<"span", any, {}, never>;
|
|
3
|
+
export { StyledDecimalPopoverButton, StyledDecimalPopoverButtonWrapper };
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";var t=require("styled-components"),e=require("../../button/__next__/button.component.js");function o(t){return t&&t.__esModule?t:{default:t}}var n=o(t);const r=n.default(e.Button).withConfig({displayName:"decimal-popover-button.style__StyledDecimalPopoverButton",componentId:"sc-1f248243-0"})(["border-radius:0 var(--global-radius-action-m) var(--global-radius-action-m) 0;border-left:none;"]),a=n.default.span.withConfig({displayName:"decimal-popover-button.style__StyledDecimalPopoverButtonWrapper",componentId:"sc-1f248243-1"})(["display:contents;"]);exports.StyledDecimalPopoverButton=r,exports.StyledDecimalPopoverButtonWrapper=a;
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React from "react";
|
|
2
2
|
import { CommonTextboxProps } from "../textbox";
|
|
3
|
+
import { PopoverContainerProps } from "../popover-container";
|
|
3
4
|
export interface CustomEvent {
|
|
4
5
|
target: {
|
|
5
6
|
name?: string;
|
|
@@ -19,20 +20,30 @@ export interface DecimalProps extends Omit<CommonTextboxProps, "onChange" | "onB
|
|
|
19
20
|
id?: string;
|
|
20
21
|
/** The width of the input as a percentage */
|
|
21
22
|
inputWidth?: number;
|
|
22
|
-
/**
|
|
23
|
-
|
|
24
|
-
/** Handler for blur event */
|
|
25
|
-
onBlur?: (ev: CustomEvent) => void;
|
|
23
|
+
/** The locale string - default en */
|
|
24
|
+
locale?: string;
|
|
26
25
|
/** The input name */
|
|
27
26
|
name?: string;
|
|
27
|
+
/** Handler for blur event */
|
|
28
|
+
onBlur?: (ev: CustomEvent) => void;
|
|
29
|
+
/** Handler for change event */
|
|
30
|
+
onChange: (ev: CustomEvent) => void;
|
|
31
|
+
/** Sets the accessible name (aria-label) on the PopoverContainer dialog */
|
|
32
|
+
popoverContainerAriaLabel?: string;
|
|
33
|
+
/** Content to render inside a PopoverContainer, displayed via a button at the right of the input */
|
|
34
|
+
popoverContainerContent?: React.ReactNode;
|
|
35
|
+
/** Sets the position of the PopoverContainer dialog relative to its trigger button */
|
|
36
|
+
popoverPosition?: PopoverContainerProps["position"];
|
|
37
|
+
/** Sets the aria-label on the popover trigger button */
|
|
38
|
+
popoverTriggerAriaLabel?: string;
|
|
28
39
|
/** The decimal precision of the value in the input */
|
|
29
40
|
precision?: 0 | 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15;
|
|
30
41
|
/** If true, the component will be read-only */
|
|
31
42
|
readOnly?: boolean;
|
|
43
|
+
/** A suffix to display alongside the input. Please note that if a prefix is also provided, only the prefix will be rendered. */
|
|
44
|
+
suffix?: string;
|
|
32
45
|
/** The value of the input */
|
|
33
46
|
value: string;
|
|
34
|
-
/** The locale string - default en */
|
|
35
|
-
locale?: string;
|
|
36
47
|
}
|
|
37
48
|
export declare const Decimal: React.ForwardRefExoticComponent<DecimalProps & React.RefAttributes<HTMLInputElement>>;
|
|
38
49
|
export default Decimal;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("react"),r=require("invariant"),a=require("../textbox/textbox.component.js"),n=require("../popover-container/popover-container.component.js"),l=require("../../__internal__/i18n-context/index.js"),i=require("./__internal__/decimal-popover-button.component.js"),o=require("../../hooks/__internal__/usePrevious/index.js"),u=require("../../__internal__/utils/logger/index.js"),p=require("../../__internal__/utils/helpers/tags/tags.js"),s=require("./decimal.style.js");function c(e){return e&&e.__esModule?e:{default:e}}var d=c(t),f=c(r);function m(e,t,r){return t in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function b(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{},a=Object.keys(r);"function"==typeof Object.getOwnPropertySymbols&&(a=a.concat(Object.getOwnPropertySymbols(r).filter((function(e){return Object.getOwnPropertyDescriptor(r,e).enumerable})))),a.forEach((function(t){m(e,t,r[t])}))}return e}const g=d.default.forwardRef(((r,c)=>{var{align:d="right",allowEmptyValue:m=!1,fieldHelp:g,id:v,inputWidth:y,labelHelp:h,locale:x,name:O,onBlur:j,onChange:_,popoverContainerAriaLabel:C,popoverContainerContent:w,popoverPosition:P,popoverTriggerAriaLabel:k,precision:E=2,prefix:q,readOnly:D,size:z,suffix:A,value:L}=r,N=function(e,t){if(null==e)return{};var r,a,n=function(e,t){if(null==e)return{};var r,a,n={},l=Object.keys(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||(n[r]=e[r]);return n}(e,t);if(Object.getOwnPropertySymbols){var l=Object.getOwnPropertySymbols(e);for(a=0;a<l.length;a++)r=l[a],t.indexOf(r)>=0||Object.prototype.propertyIsEnumerable.call(e,r)&&(n[r]=e[r])}return n}(r,["align","allowEmptyValue","fieldHelp","id","inputWidth","labelHelp","locale","name","onBlur","onChange","popoverContainerAriaLabel","popoverContainerContent","popoverPosition","popoverTriggerAriaLabel","precision","prefix","readOnly","size","suffix","value"]);const S=t.useContext(l.default),$=t.useCallback((e=>{var t;return null===(t=Intl.NumberFormat(x||S.locale()).formatToParts(10000.1).find((t=>t.type===e)))||void 0===t?void 0:t.value}),[S,x]),H=t.useCallback((e=>Number.isNaN(Number(e))),[]),V=t.useCallback((e=>{if(H(e))return e;if(""===e||e.match(/\s+/g))return e;const t=e.startsWith("+")?"+":"",r=$("decimal"),[a,n]=e.split(".");let l=t+Intl.NumberFormat(x||S.locale(),{maximumFractionDigits:0}).format(+a);return(null==n?void 0:n.length)>E?l+=`${r+n}`:(null==n?void 0:n.length)<=E?l+=`${r+n+"0".repeat(E-n.length)}`:l+=`${E?r+"0".repeat(E):""}`,l}),[$,H,S,x,E]),F=m?"":V((0).toFixed(E)),R=t.useCallback((e=>(f.default("string"==typeof e,"Decimal `value` prop must be a string"),e&&!m&&f.default(""!==e,"Decimal `value` must not be an empty string. Please use `allowEmptyValue` or specify a non-empty initialValue"),e)),[m]),T=o.default(E);t.useEffect((()=>{T&&T!==E&&u.default.error("Decimal `precision` prop has changed value. Changing the Decimal `precision` prop has no effect.")}),[E,T]);const W=t.useCallback((e=>{const t=new RegExp(`[\\${$("group")} ]*`,"g");return e.replace(t,"")}),[$]),B=t.useCallback((e=>{var t;const r=(null===(t=$("group"))||void 0===t?void 0:t.match(/\s+/))&&!e.match(/\s{2,}/)?e.replace(/\s+/g,""):e,a=new RegExp("([^A-Za-z0-9]{2,})|(^[^A-Za-z0-9-]+)|([^0-9a-z-,.])|([^0-9-,.]+)|([W,.])$","g"),n=$("decimal"),l=new RegExp("."===n?`\\${n}`:n,"g");return r.match(a)||(r.match(l)||[]).length>1?r:W(r).replace(new RegExp(`\\${n}`,"g"),".")}),[$,W]),I=R(L||F),[M,Z]=t.useState(H(B(I))?I:V(I)),G=(e,t)=>({target:{name:O,id:v,value:{formattedValue:V(B(e)),rawValue:t||B(e)}}}),J=o.default(L);return t.useEffect((()=>{const e=B(M),t=R(L);e!==t&&Z(V(""===t&&""===J?F:t))}),[F,V,R,J,M,B,L]),e.jsxs(e.Fragment,{children:[e.jsxs(a.Textbox,(K=b({align:d,readOnly:D,inputWidth:y,onChange:e=>{const{value:t}=e.target;Z(t),_(G(t))},onBlur:e=>{const{value:t}=e.target;let r;if(t){const e=B(t),a=H(e)?t:V(e);r=G(a,e),Z(a)}else r=G(F),Z(F);j&&j(r)},value:M,"data-component":"decimal",id:v,ref:c,prefix:q,fieldHelp:g,labelHelp:h,size:z},N,p.default("decimal",N)),Q={children:[!q&&A&&e.jsx(s.default,{"data-element":"textbox-suffix",children:A}),w&&e.jsx(n.PopoverContainer,{position:P,containerAriaLabel:C||S.decimal.ariaLabels.popoverContent(),renderOpenComponent:({ref:t,onClick:r,"data-element":a,"aria-label":n,"aria-expanded":l,"aria-haspopup":o,id:u})=>e.jsx(i.default,{ref:t,onClick:r,"data-element":a,"aria-label":k||n||S.decimal.ariaLabels.popoverTrigger(),"aria-haspopup":o,"aria-expanded":l,id:u,size:z}),children:w})]},Q=null!=Q?Q:{},Object.getOwnPropertyDescriptors?Object.defineProperties(K,Object.getOwnPropertyDescriptors(Q)):function(e){var t=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t.push.apply(t,r)}return t}(Object(Q)).forEach((function(e){Object.defineProperty(K,e,Object.getOwnPropertyDescriptor(Q,e))})),K)),e.jsx("input",{name:O,value:B(M),type:"hidden","data-component":"hidden-input","data-role":"hidden-input"})]});var K,Q}));g.displayName="Decimal",exports.Decimal=g,exports.default=g;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
"use strict";function e(e){return e&&e.__esModule?e:{default:e}}Object.defineProperty(exports,"__esModule",{value:!0});const t=e(require("styled-components")).default.span.withConfig({displayName:"decimal.style__StyledSuffix",componentId:"sc-821f41bb-0"})(["font:var(--global-font-static-comp-medium-m);margin-right:var(--global-space-comp-m);"]);exports.default=t;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICONS=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_up_down","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","clock_add","close","code","cloud_co2","coins","collaborate","computer_clock","connect","connect_circle","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","marker_off","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_circle","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","source_code","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","system_Android","system_iOS","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"],exports.ICON_FONT_SIZES=["small","medium","large"
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0}),exports.ICONS=["accessibility_web","add","admin","airplay","alert","alert_on","analysis","app_facebook","app_instagram","app_tiktok","app_twitter","app_youtube","apps","arrow","arrow_bottom_right_circle","arrow_down","arrow_left","arrow_left_boxed","arrow_left_right_small","arrow_left_small","arrow_right","arrow_right_small","arrow_top_left_circle","arrow_top_right_circle","arrow_up","arrows_left_right","at_sign","attach","bank","bank_with_card","basket","basket_with_squares","batch","bed","bill_paid","bill_unpaid","bin","biometric","blocked","blocked_square","block_arrow_right","bold","box_arrow_left","box_arrow_right","boxed_shapes","bulk_destroy","bullet_list","bullet_list_dotted","bullet_list_numbers","business","calendar","calendar_today","call","calendar_pay_date","camera","car_lock","car_money","car_repair","card_view","card_wallet","caret_down","caret_left","caret_right","caret_up","caret_up_down","caret_large_down","caret_large_left","caret_large_right","caret_large_up","cart","cash","chat","chart_bar","chart_bar_arrow_up","chart_line","chart_pie","chat_notes","check_all","check_none","chevron_down","chevron_first","chevron_first_pagination","chevron_last","chevron_last_pagination","chevron_left","chevron_right","chevron_up","chevron_down_thick","chevron_left_thick","chevron_right_thick","chevron_up_thick","chromecast","circle_with_dots","circles_connection","clear","clock","clock_add","close","code","cloud_co2","coins","collaborate","computer_clock","connect","connect_circle","connect_off","construction","contacts","contact_card","copy","create","credit_card","credit_card_slash","cross","cross_circle","csv","dashboard","delete","delivery","diagonal_arrows_up","disconnect","disputed","document_right_align","document_tick","document_vertical_lines","download","double_tick","drag","drag_hover","drag_vertical","draft","drill","dropdown","duplicate","edit","edited","email","email_switch","entry","ellipsis_horizontal","ellipsis_vertical","envelope_dollar","envelope_euro","error","error_square","euro","expand","export","factory","favourite","favourite_lined","fax","feedback","file_excel","file_generic","file_image","file_pdf","file_word","files_leaning","filter","filter_new","fit_height","fit_width","flag","flash","folder","form_refresh","framerate","fullscreen","gift","get_quote","go","graduation_hat","graph","grid","heart","heart_pulse","help","hide","hierarchy","hand_cash_coins","hand_cash_note","home","image","import","in_progress","in_transit","individual","info","intranet","ipad","italic","job_seeked","key","laptop","leaf","ledger","ledger_arrow_left","ledger_arrow_right","lightbulb_off","lightbulb_on","like","like_no","link","link_card","link_cloud","link_on","list_view","locked","location","login","logout","lookup","marker","marker_off","message","microphone","minimise","minus","minus_large","mobile","money_bag","mute","none","normalscreen","old_warning","page","palm_tree","pause","pause_circle","petrol_pump","pdf","pin","people","people_switch","percentage_boxed","person","person_info","person_tick","phone","picture_in_picture","piggy_bank","placeholder","plane","play","play_circle","plus","plus_circle","plus_large","pound","print","progress","progressed","protect","question","question_hollow","question_mark","recruiting","refresh","refresh_clock","remove","replay","reset","sage_coin","save","scan","search","send","services","settings","settings_old","share","shield_with_tick","shield_with_tick_outline","shop","sort_down","sort_up","source_code","spanner","speaker","split","split_container","squares_nine","stacked_boxes","stacked_squares","stop","stop_circle","submitted","subtitles","support_online","system_Android","system_iOS","sync","tag","talk","target","target_man","theatre_masks","three_boxes","tick","tick_circle","tick_thick","time_zone","true_tick","u_turn_left","u_turn_right","underline","undo","unlocked","upload","uploaded","user_groups","video","view","volume_high","volume_low","volume_medium","volunteering","warning","website","welfare","worldwide_location"],exports.ICON_FONT_SIZES=["small","medium","large"],exports.ICON_SHAPES=["circle","rounded-rect","square"],exports.ICON_SIZES=["small","medium","large","extra-large"],exports.ICON_TOOLTIP_POSITIONS=["bottom","left","right","top"],exports.default={backgroundSize:{"extra-small":"var(--global-size-2-xs)",small:"var(--global-size-xs)",medium:"var(--global-size-s)",large:"var(--global-size-m)","extra-large":"var(--global-size-m)"},backgroundShape:{square:"0%","rounded-rect":"20%",circle:"50%"},iconSize:{small:"var(--global-size-2-xs)",medium:"var(--global-size-xs)",large:"var(--global-size-s)","extra-large":"var(--global-size-s)"}};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("react"),t=require("../../../../__internal__/input/input.component.js"),n=require("../../../../__internal__/validation-message/__next__/validation-message.component.js");require("../../../../style/utils/filter-styled-system-padding-props.js");var i=require("../../../../style/utils/filter-styled-system-margin-props.js"),a=require("../../../../style/utils/filter-out-styled-system-spacing-props.js"),l=require("../../../../hooks/__internal__/useUniqueId/index.js"),o=require("../../../../__internal__/utils/helpers/guid/index.js"),s=require("../../../../hooks/__internal__/useInputAccessibility/useInputAccessibility.js"),u=require("../../../../__internal__/error-border/error-border.style.js"),d=require("./text-input.style.js"),c=require("../../../../__internal__/hint-text/hint-text.component.js"),p=require("../../../../__internal__/label/label.component.js"),b=require("../../../../hooks/__internal__/useRegisterValidationToTabs/useRegisterValidationToTabs.js"),f=require("../../../../__internal__/utils/helpers/combine-refs/index.js"),_=require("../../../../__internal__/fieldset-validation-context/fieldset-validation-context.js"),y=require("../../../fieldset/__internal__/fieldset.context.js");function j(e){return e&&e.__esModule?e:{default:e}}function h(e,r,t){return r in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function m(e){for(var r=1;r<arguments.length;r++){var t=null!=arguments[r]?arguments[r]:{},n=Object.keys(t);"function"==typeof Object.getOwnPropertySymbols&&(n=n.concat(Object.getOwnPropertySymbols(t).filter((function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})))),n.forEach((function(r){h(e,r,t[r])}))}return e}function x(e,r){return r=null!=r?r:{},Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):function(e){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var t=Object.getOwnPropertySymbols(e);r.push.apply(r,t)}return r}(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})),e}const g=j(r).default.forwardRef(((j,h)=>{var{autoFocus:g,"aria-describedby":O,"aria-labelledby":v,children:q,"data-component":w="text-input","data-element":I,"data-is-open":P,"data-role":C,disabled:k,error:$,id:z,inputHint:T,inputIcon:W,inputWidth:D,label:M,labelInline:R=!1,leftChildren:S,maxWidth:E,name:F,onChange:B,onClick:H,onMouseDown:V,placeholder:A,prefix:L,readOnly:U,required:G,size:J="medium",type:K="text",validationMessagePositionTop:N,value:Q,warning:X}=j,Y=function(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},a=Object.keys(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var a=Object.getOwnPropertySymbols(e);for(n=0;n<a.length;n++)t=a[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}(j,["autoFocus","aria-describedby","aria-labelledby","children","data-component","data-element","data-is-open","data-role","disabled","error","id","inputHint","inputIcon","inputWidth","label","labelInline","leftChildren","maxWidth","name","onChange","onClick","onMouseDown","placeholder","prefix","readOnly","required","size","type","validationMessagePositionTop","value","warning"]);const Z=r.useRef(null),ee=f.default(h,Z),{disableErrorBorder:re}=r.useContext(_.default),te={disabled:k,readOnly:U},[ne,ie]=l.default(z,F),{labelId:ae,validationId:le,ariaDescribedBy:oe}=s.default({id:ne,validationRedesignOptIn:!0,error:$,warning:X,label:M}),se=r.useRef(o.default()),ue=T?se.current:void 0,de=L?`${ne}-prefix`:void 0,{size:ce,hasError:pe,required:be}=r.useContext(y.default),fe=ce||J,_e=!!$||!!pe,ye=null!=D?D:R?80:100,je=[ue,de,oe,O].filter(Boolean).join(" "),he=!(!$&&!X);b.default(!!$,!!X,ne);const me=he&&!re&&e.jsx(n.default,{id:le,size:fe,error:$,warning:X}),xe=he&&!re&&e.jsx(u.default,{"data-role":"error-border",$warning:!($||!X)}),ge=r.useCallback((e=>{k||U||null==V||V(e)}),[V,k,U]),Oe=r.useCallback((e=>{k||U||null==H||H(e)}),[H,k,U]),ve=r.useCallback((e=>{var r;k||U||document.activeElement===Z.current||!e.currentTarget.contains(e.target)||null===(r=Z.current)||void 0===r||r.focus()}),[k,U]);return e.jsxs(d.StyledTextInput,x(m({"data-element":I,"data-role":C,"data-component":w,$size:fe,$labelInline:R,$hasValidationFailure:R&&he},i.default(Y)),{children:[M&&e.jsxs(d.LabelWrapper,{"data-role":"label-wrapper",$labelInline:R,$size:fe,$labelWrapperWidth:R&&"number"==typeof ye?100-ye:void 0,children:[e.jsx(p.default,x(m({id:ae,htmlFor:ne,size:fe,isRequired:G},te),{children:M})),T&&e.jsx(c.HintText,x(m({id:ue,size:fe},te),{children:T}))]}),e.jsxs(d.InputWrapper,{"data-role":"input-wrapper",$size:fe,$maxWidth:E,$inputWidth:D,onClick:ve,"data-is-open":P,children:[N&&me,e.jsx(t.default,x(m({id:ne,name:ie,"aria-invalid":_e,"aria-describedby":je,"aria-labelledby":v,value:Q,placeholder:k||U?void 0:A,required:G||be,ref:ee,autoFocus:g,onMouseDown:ge,onClick:Oe,onChange:B,error:_e,inputIcon:W,size:fe,prefix:L,prefixId:de,leftChildren:S,type:K,"data-is-open":P},te,a.default(Y)),{children:q})),!N&&me,xe]})]}))}));exports.TextInput=g,exports.default=g;
|