solace-ui-components 17.0.7 → 18.0.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/dist/charts.js +1 -1
- package/dist/charts.modern.mjs +1 -1
- package/dist/chunk-2RTZL4CF.modern.mjs +4 -0
- package/dist/chunk-2RTZL4CF.modern.mjs.map +1 -0
- package/dist/chunk-4XH33OL7.js +384 -0
- package/dist/chunk-4XH33OL7.js.map +1 -0
- package/dist/chunk-7SKICMGL.js +2 -0
- package/dist/{chunk-3NKPHQNZ.js.map → chunk-7SKICMGL.js.map} +1 -1
- package/dist/{chunk-KQ4FCALU.js → chunk-AOKITPX2.js} +2 -2
- package/dist/{chunk-KQ4FCALU.js.map → chunk-AOKITPX2.js.map} +1 -1
- package/dist/chunk-GDZZVHFP.js +2 -0
- package/dist/chunk-GDZZVHFP.js.map +1 -0
- package/dist/chunk-HLXBN2OE.modern.mjs +2 -0
- package/dist/{chunk-BRCNJ6YU.modern.mjs.map → chunk-HLXBN2OE.modern.mjs.map} +1 -1
- package/dist/chunk-IHSXSGCC.modern.mjs +384 -0
- package/dist/chunk-IHSXSGCC.modern.mjs.map +1 -0
- package/dist/chunk-QV564WAK.modern.mjs +2 -0
- package/dist/chunk-QV564WAK.modern.mjs.map +1 -0
- package/dist/chunk-ROSPS5NM.modern.mjs +2 -0
- package/dist/chunk-ROSPS5NM.modern.mjs.map +1 -0
- package/dist/{chunk-6GFRKOAD.js → chunk-TSSPQLS6.js} +3 -3
- package/dist/chunk-TSSPQLS6.js.map +1 -0
- package/dist/chunk-UFDVHFXE.js +2 -0
- package/dist/chunk-UFDVHFXE.js.map +1 -0
- package/dist/chunk-ULYCLLUO.modern.mjs +2 -0
- package/dist/{chunk-OIYJ7CVG.modern.mjs.map → chunk-ULYCLLUO.modern.mjs.map} +1 -1
- package/dist/code-editor.js +1 -1
- package/dist/code-editor.js.map +1 -1
- package/dist/code-editor.modern.mjs +1 -1
- package/dist/code-editor.modern.mjs.map +1 -1
- package/dist/datepicker.js +1 -1
- package/dist/datepicker.modern.mjs +1 -1
- package/dist/drag-drop.js +1 -1
- package/dist/drag-drop.js.map +1 -1
- package/dist/drag-drop.modern.mjs +1 -1
- package/dist/drag-drop.modern.mjs.map +1 -1
- package/dist/index.d.mts +1 -40
- package/dist/index.d.ts +1 -40
- package/dist/index.js +59 -60
- package/dist/index.js.map +1 -1
- package/dist/index.modern.mjs +59 -60
- package/dist/index.modern.mjs.map +1 -1
- package/dist/json-schema-form.js +1 -1
- package/dist/json-schema-form.js.map +1 -1
- package/dist/json-schema-form.modern.mjs +1 -1
- package/dist/json-schema-form.modern.mjs.map +1 -1
- package/dist/textDiff.d.mts +44 -0
- package/dist/textDiff.d.ts +44 -0
- package/dist/textDiff.js +3 -0
- package/dist/textDiff.js.map +1 -0
- package/dist/textDiff.modern.mjs +3 -0
- package/dist/textDiff.modern.mjs.map +1 -0
- package/migrate-imports.js +10 -2
- package/package.json +41 -46
- package/dist/chunk-3NKPHQNZ.js +0 -2
- package/dist/chunk-3R3N5YG6.js +0 -365
- package/dist/chunk-3R3N5YG6.js.map +0 -1
- package/dist/chunk-6GFRKOAD.js.map +0 -1
- package/dist/chunk-BRCNJ6YU.modern.mjs +0 -2
- package/dist/chunk-C2UC34ZQ.modern.mjs +0 -4
- package/dist/chunk-C2UC34ZQ.modern.mjs.map +0 -1
- package/dist/chunk-GQTRWH6F.modern.mjs +0 -365
- package/dist/chunk-GQTRWH6F.modern.mjs.map +0 -1
- package/dist/chunk-O6RZQMKZ.modern.mjs +0 -2
- package/dist/chunk-O6RZQMKZ.modern.mjs.map +0 -1
- package/dist/chunk-OIYJ7CVG.modern.mjs +0 -2
- package/dist/chunk-UKAGR4YU.js +0 -2
- package/dist/chunk-UKAGR4YU.js.map +0 -1
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import {c,g,e,b}from'./chunk-OIYJ7CVG.modern.mjs';import {ua,je,D,sa,Gc,Eb,Ge,Yh}from'./chunk-GQTRWH6F.modern.mjs';import {jsx,jsxs}from'react/jsx-runtime';function ae({id:e,htmlForId:o,required:l=false,disabled:n=false,readOnly:t=false,noWrap:r=false,children:i}){return jsx(je,{id:e,htmlFor:o,required:l,disabled:n,sx:{display:"block",whiteSpace:r?"nowrap":"normal"},className:D({"read-only":t}),children:i})}var J=ae;function ie({id:e,htmlForId:o,required:l=false,disabled:n=false,large:t=false,bold:r=false,readOnly:i=false,noWrap:u=false,children:s}){let d=sa();return jsx(je,{id:e,htmlFor:o,required:l,disabled:n,className:D({"bold-label":r,"read-only":i}),sx:{display:"block",fontSize:t?d.typography.subtitle1:d.typography.body1,whiteSpace:u?"nowrap":"normal"},children:s})}var q=ie;var N={maxLength:255,menuItemHeight:38,menuItemHeightMultiline:58,GridListItemHeight:53,DEFAULT_NUM_OF_MENUITEM_DISPLAYED:9,closeButtonAriaLabel:"Close",actionMenuAriaLabel:"More Actions",clearButtonAriaLabel:"Clear"};var se=ua("div",{shouldForwardProp:e=>e!=="inlineLabel"})(({theme:e,inlineLabel:o})=>({display:"flex",flexDirection:"column",flexGrow:1,maxWidth:"100%",paddingLeft:o?"36px":"0px","&.hasWarnings":{"fieldset.MuiOutlinedInput-notchedOutline, fieldset.MuiInputBase-inputMultiline":{borderColor:`${e.palette.ux.warning.w100}`}}}));function pe({id:e$1,label:o,stackLabel:l,large:n,bold:t,required:r,disabled:i,readOnly:u,inlineLabel:s,centerInlineLabel:d,helperText:b,errorText:p,warningText:f,children:h,sx:g$1}){return jsxs(Gc,{display:"flex",flexDirection:s?"row":"column",justifyContent:"space-between",alignItems:d?"flex-start":"",sx:g$1,children:[l&&o&&jsx("div",{style:{marginTop:d?"5.5px":""},children:jsx(q,{id:`${e$1}-label`,htmlForId:`${e$1}`,required:r,disabled:i,large:n,bold:t,readOnly:u,children:o})}),!l&&o&&jsx("div",{style:{marginTop:d?"5.5px":""},children:jsx(J,{id:`${e$1}-label`,htmlForId:`${e$1}`,required:r,disabled:i,readOnly:u,noWrap:s,children:o})}),jsxs(se,{inlineLabel:s,className:f?"hasWarnings":"",children:[h,b&&!p&&!f&&jsx(c,{children:b}),f&&!p&&jsx(g,{children:f}),p&&jsx(e,{children:p})]})]})}var O=pe;function me({id:e,name:o,label:l,value:n,helperText:t,placeholder:r,maxLength:i=N.maxLength,type:u="text",size:s=50,title:d,autoFocus:b$1=false,hasErrors:p=false,hasWarnings:f=false,required:h=false,inlineLabel:g=false,customIcon:a,disabled:I=false,readOnly:x=false,onChange:R,onBlur:D,onKeyDown:K,onKeyUp:U,onFocus:_,dataQa:F,dataTags:z,fullWidth:G=false,width:Y,endAdornment:M,minWidth:V,inputRef:Z}){let Q=sa(),B=a&&a.position==="end"?jsx(Eb,{onClick:a.handleClick,children:a.icon}):null,j=B||M?{endAdornment:jsxs(Ge,{position:"end",children:[M,B]})}:{},ee=a&&a.position==="start"?{startAdornment:jsx(Ge,{position:a.position,children:jsx(Eb,{onClick:a.handleClick,children:a.icon})})}:{},oe={sx:{height:Q.spacing(4)},disabled:I,required:h},ne=v=>{R&&R({name:o,value:v.target.value});},S=()=>e||o,te=ua("div")(({theme:v})=>({...v.mixins.formComponent_ReadOnlyToolTipContainer.container})),le=()=>x?jsx(te,{children:jsx(b,{variant:"overflow",title:typeof n<"u"&&n!==null?n+"":"",dataQa:F,children:typeof n<"u"&&n!==null?n+"":""})}):jsx(Yh,{id:`${S()}`,name:o,inputProps:{maxLength:i,size:s,"data-qa":F,"data-tags":z,"data-testid":F,"data-lpignore":true,readOnly:x,"aria-describedby":t?`${S()}-textfield-helper-text`:"","aria-labelledby":l?`${S()}-label`:"","aria-readonly":x,role:"textbox",title:d,min:0},inputRef:Z,type:u,error:p,autoComplete:`dummy-field-${o}`,autoFocus:b$1,InputProps:{...oe,...j,...ee},margin:"dense",placeholder:r,value:n,onChange:ne,onBlur:D,onKeyDown:K,onKeyUp:U,onFocus:_,fullWidth:G,sx:{minWidth:V}});return jsx(O,{id:S(),label:l,helperText:t,errorText:p?t:void 0,warningText:f?t:void 0,disabled:I,readOnly:x,required:h,inlineLabel:g,centerInlineLabel:g,sx:{width:Y},children:le()})}var We=me;export{J as a,q as b,O as c,N as d,We as e};//# sourceMappingURL=chunk-O6RZQMKZ.modern.mjs.map
|
|
2
|
-
//# sourceMappingURL=chunk-O6RZQMKZ.modern.mjs.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/form/SolaceLabel.tsx","../src/components/form/SolaceStackLabel.tsx","../src/constants.ts","../src/components/form/FormChildBase.tsx","../src/components/form/SolaceTextField.tsx"],"names":["SolaceLabel","id","htmlForId","required","disabled","readOnly","noWrap","children","jsx","FormLabel_default","clsx_default","SolaceLabel_default","SolaceStackLabel","large","bold","theme","useTheme","SolaceStackLabel_default","constants","ChildrenContainer","styled_default","prop","inlineLabel","FormChildBase","label","stackLabel","centerInlineLabel","helperText","errorText","warningText","sx","jsxs","Box_default","HelperText_default","WarningText_default","ErrorText_default","FormChildBase_default","SolaceTextField","name","value","placeholder","maxLength","type","size","title","autoFocus","hasErrors","hasWarnings","customIcon","onChange","onBlur","onKeyDown","onKeyUp","onFocus","dataQa","dataTags","fullWidth","width","endAdornment","minWidth","inputRef","endIconProps","IconButton_default","inputEndAdornment","InputAdornment_default","inputStartAdornment","defaultInputProps","handleChange","event","getId","TooltipContainer","textField","SolaceToolTip_default","TextField_default","SolaceTextField_default"],"mappings":"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","file":"chunk-O6RZQMKZ.modern.mjs","sourcesContent":["/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FormLabel } from \"@mui/material\";\nimport clsx from \"clsx\";\n\nexport interface SolaceLabelProps {\n\t/**\n\t * Unique identifier of the label\n\t */\n\tid: string;\n\t/**\n\t * identifier used for specifying which form element this label is bound to\n\t */\n\thtmlForId?: string;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired?: boolean;\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Boolean flag for readOnly labels, changes font color to 55% black\n\t */\n\treadOnly?: boolean;\n\t/**\n\t * Boolean flag to suppress line breaks (text wrapping) within the label\n\t */\n\tnoWrap?: boolean;\n\t/**\n\t *\n\t */\n\tchildren?: React.ReactNode;\n}\n\nfunction SolaceLabel({\n\tid,\n\thtmlForId,\n\trequired = false,\n\tdisabled = false,\n\treadOnly = false,\n\tnoWrap = false,\n\tchildren\n}: SolaceLabelProps): JSX.Element {\n\treturn (\n\t\t<FormLabel\n\t\t\tid={id}\n\t\t\thtmlFor={htmlForId}\n\t\t\trequired={required}\n\t\t\tdisabled={disabled}\n\t\t\tsx={{\n\t\t\t\tdisplay: \"block\",\n\t\t\t\twhiteSpace: noWrap ? \"nowrap\" : \"normal\"\n\t\t\t}}\n\t\t\tclassName={clsx({ \"read-only\": readOnly })}\n\t\t>\n\t\t\t{children}\n\t\t</FormLabel>\n\t);\n}\n\nexport default SolaceLabel;\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FormLabel, useTheme } from \"@mui/material\";\nimport clsx from \"clsx\";\n\nexport interface SolaceStackLabelProps {\n\t/**\n\t * Unique identifier of the label\n\t */\n\tid: string;\n\t/**\n\t * identifier used for specifying which form element this label is bound to\n\t */\n\thtmlForId?: string;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired?: boolean;\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Boolean flag for readOnly labels, changes font color to 55% black\n\t */\n\treadOnly?: boolean;\n\t/**\n\t * Boolean flag to allow font size of 16px (default to 14px)\n\t */\n\tlarge?: boolean;\n\t/**\n\t * Boolean flag to allow font weight of medium (default to regular)\n\t */\n\tbold?: boolean;\n\t/**\n\t * Boolean flag to suppress line breaks (text wrapping) within the label\n\t */\n\tnoWrap?: boolean;\n\t/**\n\t *\n\t */\n\tchildren?: React.ReactNode;\n}\n\nfunction SolaceStackLabel({\n\tid,\n\thtmlForId,\n\trequired = false,\n\tdisabled = false,\n\tlarge = false,\n\tbold = false,\n\treadOnly = false,\n\tnoWrap = false,\n\tchildren\n}: SolaceStackLabelProps): JSX.Element {\n\tconst theme = useTheme();\n\treturn (\n\t\t<FormLabel\n\t\t\tid={id}\n\t\t\thtmlFor={htmlForId}\n\t\t\trequired={required}\n\t\t\tdisabled={disabled}\n\t\t\tclassName={clsx({ \"bold-label\": bold, \"read-only\": readOnly })}\n\t\t\tsx={{\n\t\t\t\tdisplay: \"block\",\n\t\t\t\tfontSize: large ? theme.typography.subtitle1 : theme.typography.body1,\n\t\t\t\twhiteSpace: noWrap ? \"nowrap\" : \"normal\"\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</FormLabel>\n\t);\n}\n\nexport default SolaceStackLabel;\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const constants = {\n\tmaxLength: 255,\n\tmenuItemHeight: 38,\n\tmenuItemHeightMultiline: 58,\n\tGridListItemHeight: 53,\n\tDEFAULT_NUM_OF_MENUITEM_DISPLAYED: 9,\n\tcloseButtonAriaLabel: \"Close\",\n\tactionMenuAriaLabel: \"More Actions\",\n\tclearButtonAriaLabel: \"Clear\"\n};\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Box, styled } from \"@mui/material\";\nimport SolaceLabel from \"./SolaceLabel\";\nimport SolaceStackLabel from \"./SolaceStackLabel\";\nimport HelperText from \"./HelperText\";\nimport ErrorText from \"./ErrorText\";\nimport WarningText from \"./WarningText\";\nimport SolaceComponentProps from \"../SolaceComponentProps\";\nimport { SX } from \"../../types/sx\";\n\ninterface ChildrenContainerProps {\n\tinlineLabel: boolean;\n}\n\nconst ChildrenContainer = styled(\"div\", {\n\tshouldForwardProp: (prop) => prop !== \"inlineLabel\"\n})<ChildrenContainerProps>(({ theme, inlineLabel }) => ({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tflexGrow: 1,\n\tmaxWidth: \"100%\",\n\tpaddingLeft: inlineLabel ? \"36px\" : \"0px\",\n\t\"&.hasWarnings\": {\n\t\t\"fieldset.MuiOutlinedInput-notchedOutline, fieldset.MuiInputBase-inputMultiline\": {\n\t\t\tborderColor: `${theme.palette.ux.warning.w100}`\n\t\t}\n\t}\n}));\n\nexport interface FormChildBaseProps extends SolaceComponentProps {\n\t/**\n\t * Unique identifier ... if `id` is not specified, `name` value will be used in order to make `label` and `helperText` accessible for screen readers\n\t */\n\tid: string;\n\t/**\n\t * the label content to display on the screen\n\t */\n\tlabel?: string | JSX.Element;\n\t/**\n\t * Boolean flag to allow labels to be rendered as SolaceStackLabel component, which provides more props, such as large, bold\n\t */\n\tstackLabel?: boolean;\n\t/**\n\t * Boolean flag to allow StackSolaceLabel component to be rendered with larger font size of 16px (default to 14px)\n\t */\n\tlarge?: boolean;\n\t/**\n\t * Boolean flag to allow StackSolaceLabel component to be rendered with font weight of medium (default to regular)\n\t */\n\tbold?: boolean;\n\t/**\n\t * The value of the `input` element, required for controlled component\n\t */\n\tvalue?: string;\n\t/**\n\t * Content to display as supportive/explanatory text\n\t */\n\thelperText?: string | JSX.Element;\n\t/**\n\t * HelperText when the `input` in error state\n\t */\n\terrorText?: string | JSX.Element;\n\t/**\n\t * HelperText when the `input` in warning state\n\t */\n\twarningText?: string | JSX.Element;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired: boolean;\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled: boolean;\n\t/**\n\t * Boolean flag to set the `input` in a read-only state\n\t */\n\treadOnly: boolean;\n\t/**\n\t * Display the label horizontally\n\t */\n\tinlineLabel: boolean;\n\t/**\n\t * Center align the inline label, this will e used only for single line field label\n\t */\n\tcenterInlineLabel?: boolean;\n\n\tchildren: JSX.Element;\n\t/**\n\t * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n\t */\n\tsx?: SX;\n}\n\nfunction FormChildBase({\n\tid,\n\tlabel,\n\tstackLabel,\n\tlarge,\n\tbold,\n\trequired,\n\tdisabled,\n\treadOnly,\n\tinlineLabel,\n\tcenterInlineLabel,\n\thelperText,\n\terrorText,\n\twarningText,\n\tchildren,\n\tsx\n}: FormChildBaseProps): JSX.Element {\n\treturn (\n\t\t<Box\n\t\t\tdisplay=\"flex\"\n\t\t\tflexDirection={inlineLabel ? \"row\" : \"column\"}\n\t\t\tjustifyContent=\"space-between\"\n\t\t\talignItems={centerInlineLabel ? \"flex-start\" : \"\"}\n\t\t\tsx={sx}\n\t\t>\n\t\t\t{stackLabel && label && (\n\t\t\t\t<div style={{ marginTop: centerInlineLabel ? \"5.5px\" : \"\" }}>\n\t\t\t\t\t<SolaceStackLabel\n\t\t\t\t\t\tid={`${id}-label`}\n\t\t\t\t\t\thtmlForId={`${id}`}\n\t\t\t\t\t\trequired={required}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tlarge={large}\n\t\t\t\t\t\tbold={bold}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</SolaceStackLabel>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!stackLabel && label && (\n\t\t\t\t<div style={{ marginTop: centerInlineLabel ? \"5.5px\" : \"\" }}>\n\t\t\t\t\t<SolaceLabel\n\t\t\t\t\t\tid={`${id}-label`}\n\t\t\t\t\t\thtmlForId={`${id}`}\n\t\t\t\t\t\trequired={required}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tnoWrap={inlineLabel}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</SolaceLabel>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<ChildrenContainer inlineLabel={inlineLabel} className={warningText ? \"hasWarnings\" : \"\"}>\n\t\t\t\t{children}\n\t\t\t\t{helperText && !errorText && !warningText && <HelperText>{helperText}</HelperText>}\n\t\t\t\t{warningText && !errorText && <WarningText>{warningText}</WarningText>}\n\t\t\t\t{errorText && <ErrorText>{errorText}</ErrorText>}\n\t\t\t</ChildrenContainer>\n\t\t</Box>\n\t);\n}\n\nexport default FormChildBase;\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InputAdornment, IconButton, TextField, useTheme } from \"@mui/material\";\nimport React from \"react\";\nimport { constants } from \"../../constants\";\nimport SolaceComponentProps from \"../SolaceComponentProps\";\nimport FormChildBase from \"./FormChildBase\";\nimport SolaceTooltip from \"../SolaceToolTip\";\nimport { styled } from \"@mui/material\";\nimport { CSSProperties } from \"@mui/styled-engine\";\n\nexport interface SolaceTextFieldChangeEvent {\n\tname: string;\n\tvalue: string;\n}\n\nexport interface SolaceTextFieldProps extends SolaceComponentProps {\n\t/**\n\t * Unique identifier ... if `id` is not specified, `name` value will be used in order to make `label` and `helperText` accessible for screen readers\n\t */\n\tid?: string;\n\t/**\n\t * Name attribute to assign to the `input` element\n\t */\n\tname: string;\n\t/**\n\t * the label content to display on the screen\n\t */\n\tlabel?: string | JSX.Element;\n\t/**\n\t * The value of the `input` element, required for controlled component\n\t */\n\tvalue?: string | number;\n\t/**\n\t * Content to display as supportive/explanitory text\n\t */\n\thelperText?: string | JSX.Element;\n\t/**\n\t * Short hint displayed in the `input` before user enters a value\n\t */\n\tplaceholder?: string;\n\t/**\n\t * The maximum number of characters which can be typed as the `input` value\n\t */\n\tmaxLength?: number;\n\t/**\n\t * The type of `input` element to render\n\t */\n\ttype?: \"text\" | \"number\" | \"password\" | \"email\" | \"url\";\n\t/**\n\t * The size/width of the `input` measured in characters\n\t */\n\tsize?: number;\n\t/**\n\t * The text to display as the tooltip hint\n\t */\n\ttitle?: string;\n\t/**\n\t * Boolean flag to control whether the `input` element is focused during first mount\n\t */\n\tautoFocus?: boolean;\n\t/**\n\t * Boolean flag to mark the `input` in error state\n\t */\n\thasErrors?: boolean;\n\t/**\n\t * Boolean flag to mark the `input` in warn state\n\t */\n\thasWarnings?: boolean;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired?: boolean;\n\t/**\n\t * Boolean flag to control whether to stack the label on top of the `input` element (false) or place them inline to one another (true)\n\t */\n\tinlineLabel?: boolean;\n\t/**\n\t * Allows custom icon to be set at the beginning/end of the field.\n\t */\n\tcustomIcon?: {\n\t\ticon: React.ReactNode;\n\t\tposition: \"end\" | \"start\";\n\t\thandleClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n\t};\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Boolean flag to set the `input` in a read-only state\n\t */\n\treadOnly?: boolean;\n\t/**\n\t * Callback function to trigger whenever the value of the `input` is changed\n\t */\n\tonChange?: (event: SolaceTextFieldChangeEvent) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` loses focus\n\t */\n\tonBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` receives key down event\n\t */\n\tonKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` receives key up event\n\t */\n\tonKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` is focused\n\t */\n\tonFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/**\n\t * Custom Width of the component.\n\t */\n\twidth?: string;\n\t/**\n\t * If true, the input will take up the full width of its container.\n\t */\n\tfullWidth?: boolean;\n\t/**\n\t * optional prop to pass an array of icon or button at the end of textfield\n\t */\n\tendAdornment?: (React.ReactNode | JSX.Element)[];\n\t/**\n\t * minimum width of the component\n\t */\n\tminWidth?: string;\n\t/**\n\t * pass a ref to the input element.\n\t */\n\tinputRef?: (input: HTMLInputElement) => void;\n}\n\nfunction SolaceTextField({\n\tid,\n\tname,\n\tlabel,\n\tvalue,\n\thelperText,\n\tplaceholder,\n\tmaxLength = constants.maxLength,\n\ttype = \"text\",\n\tsize = 50,\n\ttitle,\n\tautoFocus = false,\n\thasErrors = false,\n\thasWarnings = false,\n\trequired = false,\n\tinlineLabel = false,\n\tcustomIcon,\n\tdisabled = false,\n\treadOnly = false,\n\tonChange,\n\tonBlur,\n\tonKeyDown,\n\tonKeyUp,\n\tonFocus,\n\tdataQa,\n\tdataTags,\n\tfullWidth = false,\n\twidth,\n\tendAdornment,\n\tminWidth,\n\tinputRef\n}: SolaceTextFieldProps): JSX.Element {\n\tconst theme = useTheme();\n\n\tconst endIconProps =\n\t\tcustomIcon && customIcon.position === \"end\" ? (\n\t\t\t<IconButton onClick={customIcon.handleClick}>{customIcon.icon}</IconButton>\n\t\t) : null;\n\n\tconst inputEndAdornment =\n\t\tendIconProps || endAdornment\n\t\t\t? {\n\t\t\t\t\tendAdornment: (\n\t\t\t\t\t\t<InputAdornment position=\"end\">\n\t\t\t\t\t\t\t{endAdornment}\n\t\t\t\t\t\t\t{endIconProps}\n\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t)\n\t\t\t }\n\t\t\t: {};\n\tconst inputStartAdornment =\n\t\tcustomIcon && customIcon.position === \"start\"\n\t\t\t? {\n\t\t\t\t\tstartAdornment: (\n\t\t\t\t\t\t<InputAdornment position={customIcon.position}>\n\t\t\t\t\t\t\t<IconButton onClick={customIcon.handleClick}>{customIcon.icon}</IconButton>\n\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t)\n\t\t\t }\n\t\t\t: {};\n\n\tconst defaultInputProps = {\n\t\tsx: { height: theme.spacing(4) },\n\t\tdisabled: disabled,\n\t\trequired: required\n\t};\n\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (onChange) {\n\t\t\tonChange({\n\t\t\t\tname: name,\n\t\t\t\tvalue: event.target.value\n\t\t\t});\n\t\t}\n\t};\n\n\tconst getId = () => {\n\t\treturn id ? id : name;\n\t};\n\n\tconst TooltipContainer = styled(\"div\")(({ theme }) => ({\n\t\t...(theme.mixins.formComponent_ReadOnlyToolTipContainer.container as CSSProperties)\n\t}));\n\n\tconst textField = () => {\n\t\t/* read-only behaviour */\n\t\tif (readOnly) {\n\t\t\treturn (\n\t\t\t\t<TooltipContainer>\n\t\t\t\t\t<SolaceTooltip\n\t\t\t\t\t\tvariant=\"overflow\"\n\t\t\t\t\t\ttitle={typeof value !== \"undefined\" && value !== null ? value + \"\" : \"\"}\n\t\t\t\t\t\tdataQa={dataQa}\n\t\t\t\t\t>\n\t\t\t\t\t\t{typeof value !== \"undefined\" && value !== null ? value + \"\" : \"\"}\n\t\t\t\t\t</SolaceTooltip>\n\t\t\t\t</TooltipContainer>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<TextField\n\t\t\t\t\tid={`${getId()}`}\n\t\t\t\t\tname={name}\n\t\t\t\t\tinputProps={{\n\t\t\t\t\t\tmaxLength: maxLength,\n\t\t\t\t\t\tsize: size,\n\t\t\t\t\t\t\"data-qa\": dataQa,\n\t\t\t\t\t\t\"data-tags\": dataTags,\n\t\t\t\t\t\t\"data-testid\": dataQa,\n\t\t\t\t\t\t\"data-lpignore\": true,\n\t\t\t\t\t\treadOnly: readOnly,\n\t\t\t\t\t\t\"aria-describedby\": helperText ? `${getId()}-textfield-helper-text` : \"\",\n\t\t\t\t\t\t\"aria-labelledby\": label ? `${getId()}-label` : \"\",\n\t\t\t\t\t\t\"aria-readonly\": readOnly,\n\t\t\t\t\t\trole: \"textbox\",\n\t\t\t\t\t\ttitle: title,\n\t\t\t\t\t\tmin: 0\n\t\t\t\t\t}}\n\t\t\t\t\tinputRef={inputRef}\n\t\t\t\t\ttype={type}\n\t\t\t\t\terror={hasErrors}\n\t\t\t\t\tautoComplete={`dummy-field-${name}`}\n\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\tInputProps={{ ...defaultInputProps, ...inputEndAdornment, ...inputStartAdornment }}\n\t\t\t\t\tmargin=\"dense\"\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\t\tonKeyUp={onKeyUp}\n\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\tfullWidth={fullWidth}\n\t\t\t\t\tsx={{ minWidth: minWidth }}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<FormChildBase\n\t\t\tid={getId()}\n\t\t\tlabel={label}\n\t\t\thelperText={helperText}\n\t\t\terrorText={hasErrors ? helperText : undefined}\n\t\t\twarningText={hasWarnings ? helperText : undefined}\n\t\t\tdisabled={disabled}\n\t\t\treadOnly={readOnly}\n\t\t\trequired={required}\n\t\t\tinlineLabel={inlineLabel}\n\t\t\tcenterInlineLabel={inlineLabel}\n\t\t\tsx={{ width }}\n\t\t>\n\t\t\t{textField()}\n\t\t</FormChildBase>\n\t);\n}\n\nexport default SolaceTextField;\n"]}
|
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
import {ua,H,je,zg,sc,sa,La,ki}from'./chunk-GQTRWH6F.modern.mjs';import {useState,useRef,useCallback}from'react';import {isEmpty}from'lodash';import {jsx,jsxs}from'react/jsx-runtime';var O="text",z="overflow",B="rich",$="html",f={text:O,overflow:z,rich:B,html:$};var q=ua("div")(()=>({whiteSpace:"nowrap",overflow:"hidden",textOverflow:"ellipsis",position:"relative","&::after":{content:'""',display:"block"}}));function G({id:e,title:t,variant:o=f.text,children:l,placement:L="bottom",maxWidth:T="small",disableFocusListener:H=false,disableHoverListener:V=false,enterDelay:W=500,enterNextDelay:X=0,leaveDelay:M=0,open:J,onOpen:c,onClose:C,dataQa:R,dataTags:Z}){let[_,u]=useState(false),p=useRef(null),D=useCallback(x=>{if(isEmpty(t))return;let E=true;o==="overflow"&&p.current&&p.current.scrollWidth<=p.current.clientWidth&&(E=false),E&&(u(true),c&&c(x));},[c,t,o]),F=useCallback(x=>{u(false),C&&C(x);},[C]);return jsx(zg,{id:e,title:t??"",classes:{tooltip:`${o===f.html||o===f.rich?"htmlContent":""} ${T?T+"Width":""}`},placement:L,"data-qa":R,"data-tags":Z,disableFocusListener:H,disableHoverListener:V,enterDelay:W,enterNextDelay:X,leaveDelay:M,TransitionComponent:sc,TransitionProps:{timeout:{enter:150,exit:200}},open:J??_,onOpen:D,onClose:F,children:o==="overflow"?jsx(q,{ref:p,children:l}):typeof l=="string"?jsx("span",{children:l}):l})}var x1=G;function K({children:e}){let t=sa();return jsx(je,{sx:{color:t.palette.ux.secondary.text.wMain,fontSize:t.typography.caption.fontSize,marginTop:"2px"},children:e})}var T1=K;function P({size:e,fill:t}){return jsxs(La,{sx:{width:`${e}px`,height:`${e}px`},viewBox:"0 0 24 24",children:[jsx("path",{d:"M11.208 14.784C11.2827 14.8587 11.3733 14.896 11.48 14.896H12.776C12.8933 14.896 12.984 14.8587 13.048 14.784C13.1227 14.7093 13.16 14.6187 13.16 14.512V7.184C13.16 7.06667 13.1227 6.976 13.048 6.912C12.984 6.83733 12.8933 6.8 12.776 6.8H11.48C11.3733 6.8 11.2827 6.83733 11.208 6.912C11.1333 6.98667 11.096 7.07733 11.096 7.184V14.512C11.096 14.6187 11.1333 14.7093 11.208 14.784Z",fill:t}),jsx("path",{d:"M11.112 17.888C11.1867 17.9627 11.2773 18 11.384 18H12.872C12.9893 18 13.0853 17.9627 13.16 17.888C13.2347 17.8133 13.272 17.7227 13.272 17.616V16.128C13.272 16.0107 13.2347 15.9147 13.16 15.84C13.0853 15.7653 12.9893 15.728 12.872 15.728H11.384C11.2773 15.728 11.1867 15.7653 11.112 15.84C11.0373 15.9147 11 16.0107 11 16.128V17.616C11 17.7227 11.0373 17.8133 11.112 17.888Z",fill:t}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M22 12C22 17.5228 17.5228 22 12 22C6.47715 22 2 17.5228 2 12C2 6.47715 6.47715 2 12 2C17.5228 2 22 6.47715 22 12ZM20 12C20 16.4183 16.4183 20 12 20C7.58172 20 4 16.4183 4 12C4 7.58172 7.58172 4 12 4C16.4183 4 20 7.58172 20 12Z",fill:t})]})}var Y=ua(H)(({theme:e})=>({...e.mixins.formComponent_ErrorText.container})),j=ua(je)(({theme:e})=>({...e.mixins.formComponent_ErrorText.label}));function e1({children:e}){let t=sa(),o=t.typography.subtitle1.fontSize?.toString();return jsxs(Y,{children:[jsx(P,{size:o?parseInt(o):ki.md,fill:t.palette.ux.error.wMain}),jsx(j,{children:e})]})}var L1=e1;function w({size:e,fill:t}){return jsxs(La,{sx:{width:`${e}px`,height:`${e}px`},viewBox:"0 0 24 24",children:[jsx("path",{d:"M11.8746 14.996C11.9493 15.0706 12.04 15.108 12.1466 15.108H13.4426C13.56 15.108 13.6506 15.0706 13.7146 14.996C13.7893 14.9213 13.8266 14.8306 13.8266 14.724V10.396C13.8266 10.2786 13.7893 10.188 13.7146 10.124C13.6506 10.0493 13.56 10.012 13.4426 10.012H12.1466C12.04 10.012 11.9493 10.0493 11.8746 10.124C11.8 10.1986 11.7626 10.2893 11.7626 10.396V14.724C11.7626 14.8306 11.8 14.9213 11.8746 14.996Z",fill:t}),jsx("path",{d:"M11.7786 18.1C11.8533 18.1746 11.944 18.212 12.0506 18.212H13.5386C13.656 18.212 13.752 18.1746 13.8266 18.1C13.9013 18.0253 13.9386 17.9346 13.9386 17.828V16.34C13.9386 16.2226 13.9013 16.1266 13.8266 16.052C13.752 15.9773 13.656 15.94 13.5386 15.94H12.0506C11.944 15.94 11.8533 15.9773 11.7786 16.052C11.704 16.1266 11.6666 16.2226 11.6666 16.34V17.828C11.6666 17.9346 11.704 18.0253 11.7786 18.1Z",fill:t}),jsx("path",{fillRule:"evenodd",clipRule:"evenodd",d:"M11.7919 3.79001C12.1726 3.10304 13.1604 3.10304 13.5411 3.79001L22.2358 19.4772C22.6053 20.1437 22.1233 20.962 21.3612 20.962H3.97177C3.20973 20.962 2.72771 20.1437 3.09713 19.4772L11.7919 3.79001ZM5.66936 18.962L12.6665 6.3376L19.6636 18.962H5.66936Z",fill:t})]})}var r1=ua(H)(({theme:e})=>({...e.mixins.formComponent_WarningText.container})),n1=ua(je)(({theme:e})=>({...e.mixins.formComponent_WarningText.label}));function i1({children:e}){let t=sa(),o=t.typography.subtitle1.fontSize?.toString();return jsxs(r1,{children:[jsx(w,{size:o?parseInt(o):ki.md,fill:t.palette.ux.warning.w100}),jsx(n1,{children:e})]})}var D1=i1;export{f as a,x1 as b,T1 as c,P as d,L1 as e,w as f,D1 as g};//# sourceMappingURL=chunk-OIYJ7CVG.modern.mjs.map
|
|
2
|
-
//# sourceMappingURL=chunk-OIYJ7CVG.modern.mjs.map
|
package/dist/chunk-UKAGR4YU.js
DELETED
|
@@ -1,2 +0,0 @@
|
|
|
1
|
-
'use strict';var chunk3NKPHQNZ_js=require('./chunk-3NKPHQNZ.js'),chunk3R3N5YG6_js=require('./chunk-3R3N5YG6.js'),jsxRuntime=require('react/jsx-runtime');function ae({id:e,htmlForId:o,required:l=false,disabled:n=false,readOnly:t=false,noWrap:r=false,children:i}){return jsxRuntime.jsx(chunk3R3N5YG6_js.je,{id:e,htmlFor:o,required:l,disabled:n,sx:{display:"block",whiteSpace:r?"nowrap":"normal"},className:chunk3R3N5YG6_js.D({"read-only":t}),children:i})}var J=ae;function ie({id:e,htmlForId:o,required:l=false,disabled:n=false,large:t=false,bold:r=false,readOnly:i=false,noWrap:u=false,children:s}){let d=chunk3R3N5YG6_js.sa();return jsxRuntime.jsx(chunk3R3N5YG6_js.je,{id:e,htmlFor:o,required:l,disabled:n,className:chunk3R3N5YG6_js.D({"bold-label":r,"read-only":i}),sx:{display:"block",fontSize:t?d.typography.subtitle1:d.typography.body1,whiteSpace:u?"nowrap":"normal"},children:s})}var q=ie;var N={maxLength:255,menuItemHeight:38,menuItemHeightMultiline:58,GridListItemHeight:53,DEFAULT_NUM_OF_MENUITEM_DISPLAYED:9,closeButtonAriaLabel:"Close",actionMenuAriaLabel:"More Actions",clearButtonAriaLabel:"Clear"};var se=chunk3R3N5YG6_js.ua("div",{shouldForwardProp:e=>e!=="inlineLabel"})(({theme:e,inlineLabel:o})=>({display:"flex",flexDirection:"column",flexGrow:1,maxWidth:"100%",paddingLeft:o?"36px":"0px","&.hasWarnings":{"fieldset.MuiOutlinedInput-notchedOutline, fieldset.MuiInputBase-inputMultiline":{borderColor:`${e.palette.ux.warning.w100}`}}}));function pe({id:e,label:o,stackLabel:l,large:n,bold:t,required:r,disabled:i,readOnly:u,inlineLabel:s,centerInlineLabel:d,helperText:b,errorText:p,warningText:f,children:h,sx:g}){return jsxRuntime.jsxs(chunk3R3N5YG6_js.Gc,{display:"flex",flexDirection:s?"row":"column",justifyContent:"space-between",alignItems:d?"flex-start":"",sx:g,children:[l&&o&&jsxRuntime.jsx("div",{style:{marginTop:d?"5.5px":""},children:jsxRuntime.jsx(q,{id:`${e}-label`,htmlForId:`${e}`,required:r,disabled:i,large:n,bold:t,readOnly:u,children:o})}),!l&&o&&jsxRuntime.jsx("div",{style:{marginTop:d?"5.5px":""},children:jsxRuntime.jsx(J,{id:`${e}-label`,htmlForId:`${e}`,required:r,disabled:i,readOnly:u,noWrap:s,children:o})}),jsxRuntime.jsxs(se,{inlineLabel:s,className:f?"hasWarnings":"",children:[h,b&&!p&&!f&&jsxRuntime.jsx(chunk3NKPHQNZ_js.c,{children:b}),f&&!p&&jsxRuntime.jsx(chunk3NKPHQNZ_js.g,{children:f}),p&&jsxRuntime.jsx(chunk3NKPHQNZ_js.e,{children:p})]})]})}var O=pe;function me({id:e,name:o,label:l,value:n,helperText:t,placeholder:r,maxLength:i=N.maxLength,type:u="text",size:s=50,title:d,autoFocus:b=false,hasErrors:p=false,hasWarnings:f=false,required:h=false,inlineLabel:g=false,customIcon:a,disabled:I=false,readOnly:x=false,onChange:R,onBlur:D,onKeyDown:K,onKeyUp:U,onFocus:_,dataQa:F,dataTags:z,fullWidth:G=false,width:Y,endAdornment:M,minWidth:V,inputRef:Z}){let Q=chunk3R3N5YG6_js.sa(),B=a&&a.position==="end"?jsxRuntime.jsx(chunk3R3N5YG6_js.Eb,{onClick:a.handleClick,children:a.icon}):null,j=B||M?{endAdornment:jsxRuntime.jsxs(chunk3R3N5YG6_js.Ge,{position:"end",children:[M,B]})}:{},ee=a&&a.position==="start"?{startAdornment:jsxRuntime.jsx(chunk3R3N5YG6_js.Ge,{position:a.position,children:jsxRuntime.jsx(chunk3R3N5YG6_js.Eb,{onClick:a.handleClick,children:a.icon})})}:{},oe={sx:{height:Q.spacing(4)},disabled:I,required:h},ne=v=>{R&&R({name:o,value:v.target.value});},S=()=>e||o,te=chunk3R3N5YG6_js.ua("div")(({theme:v})=>({...v.mixins.formComponent_ReadOnlyToolTipContainer.container})),le=()=>x?jsxRuntime.jsx(te,{children:jsxRuntime.jsx(chunk3NKPHQNZ_js.b,{variant:"overflow",title:typeof n<"u"&&n!==null?n+"":"",dataQa:F,children:typeof n<"u"&&n!==null?n+"":""})}):jsxRuntime.jsx(chunk3R3N5YG6_js.Yh,{id:`${S()}`,name:o,inputProps:{maxLength:i,size:s,"data-qa":F,"data-tags":z,"data-testid":F,"data-lpignore":true,readOnly:x,"aria-describedby":t?`${S()}-textfield-helper-text`:"","aria-labelledby":l?`${S()}-label`:"","aria-readonly":x,role:"textbox",title:d,min:0},inputRef:Z,type:u,error:p,autoComplete:`dummy-field-${o}`,autoFocus:b,InputProps:{...oe,...j,...ee},margin:"dense",placeholder:r,value:n,onChange:ne,onBlur:D,onKeyDown:K,onKeyUp:U,onFocus:_,fullWidth:G,sx:{minWidth:V}});return jsxRuntime.jsx(O,{id:S(),label:l,helperText:t,errorText:p?t:void 0,warningText:f?t:void 0,disabled:I,readOnly:x,required:h,inlineLabel:g,centerInlineLabel:g,sx:{width:Y},children:le()})}var We=me;exports.a=J;exports.b=q;exports.c=O;exports.d=N;exports.e=We;//# sourceMappingURL=chunk-UKAGR4YU.js.map
|
|
2
|
-
//# sourceMappingURL=chunk-UKAGR4YU.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"sources":["../src/components/form/SolaceLabel.tsx","../src/components/form/SolaceStackLabel.tsx","../src/constants.ts","../src/components/form/FormChildBase.tsx","../src/components/form/SolaceTextField.tsx"],"names":["SolaceLabel","id","htmlForId","required","disabled","readOnly","noWrap","children","jsx","FormLabel_default","clsx_default","SolaceLabel_default","SolaceStackLabel","large","bold","theme","useTheme","SolaceStackLabel_default","constants","ChildrenContainer","styled_default","prop","inlineLabel","FormChildBase","label","stackLabel","centerInlineLabel","helperText","errorText","warningText","sx","jsxs","Box_default","HelperText_default","WarningText_default","ErrorText_default","FormChildBase_default","SolaceTextField","name","value","placeholder","maxLength","type","size","title","autoFocus","hasErrors","hasWarnings","customIcon","onChange","onBlur","onKeyDown","onKeyUp","onFocus","dataQa","dataTags","fullWidth","width","endAdornment","minWidth","inputRef","endIconProps","IconButton_default","inputEndAdornment","InputAdornment_default","inputStartAdornment","defaultInputProps","handleChange","event","getId","TooltipContainer","textField","SolaceToolTip_default","TextField_default","SolaceTextField_default"],"mappings":"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","file":"chunk-UKAGR4YU.js","sourcesContent":["/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FormLabel } from \"@mui/material\";\nimport clsx from \"clsx\";\n\nexport interface SolaceLabelProps {\n\t/**\n\t * Unique identifier of the label\n\t */\n\tid: string;\n\t/**\n\t * identifier used for specifying which form element this label is bound to\n\t */\n\thtmlForId?: string;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired?: boolean;\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Boolean flag for readOnly labels, changes font color to 55% black\n\t */\n\treadOnly?: boolean;\n\t/**\n\t * Boolean flag to suppress line breaks (text wrapping) within the label\n\t */\n\tnoWrap?: boolean;\n\t/**\n\t *\n\t */\n\tchildren?: React.ReactNode;\n}\n\nfunction SolaceLabel({\n\tid,\n\thtmlForId,\n\trequired = false,\n\tdisabled = false,\n\treadOnly = false,\n\tnoWrap = false,\n\tchildren\n}: SolaceLabelProps): JSX.Element {\n\treturn (\n\t\t<FormLabel\n\t\t\tid={id}\n\t\t\thtmlFor={htmlForId}\n\t\t\trequired={required}\n\t\t\tdisabled={disabled}\n\t\t\tsx={{\n\t\t\t\tdisplay: \"block\",\n\t\t\t\twhiteSpace: noWrap ? \"nowrap\" : \"normal\"\n\t\t\t}}\n\t\t\tclassName={clsx({ \"read-only\": readOnly })}\n\t\t>\n\t\t\t{children}\n\t\t</FormLabel>\n\t);\n}\n\nexport default SolaceLabel;\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { FormLabel, useTheme } from \"@mui/material\";\nimport clsx from \"clsx\";\n\nexport interface SolaceStackLabelProps {\n\t/**\n\t * Unique identifier of the label\n\t */\n\tid: string;\n\t/**\n\t * identifier used for specifying which form element this label is bound to\n\t */\n\thtmlForId?: string;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired?: boolean;\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Boolean flag for readOnly labels, changes font color to 55% black\n\t */\n\treadOnly?: boolean;\n\t/**\n\t * Boolean flag to allow font size of 16px (default to 14px)\n\t */\n\tlarge?: boolean;\n\t/**\n\t * Boolean flag to allow font weight of medium (default to regular)\n\t */\n\tbold?: boolean;\n\t/**\n\t * Boolean flag to suppress line breaks (text wrapping) within the label\n\t */\n\tnoWrap?: boolean;\n\t/**\n\t *\n\t */\n\tchildren?: React.ReactNode;\n}\n\nfunction SolaceStackLabel({\n\tid,\n\thtmlForId,\n\trequired = false,\n\tdisabled = false,\n\tlarge = false,\n\tbold = false,\n\treadOnly = false,\n\tnoWrap = false,\n\tchildren\n}: SolaceStackLabelProps): JSX.Element {\n\tconst theme = useTheme();\n\treturn (\n\t\t<FormLabel\n\t\t\tid={id}\n\t\t\thtmlFor={htmlForId}\n\t\t\trequired={required}\n\t\t\tdisabled={disabled}\n\t\t\tclassName={clsx({ \"bold-label\": bold, \"read-only\": readOnly })}\n\t\t\tsx={{\n\t\t\t\tdisplay: \"block\",\n\t\t\t\tfontSize: large ? theme.typography.subtitle1 : theme.typography.body1,\n\t\t\t\twhiteSpace: noWrap ? \"nowrap\" : \"normal\"\n\t\t\t}}\n\t\t>\n\t\t\t{children}\n\t\t</FormLabel>\n\t);\n}\n\nexport default SolaceStackLabel;\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nexport const constants = {\n\tmaxLength: 255,\n\tmenuItemHeight: 38,\n\tmenuItemHeightMultiline: 58,\n\tGridListItemHeight: 53,\n\tDEFAULT_NUM_OF_MENUITEM_DISPLAYED: 9,\n\tcloseButtonAriaLabel: \"Close\",\n\tactionMenuAriaLabel: \"More Actions\",\n\tclearButtonAriaLabel: \"Clear\"\n};\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { Box, styled } from \"@mui/material\";\nimport SolaceLabel from \"./SolaceLabel\";\nimport SolaceStackLabel from \"./SolaceStackLabel\";\nimport HelperText from \"./HelperText\";\nimport ErrorText from \"./ErrorText\";\nimport WarningText from \"./WarningText\";\nimport SolaceComponentProps from \"../SolaceComponentProps\";\nimport { SX } from \"../../types/sx\";\n\ninterface ChildrenContainerProps {\n\tinlineLabel: boolean;\n}\n\nconst ChildrenContainer = styled(\"div\", {\n\tshouldForwardProp: (prop) => prop !== \"inlineLabel\"\n})<ChildrenContainerProps>(({ theme, inlineLabel }) => ({\n\tdisplay: \"flex\",\n\tflexDirection: \"column\",\n\tflexGrow: 1,\n\tmaxWidth: \"100%\",\n\tpaddingLeft: inlineLabel ? \"36px\" : \"0px\",\n\t\"&.hasWarnings\": {\n\t\t\"fieldset.MuiOutlinedInput-notchedOutline, fieldset.MuiInputBase-inputMultiline\": {\n\t\t\tborderColor: `${theme.palette.ux.warning.w100}`\n\t\t}\n\t}\n}));\n\nexport interface FormChildBaseProps extends SolaceComponentProps {\n\t/**\n\t * Unique identifier ... if `id` is not specified, `name` value will be used in order to make `label` and `helperText` accessible for screen readers\n\t */\n\tid: string;\n\t/**\n\t * the label content to display on the screen\n\t */\n\tlabel?: string | JSX.Element;\n\t/**\n\t * Boolean flag to allow labels to be rendered as SolaceStackLabel component, which provides more props, such as large, bold\n\t */\n\tstackLabel?: boolean;\n\t/**\n\t * Boolean flag to allow StackSolaceLabel component to be rendered with larger font size of 16px (default to 14px)\n\t */\n\tlarge?: boolean;\n\t/**\n\t * Boolean flag to allow StackSolaceLabel component to be rendered with font weight of medium (default to regular)\n\t */\n\tbold?: boolean;\n\t/**\n\t * The value of the `input` element, required for controlled component\n\t */\n\tvalue?: string;\n\t/**\n\t * Content to display as supportive/explanatory text\n\t */\n\thelperText?: string | JSX.Element;\n\t/**\n\t * HelperText when the `input` in error state\n\t */\n\terrorText?: string | JSX.Element;\n\t/**\n\t * HelperText when the `input` in warning state\n\t */\n\twarningText?: string | JSX.Element;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired: boolean;\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled: boolean;\n\t/**\n\t * Boolean flag to set the `input` in a read-only state\n\t */\n\treadOnly: boolean;\n\t/**\n\t * Display the label horizontally\n\t */\n\tinlineLabel: boolean;\n\t/**\n\t * Center align the inline label, this will e used only for single line field label\n\t */\n\tcenterInlineLabel?: boolean;\n\n\tchildren: JSX.Element;\n\t/**\n\t * The system prop that allows defining system overrides as well as additional CSS styles. See the `sx` page for more details.\n\t */\n\tsx?: SX;\n}\n\nfunction FormChildBase({\n\tid,\n\tlabel,\n\tstackLabel,\n\tlarge,\n\tbold,\n\trequired,\n\tdisabled,\n\treadOnly,\n\tinlineLabel,\n\tcenterInlineLabel,\n\thelperText,\n\terrorText,\n\twarningText,\n\tchildren,\n\tsx\n}: FormChildBaseProps): JSX.Element {\n\treturn (\n\t\t<Box\n\t\t\tdisplay=\"flex\"\n\t\t\tflexDirection={inlineLabel ? \"row\" : \"column\"}\n\t\t\tjustifyContent=\"space-between\"\n\t\t\talignItems={centerInlineLabel ? \"flex-start\" : \"\"}\n\t\t\tsx={sx}\n\t\t>\n\t\t\t{stackLabel && label && (\n\t\t\t\t<div style={{ marginTop: centerInlineLabel ? \"5.5px\" : \"\" }}>\n\t\t\t\t\t<SolaceStackLabel\n\t\t\t\t\t\tid={`${id}-label`}\n\t\t\t\t\t\thtmlForId={`${id}`}\n\t\t\t\t\t\trequired={required}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\tlarge={large}\n\t\t\t\t\t\tbold={bold}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</SolaceStackLabel>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t{!stackLabel && label && (\n\t\t\t\t<div style={{ marginTop: centerInlineLabel ? \"5.5px\" : \"\" }}>\n\t\t\t\t\t<SolaceLabel\n\t\t\t\t\t\tid={`${id}-label`}\n\t\t\t\t\t\thtmlForId={`${id}`}\n\t\t\t\t\t\trequired={required}\n\t\t\t\t\t\tdisabled={disabled}\n\t\t\t\t\t\treadOnly={readOnly}\n\t\t\t\t\t\tnoWrap={inlineLabel}\n\t\t\t\t\t>\n\t\t\t\t\t\t{label}\n\t\t\t\t\t</SolaceLabel>\n\t\t\t\t</div>\n\t\t\t)}\n\t\t\t<ChildrenContainer inlineLabel={inlineLabel} className={warningText ? \"hasWarnings\" : \"\"}>\n\t\t\t\t{children}\n\t\t\t\t{helperText && !errorText && !warningText && <HelperText>{helperText}</HelperText>}\n\t\t\t\t{warningText && !errorText && <WarningText>{warningText}</WarningText>}\n\t\t\t\t{errorText && <ErrorText>{errorText}</ErrorText>}\n\t\t\t</ChildrenContainer>\n\t\t</Box>\n\t);\n}\n\nexport default FormChildBase;\n","/*\n * Copyright 2023-2025 Solace Systems. All rights reserved.\n *\n * Licensed under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License.\n * You may obtain a copy of the License at\n *\n * http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software\n * distributed under the License is distributed on an \"AS IS\" BASIS,\n * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.\n * See the License for the specific language governing permissions and\n * limitations under the License.\n */\n\nimport { InputAdornment, IconButton, TextField, useTheme } from \"@mui/material\";\nimport React from \"react\";\nimport { constants } from \"../../constants\";\nimport SolaceComponentProps from \"../SolaceComponentProps\";\nimport FormChildBase from \"./FormChildBase\";\nimport SolaceTooltip from \"../SolaceToolTip\";\nimport { styled } from \"@mui/material\";\nimport { CSSProperties } from \"@mui/styled-engine\";\n\nexport interface SolaceTextFieldChangeEvent {\n\tname: string;\n\tvalue: string;\n}\n\nexport interface SolaceTextFieldProps extends SolaceComponentProps {\n\t/**\n\t * Unique identifier ... if `id` is not specified, `name` value will be used in order to make `label` and `helperText` accessible for screen readers\n\t */\n\tid?: string;\n\t/**\n\t * Name attribute to assign to the `input` element\n\t */\n\tname: string;\n\t/**\n\t * the label content to display on the screen\n\t */\n\tlabel?: string | JSX.Element;\n\t/**\n\t * The value of the `input` element, required for controlled component\n\t */\n\tvalue?: string | number;\n\t/**\n\t * Content to display as supportive/explanitory text\n\t */\n\thelperText?: string | JSX.Element;\n\t/**\n\t * Short hint displayed in the `input` before user enters a value\n\t */\n\tplaceholder?: string;\n\t/**\n\t * The maximum number of characters which can be typed as the `input` value\n\t */\n\tmaxLength?: number;\n\t/**\n\t * The type of `input` element to render\n\t */\n\ttype?: \"text\" | \"number\" | \"password\" | \"email\" | \"url\";\n\t/**\n\t * The size/width of the `input` measured in characters\n\t */\n\tsize?: number;\n\t/**\n\t * The text to display as the tooltip hint\n\t */\n\ttitle?: string;\n\t/**\n\t * Boolean flag to control whether the `input` element is focused during first mount\n\t */\n\tautoFocus?: boolean;\n\t/**\n\t * Boolean flag to mark the `input` in error state\n\t */\n\thasErrors?: boolean;\n\t/**\n\t * Boolean flag to mark the `input` in warn state\n\t */\n\thasWarnings?: boolean;\n\t/**\n\t * Boolean flag used to display an indicator of whether or not this `input` is mandatory\n\t */\n\trequired?: boolean;\n\t/**\n\t * Boolean flag to control whether to stack the label on top of the `input` element (false) or place them inline to one another (true)\n\t */\n\tinlineLabel?: boolean;\n\t/**\n\t * Allows custom icon to be set at the beginning/end of the field.\n\t */\n\tcustomIcon?: {\n\t\ticon: React.ReactNode;\n\t\tposition: \"end\" | \"start\";\n\t\thandleClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;\n\t};\n\t/**\n\t * Boolean flag to disable the `input`\n\t */\n\tdisabled?: boolean;\n\t/**\n\t * Boolean flag to set the `input` in a read-only state\n\t */\n\treadOnly?: boolean;\n\t/**\n\t * Callback function to trigger whenever the value of the `input` is changed\n\t */\n\tonChange?: (event: SolaceTextFieldChangeEvent) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` loses focus\n\t */\n\tonBlur?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` receives key down event\n\t */\n\tonKeyDown?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` receives key up event\n\t */\n\tonKeyUp?: (event: React.KeyboardEvent<HTMLInputElement>) => void;\n\t/**\n\t * Callback function to trigger whenever the element of the `input` is focused\n\t */\n\tonFocus?: (event: React.FocusEvent<HTMLInputElement>) => void;\n\t/**\n\t * Custom Width of the component.\n\t */\n\twidth?: string;\n\t/**\n\t * If true, the input will take up the full width of its container.\n\t */\n\tfullWidth?: boolean;\n\t/**\n\t * optional prop to pass an array of icon or button at the end of textfield\n\t */\n\tendAdornment?: (React.ReactNode | JSX.Element)[];\n\t/**\n\t * minimum width of the component\n\t */\n\tminWidth?: string;\n\t/**\n\t * pass a ref to the input element.\n\t */\n\tinputRef?: (input: HTMLInputElement) => void;\n}\n\nfunction SolaceTextField({\n\tid,\n\tname,\n\tlabel,\n\tvalue,\n\thelperText,\n\tplaceholder,\n\tmaxLength = constants.maxLength,\n\ttype = \"text\",\n\tsize = 50,\n\ttitle,\n\tautoFocus = false,\n\thasErrors = false,\n\thasWarnings = false,\n\trequired = false,\n\tinlineLabel = false,\n\tcustomIcon,\n\tdisabled = false,\n\treadOnly = false,\n\tonChange,\n\tonBlur,\n\tonKeyDown,\n\tonKeyUp,\n\tonFocus,\n\tdataQa,\n\tdataTags,\n\tfullWidth = false,\n\twidth,\n\tendAdornment,\n\tminWidth,\n\tinputRef\n}: SolaceTextFieldProps): JSX.Element {\n\tconst theme = useTheme();\n\n\tconst endIconProps =\n\t\tcustomIcon && customIcon.position === \"end\" ? (\n\t\t\t<IconButton onClick={customIcon.handleClick}>{customIcon.icon}</IconButton>\n\t\t) : null;\n\n\tconst inputEndAdornment =\n\t\tendIconProps || endAdornment\n\t\t\t? {\n\t\t\t\t\tendAdornment: (\n\t\t\t\t\t\t<InputAdornment position=\"end\">\n\t\t\t\t\t\t\t{endAdornment}\n\t\t\t\t\t\t\t{endIconProps}\n\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t)\n\t\t\t }\n\t\t\t: {};\n\tconst inputStartAdornment =\n\t\tcustomIcon && customIcon.position === \"start\"\n\t\t\t? {\n\t\t\t\t\tstartAdornment: (\n\t\t\t\t\t\t<InputAdornment position={customIcon.position}>\n\t\t\t\t\t\t\t<IconButton onClick={customIcon.handleClick}>{customIcon.icon}</IconButton>\n\t\t\t\t\t\t</InputAdornment>\n\t\t\t\t\t)\n\t\t\t }\n\t\t\t: {};\n\n\tconst defaultInputProps = {\n\t\tsx: { height: theme.spacing(4) },\n\t\tdisabled: disabled,\n\t\trequired: required\n\t};\n\n\tconst handleChange = (event: React.ChangeEvent<HTMLInputElement>) => {\n\t\tif (onChange) {\n\t\t\tonChange({\n\t\t\t\tname: name,\n\t\t\t\tvalue: event.target.value\n\t\t\t});\n\t\t}\n\t};\n\n\tconst getId = () => {\n\t\treturn id ? id : name;\n\t};\n\n\tconst TooltipContainer = styled(\"div\")(({ theme }) => ({\n\t\t...(theme.mixins.formComponent_ReadOnlyToolTipContainer.container as CSSProperties)\n\t}));\n\n\tconst textField = () => {\n\t\t/* read-only behaviour */\n\t\tif (readOnly) {\n\t\t\treturn (\n\t\t\t\t<TooltipContainer>\n\t\t\t\t\t<SolaceTooltip\n\t\t\t\t\t\tvariant=\"overflow\"\n\t\t\t\t\t\ttitle={typeof value !== \"undefined\" && value !== null ? value + \"\" : \"\"}\n\t\t\t\t\t\tdataQa={dataQa}\n\t\t\t\t\t>\n\t\t\t\t\t\t{typeof value !== \"undefined\" && value !== null ? value + \"\" : \"\"}\n\t\t\t\t\t</SolaceTooltip>\n\t\t\t\t</TooltipContainer>\n\t\t\t);\n\t\t} else {\n\t\t\treturn (\n\t\t\t\t<TextField\n\t\t\t\t\tid={`${getId()}`}\n\t\t\t\t\tname={name}\n\t\t\t\t\tinputProps={{\n\t\t\t\t\t\tmaxLength: maxLength,\n\t\t\t\t\t\tsize: size,\n\t\t\t\t\t\t\"data-qa\": dataQa,\n\t\t\t\t\t\t\"data-tags\": dataTags,\n\t\t\t\t\t\t\"data-testid\": dataQa,\n\t\t\t\t\t\t\"data-lpignore\": true,\n\t\t\t\t\t\treadOnly: readOnly,\n\t\t\t\t\t\t\"aria-describedby\": helperText ? `${getId()}-textfield-helper-text` : \"\",\n\t\t\t\t\t\t\"aria-labelledby\": label ? `${getId()}-label` : \"\",\n\t\t\t\t\t\t\"aria-readonly\": readOnly,\n\t\t\t\t\t\trole: \"textbox\",\n\t\t\t\t\t\ttitle: title,\n\t\t\t\t\t\tmin: 0\n\t\t\t\t\t}}\n\t\t\t\t\tinputRef={inputRef}\n\t\t\t\t\ttype={type}\n\t\t\t\t\terror={hasErrors}\n\t\t\t\t\tautoComplete={`dummy-field-${name}`}\n\t\t\t\t\tautoFocus={autoFocus}\n\t\t\t\t\tInputProps={{ ...defaultInputProps, ...inputEndAdornment, ...inputStartAdornment }}\n\t\t\t\t\tmargin=\"dense\"\n\t\t\t\t\tplaceholder={placeholder}\n\t\t\t\t\tvalue={value}\n\t\t\t\t\tonChange={handleChange}\n\t\t\t\t\tonBlur={onBlur}\n\t\t\t\t\tonKeyDown={onKeyDown}\n\t\t\t\t\tonKeyUp={onKeyUp}\n\t\t\t\t\tonFocus={onFocus}\n\t\t\t\t\tfullWidth={fullWidth}\n\t\t\t\t\tsx={{ minWidth: minWidth }}\n\t\t\t\t/>\n\t\t\t);\n\t\t}\n\t};\n\n\treturn (\n\t\t<FormChildBase\n\t\t\tid={getId()}\n\t\t\tlabel={label}\n\t\t\thelperText={helperText}\n\t\t\terrorText={hasErrors ? helperText : undefined}\n\t\t\twarningText={hasWarnings ? helperText : undefined}\n\t\t\tdisabled={disabled}\n\t\t\treadOnly={readOnly}\n\t\t\trequired={required}\n\t\t\tinlineLabel={inlineLabel}\n\t\t\tcenterInlineLabel={inlineLabel}\n\t\t\tsx={{ width }}\n\t\t>\n\t\t\t{textField()}\n\t\t</FormChildBase>\n\t);\n}\n\nexport default SolaceTextField;\n"]}
|