npm - @bikdotai/bik-component-library - Versions diffs - 0.0.808-beta.0 → 0.0.809-beta.0 - Mend

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.809-beta.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.

Files changed (1601) hide show

package/dist/cjs/components/input/Input.styled.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Input.styled.js","sources":["../../../../src/components/input/Input.styled.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { InputStateI, InputTypeI, InputVariant } from './Input.model';\n\nconst getBorderColor = ({ isActive, isInvalid, hightlightInputColor }) => {\n\tif (isActive) {\n\t\treturn hightlightInputColor ? hightlightInputColor : COLORS.stroke.brand;\n\t} else if (isInvalid) {\n\t\treturn COLORS.stroke.negative.vibrant;\n\t}\n\treturn COLORS.stroke.primary;\n};\n\nconst getBorderWidth = (props: {\n\tversion?: '1.0' \| '2.0';\n\thideBorder?: boolean;\n}) => {\n\treturn props.hideBorder ? 0 : props.version === '2.0' ? 0.5 : 1;\n};\n\nexport const InputWrapper = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tisActive?: boolean;\n\tisInvalid?: boolean;\n\tstate?: InputStateI;\n\tvariant?: InputVariant;\n\tversion?: '1.0' \| '2.0';\n\thightlightInputColor?: string;\n\thideBorder?: boolean;\n}>`\n\tborder-radius: ${(props) => (props.version === '2.0' ? 8 : 4)}px;\n\tbackground: ${(props) =>\n\t\t['disabled', 'read-only', 'disabled-invalid'].includes(props.state!)\n\t\t\t? COLORS.background.base\n\t\t\t: '#fff'};\n\tborder: ${(props) => getBorderWidth(props)}px solid\n\t\t${(props) =>\n\t\t\tgetBorderColor({\n\t\t\t\tisActive: props.isActive,\n\t\t\t\tisInvalid: props.isInvalid,\n\t\t\t\thightlightInputColor: props.hightlightInputColor,\n\t\t\t})};\n\t${(props) =>\n\t\tprops.isActive\n\t\t\t? `box-shadow: inset 0px 0px 0px 1px ${\n\t\t\t\t\tprops.hightlightInputColor\n\t\t\t\t\t\t? props.hightlightInputColor\n\t\t\t\t\t\t: COLORS.stroke.brand\n\t\t\t };`\n\t\t\t: ''};\n\tpadding: ${(props) => (props.variant === 'small' ? '6px' : '8px')};\n\theight: ${(props) => props.height \|\| '100%'};\n\t${(props) =>\n\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t? 'max-height: 44px'\n\t\t\t: 'min-height: 48px'};\n\tdisplay: flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tgap: 8px;\n\toverflow: hidden;\n\n\t${(props) => (props.state === 'read-only' ? 'opacity: 0.7' : '')};\n\t${(props) => (props.state === 'read-only' ? 'pointer-events: none' : '')};\n`;\n\nexport const IconHolder = styled.div<{\n\tisLeft?: boolean;\n\ticonSize?: string;\n\tvariant?: InputVariant;\n}>`\n\tmin-height: ${(props) => props.iconSize};\n\tmin-width: ${(props) => props.iconSize};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n\t${(props) =>\n\t\tprops.isLeft\n\t\t\t? `margin-left:${\n\t\t\t\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t\t\t\t? '0px'\n\t\t\t\t\t\t: '8px'\n\t\t\t }`\n\t\t\t: `margin-right: ${\n\t\t\t\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t\t\t\t? '0px'\n\t\t\t\t\t\t: '8px'\n\t\t\t }`};\n`;\n\nconst inputCss = css`\n\tflex-grow: 1;\n\toverflow: hidden;\n\theight: 100%;\n\n\tinput,\n\ttextarea {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder: none;\n\t\tmin-height: 24px;\n\t\toutline: none;\n\t\tfont-size: inherit;\n\t\tline-height: inherit;\n\t\tfont-weight: inherit;\n\t\tpadding: 0px;\n\t\tmargin: 0px;\n\t\tbackground: transparent;\n\t\t&::placeholder {\n\t\t\tfont-family: Inter;\n\t\t\tcolor: ${COLORS.content.placeholder};\n\t\t}\n\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\ttextarea {\n\t\theight: 100%;\n\t\tfont-family: Inter;\n\t\tmin-height: 100px;\n\t\tresize: none;\n\t}\n`;\n\nexport const InputContainer = styled(BodyPrimary)<{\n\theight?: string;\n\ttype?: InputTypeI;\n\tautoGrow?: boolean;\n\tminHeight?: string;\n\tmaxHeight?: string;\n}>`\n\t${inputCss};\n\t${(props) =>\n\t\tprops.height && props.type !== 'multiline' ? { height: props.height } : {}};\n\n\t${(props) =>\n\t\tprops.autoGrow &&\n\t\tprops.minHeight &&\n\t\t`\n\ttextarea {\n\t\theight: ${props.minHeight};\n\t\tmin-height: ${props.minHeight};\n\t\tmax-height: ${props.maxHeight \|\| '100px'};\n\t}\n\t`}\n`;\n\nexport const InputContainerSmall = styled(BodySecondary)<{\n\theight?: string;\n\ttype?: InputTypeI;\n}>`\n\t${inputCss};\n\tinput {\n\t\tmin-height: 20px;\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\t${(props) =>\n\t\tprops.height && props.type !== 'multiline' ? { height: props.height } : {}};\n`;\n\nexport const InputHeader = styled.div<{\n\tinvalid?: boolean;\n\tmaxCharAlignment?: boolean;\n}>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\t${(props) => (props.maxCharAlignment ? 'align-items: flex-end;' : '')}\n\tmargin-bottom: 8px;\n\t.label__container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 2px;\n\t\t> div:first-of-type {\n\t\t\t${(props) =>\n\t\t\t\tprops.invalid ? `color: ${COLORS.content.negative} !important` : ''};\n\t\t}\n\t}\n\n\tspan {\n\t\tcolor: ${COLORS.content.negative};\n\t\tpadding-left: 4px;\n\t}\n`;\n\nexport const MaxCharStyle = styled(BodySecondary)<{ position?: string }>`\n\tcolor: ${COLORS.content.secondary} !important;\n\tmargin-top: ${(props) => (props.position === 'BOTTOM' ? '8px' : '0px')};\n`;\n\nexport const InputFooter = styled(BodyCaption)<{ invalid?: boolean }>`\n\twhite-space: pre-wrap;\n\tmargin-top: 8px;\n\tcolor: ${(props) =>\n\t\tprops.invalid\n\t\t\t? COLORS.content.negative\n\t\t\t: COLORS.content.secondary} !important;\n\t/* position: absolute; /\n\t/ left: 0px;\n\ttop: 100%; */\n\tdisplay: flex !important;\n\tgap: 6px;\n\tmin-height: 16px;\n\t> svg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n`;\n\nexport const RootContainer = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tstate?: InputStateI;\n\ttype: InputTypeI;\n}>`\n\t${(props) => (props.width ? `width: ${props.width}` : '')};\n\t${(props) =>\n\t\tprops.height && props.type == 'multiline' ? `height: ${props.height}` : ''};\n\t${(props) =>\n\t\tprops.state === 'disabled' \|\| props.state === 'disabled-invalid'\n\t\t\t? css`\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tpointer-events: none;\n\t\t\t `\n\t\t\t: ''};\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\tposition: relative;\n\t.truncate-class {\n\t\tmax-width: 180px;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\t.flex-align-center {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n`;\n\nexport const PrefixHolder = styled(BodyPrimary)<{ variant?: InputVariant }>`\n\toverflow: unset;\n\tmargin-left: ${(props) =>\n\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t? ''\n\t\t\t: '16px'};\n\tfont-size: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '12px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '14px'\n\t\t\t: '16px'};\n\tline-height: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '16px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '20px'\n\t\t\t: '24px'};\n`;\n\nexport const SuffixHolder = styled(BodyPrimary)<{ variant?: InputVariant }>`\n\toverflow: unset;\n\tmargin-right: ${(props) =>\n\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t? ''\n\t\t\t: '16px'};\n\tfont-size: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '12px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '14px'\n\t\t\t: '16px'};\n\tline-height: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '16px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '20px'\n\t\t\t: '24px'};\n`;\n"],"names":["InputWrapper","_styled","process","env","NODE_ENV","target","label","props","version","includes","state","COLORS","background","base","hideBorder","getBorderWidth","getBorderColor","isActive","isInvalid","hightlightInputColor","stroke","brand","negative","vibrant","primary","variant","height","IconHolder","iconSize","isLeft","inputCss","css","content","placeholder","InputContainer","BodyPrimary","type","autoGrow","minHeight","maxHeight","InputContainerSmall","BodySecondary","InputHeader","maxCharAlignment","invalid","MaxCharStyle","secondary","position","InputFooter","BodyCaption","_ref","name","styles","map","toString","RootContainer","width","PrefixHolder","SuffixHolder"],"mappings":"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"}
1	+ {"version":3,"file":"Input.styled.js","sources":["../../../../src/components/input/Input.styled.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport {\n\tBodyCaption,\n\tBodyPrimary,\n\tBodySecondary,\n} from '@src/components/TypographyStyle';\nimport { COLORS } from '@src/constants/Theme';\nimport { InputStateI, InputTypeI, InputVariant } from './Input.model';\n\nconst getBorderColor = ({ isActive, isInvalid, hightlightInputColor }) => {\n\tif (isActive) {\n\t\treturn hightlightInputColor ? hightlightInputColor : COLORS.stroke.brand;\n\t} else if (isInvalid) {\n\t\treturn COLORS.stroke.negative.vibrant;\n\t}\n\treturn COLORS.stroke.primary;\n};\n\nconst getBorderWidth = (props: {\n\tversion?: '1.0' \| '2.0';\n\thideBorder?: boolean;\n}) => {\n\treturn props.hideBorder ? 0 : props.version === '2.0' ? 0.5 : 1;\n};\n\nexport const InputWrapper = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tisActive?: boolean;\n\tisInvalid?: boolean;\n\tstate?: InputStateI;\n\tvariant?: InputVariant;\n\tversion?: '1.0' \| '2.0';\n\thightlightInputColor?: string;\n\thideBorder?: boolean;\n}>`\n\tborder-radius: ${(props) => (props.version === '2.0' ? 8 : 4)}px;\n\tbackground: ${(props) =>\n\t\t['disabled', 'read-only', 'disabled-invalid'].includes(props.state!)\n\t\t\t? COLORS.background.base\n\t\t\t: '#fff'};\n\tborder: ${(props) => getBorderWidth(props)}px solid\n\t\t${(props) =>\n\t\t\tgetBorderColor({\n\t\t\t\tisActive: props.isActive,\n\t\t\t\tisInvalid: props.isInvalid,\n\t\t\t\thightlightInputColor: props.hightlightInputColor,\n\t\t\t})};\n\t${(props) =>\n\t\tprops.isActive\n\t\t\t? `box-shadow: inset 0px 0px 0px 1px ${\n\t\t\t\t\tprops.hightlightInputColor\n\t\t\t\t\t\t? props.hightlightInputColor\n\t\t\t\t\t\t: COLORS.stroke.brand\n\t\t\t };`\n\t\t\t: ''};\n\tpadding: ${(props) => (props.variant === 'small' ? '6px' : '8px')};\n\theight: ${(props) => props.height \|\| '100%'};\n\t${(props) =>\n\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t? 'max-height: 44px'\n\t\t\t: 'min-height: 48px'};\n\tdisplay: flex;\n\talign-items: center;\n\tbox-sizing: border-box;\n\tgap: 8px;\n\toverflow: hidden;\n\n\t${(props) => (props.state === 'read-only' ? 'opacity: 0.7' : '')};\n\t${(props) => (props.state === 'read-only' ? 'pointer-events: none' : '')};\n`;\n\nexport const IconHolder = styled.div<{\n\tisLeft?: boolean;\n\ticonSize?: string;\n\tvariant?: InputVariant;\n}>`\n\tmin-height: ${(props) => props.iconSize};\n\tmin-width: ${(props) => props.iconSize};\n\tdisplay: flex;\n\talign-items: center;\n\tjustify-content: center;\n\toverflow: hidden;\n\t${(props) =>\n\t\tprops.isLeft\n\t\t\t? `margin-left:${\n\t\t\t\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t\t\t\t? '0px'\n\t\t\t\t\t\t: '8px'\n\t\t\t }`\n\t\t\t: `margin-right: ${\n\t\t\t\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t\t\t\t? '0px'\n\t\t\t\t\t\t: '8px'\n\t\t\t }`};\n`;\n\nconst inputCss = css`\n\tflex-grow: 1;\n\toverflow: hidden;\n\theight: 100%;\n\n\tinput,\n\ttextarea {\n\t\tdisplay: block;\n\t\twidth: 100%;\n\t\theight: 100%;\n\t\tborder: none;\n\t\tmin-height: 24px;\n\t\toutline: none;\n\t\tfont-size: inherit;\n\t\tline-height: inherit;\n\t\tfont-weight: inherit;\n\t\tpadding: 0px;\n\t\tmargin: 0px;\n\t\tbackground: transparent;\n\t\t&::placeholder {\n\t\t\tfont-family: Inter;\n\t\t\tcolor: ${COLORS.content.placeholder};\n\t\t}\n\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\n\ttextarea {\n\t\theight: 100%;\n\t\tfont-family: Inter;\n\t\tmin-height: 100px;\n\t\tresize: none;\n\t}\n`;\n\nexport const InputContainer = styled(BodyPrimary)<{\n\theight?: string;\n\ttype?: InputTypeI;\n\tautoGrow?: boolean;\n\tminHeight?: string;\n\tmaxHeight?: string;\n}>`\n\t${inputCss};\n\t${(props) =>\n\t\tprops.height && props.type !== 'multiline' ? { height: props.height } : {}};\n\n\t${(props) =>\n\t\tprops.autoGrow &&\n\t\tprops.minHeight &&\n\t\t`\n\ttextarea {\n\t\theight: ${props.minHeight};\n\t\tmin-height: ${props.minHeight};\n\t\tmax-height: ${props.maxHeight \|\| '100px'};\n\t}\n\t`}\n`;\n\nexport const InputContainerSmall = styled(BodySecondary)<{\n\theight?: string;\n\ttype?: InputTypeI;\n}>`\n\t${inputCss};\n\tinput {\n\t\tmin-height: 20px;\n\t\t&::-webkit-outer-spin-button,\n\t\t&::-webkit-inner-spin-button {\n\t\t\t-webkit-appearance: none;\n\t\t\tmargin: 0;\n\t\t}\n\t}\n\t${(props) =>\n\t\tprops.height && props.type !== 'multiline' ? { height: props.height } : {}};\n`;\n\nexport const InputHeader = styled.div<{\n\tinvalid?: boolean;\n\tmaxCharAlignment?: boolean;\n}>`\n\tdisplay: flex;\n\tjustify-content: space-between;\n\t${(props) => (props.maxCharAlignment ? 'align-items: flex-end;' : '')}\n\tmargin-bottom: 8px;\n\t.label__container {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tgap: 2px;\n\t\t> div:first-of-type {\n\t\t\t${(props) =>\n\t\t\t\tprops.invalid ? `color: ${COLORS.content.negative} !important` : ''};\n\t\t}\n\t}\n\n\tspan {\n\t\tcolor: ${COLORS.content.negative};\n\t\tpadding-left: 4px;\n\t}\n`;\n\nexport const MaxCharStyle = styled(BodySecondary)<{ position?: string }>`\n\tcolor: ${COLORS.content.secondary} !important;\n\tmargin-top: ${(props) => (props.position === 'BOTTOM' ? '8px' : '0px')};\n`;\n\nexport const InputFooter = styled(BodyCaption)<{ invalid?: boolean }>`\n\twhite-space: pre-wrap;\n\tmargin-top: 8px;\n\tcolor: ${(props) =>\n\t\tprops.invalid\n\t\t\t? COLORS.content.negative\n\t\t\t: COLORS.content.secondary} !important;\n\t/* position: absolute; /\n\t/ left: 0px;\n\ttop: 100%; */\n\tdisplay: flex !important;\n\tgap: 6px;\n\tmin-height: 16px;\n\t> svg {\n\t\twidth: 16px;\n\t\theight: 16px;\n\t}\n`;\n\nexport const RootContainer = styled.div<{\n\twidth?: string;\n\theight?: string;\n\tstate?: InputStateI;\n\ttype: InputTypeI;\n}>`\n\t${(props) => (props.width ? `width: ${props.width}` : '')};\n\t${(props) =>\n\t\tprops.height && props.type == 'multiline' ? `height: ${props.height}` : ''};\n\t${(props) =>\n\t\tprops.state === 'disabled' \|\| props.state === 'disabled-invalid'\n\t\t\t? css`\n\t\t\t\t\topacity: 0.5;\n\t\t\t\t\tpointer-events: none;\n\t\t\t `\n\t\t\t: ''};\n\tdisplay: flex;\n\tflex-direction: column-reverse;\n\tposition: relative;\n\t.truncate-class {\n\t\tmax-width: 180px;\n\t\twhite-space: nowrap;\n\t\toverflow: hidden;\n\t\ttext-overflow: ellipsis;\n\t}\n\t.flex-align-center {\n\t\tdisplay: flex;\n\t\talign-items: center;\n\t\tjustify-content: space-between;\n\t}\n`;\n\nexport const PrefixHolder = styled(BodyPrimary)<{ variant?: InputVariant }>`\n\toverflow: unset;\n\tmargin-left: ${(props) =>\n\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t? ''\n\t\t\t: '16px'};\n\tfont-size: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '12px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '14px'\n\t\t\t: '16px'};\n\tline-height: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '16px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '20px'\n\t\t\t: '24px'};\n`;\n\nexport const SuffixHolder = styled(BodyPrimary)<{ variant?: InputVariant }>`\n\toverflow: unset;\n\tmargin-right: ${(props) =>\n\t\tprops.variant && ['small', 'x-small'].includes(props.variant)\n\t\t\t? ''\n\t\t\t: '16px'};\n\tfont-size: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '12px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '14px'\n\t\t\t: '16px'};\n\tline-height: ${(props) =>\n\t\tprops.variant === 'x-small'\n\t\t\t? '16px'\n\t\t\t: props.variant === 'small'\n\t\t\t? '20px'\n\t\t\t: '24px'};\n`;\n"],"names":["InputWrapper","_styled","process","env","NODE_ENV","target","label","props","version","includes","state","COLORS","background","base","hideBorder","getBorderWidth","_ref2","isActive","isInvalid","hightlightInputColor","stroke","brand","negative","vibrant","primary","getBorderColor","variant","height","IconHolder","iconSize","isLeft","inputCss","css","content","placeholder","InputContainer","BodyPrimary","type","autoGrow","minHeight","maxHeight","InputContainerSmall","BodySecondary","InputHeader","maxCharAlignment","invalid","MaxCharStyle","secondary","position","InputFooter","BodyCaption","_ref","name","styles","map","toString","RootContainer","width","PrefixHolder","SuffixHolder"],"mappings":"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"}

package/dist/cjs/components/input-with-vars/InputWithVariables.js CHANGED Viewed

@@ -4,5 +4,5 @@
 	input {
 		color: ${e=>e.isVar?i.COLORS.stroke.brand:"black"};
 	}
-`;exports.InputWithVariables=({type:t,allowMix:i,onChange:p,prevVariable:h,variablesList:x,onBlur:j,onlyVariables:y,placeHolder:g,showAddButton:T=!0,showHelp:f,errorMessage:V,maxCharLimit:m,noMaxCharCheck:k,labelText:C,labelElement:E,isRequired:O=!1,hintText:S,onEnterPress:q,pickerType:P=d.PickerType.FLOATER,portalElement:w,showVarHeader:R,varHeaderText:F,onPickerToggle:A})=>{const D=r.useRef(),M=r.useRef(!0),B=r.useRef(null),[I,L]=r.useState(!1),[H]=r.useState(l.v4()),[N,$]=r.useState(),[z,_]=r.useState(h),[K,W]=r.useState(!1),[G,J]=r.useState(!1),[Q,U]=r.useState(0);return r.useEffect((()=>{if(N&&N.actualValue)if(i){if(_((e=>{return{actualValue:(a=e.actualValue,r=N.actualValue,t=Q,a.slice(0,t)+r+a.slice(t)),variableType:"string"};var a,r,t})),B.current){U(B.current.selectionStart);const e=Q+N.actualValue.length+2;B.current.setSelectionRange(e,e),U(e)}}else _((e=>({actualValue:N.actualValue,variableType:N.variableType,needsFetching:N.needsFetching})))}),[N]),r.useEffect((()=>{M.current?M.current=!1:p(z)}),[z]),e.jsxs(e.Fragment,{children:[e.jsxs(b,Object.assign({isVar:/^{{.*}}$/.test(z.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==q||q(z.actualValue))}},{children:[e.jsx(u.Input,{isRequired:O,hintText:S,type:null!=t?t:"text",id:H,ref:B,skipFocus:!0,isActive:I,value:z.actualValue,validate:e=>[!0,""],errorMessage:V,noMaxCharCheck:k,maxCharLimit:m,labelText:C,labelElement:E,placeholder:g||"Add a value",onClick:e=>{B.current&&U(B.current.selectionStart)},onChangeText:(e,a)=>{if(B.current&&U(B.current.selectionStart),y){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||_({actualValue:"",variableType:"string"})}else _(i?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{L(!0),J(!0)},onBlur:e=>{var a,r,t,l,i,s;null==j||j(e,z),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(l=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===l?void 0:l.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(B.current&&B.current.focus(),L(!0)):"search-bar-v3-picker"===(null===(s=e.relatedTarget)||void 0===s?void 0:s.id)?L(!0):(L(!1),W(!1),null==A||A(!1),J(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[z.actualValue&&f&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(c.BodyCaption,{children:`This value is of type ${z.variableType}`})})),T&&G&&e.jsx("div",Object.assign({style:{marginTop:V||S?"-24px":"0px"}},{children:e.jsx(s.AddVariableStyled,Object.assign({ref:D,id:"addVar",onClick:()=>{W(!K),null==A||A(!K)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(a.default,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),K&&e.jsx(e.Fragment,{children:P===d.PickerType.EMBEDDED?e.jsx(v.CustomPortal,Object.assign({zIndex:101,element:null!=w?w:document.body},{children:e.jsx(o.VariablePicker,{width:"344px",showHeader:R,headerText:F,onClose:()=>{W(!1),null==A||A(!1)},type:d.PickerType.EMBEDDED,data:x,onSelect:e=>{$(e),W(!1),null==A||A(!1)}})})):e.jsx("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:e.jsx(n.Floater,Object.assign({refElement:D},{children:e.jsx("div",Object.assign({style:{height:500}},{children:e.jsx(o.VariablePicker,{onClose:()=>{W(!1),null==A||A(!1)},type:d.PickerType.FLOATER,data:x,onSelect:e=>{$(e),W(!1),null==A||A(!1)}})}))}))}))})]})};
+`;exports.InputWithVariables=t=>{let{type:i,allowMix:p,onChange:h,prevVariable:x,variablesList:j,onBlur:y,onlyVariables:g,placeHolder:T,showAddButton:f=!0,showHelp:V,errorMessage:m,maxCharLimit:k,noMaxCharCheck:C,labelText:E,labelElement:O,isRequired:S=!1,hintText:q,onEnterPress:P,pickerType:w=d.PickerType.FLOATER,portalElement:R,showVarHeader:F,varHeaderText:A,onPickerToggle:D}=t;const M=r.useRef(),B=r.useRef(!0),I=r.useRef(null),[L,H]=r.useState(!1),[N]=r.useState(l.v4()),[$,z]=r.useState(),[_,K]=r.useState(x),[W,G]=r.useState(!1),[J,Q]=r.useState(!1),[U,X]=r.useState(0);return r.useEffect((()=>{if($&&$.actualValue)if(p){if(K((e=>{return{actualValue:(a=e.actualValue,r=$.actualValue,t=U,a.slice(0,t)+r+a.slice(t)),variableType:"string"};var a,r,t})),I.current){X(I.current.selectionStart);const e=U+$.actualValue.length+2;I.current.setSelectionRange(e,e),X(e)}}else K((e=>({actualValue:$.actualValue,variableType:$.variableType,needsFetching:$.needsFetching})))}),[$]),r.useEffect((()=>{B.current?B.current=!1:h(_)}),[_]),e.jsxs(e.Fragment,{children:[e.jsxs(b,Object.assign({isVar:/^{{.*}}$/.test(_.actualValue),onKeyDown:e=>{"Enter"===e.key&&(null==P||P(_.actualValue))}},{children:[e.jsx(u.Input,{isRequired:S,hintText:q,type:null!=i?i:"text",id:N,ref:I,skipFocus:!0,isActive:L,value:_.actualValue,validate:e=>[!0,""],errorMessage:m,noMaxCharCheck:C,maxCharLimit:k,labelText:E,labelElement:O,placeholder:T||"Add a value",onClick:e=>{I.current&&X(I.current.selectionStart)},onChangeText:(e,a)=>{if(I.current&&X(I.current.selectionStart),g){const e=(null==a?void 0:a.keyCode)||(null==a?void 0:a.charCode);8!==e&&46!==e||K({actualValue:"",variableType:"string"})}else K(p?{actualValue:e,variableType:"string"}:{actualValue:e.replace(/{{.*}}/,""),variableType:"string"})},onReferenceInit:()=>{},onFocus:e=>{H(!0),Q(!0)},onBlur:e=>{var a,r,t,l,i,s;null==y||y(e,_),"addVar"===(null===(a=e.relatedTarget)||void 0===a?void 0:a.id)||"variable-picker-v3"===(null===(r=e.relatedTarget)||void 0===r?void 0:r.id)||(null===(l=null===(t=e.relatedTarget)||void 0===t?void 0:t.className)||void 0===l?void 0:l.includes("accordion"))||"back-btn-v3"===(null===(i=e.relatedTarget)||void 0===i?void 0:i.id)?(I.current&&I.current.focus(),H(!0)):"search-bar-v3-picker"===(null===(s=e.relatedTarget)||void 0===s?void 0:s.id)?H(!0):(H(!1),G(!1),null==D||D(!1),Q(!1))}}),e.jsxs("div",Object.assign({style:{display:"flex",flexDirection:"row",justifyContent:"space-between"}},{children:[_.actualValue&&V&&e.jsx("div",Object.assign({style:{marginTop:4}},{children:e.jsx(c.BodyCaption,{children:`This value is of type ${_.variableType}`})})),f&&J&&e.jsx("div",Object.assign({style:{marginTop:m||q?"-24px":"0px"}},{children:e.jsx(s.AddVariableStyled,Object.assign({ref:M,id:"addVar",onClick:()=>{G(!W),null==D||D(!W)}},{children:e.jsxs("div",Object.assign({className:"add"},{children:[e.jsx(a.default,{color:"white"}),e.jsx("div",Object.assign({className:"variable"},{children:"Add variable"}))]}))}))}))]}))]})),W&&e.jsx(e.Fragment,{children:w===d.PickerType.EMBEDDED?e.jsx(v.CustomPortal,Object.assign({zIndex:101,element:null!=R?R:document.body},{children:e.jsx(o.VariablePicker,{width:"344px",showHeader:F,headerText:A,onClose:()=>{G(!1),null==D||D(!1)},type:d.PickerType.EMBEDDED,data:j,onSelect:e=>{z(e),G(!1),null==D||D(!1)}})})):e.jsx("div",Object.assign({style:{zIndex:101,position:"relative"}},{children:e.jsx(n.Floater,Object.assign({refElement:M},{children:e.jsx("div",Object.assign({style:{height:500}},{children:e.jsx(o.VariablePicker,{onClose:()=>{G(!1),null==D||D(!1)},type:d.PickerType.FLOATER,data:j,onSelect:e=>{z(e),G(!1),null==D||D(!1)}})}))}))}))})]})};
 //# sourceMappingURL=InputWithVariables.js.map

package/dist/cjs/components/input-with-vars/InputWithVariables.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"InputWithVariables.js","sources":["../../../../src/components/input-with-vars/InputWithVariables.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/PlusIcon';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 } from 'uuid';\nimport { COLORS } from '@src/constants/Theme';\nimport { AddVariableStyled } from '../add-variableV2/AddVariableBox.styled';\nimport { Variable } from '../add-variableV2/AddVariableV2';\nimport { SelectedVariable } from '../add-variableV2/types';\nimport { Floater } from '../floater';\nimport { Input } from '../input';\nimport { InputTypeI } from '../input/Input.model';\nimport { BodyCaption } from '../TypographyStyle';\nimport { VariablePicker } from '../variable-picker-v3';\nimport { PickerType } from '../variable-picker-v3/model';\nimport { CustomPortal } from './customPortal';\n\nexport interface InputWithVariablesProps {\n\ttype?: InputTypeI;\n\tvariablesList: any;\n\tonChange: (val: SelectedVariable) => void;\n\tonBlur?: (e: Event, val?: SelectedVariable \| Variable) => void;\n\tallowMix: boolean;\n\tprevVariable: SelectedVariable;\n\tshowHelp?: boolean;\n\tonlyVariables?: boolean;\n\tplaceHolder?: string;\n\tshowAddButton?: boolean;\n\terrorMessage?: string;\n\tnoMaxCharCheck?: boolean;\n\tmaxCharLimit?: number;\n\tlabelText?: string;\n\tlabelElement?: React.ReactNode;\n\tisRequired?: boolean;\n\thintText?: string;\n\tonEnterPress?: (input: string) => void;\n\tpickerType?: PickerType;\n\tportalElement?: HTMLElement;\n\tshowVarHeader?: boolean;\n\tvarHeaderText?: string;\n\tonPickerToggle?: (isOpen: boolean) => void;\n}\n\nexport const InputWithVariables: React.FC<InputWithVariablesProps> = ({\n\ttype,\n\tallowMix,\n\tonChange,\n\tprevVariable,\n\tvariablesList,\n\tonBlur,\n\tonlyVariables,\n\tplaceHolder,\n\tshowAddButton = true,\n\tshowHelp,\n\terrorMessage,\n\tmaxCharLimit,\n\tnoMaxCharCheck,\n\tlabelText,\n\tlabelElement,\n\tisRequired = false,\n\thintText,\n\tonEnterPress,\n\tpickerType = PickerType.FLOATER,\n\tportalElement,\n\tshowVarHeader,\n\tvarHeaderText,\n\tonPickerToggle,\n}: InputWithVariablesProps) => {\n\tconst superRef = useRef<any>();\n\tconst initialRender = useRef(true);\n\tconst inputRef = useRef(null);\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst [id] = useState<string>(v4());\n\tconst [selectedVariable, setSelectedVariable] = useState<SelectedVariable>();\n\tconst [displayValue, setDisplayValue] =\n\t\tuseState<SelectedVariable>(prevVariable);\n\tconst [varModalVisible, setVarModalVisible] = useState<boolean>(false);\n\tconst [addVarRefVisible, setAddVarRefVisible] = useState<boolean>(false);\n\tconst [curCursorPosition, setCurCursorPosition] = useState<number>(0);\n\n\tfunction insertString(originalString, stringToInsert, position) {\n\t\tconst modifiedString =\n\t\t\toriginalString.slice(0, position) +\n\t\t\tstringToInsert +\n\t\t\toriginalString.slice(position);\n\t\treturn modifiedString;\n\t}\n\n\tuseEffect(() => {\n\t\tif (!selectedVariable \|\| !selectedVariable.actualValue) {\n\t\t\treturn;\n\t\t}\n\t\tif (allowMix) {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: insertString(\n\t\t\t\t\tprev.actualValue,\n\t\t\t\t\tselectedVariable.actualValue,\n\t\t\t\t\tcurCursorPosition,\n\t\t\t\t),\n\t\t\t\tvariableType: 'string',\n\t\t\t}));\n\t\t\tif (inputRef.current) {\n\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\tconst newPos =\n\t\t\t\t\tcurCursorPosition + selectedVariable.actualValue.length + 2;\n\t\t\t\t(inputRef.current as any).setSelectionRange(newPos, newPos);\n\t\t\t\tsetCurCursorPosition(newPos);\n\t\t\t}\n\t\t} else {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: selectedVariable.actualValue,\n\t\t\t\tvariableType: selectedVariable.variableType,\n\t\t\t\tneedsFetching: selectedVariable.needsFetching,\n\t\t\t}));\n\t\t}\n\t}, [selectedVariable]);\n\n\tuseEffect(() => {\n\t\t// don't call onChange on initial render\n\t\tif (initialRender.current) {\n\t\t\tinitialRender.current = false;\n\t\t} else {\n\t\t\tonChange(displayValue);\n\t\t}\n\t}, [displayValue]);\n\n\treturn (\n\t\t<>\n\t\t\t<StyledInput\n\t\t\t\tisVar={/^{{.}}$/.test(displayValue.actualValue)}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\tonEnterPress?.(displayValue.actualValue);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tisRequired={isRequired}\n\t\t\t\t\thintText={hintText}\n\t\t\t\t\ttype={type ?? 'text'}\n\t\t\t\t\tid={id}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tskipFocus={true}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\tvalue={displayValue.actualValue}\n\t\t\t\t\tvalidate={(_) => [true, '']}\n\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\tnoMaxCharCheck={noMaxCharCheck}\n\t\t\t\t\tmaxCharLimit={maxCharLimit}\n\t\t\t\t\tlabelText={labelText}\n\t\t\t\t\tlabelElement={labelElement}\n\t\t\t\t\tplaceholder={placeHolder \|\| 'Add a value'}\n\t\t\t\t\tonClick={(event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonChangeText={(input: string, event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (onlyVariables) {\n\t\t\t\t\t\t\tconst key = (event as any)?.keyCode \|\| (event as any)?.charCode;\n\n\t\t\t\t\t\t\tif (key === 8 \|\| key === 46) {\n\t\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\t\tactualValue: '',\n\t\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (!allowMix) {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input.replace(/{{.}}/, ''),\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input,\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonReferenceInit={() => {\n\t\t\t\t\t\t/* Bypass eslint */\n\t\t\t\t\t}}\n\t\t\t\t\tonFocus={(e: any) => {\n\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\tsetAddVarRefVisible(true);\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\tonBlur?.(e, displayValue);\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\te.relatedTarget?.id === 'addVar' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'variable-picker-v3' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.className?.includes('accordion') \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'back-btn-v3'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\t\t(inputRef.current as any).focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else if (e.relatedTarget?.id === 'search-bar-v3-picker') {\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetIsActive(false);\n\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\tsetAddVarRefVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{displayValue.actualValue && showHelp && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 4,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyCaption>{`This value is of type ${displayValue.variableType}`}</BodyCaption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showAddButton && addVarRefVisible && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ marginTop: errorMessage \|\| hintText ? '-24px' : '0px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AddVariableStyled\n\t\t\t\t\t\t\t\tref={superRef}\n\t\t\t\t\t\t\t\tid={`addVar`}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(!varModalVisible);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(!varModalVisible);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"add\">\n\t\t\t\t\t\t\t\t\t<PlusIcon color=\"white\" />\n\t\t\t\t\t\t\t\t\t<div className=\"variable\">Add variable</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</AddVariableStyled>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</StyledInput>\n\t\t\t{varModalVisible && (\n\t\t\t\t<>\n\t\t\t\t\t{pickerType === PickerType.EMBEDDED ? (\n\t\t\t\t\t\t<CustomPortal zIndex={101} element={portalElement ?? document.body}>\n\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\twidth={'344px'}\n\t\t\t\t\t\t\t\tshowHeader={showVarHeader}\n\t\t\t\t\t\t\t\theaderText={varHeaderText}\n\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttype={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CustomPortal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={{ zIndex: 101, position: 'relative' }}>\n\t\t\t\t\t\t\t<Floater refElement={superRef}>\n\t\t\t\t\t\t\t\t<div style={{ height: 500 }}>\n\t\t\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype={PickerType.FLOATER}\n\t\t\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Floater>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst StyledInput = styled.div<{ isVar: boolean }>`\n\tposition: relative;\n\tmargin-bottom: 12px;\n\tinput {\n\t\tcolor: ${(props) => (props.isVar ? COLORS.stroke.brand : 'black')};\n\t}\n`;\n"],"names":["StyledInput","div","props","isVar","COLORS","stroke","brand","InputWithVariables","type","allowMix","onChange","prevVariable","variablesList","onBlur","onlyVariables","placeHolder","showAddButton","showHelp","errorMessage","maxCharLimit","noMaxCharCheck","labelText","labelElement","isRequired","hintText","onEnterPress","pickerType","PickerType","FLOATER","portalElement","showVarHeader","varHeaderText","onPickerToggle","superRef","useRef","initialRender","inputRef","isActive","setIsActive","useState","id","v4","selectedVariable","setSelectedVariable","displayValue","setDisplayValue","varModalVisible","setVarModalVisible","addVarRefVisible","setAddVarRefVisible","curCursorPosition","setCurCursorPosition","useEffect","actualValue","prev","originalString","stringToInsert","position","slice","variableType","current","selectionStart","newPos","length","setSelectionRange","needsFetching","_jsxs","jsxs","test","onKeyDown","e","key","_jsx","jsx","Input","ref","skipFocus","value","validate","_","placeholder","onClick","event","onChangeText","input","keyCode","charCode","replace","onReferenceInit","onFocus","relatedTarget","_a","_b","_d","_c","className","includes","_e","focus","_f","Object","assign","style","display","flexDirection","justifyContent","children","marginTop","BodyCaption","AddVariableStyled","PlusIcon","color","_Fragment","EMBEDDED","CustomPortal","zIndex","element","document","body","VariablePicker","width","showHeader","headerText","onClose","data","onSelect","variable","Floater","refElement","height"],"mappings":"kmBA0CO,MAoQDA,OAAoB,QAACC,GAAuB;;;;WAItCC,GAAWA,EAAMC,MAAQC,EAAMA,OAACC,OAAOC,MAAQ;;6BAxQUC,EACpEC,OACAC,WACAC,WACAC,eACAC,gBACAC,SACAC,gBACAC,cACAC,iBAAgB,EAChBC,WACAC,eACAC,eACAC,iBACAC,YACAC,eACAC,cAAa,EACbC,WACAC,eACAC,aAAaC,EAAUA,WAACC,QACxBC,gBACAC,gBACAC,gBACAC,qBAEA,MAAMC,EAAWC,EAAAA,SACXC,EAAgBD,UAAO,GACvBE,EAAWF,SAAO,OACjBG,EAAUC,GAAeC,EAAQA,UAAU,IAC3CC,GAAMD,WAAiBE,EAAAA,OACvBC,EAAkBC,GAAuBJ,EAAQA,YACjDK,EAAcC,GACpBN,EAAQA,SAAmB5B,IACrBmC,EAAiBC,GAAsBR,EAAQA,UAAU,IACzDS,EAAkBC,GAAuBV,EAAQA,UAAU,IAC3DW,EAAmBC,GAAwBZ,EAAQA,SAAS,GAgDnE,OAtCAa,EAAAA,WAAU,KACT,GAAKV,GAAqBA,EAAiBW,YAG3C,GAAI5C,GASH,GARAoC,GAAiBS,IAAU,OAC1BD,aAdmBE,EAelBD,EAAKD,YAf6BG,EAgBlCd,EAAiBW,YAhBiCI,EAiBlDP,EAfFK,EAAeG,MAAM,EAAGD,GACxBD,EACAD,EAAeG,MAAMD,IAepBE,aAAc,UAnBjB,IAAsBJ,EAAgBC,EAAgBC,CAoBlD,IACErB,EAASwB,QAAS,CACrBT,EAAsBf,EAASwB,QAAgBC,gBAC/C,MAAMC,EACLZ,EAAoBR,EAAiBW,YAAYU,OAAS,EAC1D3B,EAASwB,QAAgBI,kBAAkBF,EAAQA,GACpDX,EAAqBW,EACrB,OAEDjB,GAAiBS,IAAU,CAC1BD,YAAaX,EAAiBW,YAC9BM,aAAcjB,EAAiBiB,aAC/BM,cAAevB,EAAiBuB,iBAEjC,GACC,CAACvB,IAEJU,EAAAA,WAAU,KAELjB,EAAcyB,QACjBzB,EAAcyB,SAAU,EAExBlD,EAASkC,EACT,GACC,CAACA,IAGHsB,EAAAA,2BACCA,EAACC,KAAAnE,iBACAG,MAAO,WAAWiE,KAAKxB,EAAaS,aACpCgB,UAAYC,IACG,UAAVA,EAAEC,MACL9C,SAAAA,EAAemB,EAAaS,aAC5B,cAGFmB,EAACC,IAAAC,SACAnD,WAAYA,EACZC,SAAUA,EACVhB,KAAMA,QAAAA,EAAQ,OACdgC,GAAIA,EACJmC,IAAKvC,EACLwC,WAAW,EACXvC,SAAUA,EACVwC,MAAOjC,EAAaS,YACpByB,SAAWC,GAAM,EAAC,EAAM,IACxB7D,aAAcA,EACdE,eAAgBA,EAChBD,aAAcA,EACdE,UAAWA,EACXC,aAAcA,EACd0D,YAAajE,GAAe,cAC5BkE,QAAUC,IACL9C,EAASwB,SACZT,EAAsBf,EAASwB,QAAgBC,eAC/C,EAEFsB,aAAcA,CAACC,EAAeF,KAK7B,GAJI9C,EAASwB,SACZT,EAAsBf,EAASwB,QAAgBC,gBAG5C/C,EAAJ,CACC,MAAMyD,GAAOW,eAAAA,EAAeG,WAAYH,aAAK,EAALA,EAAeI,UAE3C,IAARf,GAAqB,KAARA,GAChB1B,EAAgB,CACfQ,YAAa,GACbM,aAAc,UAIhB,MAQAd,EANIpC,EAMY,CACf4C,YAAa+B,EACbzB,aAAc,UAPC,CACfN,YAAa+B,EAAMG,QAAQ,SAAU,IACrC5B,aAAc,UAOf,EAEF6B,gBAAiBA,OAGjBC,QAAUnB,IACThC,GAAY,GACZW,GAAoB,EAAK,EAE1BpC,OAASyD,oBACRzD,SAAAA,EAASyD,EAAG1B,GAEa,YAAP,UAAjB0B,EAAEoB,qBAAe,IAAAC,OAAA,EAAAA,EAAAnD,KACO,wBAAP,UAAjB8B,EAAEoB,qBAAe,IAAAE,OAAA,EAAAA,EAAApD,MACS,QAA1BqD,EAAe,QAAfC,EAAAxB,EAAEoB,qBAAa,IAAAI,OAAA,EAAAA,EAAEC,iBAAS,IAAAF,OAAA,EAAAA,EAAEG,SAAS,eACb,yBAAxBC,EAAA3B,EAAEoB,oCAAelD,KAEbJ,EAASwB,SACXxB,EAASwB,QAAgBsC,QAE3B5D,GAAY,IACsB,0BAAP,UAAjBgC,EAAEoB,qBAAe,IAAAS,OAAA,EAAAA,EAAA3D,IAC3BF,GAAY,IAEZA,GAAY,GACZS,GAAmB,GACnBf,SAAAA,GAAiB,GACjBiB,GAAoB,GACpB,IAIHiB,EACCC,KAAA,MAAAiC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,kBAGhB,CAAAC,SAAA,CAAA9D,EAAaS,aAAepC,GAC5BuD,EAAAA,IACC,MAAA4B,OAAAC,OAAA,CAAAC,MAAO,CACNK,UAAW,IAGZ,CAAAD,SAAAlC,EAAAC,IAACmC,cAAa,CAAAF,SAAA,yBAAyB9D,EAAae,oBAGrD3C,GAAiBgC,GACjBwB,EAAAC,IAAA,MAAA2B,OAAAC,OAAA,CACCC,MAAO,CAAEK,UAAWzF,GAAgBM,EAAW,QAAU,QAAO,CAAAkF,SAEhElC,EAACC,IAAAoC,mCACAlC,IAAK1C,EACLO,GAAI,SACJyC,QAASA,KACRlC,GAAoBD,GACpBd,SAAAA,GAAkBc,EAAgB,aAGnCoB,EAAKC,KAAA,MAAAiC,OAAAC,OAAA,CAAAN,UAAU,kBACdvB,EAACC,IAAAqC,UAAS,CAAAC,MAAM,UAChBvC,EAAAC,IAAA,MAAA2B,OAAAC,OAAA,CAAKN,UAAU,YAA6B,CAAAW,SAAA,oCAOjD5D,GACA0B,EAAAC,IAAAuC,WAAA,CAAAN,SACEhF,IAAeC,aAAWsF,SAC1BzC,EAAAA,IAAC0C,EAAYA,aAACd,OAAAC,OAAA,CAAAc,OAAQ,IAAKC,QAASvF,QAAAA,EAAiBwF,SAASC,MAAI,CAAAZ,SACjElC,EAACC,IAAA8C,kBACAC,MAAO,QACPC,WAAY3F,EACZ4F,WAAY3F,EACZ4F,QAASA,KACR5E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,EAExBxB,KAAMmB,EAAUA,WAACsF,SACjBW,KAAMhH,EACNiH,SAAWC,IACVnF,EAAoBmF,GAEpB/E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,OAK1BwC,EAAKC,IAAA,MAAA2B,OAAAC,OAAA,CAAAC,MAAO,CAAEa,OAAQ,IAAK1D,SAAU,aACpC,CAAAiD,SAAAlC,EAAAC,IAACsD,UAAO3B,OAAAC,OAAA,CAAC2B,WAAY/F,aACpBuC,EAAKC,IAAA,MAAA2B,OAAAC,OAAA,CAAAC,MAAO,CAAE2B,OAAQ,gBACrBzD,EAACC,IAAA8C,kBACAI,QAASA,KACR5E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,EAExBxB,KAAMmB,EAAUA,WAACC,QACjBgG,KAAMhH,EACNiH,SAAWC,IACVnF,EAAoBmF,GAEpB/E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,iBAS7B"}
1	+ {"version":3,"file":"InputWithVariables.js","sources":["../../../../src/components/input-with-vars/InputWithVariables.tsx"],"sourcesContent":["import PlusIcon from '@src/assets/icons/PlusIcon';\nimport { useEffect, useRef, useState } from 'react';\nimport styled from 'styled-components';\nimport { v4 } from 'uuid';\nimport { COLORS } from '@src/constants/Theme';\nimport { AddVariableStyled } from '../add-variableV2/AddVariableBox.styled';\nimport { Variable } from '../add-variableV2/AddVariableV2';\nimport { SelectedVariable } from '../add-variableV2/types';\nimport { Floater } from '../floater';\nimport { Input } from '../input';\nimport { InputTypeI } from '../input/Input.model';\nimport { BodyCaption } from '../TypographyStyle';\nimport { VariablePicker } from '../variable-picker-v3';\nimport { PickerType } from '../variable-picker-v3/model';\nimport { CustomPortal } from './customPortal';\n\nexport interface InputWithVariablesProps {\n\ttype?: InputTypeI;\n\tvariablesList: any;\n\tonChange: (val: SelectedVariable) => void;\n\tonBlur?: (e: Event, val?: SelectedVariable \| Variable) => void;\n\tallowMix: boolean;\n\tprevVariable: SelectedVariable;\n\tshowHelp?: boolean;\n\tonlyVariables?: boolean;\n\tplaceHolder?: string;\n\tshowAddButton?: boolean;\n\terrorMessage?: string;\n\tnoMaxCharCheck?: boolean;\n\tmaxCharLimit?: number;\n\tlabelText?: string;\n\tlabelElement?: React.ReactNode;\n\tisRequired?: boolean;\n\thintText?: string;\n\tonEnterPress?: (input: string) => void;\n\tpickerType?: PickerType;\n\tportalElement?: HTMLElement;\n\tshowVarHeader?: boolean;\n\tvarHeaderText?: string;\n\tonPickerToggle?: (isOpen: boolean) => void;\n}\n\nexport const InputWithVariables: React.FC<InputWithVariablesProps> = ({\n\ttype,\n\tallowMix,\n\tonChange,\n\tprevVariable,\n\tvariablesList,\n\tonBlur,\n\tonlyVariables,\n\tplaceHolder,\n\tshowAddButton = true,\n\tshowHelp,\n\terrorMessage,\n\tmaxCharLimit,\n\tnoMaxCharCheck,\n\tlabelText,\n\tlabelElement,\n\tisRequired = false,\n\thintText,\n\tonEnterPress,\n\tpickerType = PickerType.FLOATER,\n\tportalElement,\n\tshowVarHeader,\n\tvarHeaderText,\n\tonPickerToggle,\n}: InputWithVariablesProps) => {\n\tconst superRef = useRef<any>();\n\tconst initialRender = useRef(true);\n\tconst inputRef = useRef(null);\n\tconst [isActive, setIsActive] = useState<boolean>(false);\n\tconst [id] = useState<string>(v4());\n\tconst [selectedVariable, setSelectedVariable] = useState<SelectedVariable>();\n\tconst [displayValue, setDisplayValue] =\n\t\tuseState<SelectedVariable>(prevVariable);\n\tconst [varModalVisible, setVarModalVisible] = useState<boolean>(false);\n\tconst [addVarRefVisible, setAddVarRefVisible] = useState<boolean>(false);\n\tconst [curCursorPosition, setCurCursorPosition] = useState<number>(0);\n\n\tfunction insertString(originalString, stringToInsert, position) {\n\t\tconst modifiedString =\n\t\t\toriginalString.slice(0, position) +\n\t\t\tstringToInsert +\n\t\t\toriginalString.slice(position);\n\t\treturn modifiedString;\n\t}\n\n\tuseEffect(() => {\n\t\tif (!selectedVariable \|\| !selectedVariable.actualValue) {\n\t\t\treturn;\n\t\t}\n\t\tif (allowMix) {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: insertString(\n\t\t\t\t\tprev.actualValue,\n\t\t\t\t\tselectedVariable.actualValue,\n\t\t\t\t\tcurCursorPosition,\n\t\t\t\t),\n\t\t\t\tvariableType: 'string',\n\t\t\t}));\n\t\t\tif (inputRef.current) {\n\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\tconst newPos =\n\t\t\t\t\tcurCursorPosition + selectedVariable.actualValue.length + 2;\n\t\t\t\t(inputRef.current as any).setSelectionRange(newPos, newPos);\n\t\t\t\tsetCurCursorPosition(newPos);\n\t\t\t}\n\t\t} else {\n\t\t\tsetDisplayValue((prev) => ({\n\t\t\t\tactualValue: selectedVariable.actualValue,\n\t\t\t\tvariableType: selectedVariable.variableType,\n\t\t\t\tneedsFetching: selectedVariable.needsFetching,\n\t\t\t}));\n\t\t}\n\t}, [selectedVariable]);\n\n\tuseEffect(() => {\n\t\t// don't call onChange on initial render\n\t\tif (initialRender.current) {\n\t\t\tinitialRender.current = false;\n\t\t} else {\n\t\t\tonChange(displayValue);\n\t\t}\n\t}, [displayValue]);\n\n\treturn (\n\t\t<>\n\t\t\t<StyledInput\n\t\t\t\tisVar={/^{{.}}$/.test(displayValue.actualValue)}\n\t\t\t\tonKeyDown={(e) => {\n\t\t\t\t\tif (e.key === 'Enter') {\n\t\t\t\t\t\tonEnterPress?.(displayValue.actualValue);\n\t\t\t\t\t}\n\t\t\t\t}}\n\t\t\t>\n\t\t\t\t<Input\n\t\t\t\t\tisRequired={isRequired}\n\t\t\t\t\thintText={hintText}\n\t\t\t\t\ttype={type ?? 'text'}\n\t\t\t\t\tid={id}\n\t\t\t\t\tref={inputRef}\n\t\t\t\t\tskipFocus={true}\n\t\t\t\t\tisActive={isActive}\n\t\t\t\t\tvalue={displayValue.actualValue}\n\t\t\t\t\tvalidate={(_) => [true, '']}\n\t\t\t\t\terrorMessage={errorMessage}\n\t\t\t\t\tnoMaxCharCheck={noMaxCharCheck}\n\t\t\t\t\tmaxCharLimit={maxCharLimit}\n\t\t\t\t\tlabelText={labelText}\n\t\t\t\t\tlabelElement={labelElement}\n\t\t\t\t\tplaceholder={placeHolder \|\| 'Add a value'}\n\t\t\t\t\tonClick={(event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonChangeText={(input: string, event?: Event \| undefined) => {\n\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\tsetCurCursorPosition((inputRef.current as any).selectionStart);\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (onlyVariables) {\n\t\t\t\t\t\t\tconst key = (event as any)?.keyCode \|\| (event as any)?.charCode;\n\n\t\t\t\t\t\t\tif (key === 8 \|\| key === 46) {\n\t\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\t\tactualValue: '',\n\t\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\treturn;\n\t\t\t\t\t\t}\n\n\t\t\t\t\t\tif (!allowMix) {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input.replace(/{{.}}/, ''),\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetDisplayValue({\n\t\t\t\t\t\t\t\tactualValue: input,\n\t\t\t\t\t\t\t\tvariableType: 'string',\n\t\t\t\t\t\t\t});\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t\tonReferenceInit={() => {\n\t\t\t\t\t\t/* Bypass eslint */\n\t\t\t\t\t}}\n\t\t\t\t\tonFocus={(e: any) => {\n\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\tsetAddVarRefVisible(true);\n\t\t\t\t\t}}\n\t\t\t\t\tonBlur={(e) => {\n\t\t\t\t\t\tonBlur?.(e, displayValue);\n\t\t\t\t\t\tif (\n\t\t\t\t\t\t\te.relatedTarget?.id === 'addVar' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'variable-picker-v3' \|\|\n\t\t\t\t\t\t\te.relatedTarget?.className?.includes('accordion') \|\|\n\t\t\t\t\t\t\te.relatedTarget?.id === 'back-btn-v3'\n\t\t\t\t\t\t) {\n\t\t\t\t\t\t\tif (inputRef.current) {\n\t\t\t\t\t\t\t\t(inputRef.current as any).focus();\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else if (e.relatedTarget?.id === 'search-bar-v3-picker') {\n\t\t\t\t\t\t\tsetIsActive(true);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tsetIsActive(false);\n\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\tsetAddVarRefVisible(false);\n\t\t\t\t\t\t}\n\t\t\t\t\t}}\n\t\t\t\t/>\n\n\t\t\t\t<div\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tdisplay: 'flex',\n\t\t\t\t\t\tflexDirection: 'row',\n\t\t\t\t\t\tjustifyContent: 'space-between',\n\t\t\t\t\t}}\n\t\t\t\t>\n\t\t\t\t\t{displayValue.actualValue && showHelp && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\tmarginTop: 4,\n\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<BodyCaption>{`This value is of type ${displayValue.variableType}`}</BodyCaption>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t\t{showAddButton && addVarRefVisible && (\n\t\t\t\t\t\t<div\n\t\t\t\t\t\t\tstyle={{ marginTop: errorMessage \|\| hintText ? '-24px' : '0px' }}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<AddVariableStyled\n\t\t\t\t\t\t\t\tref={superRef}\n\t\t\t\t\t\t\t\tid={`addVar`}\n\t\t\t\t\t\t\t\tonClick={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(!varModalVisible);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(!varModalVisible);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t<div className=\"add\">\n\t\t\t\t\t\t\t\t\t<PlusIcon color=\"white\" />\n\t\t\t\t\t\t\t\t\t<div className=\"variable\">Add variable</div>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</AddVariableStyled>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</div>\n\t\t\t</StyledInput>\n\t\t\t{varModalVisible && (\n\t\t\t\t<>\n\t\t\t\t\t{pickerType === PickerType.EMBEDDED ? (\n\t\t\t\t\t\t<CustomPortal zIndex={101} element={portalElement ?? document.body}>\n\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\twidth={'344px'}\n\t\t\t\t\t\t\t\tshowHeader={showVarHeader}\n\t\t\t\t\t\t\t\theaderText={varHeaderText}\n\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\ttype={PickerType.EMBEDDED}\n\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</CustomPortal>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<div style={{ zIndex: 101, position: 'relative' }}>\n\t\t\t\t\t\t\t<Floater refElement={superRef}>\n\t\t\t\t\t\t\t\t<div style={{ height: 500 }}>\n\t\t\t\t\t\t\t\t\t<VariablePicker\n\t\t\t\t\t\t\t\t\t\tonClose={() => {\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t\ttype={PickerType.FLOATER}\n\t\t\t\t\t\t\t\t\t\tdata={variablesList}\n\t\t\t\t\t\t\t\t\t\tonSelect={(variable: any) => {\n\t\t\t\t\t\t\t\t\t\t\tsetSelectedVariable(variable);\n\t\t\t\t\t\t\t\t\t\t\t// this can be conditional also via a prop\n\t\t\t\t\t\t\t\t\t\t\tsetVarModalVisible(false);\n\t\t\t\t\t\t\t\t\t\t\tonPickerToggle?.(false);\n\t\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t\t\t</div>\n\t\t\t\t\t\t\t</Floater>\n\t\t\t\t\t\t</div>\n\t\t\t\t\t)}\n\t\t\t\t</>\n\t\t\t)}\n\t\t</>\n\t);\n};\n\nconst StyledInput = styled.div<{ isVar: boolean }>`\n\tposition: relative;\n\tmargin-bottom: 12px;\n\tinput {\n\t\tcolor: ${(props) => (props.isVar ? COLORS.stroke.brand : 'black')};\n\t}\n`;\n"],"names":["InputWithVariables","StyledInput","div","props","isVar","COLORS","stroke","brand","_ref","type","allowMix","onChange","prevVariable","variablesList","onBlur","onlyVariables","placeHolder","showAddButton","showHelp","errorMessage","maxCharLimit","noMaxCharCheck","labelText","labelElement","isRequired","hintText","onEnterPress","pickerType","PickerType","FLOATER","portalElement","showVarHeader","varHeaderText","onPickerToggle","superRef","useRef","initialRender","inputRef","isActive","setIsActive","useState","id","v4","selectedVariable","setSelectedVariable","displayValue","setDisplayValue","varModalVisible","setVarModalVisible","addVarRefVisible","setAddVarRefVisible","curCursorPosition","setCurCursorPosition","useEffect","actualValue","prev","originalString","stringToInsert","position","slice","variableType","current","selectionStart","newPos","length","setSelectionRange","needsFetching","_jsxs","jsxs","test","onKeyDown","e","key","_jsx","jsx","Input","ref","skipFocus","value","validate","_","placeholder","onClick","event","onChangeText","input","keyCode","charCode","replace","onReferenceInit","onFocus","relatedTarget","_a","_b","_d","_c","className","includes","_e","focus","_f","Object","assign","style","display","flexDirection","justifyContent","children","marginTop","BodyCaption","AddVariableStyled","PlusIcon","color","_Fragment","EMBEDDED","CustomPortal","zIndex","element","document","body","VariablePicker","width","showHeader","headerText","onClose","data","onSelect","variable","Floater","refElement","height"],"mappings":"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"}

package/dist/cjs/components/list-item/themes.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C){switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"selected":return c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"readonly":return c.css("color:",I.COLORS.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.subdued,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN1YmR1ZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5zdWJkdWVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */")}};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var c=require("@emotion/react"),I=require("../../constants/Theme.js");exports.getColor=function(c){switch(c){case"default":case"readonly":default:return`${I.COLORS.text.primary}`;case"selected":return`${I.COLORS.content.positive}`;case"inactive":return`${I.COLORS.content.inactive}`;case"error":return`${I.COLORS.content.negative}`;case"placeholder":return`${I.COLORS.content.placeholder}`}},exports.getTheme=function(g,C){switch(g){case"default":return c.css("cursor:pointer;color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.hovered,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"selected":return c.css("color:",I.COLORS.content.positive,";background:",I.COLORS.background.positive.light,";box-shadow:","2.0"===C?"0":"0 2px 8px rgba(0, 0, 0, 0.12)",";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0J1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"inactive":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.surface.standard,";cursor:not-allowed;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"readonly":return c.css("color:",I.COLORS.text.primary,";"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkN1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");case"separator":return c.css("color:",I.COLORS.content.inactive,";background-color:",I.COLORS.background.base,";cursor:none;padding:8px 16px;"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUR1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */");default:return c.css("color:",I.COLORS.text.primary,";background-color:",I.COLORS.surface.standard,";&:hover{background-color:",I.COLORS.surface.hovered,";}"+("production"===process.env.NODE_ENV?"":";label:getTheme;"),"production"===process.env.NODE_ENV?"":"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbInRoZW1lcy50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0R1QiIsImZpbGUiOiJ0aGVtZXMudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xyXG5pbXBvcnQgeyBDT0xPUlMgfSBmcm9tIFwiLi4vLi4vY29uc3RhbnRzL1RoZW1lXCI7XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRDb2xvcih2YXJpYW50KSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMudGV4dC5wcmltYXJ5fWA7XHJcbiAgICAgICAgY2FzZSAnc2VsZWN0ZWQnOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucG9zaXRpdmV9YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBgJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX1gO1xyXG4gICAgICAgIGNhc2UgJ2Vycm9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGAke0NPTE9SUy5jb250ZW50Lm5lZ2F0aXZlfWA7XHJcbiAgICAgICAgY2FzZSAncGxhY2Vob2xkZXInOlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLmNvbnRlbnQucGxhY2Vob2xkZXJ9YDtcclxuICAgICAgICBkZWZhdWx0OlxyXG4gICAgICAgICAgICByZXR1cm4gYCR7Q09MT1JTLnRleHQucHJpbWFyeX1gO1xyXG4gICAgfVxyXG59XHJcbmV4cG9ydCBmdW5jdGlvbiBnZXRUaGVtZSh2YXJpYW50LCB2ZXJzaW9uKSB7XHJcbiAgICBzd2l0Y2ggKHZhcmlhbnQpIHtcclxuICAgICAgICBjYXNlICdkZWZhdWx0JzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGN1cnNvcjogcG9pbnRlcjtcblx0XHRcdFx0Y29sb3I6ICR7Q09MT1JTLnRleHQucHJpbWFyeX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHQmOmhvdmVyIHtcblx0XHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLmhvdmVyZWR9O1xuXHRcdFx0XHR9XG5cdFx0XHRgO1xyXG4gICAgICAgIGNhc2UgJ3NlbGVjdGVkJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LnBvc2l0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZDogJHtDT0xPUlMuYmFja2dyb3VuZC5wb3NpdGl2ZS5saWdodH07XG5cdFx0XHRcdGJveC1zaGFkb3c6ICR7dmVyc2lvbiA9PT0gJzIuMCdcclxuICAgICAgICAgICAgICAgID8gJzAnXHJcbiAgICAgICAgICAgICAgICA6ICcwIDJweCA4cHggcmdiYSgwLCAwLCAwLCAwLjEyKSd9O1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdpbmFjdGl2ZSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMuY29udGVudC5pbmFjdGl2ZX07XG5cdFx0XHRcdGJhY2tncm91bmQtY29sb3I6ICR7Q09MT1JTLnN1cmZhY2Uuc3RhbmRhcmR9O1xuXHRcdFx0XHRjdXJzb3I6IG5vdC1hbGxvd2VkO1xuXHRcdFx0YDtcclxuICAgICAgICBjYXNlICdyZWFkb25seSc6XHJcbiAgICAgICAgICAgIHJldHVybiBjc3MgYFxuXHRcdFx0XHRjb2xvcjogJHtDT0xPUlMudGV4dC5wcmltYXJ5fTtcblx0XHRcdGA7XHJcbiAgICAgICAgY2FzZSAnc2VwYXJhdG9yJzpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy5jb250ZW50LmluYWN0aXZlfTtcblx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuYmFja2dyb3VuZC5iYXNlfTtcblx0XHRcdFx0Y3Vyc29yOiBub25lO1xuXHRcdFx0XHRwYWRkaW5nOiA4cHggMTZweDtcblx0XHRcdGA7XHJcbiAgICAgICAgZGVmYXVsdDpcclxuICAgICAgICAgICAgcmV0dXJuIGNzcyBgXG5cdFx0XHRcdGNvbG9yOiAke0NPTE9SUy50ZXh0LnByaW1hcnl9O1xuXHRcdFx0XHRiYWNrZ3JvdW5kLWNvbG9yOiAke0NPTE9SUy5zdXJmYWNlLnN0YW5kYXJkfTtcblx0XHRcdFx0Jjpob3ZlciB7XG5cdFx0XHRcdFx0YmFja2dyb3VuZC1jb2xvcjogJHtDT0xPUlMuc3VyZmFjZS5ob3ZlcmVkfTtcblx0XHRcdFx0fVxuXHRcdFx0YDtcclxuICAgIH1cclxufVxyXG4vLyMgc291cmNlTWFwcGluZ1VSTD10aGVtZXMuanMubWFwIl19 */")}};
 //# sourceMappingURL=themes.js.map

package/dist/cjs/components/list-item/themes.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"themes.js","sources":["../../../../src/components/list-item/themes.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\n\nexport function getColor(variant: Variant) {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\tcase 'readonly':\n\t\t\treturn `${COLORS.text.primary}`;\n\t\tcase 'selected':\n\t\t\treturn `${COLORS.content.positive}`;\n\t\tcase 'inactive':\n\t\t\treturn `${COLORS.content.inactive}`;\n\t\tcase 'error':\n\t\t\treturn `${COLORS.content.negative}`;\n\t\tcase 'placeholder':\n\t\t\treturn `${COLORS.content.placeholder}`;\n\t\tdefault:\n\t\t\treturn `${COLORS.text.primary}`;\n\t}\n}\n\nexport function getTheme(variant: Variant, version?: '1.0' \| '2.0') {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\t\treturn css`\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.~~subdued~~};\n\t\t\t\t}\n\t\t\t`;\n\t\tcase 'selected':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.positive};\n\t\t\t\tbackground: ${COLORS.background.positive.light};\n\t\t\t\tbox-shadow: ${version === '2.0'\n\t\t\t\t\t? '0'\n\t\t\t\t\t: '0 2px 8px rgba(0, 0, 0, 0.12)'};\n\t\t\t`;\n\t\tcase 'inactive':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tcursor: not-allowed;\n\t\t\t`;\n\t\tcase 'readonly':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t`;\n\t\tcase 'separator':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tcursor: none;\n\t\t\t\tpadding: 8px 16px;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.~~subdued~~};\n\t\t\t\t}\n\t\t\t`;\n\t}\n}\n"],"names":["variant","COLORS","text","primary","content","positive","inactive","negative","placeholder","version","css","surface","standard","~~subdued~~","process","env","NODE_ENV","background","light","base"],"mappings":"2JAIM,SAAmBA,GACxB,OAAQA,GACP,IAAK,UACL,IAAK,WAUL,QACC,~~MAAO~~,~~GAAGC,~~EAAMA,OAACC,KAAKC,UATvB,IAAK,WACJ,~~MAAO~~,~~GAAGF,~~EAAMA,OAACG,QAAQC,WAC1B,IAAK,WACJ,~~MAAO~~,~~GAAGJ,~~EAAMA,OAACG,QAAQE,WAC1B,IAAK,QACJ,~~MAAO~~,~~GAAGL,~~EAAMA,OAACG,QAAQG,WAC1B,IAAK,cACJ,~~MAAO~~,~~GAAGN,~~EAAMA,OAACG,QAAQI,cAI5B,mBAEgB,SAASR,EAAkBS,GAC1C,OAAQT,GACP,IAAK,UACJ,OAAOU,EAAGA,IAAA,wBAEAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IAAA,SACAT,EAAMA,OAACG,QAAQC,SACVJ,eAAAA,EAAMA,OAACgB,WAAWZ,SAASa,MAC3BT,eAAY,QAAZA,EACX,IACA,qCAA+BK,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAEpC,IAAK,WACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOU,QAAQC,SAAQE,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IACAT,SAAAA,SAAOC,KAAKC,QAAOW,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAE9B,IAAK,YACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOgB,WAAWE,KAAIL,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAI5C,QACC,OAAON,EAAGA,IAAA,SACAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAI/C"}
1	+ {"version":3,"file":"themes.js","sources":["../../../../src/components/list-item/themes.tsx"],"sourcesContent":["import { css } from '@emotion/react';\nimport { COLORS } from '@src/constants/Theme';\nimport type { Variant } from './List.model';\n\nexport function getColor(variant: Variant) {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\tcase 'readonly':\n\t\t\treturn `${COLORS.text.primary}`;\n\t\tcase 'selected':\n\t\t\treturn `${COLORS.content.positive}`;\n\t\tcase 'inactive':\n\t\t\treturn `${COLORS.content.inactive}`;\n\t\tcase 'error':\n\t\t\treturn `${COLORS.content.negative}`;\n\t\tcase 'placeholder':\n\t\t\treturn `${COLORS.content.placeholder}`;\n\t\tdefault:\n\t\t\treturn `${COLORS.text.primary}`;\n\t}\n}\n\nexport function getTheme(variant: Variant, version?: '1.0' \| '2.0') {\n\tswitch (variant) {\n\t\tcase 'default':\n\t\t\treturn css`\n\t\t\t\tcursor: pointer;\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.hovered};\n\t\t\t\t}\n\t\t\t`;\n\t\tcase 'selected':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.positive};\n\t\t\t\tbackground: ${COLORS.background.positive.light};\n\t\t\t\tbox-shadow: ${version === '2.0'\n\t\t\t\t\t? '0'\n\t\t\t\t\t: '0 2px 8px rgba(0, 0, 0, 0.12)'};\n\t\t\t`;\n\t\tcase 'inactive':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\tcursor: not-allowed;\n\t\t\t`;\n\t\tcase 'readonly':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t`;\n\t\tcase 'separator':\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.content.inactive};\n\t\t\t\tbackground-color: ${COLORS.background.base};\n\t\t\t\tcursor: none;\n\t\t\t\tpadding: 8px 16px;\n\t\t\t`;\n\t\tdefault:\n\t\t\treturn css`\n\t\t\t\tcolor: ${COLORS.text.primary};\n\t\t\t\tbackground-color: ${COLORS.surface.standard};\n\t\t\t\t&:hover {\n\t\t\t\t\tbackground-color: ${COLORS.surface.hovered};\n\t\t\t\t}\n\t\t\t`;\n\t}\n}\n"],"names":["variant","COLORS","text","primary","content","positive","inactive","negative","placeholder","version","css","surface","standard","hovered","process","env","NODE_ENV","background","light","base"],"mappings":"2JAIM,SAAmBA,GACxB,OAAQA,GACP,IAAK,UACL,IAAK,WAUL,QACC,SAAUC,EAAMA,OAACC,KAAKC,UATvB,IAAK,WACJ,SAAUF,EAAMA,OAACG,QAAQC,WAC1B,IAAK,WACJ,SAAUJ,EAAMA,OAACG,QAAQE,WAC1B,IAAK,QACJ,SAAUL,EAAMA,OAACG,QAAQG,WAC1B,IAAK,cACJ,SAAUN,EAAMA,OAACG,QAAQI,cAI5B,mBAEgB,SAASR,EAAkBS,GAC1C,OAAQT,GACP,IAAK,UACJ,OAAOU,EAAGA,IAAA,wBAEAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IAAA,SACAT,EAAMA,OAACG,QAAQC,SACVJ,eAAAA,EAAMA,OAACgB,WAAWZ,SAASa,MAC3BT,eAAY,QAAZA,EACX,IACA,qCAA+BK,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAEpC,IAAK,WACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOU,QAAQC,SAAQE,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAGA,IACAT,SAAAA,SAAOC,KAAKC,QAAOW,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAE9B,IAAK,YACJ,OAAON,MACGT,SAAAA,EAAMA,OAACG,QAAQE,SAAQ,qBACZL,SAAOgB,WAAWE,KAAIL,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAI5C,QACC,OAAON,EAAGA,IAAA,SACAT,SAAOC,KAAKC,QAAO,qBACRF,EAAMA,OAACU,QAAQC,SAEdX,6BAAAA,EAAMA,OAACU,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAI/C"}

package/dist/cjs/components/markdown/MarkdownRender.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./utils.js");function s(s){var n;const r=[];let a=0,c=s;c=c.replace(/\[([^\]]+)\]\([^)]*$/g,((e,t)=>t));c=c.replace(/\[([^\]]+)\]\($/g,((e,t)=>t));const l=[],i=[],o=(e,t)=>{for(const s of i)if(e<s.end&&t>s.start)return!0;return!1},h=(e,t)=>{i.push({start:e,end:t})};let d;for(t.MARKDOWN_LINK_PATTERN.lastIndex=0;null!==(d=t.MARKDOWN_LINK_PATTERN.exec(c));){const e=null!==(n=d.index)&&void 0!==n?n:0;t.isCompleteMarkdownLink(c,e,e+d[0].length)&&(l.push({match:d[0],type:"link",start:e,end:e+d[0].length,data:d}),h(e,e+d[0].length))}[{regex:t.EMAIL_PATTERN,type:"email"},{regex:t.URL_PATTERN,type:"url"},{regex:t.BOLD_TEXT_PATTERN,type:"bold"},{regex:t.ITALIC_TEXT_PATTERN,type:"italic"},{regex:t.CODE_TEXT_PATTERN,type:"code"}].forEach((({regex:e,type:s})=>{var n;let r;for(e.lastIndex=0;null!==(r=e.exec(c));){const a=null!==(n=r.index)&&void 0!==n?n:0,i=a+r[0].length;if(!o(a,i)){if("italic"===s){if(c.slice(Math.max(0,a-1),Math.min(c.length,i+1)).includes("**"))continue}("bold"!==s&&"italic"!==s&&"code"!==s||t.isCompleteFormatting(c,e,a,i))&&("url"!==s||t.isCompleteUrl(r[0]))&&(l.push({match:r[0],type:s,start:a,end:i,data:r}),h(a,i))}}}));const p=[...c.matchAll(t.RAW_PHONE_CANDIDATE_PATTERN)].map((e=>{var t;const s=null!==(t=e.index)&&void 0!==t?t:0;return{raw:e[0],start:s,end:s+e[0].length}}));t.filterPhoneCandidates(c,p.map((e=>e.raw))).forEach((e=>{const t=c.indexOf(e);if(-1===t)return;const s=t,n=t+e.length;o(s,n)||(l.push({match:e,type:"phone",start:s,end:n,data:null}),h(s,n))})),l.sort(((e,t)=>e.start-t.start));let u=0;for(const s of l){switch(s.start>u&&r.push(c.slice(u,s.start)),s.type){case"bold":{const t=s.match.replace(/\*\*/g,"");r.push(e.jsx("strong",{children:t},a++));break}case"italic":{const t=s.match.replace(/\*/g,"");r.push(e.jsx("em",{children:t},a++));break}case"code":{const t=s.match.replace(/`/g,"");r.push(e.jsx("code",Object.assign({className:"bg-gray-100 px-1 rounded"},{children:t}),a++));break}case"phone":{const t=s.match.trim(),n=t.replace(/[^+\d]/g,"");r.push(e.jsxs("a",Object.assign({href:`tel:${n}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"}},{children:[" ",t," "]}),a++));break}case"link":{const n=s.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,s,c]=n,l=t.stripMarkdownFormatting(s);r.push(e.jsx("a",Object.assign({href:c,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:l}),a++))}break}case"email":r.push(e.jsx("a",Object.assign({href:`mailto:${s.match}`,className:"text-link"},{children:s.match}),a++));break;case"url":{const t=s.match.endsWith(".")?s.match.slice(0,-1):s.match;r.push(e.jsx("a",Object.assign({href:t,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:s.match}),a++));break}}u=s.end}return u<c.length&&r.push(c.slice(u)),r}exports.default=function({text:t}){const n=t.replace(/\\n/g,"\n").split("\n"),r=[];let a=[];const c=t=>{a.length>0&&(r.push(e.jsx("ul",Object.assign({className:"ml-1"},{children:a.map(((t,n)=>e.jsx("li",{children:s(t)},n)))}),t)),a=[])};return n.forEach(((t,n)=>{t.startsWith("- ")?a.push(t.slice(2)):(c(n),""!==t.trim()&&r.push(e.jsx("p",{children:s(t)},n)))})),c(n.length),e.jsx(e.Fragment,{children:r})};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),t=require("./utils.js");function s(s){var n;const r=[];let a=0,l=s;l=l.replace(/\[([^\]]+)\]\([^)]*$/g,((e,t)=>t));l=l.replace(/\[([^\]]+)\]\($/g,((e,t)=>t));const c=[],i=[],o=(e,t)=>{for(const s of i)if(e<s.end&&t>s.start)return!0;return!1},h=(e,t)=>{i.push({start:e,end:t})};let d;for(t.MARKDOWN_LINK_PATTERN.lastIndex=0;null!==(d=t.MARKDOWN_LINK_PATTERN.exec(l));){const e=null!==(n=d.index)&&void 0!==n?n:0;t.isCompleteMarkdownLink(l,e,e+d[0].length)&&(c.push({match:d[0],type:"link",start:e,end:e+d[0].length,data:d}),h(e,e+d[0].length))}[{regex:t.EMAIL_PATTERN,type:"email"},{regex:t.URL_PATTERN,type:"url"},{regex:t.BOLD_TEXT_PATTERN,type:"bold"},{regex:t.ITALIC_TEXT_PATTERN,type:"italic"},{regex:t.CODE_TEXT_PATTERN,type:"code"}].forEach((e=>{let{regex:s,type:n}=e;var r;let a;for(s.lastIndex=0;null!==(a=s.exec(l));){const e=null!==(r=a.index)&&void 0!==r?r:0,i=e+a[0].length;if(!o(e,i)){if("italic"===n){if(l.slice(Math.max(0,e-1),Math.min(l.length,i+1)).includes("**"))continue}("bold"!==n&&"italic"!==n&&"code"!==n||t.isCompleteFormatting(l,s,e,i))&&("url"!==n||t.isCompleteUrl(a[0]))&&(c.push({match:a[0],type:n,start:e,end:i,data:a}),h(e,i))}}}));const p=[...l.matchAll(t.RAW_PHONE_CANDIDATE_PATTERN)].map((e=>{var t;const s=null!==(t=e.index)&&void 0!==t?t:0;return{raw:e[0],start:s,end:s+e[0].length}}));t.filterPhoneCandidates(l,p.map((e=>e.raw))).forEach((e=>{const t=l.indexOf(e);if(-1===t)return;const s=t,n=t+e.length;o(s,n)||(c.push({match:e,type:"phone",start:s,end:n,data:null}),h(s,n))})),c.sort(((e,t)=>e.start-t.start));let u=0;for(const s of c){switch(s.start>u&&r.push(l.slice(u,s.start)),s.type){case"bold":{const t=s.match.replace(/\*\*/g,"");r.push(e.jsx("strong",{children:t},a++));break}case"italic":{const t=s.match.replace(/\*/g,"");r.push(e.jsx("em",{children:t},a++));break}case"code":{const t=s.match.replace(/`/g,"");r.push(e.jsx("code",Object.assign({className:"bg-gray-100 px-1 rounded"},{children:t}),a++));break}case"phone":{const t=s.match.trim(),n=t.replace(/[^+\d]/g,"");r.push(e.jsxs("a",Object.assign({href:`tel:${n}`,style:{textDecoration:"none",color:"unset",fontWeight:"bold"}},{children:[" ",t," "]}),a++));break}case"link":{const n=s.match.match(/\[([^\]]+)\]\(([^)]+)\)/);if(n){const[,s,l]=n,c=t.stripMarkdownFormatting(s);r.push(e.jsx("a",Object.assign({href:l,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:c}),a++))}break}case"email":r.push(e.jsx("a",Object.assign({href:`mailto:${s.match}`,className:"text-link"},{children:s.match}),a++));break;case"url":{const t=s.match.endsWith(".")?s.match.slice(0,-1):s.match;r.push(e.jsx("a",Object.assign({href:t,target:"_blank",rel:"noopener noreferrer",className:"text-link"},{children:s.match}),a++));break}}u=s.end}return u<l.length&&r.push(l.slice(u)),r}exports.default=function(t){let{text:n}=t;const r=n.replace(/\\n/g,"\n").split("\n"),a=[];let l=[];const c=t=>{l.length>0&&(a.push(e.jsx("ul",Object.assign({className:"ml-1"},{children:l.map(((t,n)=>e.jsx("li",{children:s(t)},n)))}),t)),l=[])};return r.forEach(((t,n)=>{t.startsWith("- ")?l.push(t.slice(2)):(c(n),""!==t.trim()&&a.push(e.jsx("p",{children:s(t)},n)))})),c(r.length),e.jsx(e.Fragment,{children:a})};
 //# sourceMappingURL=MarkdownRender.js.map

package/dist/cjs/components/markdown/MarkdownRender.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MarkdownRender.js","sources":["../../../../src/components/markdown/MarkdownRender.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tBOLD_TEXT_PATTERN,\n\tCODE_TEXT_PATTERN,\n\tEMAIL_PATTERN,\n\tfilterPhoneCandidates,\n\tisCompleteFormatting,\n\tisCompleteMarkdownLink,\n\tisCompleteUrl,\n\tITALIC_TEXT_PATTERN,\n\tMARKDOWN_LINK_PATTERN,\n\tRAW_PHONE_CANDIDATE_PATTERN,\n\tstripMarkdownFormatting,\n\tURL_PATTERN,\n} from './utils';\n\nfunction parseInline(text: string): React.ReactNode[] {\n\tconst parts: React.ReactNode[] = [];\n\tlet keyCounter = 0;\n\n\t// First, handle incomplete markdown links and replace them with just the title\n\tlet processedText = text;\n\n\t// Find incomplete markdown links pattern: [title](incomplete_url without closing )\n\tconst incompleteMarkdownLinkPattern = /\\[([^\\]]+)\\]\\([^)]$/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteMarkdownLinkPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Also handle case where we have [title]( but no URL yet\n\tconst incompleteLinkWithParenPattern = /\\[([^\\]]+)\\]\\($/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteLinkWithParenPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Process text efficiently by handling links first, then other patterns\n\tconst allMatches: Array<{\n\t\tmatch: string;\n\t\ttype: string;\n\t\tstart: number;\n\t\tend: number;\n\t\tdata?: RegExpExecArray \| RegExpMatchArray \| null;\n\t}> = [];\n\n\t// Track formatted ranges to avoid overlaps (much faster than sorting)\n\tconst formattedRanges: Array<{ start: number; end: number }> = [];\n\n\t// Helper function to check if a range overlaps with already formatted ranges\n\tconst isRangeAlreadyFormatted = (start: number, end: number): boolean => {\n\t\tfor (const range of formattedRanges) {\n\t\t\tif (start < range.end && end > range.start) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t// Helper function to mark a range as formatted\n\tconst markRangeFormatted = (start: number, end: number) => {\n\t\tformattedRanges.push({ start, end });\n\t};\n\n\t// Process links first (highest priority) - no sorting needed\n\tMARKDOWN_LINK_PATTERN.lastIndex = 0;\n\tlet match;\n\twhile ((match = MARKDOWN_LINK_PATTERN.exec(processedText)) !== null) {\n\t\tconst matchIndex = match.index ?? 0;\n\t\tif (\n\t\t\tisCompleteMarkdownLink(\n\t\t\t\tprocessedText,\n\t\t\t\tmatchIndex,\n\t\t\t\tmatchIndex + match[0].length,\n\t\t\t)\n\t\t) {\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype: 'link',\n\t\t\t\tstart: matchIndex,\n\t\t\t\tend: matchIndex + match[0].length,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(matchIndex, matchIndex + match[0].length);\n\t\t}\n\t}\n\n\t// Process other patterns, skipping already formatted ranges\n\tconst otherPatterns = [\n\t\t{ regex: EMAIL_PATTERN, type: 'email' },\n\t\t{ regex: URL_PATTERN, type: 'url' },\n\t\t{ regex: BOLD_TEXT_PATTERN, type: 'bold' },\n\t\t{ regex: ITALIC_TEXT_PATTERN, type: 'italic' },\n\t\t{ regex: CODE_TEXT_PATTERN, type: 'code' },\n\t];\n\n\totherPatterns.forEach(({ regex, type }) => {\n\t\tregex.lastIndex = 0;\n\t\tlet match;\n\t\twhile ((match = regex.exec(processedText)) !== null) {\n\t\t\tconst start = match.index ?? 0;\n\t\t\tconst end = start + match[0].length;\n\n\t\t\t// Skip if this range is already formatted\n\t\t\tif (isRangeAlreadyFormatted(start, end)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Handle bold/italic conflicts efficiently\n\t\t\tif (type === 'italic') {\n\t\t\t\tconst boldCheck = processedText.slice(\n\t\t\t\t\tMath.max(0, start - 1),\n\t\t\t\t\tMath.min(processedText.length, end + 1),\n\t\t\t\t);\n\t\t\t\tif (boldCheck.includes('')) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate formatting\n\t\t\tif (type === 'bold' \|\| type === 'italic' \|\| type === 'code') {\n\t\t\t\tif (!isCompleteFormatting(processedText, regex, start, end)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate URLs\n\t\t\tif (type === 'url' && !isCompleteUrl(match[0])) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\tend,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(start, end);\n\t\t}\n\t});\n\n\t// Add phone candidates separately (Safari-safe replacement for lookbehind pattern)\n\tconst phoneCandidates = [\n\t\t...processedText.matchAll(RAW_PHONE_CANDIDATE_PATTERN),\n\t].map((m) => {\n\t\tconst idx = m.index ?? 0;\n\t\treturn {\n\t\t\traw: m[0],\n\t\t\tstart: idx,\n\t\t\tend: idx + m[0].length,\n\t\t};\n\t});\n\tconst filteredPhones = filterPhoneCandidates(\n\t\tprocessedText,\n\t\tphoneCandidates.map((c) => c.raw),\n\t);\n\tfilteredPhones.forEach((p) => {\n\t\tconst idx = processedText.indexOf(p);\n\t\tif (idx === -1) return;\n\t\tconst start = idx;\n\t\tconst end = idx + p.length;\n\t\tif (isRangeAlreadyFormatted(start, end)) return;\n\t\tallMatches.push({ match: p, type: 'phone', start, end, data: null });\n\t\tmarkRangeFormatted(start, end);\n\t});\n\n\t// Simple sort by start position (no complex logic needed, now includes phones)\n\tallMatches.sort((a, b) => a.start - b.start);\n\n\t// Build the result\n\tlet currentIndex = 0;\n\tfor (const match of allMatches) {\n\t\t// Add text before this match\n\t\tif (match.start > currentIndex) {\n\t\t\tparts.push(processedText.slice(currentIndex, match.start));\n\t\t}\n\n\t\t// Add the processed match\n\t\tswitch (match.type) {\n\t\t\tcase 'bold': {\n\t\t\t\tconst boldText = match.match.replace(/\\\\/g, '');\n\t\t\t\tparts.push(<strong key={keyCounter++}>{boldText}</strong>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'italic': {\n\t\t\t\tconst italicText = match.match.replace(/\\/g, '');\n\t\t\t\tparts.push(<em key={keyCounter++}>{italicText}</em>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'code': {\n\t\t\t\tconst codeText = match.match.replace(/`/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<code key={keyCounter++} className=\"bg-gray-100 px-1 rounded\">\n\t\t\t\t\t\t{codeText}\n\t\t\t\t\t</code>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'phone': {\n\t\t\t\tconst trimmedPhone = match.match.trim();\n\t\t\t\tconst hrefPhone = trimmedPhone.replace(/[^+\\d]/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`tel:${hrefPhone}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\t\tcolor: 'unset',\n\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t{trimmedPhone}{' '}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'link': {\n\t\t\t\tconst linkParts = match.match.match(/\\[([^\\]]+)\\]\$([^)]+)\$/);\n\t\t\t\tif (linkParts) {\n\t\t\t\t\tconst [, linkText, linkUrl] = linkParts;\n\t\t\t\t\t// Remove all markdown formatting from link text to avoid conflicts\n\t\t\t\t\tconst cleanLinkText = stripMarkdownFormatting(linkText);\n\t\t\t\t\tparts.push(\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\t\thref={linkUrl}\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cleanLinkText}\n\t\t\t\t\t\t</a>,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'email': {\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`mailto:${match.match}`}\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase 'url': {\n\t\t\t\tconst cleanUrl = match.match.endsWith('.')\n\t\t\t\t\t? match.match.slice(0, -1)\n\t\t\t\t\t: match.match;\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={cleanUrl}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tcurrentIndex = match.end;\n\t}\n\n\t// Add remaining text\n\tif (currentIndex < processedText.length) {\n\t\tparts.push(processedText.slice(currentIndex));\n\t}\n\n\treturn parts;\n}\n\nfunction MarkdownRender({ text }: { text: string }) {\n\tconst lines = text.replace(/\\\\n/g, '\\n').split('\\n');\n\n\tconst elements: React.ReactNode[] = [];\n\tlet listBuffer: string[] = [];\n\n\tconst flushList = (key: number) => {\n\t\tif (listBuffer.length > 0) {\n\t\t\telements.push(\n\t\t\t\t<ul key={key} className=\"ml-1\">\n\t\t\t\t\t{listBuffer.map((item, i) => (\n\t\t\t\t\t\t<li key={i}>{parseInline(item)}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>,\n\t\t\t);\n\t\t\tlistBuffer = [];\n\t\t}\n\t};\n\n\tlines.forEach((line, i) => {\n\t\tif (line.startsWith('- ')) {\n\t\t\tlistBuffer.push(line.slice(2));\n\t\t} else {\n\t\t\tflushList(i);\n\t\t\tif (line.trim() !== '') {\n\t\t\t\telements.push(<p key={i}>{parseInline(line)}</p>);\n\t\t\t}\n\t\t}\n\t});\n\n\tflushList(lines.length);\n\n\treturn <>{elements}</>;\n}\n\nexport default MarkdownRender;\n"],"names":["parseInline","text","parts","keyCounter","processedText","replace","_","title","allMatches","formattedRanges","isRangeAlreadyFormatted","start","end","range","markRangeFormatted","push","match","MARKDOWN_LINK_PATTERN","lastIndex","exec","matchIndex","_a","index","isCompleteMarkdownLink","length","type","data","regex","EMAIL_PATTERN","URL_PATTERN","BOLD_TEXT_PATTERN","ITALIC_TEXT_PATTERN","CODE_TEXT_PATTERN","forEach","slice","Math","max","min","includes","isCompleteFormatting","isCompleteUrl","phoneCandidates","matchAll","RAW_PHONE_CANDIDATE_PATTERN","map","m","idx","raw","filterPhoneCandidates","c","p","indexOf","sort","a","b","currentIndex","boldText","_jsx","jsx","children","italicText","codeText","Object","assign","className","trimmedPhone","trim","hrefPhone","_jsxs","href","style","textDecoration","color","fontWeight","linkParts","linkText","linkUrl","cleanLinkText","stripMarkdownFormatting","target","rel","cleanUrl","endsWith","lines","split","elements","listBuffer","flushList","key","item","i","line","startsWith","_Fragment"],"mappings":"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"}
1	+ {"version":3,"file":"MarkdownRender.js","sources":["../../../../src/components/markdown/MarkdownRender.tsx"],"sourcesContent":["import React from 'react';\nimport {\n\tBOLD_TEXT_PATTERN,\n\tCODE_TEXT_PATTERN,\n\tEMAIL_PATTERN,\n\tfilterPhoneCandidates,\n\tisCompleteFormatting,\n\tisCompleteMarkdownLink,\n\tisCompleteUrl,\n\tITALIC_TEXT_PATTERN,\n\tMARKDOWN_LINK_PATTERN,\n\tRAW_PHONE_CANDIDATE_PATTERN,\n\tstripMarkdownFormatting,\n\tURL_PATTERN,\n} from './utils';\n\nfunction parseInline(text: string): React.ReactNode[] {\n\tconst parts: React.ReactNode[] = [];\n\tlet keyCounter = 0;\n\n\t// First, handle incomplete markdown links and replace them with just the title\n\tlet processedText = text;\n\n\t// Find incomplete markdown links pattern: [title](incomplete_url without closing )\n\tconst incompleteMarkdownLinkPattern = /\\[([^\\]]+)\\]\\([^)]$/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteMarkdownLinkPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Also handle case where we have [title]( but no URL yet\n\tconst incompleteLinkWithParenPattern = /\\[([^\\]]+)\\]\\($/g;\n\tprocessedText = processedText.replace(\n\t\tincompleteLinkWithParenPattern,\n\t\t(_, title) => {\n\t\t\treturn title; // Replace with just the title text\n\t\t},\n\t);\n\n\t// Process text efficiently by handling links first, then other patterns\n\tconst allMatches: Array<{\n\t\tmatch: string;\n\t\ttype: string;\n\t\tstart: number;\n\t\tend: number;\n\t\tdata?: RegExpExecArray \| RegExpMatchArray \| null;\n\t}> = [];\n\n\t// Track formatted ranges to avoid overlaps (much faster than sorting)\n\tconst formattedRanges: Array<{ start: number; end: number }> = [];\n\n\t// Helper function to check if a range overlaps with already formatted ranges\n\tconst isRangeAlreadyFormatted = (start: number, end: number): boolean => {\n\t\tfor (const range of formattedRanges) {\n\t\t\tif (start < range.end && end > range.start) {\n\t\t\t\treturn true;\n\t\t\t}\n\t\t}\n\t\treturn false;\n\t};\n\n\t// Helper function to mark a range as formatted\n\tconst markRangeFormatted = (start: number, end: number) => {\n\t\tformattedRanges.push({ start, end });\n\t};\n\n\t// Process links first (highest priority) - no sorting needed\n\tMARKDOWN_LINK_PATTERN.lastIndex = 0;\n\tlet match;\n\twhile ((match = MARKDOWN_LINK_PATTERN.exec(processedText)) !== null) {\n\t\tconst matchIndex = match.index ?? 0;\n\t\tif (\n\t\t\tisCompleteMarkdownLink(\n\t\t\t\tprocessedText,\n\t\t\t\tmatchIndex,\n\t\t\t\tmatchIndex + match[0].length,\n\t\t\t)\n\t\t) {\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype: 'link',\n\t\t\t\tstart: matchIndex,\n\t\t\t\tend: matchIndex + match[0].length,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(matchIndex, matchIndex + match[0].length);\n\t\t}\n\t}\n\n\t// Process other patterns, skipping already formatted ranges\n\tconst otherPatterns = [\n\t\t{ regex: EMAIL_PATTERN, type: 'email' },\n\t\t{ regex: URL_PATTERN, type: 'url' },\n\t\t{ regex: BOLD_TEXT_PATTERN, type: 'bold' },\n\t\t{ regex: ITALIC_TEXT_PATTERN, type: 'italic' },\n\t\t{ regex: CODE_TEXT_PATTERN, type: 'code' },\n\t];\n\n\totherPatterns.forEach(({ regex, type }) => {\n\t\tregex.lastIndex = 0;\n\t\tlet match;\n\t\twhile ((match = regex.exec(processedText)) !== null) {\n\t\t\tconst start = match.index ?? 0;\n\t\t\tconst end = start + match[0].length;\n\n\t\t\t// Skip if this range is already formatted\n\t\t\tif (isRangeAlreadyFormatted(start, end)) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\t// Handle bold/italic conflicts efficiently\n\t\t\tif (type === 'italic') {\n\t\t\t\tconst boldCheck = processedText.slice(\n\t\t\t\t\tMath.max(0, start - 1),\n\t\t\t\t\tMath.min(processedText.length, end + 1),\n\t\t\t\t);\n\t\t\t\tif (boldCheck.includes('')) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate formatting\n\t\t\tif (type === 'bold' \|\| type === 'italic' \|\| type === 'code') {\n\t\t\t\tif (!isCompleteFormatting(processedText, regex, start, end)) {\n\t\t\t\t\tcontinue;\n\t\t\t\t}\n\t\t\t}\n\n\t\t\t// Validate URLs\n\t\t\tif (type === 'url' && !isCompleteUrl(match[0])) {\n\t\t\t\tcontinue;\n\t\t\t}\n\n\t\t\tallMatches.push({\n\t\t\t\tmatch: match[0],\n\t\t\t\ttype,\n\t\t\t\tstart,\n\t\t\t\tend,\n\t\t\t\tdata: match,\n\t\t\t});\n\t\t\tmarkRangeFormatted(start, end);\n\t\t}\n\t});\n\n\t// Add phone candidates separately (Safari-safe replacement for lookbehind pattern)\n\tconst phoneCandidates = [\n\t\t...processedText.matchAll(RAW_PHONE_CANDIDATE_PATTERN),\n\t].map((m) => {\n\t\tconst idx = m.index ?? 0;\n\t\treturn {\n\t\t\traw: m[0],\n\t\t\tstart: idx,\n\t\t\tend: idx + m[0].length,\n\t\t};\n\t});\n\tconst filteredPhones = filterPhoneCandidates(\n\t\tprocessedText,\n\t\tphoneCandidates.map((c) => c.raw),\n\t);\n\tfilteredPhones.forEach((p) => {\n\t\tconst idx = processedText.indexOf(p);\n\t\tif (idx === -1) return;\n\t\tconst start = idx;\n\t\tconst end = idx + p.length;\n\t\tif (isRangeAlreadyFormatted(start, end)) return;\n\t\tallMatches.push({ match: p, type: 'phone', start, end, data: null });\n\t\tmarkRangeFormatted(start, end);\n\t});\n\n\t// Simple sort by start position (no complex logic needed, now includes phones)\n\tallMatches.sort((a, b) => a.start - b.start);\n\n\t// Build the result\n\tlet currentIndex = 0;\n\tfor (const match of allMatches) {\n\t\t// Add text before this match\n\t\tif (match.start > currentIndex) {\n\t\t\tparts.push(processedText.slice(currentIndex, match.start));\n\t\t}\n\n\t\t// Add the processed match\n\t\tswitch (match.type) {\n\t\t\tcase 'bold': {\n\t\t\t\tconst boldText = match.match.replace(/\\\\/g, '');\n\t\t\t\tparts.push(<strong key={keyCounter++}>{boldText}</strong>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'italic': {\n\t\t\t\tconst italicText = match.match.replace(/\\/g, '');\n\t\t\t\tparts.push(<em key={keyCounter++}>{italicText}</em>);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'code': {\n\t\t\t\tconst codeText = match.match.replace(/`/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<code key={keyCounter++} className=\"bg-gray-100 px-1 rounded\">\n\t\t\t\t\t\t{codeText}\n\t\t\t\t\t</code>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'phone': {\n\t\t\t\tconst trimmedPhone = match.match.trim();\n\t\t\t\tconst hrefPhone = trimmedPhone.replace(/[^+\\d]/g, '');\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`tel:${hrefPhone}`}\n\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\ttextDecoration: 'none',\n\t\t\t\t\t\t\tcolor: 'unset',\n\t\t\t\t\t\t\tfontWeight: 'bold',\n\t\t\t\t\t\t}}\n\t\t\t\t\t>\n\t\t\t\t\t\t{' '}\n\t\t\t\t\t\t{trimmedPhone}{' '}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'link': {\n\t\t\t\tconst linkParts = match.match.match(/\\[([^\\]]+)\\]\$([^)]+)\$/);\n\t\t\t\tif (linkParts) {\n\t\t\t\t\tconst [, linkText, linkUrl] = linkParts;\n\t\t\t\t\t// Remove all markdown formatting from link text to avoid conflicts\n\t\t\t\t\tconst cleanLinkText = stripMarkdownFormatting(linkText);\n\t\t\t\t\tparts.push(\n\t\t\t\t\t\t<a\n\t\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\t\thref={linkUrl}\n\t\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t{cleanLinkText}\n\t\t\t\t\t\t</a>,\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t\tbreak;\n\t\t\t}\n\t\t\tcase 'email': {\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={`mailto:${match.match}`}\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\n\t\t\tcase 'url': {\n\t\t\t\tconst cleanUrl = match.match.endsWith('.')\n\t\t\t\t\t? match.match.slice(0, -1)\n\t\t\t\t\t: match.match;\n\t\t\t\tparts.push(\n\t\t\t\t\t<a\n\t\t\t\t\t\tkey={keyCounter++}\n\t\t\t\t\t\thref={cleanUrl}\n\t\t\t\t\t\ttarget=\"_blank\"\n\t\t\t\t\t\trel=\"noopener noreferrer\"\n\t\t\t\t\t\tclassName=\"text-link\"\n\t\t\t\t\t>\n\t\t\t\t\t\t{match.match}\n\t\t\t\t\t</a>,\n\t\t\t\t);\n\t\t\t\tbreak;\n\t\t\t}\n\t\t}\n\n\t\tcurrentIndex = match.end;\n\t}\n\n\t// Add remaining text\n\tif (currentIndex < processedText.length) {\n\t\tparts.push(processedText.slice(currentIndex));\n\t}\n\n\treturn parts;\n}\n\nfunction MarkdownRender({ text }: { text: string }) {\n\tconst lines = text.replace(/\\\\n/g, '\\n').split('\\n');\n\n\tconst elements: React.ReactNode[] = [];\n\tlet listBuffer: string[] = [];\n\n\tconst flushList = (key: number) => {\n\t\tif (listBuffer.length > 0) {\n\t\t\telements.push(\n\t\t\t\t<ul key={key} className=\"ml-1\">\n\t\t\t\t\t{listBuffer.map((item, i) => (\n\t\t\t\t\t\t<li key={i}>{parseInline(item)}</li>\n\t\t\t\t\t))}\n\t\t\t\t</ul>,\n\t\t\t);\n\t\t\tlistBuffer = [];\n\t\t}\n\t};\n\n\tlines.forEach((line, i) => {\n\t\tif (line.startsWith('- ')) {\n\t\t\tlistBuffer.push(line.slice(2));\n\t\t} else {\n\t\t\tflushList(i);\n\t\t\tif (line.trim() !== '') {\n\t\t\t\telements.push(<p key={i}>{parseInline(line)}</p>);\n\t\t\t}\n\t\t}\n\t});\n\n\tflushList(lines.length);\n\n\treturn <>{elements}</>;\n}\n\nexport default MarkdownRender;\n"],"names":["parseInline","text","parts","keyCounter","processedText","replace","_","title","allMatches","formattedRanges","isRangeAlreadyFormatted","start","end","range","markRangeFormatted","push","match","MARKDOWN_LINK_PATTERN","lastIndex","exec","matchIndex","_a","index","isCompleteMarkdownLink","length","type","data","regex","EMAIL_PATTERN","URL_PATTERN","BOLD_TEXT_PATTERN","ITALIC_TEXT_PATTERN","CODE_TEXT_PATTERN","forEach","_ref","slice","Math","max","min","includes","isCompleteFormatting","isCompleteUrl","phoneCandidates","matchAll","RAW_PHONE_CANDIDATE_PATTERN","map","m","idx","raw","filterPhoneCandidates","c","p","indexOf","sort","a","b","currentIndex","boldText","_jsx","jsx","children","italicText","codeText","Object","assign","className","trimmedPhone","trim","hrefPhone","_jsxs","href","style","textDecoration","color","fontWeight","linkParts","linkText","linkUrl","cleanLinkText","stripMarkdownFormatting","target","rel","cleanUrl","endsWith","_ref2","lines","split","elements","listBuffer","flushList","key","item","i","line","startsWith","_Fragment"],"mappings":"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"}

package/dist/cjs/components/markdown/utils.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=/\*\*([^*]+)\*\*/g,e=/\*([^*]+)\*/g,s=/`([^`]+)`/g;exports.BOLD_TEXT_PATTERN=t,exports.CODE_TEXT_PATTERN=s,exports.EMAIL_PATTERN=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,exports.ITALIC_TEXT_PATTERN=e,exports.MARKDOWN_LINK_PATTERN=/\[([^\]]+)\]\(([^)]+)\)/g,exports.RAW_PHONE_CANDIDATE_PATTERN=/(?:\+?\d[\d\s\-()]{6,}\d)/g,exports.URL_PATTERN=/https?:\/\/[^\s)]+/g,exports.filterPhoneCandidates=function(t,e){return e.filter((e=>{const s=t.indexOf(e);if(-1===s)return!1;let r=s;for(;r>0&&!/\s/.test(t[r-1]);)r--;let n=s+e.length;for(;n<t.length&&!/\s/.test(t[n]);)n++;const i=t.slice(r,n);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return!1;if(/https?:\/\//i.test(i)&&i!==e)return!1;const o=t[s-1],l=t[s+e.length];if(o&&/[@\w]/.test(o))return!1;if(l&&/[@\w]/.test(l))return!1;return!(e.replace(/\D/g,"").length<8)}))},exports.isCompleteFormatting=function(r,n,i,o){const l=r.slice(i,o);return n===t?l.startsWith("**")&&l.endsWith("**")&&l.length>4:n===e?l.startsWith("*")&&l.endsWith("*")&&l.length>2:n!==s||l.startsWith("`")&&l.endsWith("`")&&l.length>2},exports.isCompleteMarkdownLink=function(t,e,s){const r=t.slice(e,s),n=r.includes("["),i=r.includes("]"),o=r.includes("("),l=r.includes(")"),u=/^\[([^\]]+)\]\(([^)]+)\)$/.test(r),a=r.match(/\]\(([^)]+)\)$/);if(a){const t=a[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return n&&i&&o&&l&&u},exports.isCompleteUrl=function(t){return!(t.length<8)&&(!/\.[a-z]{1}$/i.test(t)&&(!t.endsWith(".")&&/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)))},exports.stripMarkdownFormatting=function(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,((...t)=>{for(let e=1;e<t.length-2;e++)if(void 0!==t[e])return t[e];return""})).trim()};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});const t=/\*\*([^*]+)\*\*/g,e=/\*([^*]+)\*/g,s=/`([^`]+)`/g;exports.BOLD_TEXT_PATTERN=t,exports.CODE_TEXT_PATTERN=s,exports.EMAIL_PATTERN=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,exports.ITALIC_TEXT_PATTERN=e,exports.MARKDOWN_LINK_PATTERN=/\[([^\]]+)\]\(([^)]+)\)/g,exports.RAW_PHONE_CANDIDATE_PATTERN=/(?:\+?\d[\d\s\-()]{6,}\d)/g,exports.URL_PATTERN=/https?:\/\/[^\s)]+/g,exports.filterPhoneCandidates=function(t,e){return e.filter((e=>{const s=t.indexOf(e);if(-1===s)return!1;let r=s;for(;r>0&&!/\s/.test(t[r-1]);)r--;let n=s+e.length;for(;n<t.length&&!/\s/.test(t[n]);)n++;const i=t.slice(r,n);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return!1;if(/https?:\/\//i.test(i)&&i!==e)return!1;const o=t[s-1],l=t[s+e.length];if(o&&/[@\w]/.test(o))return!1;if(l&&/[@\w]/.test(l))return!1;return!(e.replace(/\D/g,"").length<8)}))},exports.isCompleteFormatting=function(r,n,i,o){const l=r.slice(i,o);return n===t?l.startsWith("**")&&l.endsWith("**")&&l.length>4:n===e?l.startsWith("*")&&l.endsWith("*")&&l.length>2:n!==s||l.startsWith("`")&&l.endsWith("`")&&l.length>2},exports.isCompleteMarkdownLink=function(t,e,s){const r=t.slice(e,s),n=r.includes("["),i=r.includes("]"),o=r.includes("("),l=r.includes(")"),a=/^\[([^\]]+)\]\(([^)]+)\)$/.test(r),u=r.match(/\]\(([^)]+)\)$/);if(u){const t=u[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return n&&i&&o&&l&&a},exports.isCompleteUrl=function(t){return!(t.length<8)&&(!/\.[a-z]{1}$/i.test(t)&&(!t.endsWith(".")&&/^https?:\/\/[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?(\.[a-zA-Z0-9]([a-zA-Z0-9\-]{0,61}[a-zA-Z0-9])?)*\.[a-zA-Z]{2,}.*$/.test(t)))},exports.stripMarkdownFormatting=function(t){return t.replace(/\*\*([^*]+)\*\*|\*([^*]+)\*|`([^`]+)`|~~([^~]+)~~|_{2}([^_]+)_{2}|_([^_]+)_|#{1,6}\s+|>\s*|^\s*[-*+]\s+|^\s*\d+\.\s+|\|\s*([^|]+)\s*\|/gm,(function(){for(var t=arguments.length,e=new Array(t),s=0;s<t;s++)e[s]=arguments[s];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()};
 //# sourceMappingURL=utils.js.map

package/dist/cjs/components/markdown/utils.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"utils.js","sources":["../../../../src/components/markdown/utils.ts"],"sourcesContent":["// Separate regex patterns for different types of content\nexport const BOLD_TEXT_PATTERN = /\\\\([^]+)\\\\/g;\nexport const ITALIC_TEXT_PATTERN = /\\([^]+)\\/g;\nexport const CODE_TEXT_PATTERN = /`([^`]+)`/g;\nexport const MARKDOWN_LINK_PATTERN = /\\[([^\\]]+)\\]\$([^)]+)\$/g;\nexport const EMAIL_PATTERN =\n\t/\\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}\\b/g;\n\nexport const URL_PATTERN = /https?:\\/\\/[^\\s)]+/g;\n// Safari (iOS) does not support the negative lookbehind used in the original phone pattern, so we\n// replace it with a broad candidate pattern + manual filtering (see filterPhoneCandidates below).\nexport const RAW_PHONE_CANDIDATE_PATTERN = /(?:\\+?\\d[\\d\\s\\-()]{6,}\\d)/g;\n\n/*\n Helper function to strip a subset of markdown formatting from plain text.\n \n It removes common inline formatting (bold, italic, code, strikethrough, underline)\n * and some simple structural markers (e.g. leading `# ` for headings, `> ` for\n * blockquotes, and basic list markers such as `- `, `* `, `+ `, `1. `).\n \n This is a lightweight utility and is not a full markdown parser: it does\n * not handle every possible markdown construct (such as full link/image/table\n * syntax or fenced code blocks). Callers should not rely on it to remove all\n * markdown from arbitrary input.\n /\nfunction stripMarkdownFormatting(text: string): string {\n\treturn text\n\t\t.replace(\n\t\t\t/\\\\([^]+)\\\\\|\\([^]+)\\\|`([^`]+)`\|~~([^~]+)~~\|_{2}([^_]+)_{2}\|_([^_]+)_\|#{1,6}\\s+\|>\\s\|^\\s[-+]\\s+\|^\\s\\d+\\.\\s+\|\\\|\\s([^\|]+)\\s\\\|/gm,\n\t\t\t(...args) => {\n\t\t\t\t// Find the first non-undefined capture group (the actual content)\n\t\t\t\tfor (let i = 1; i < args.length - 2; i++) {\n\t\t\t\t\t// -2 to exclude offset and string\n\t\t\t\t\tif (args[i] !== undefined) {\n\t\t\t\t\t\treturn args[i];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn ''; // For patterns without capture groups (headers, blockquotes, lists)\n\t\t\t},\n\t\t)\n\t\t.trim();\n}\n\nfunction filterPhoneCandidates(source: string, candidates: string[]): string[] {\n\t// More conservative filtering: Only reject if the candidate itself is part of an email / URL token.\n\treturn candidates.filter((cand) => {\n\t\tconst idx = source.indexOf(cand);\n\t\tif (idx === -1) return false;\n\t\t// Determine token boundaries (whitespace delimited)\n\t\tlet start = idx;\n\t\twhile (start > 0 && !/\\s/.test(source[start - 1])) start--;\n\t\tlet end = idx + cand.length;\n\t\twhile (end < source.length && !/\\s/.test(source[end])) end++;\n\t\tconst token = source.slice(start, end);\n\t\t// If token contains an @ and a dot before/after -> treat as email\n\t\tif (/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(token)) return false;\n\t\t// If token looks like a URL and is not exactly the candidate string -> part of URL path, reject\n\t\tif (/https?:\\/\\//i.test(token) && token !== cand) return false;\n\t\tconst prevChar = source[idx - 1];\n\t\tconst nextChar = source[idx + cand.length];\n\t\tif (prevChar && /[@\\w]/.test(prevChar)) return false;\n\t\tif (nextChar && /[@\\w]/.test(nextChar)) return false;\n\t\tconst digits = cand.replace(/\\D/g, '');\n\t\tif (digits.length < 8) return false;\n\t\treturn true;\n\t});\n}\n\n// Helper function to check if a markdown link is complete and valid\nfunction isCompleteMarkdownLink(\n\ttext: string,\n\tstart: number,\n\tend: number,\n): boolean {\n\tconst linkText = text.slice(start, end);\n\t// Must have both opening and closing brackets and parentheses\n\tconst hasOpenBracket = linkText.includes('[');\n\tconst hasCloseBracket = linkText.includes(']');\n\tconst hasOpenParen = linkText.includes('(');\n\tconst hasCloseParen = linkText.includes(')');\n\n\t// Must have proper structure [text](url)\n\tconst properStructure = /^\\[([^\\]]+)\\]\$([^)]+)\$$/.test(linkText);\n\n\t// URL should be reasonably complete (not end with partial domain)\n\tconst urlMatch = linkText.match(/\\]\$([^)]+)\$$/);\n\tif (urlMatch) {\n\t\tconst url = urlMatch[1];\n\t\t// Don't process if URL looks incomplete (too short or ends with incomplete domain)\n\t\tif (url.length < 4 \|\| /\\.[a-z]{1}$/i.test(url)) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn (\n\t\thasOpenBracket &&\n\t\thasCloseBracket &&\n\t\thasOpenParen &&\n\t\thasCloseParen &&\n\t\tproperStructure\n\t);\n}\n\n// Helper function to check if formatting is complete\nfunction isCompleteFormatting(\n\ttext: string,\n\tpattern: RegExp,\n\tstart: number,\n\tend: number,\n): boolean {\n\tconst formattedText = text.slice(start, end);\n\n\t// For bold: must have * at both ends\n\tif (pattern === BOLD_TEXT_PATTERN) {\n\t\treturn (\n\t\t\tformattedText.startsWith('') &&\n\t\t\tformattedText.endsWith('') &&\n\t\t\tformattedText.length > 4\n\t\t);\n\t}\n\n\t// For italic: must have * at both ends (but not be part of bold)\n\tif (pattern === ITALIC_TEXT_PATTERN) {\n\t\treturn (\n\t\t\tformattedText.startsWith('') &&\n\t\t\tformattedText.endsWith('') &&\n\t\t\tformattedText.length > 2\n\t\t);\n\t}\n\n\t// For code: must have ` at both ends\n\tif (pattern === CODE_TEXT_PATTERN) {\n\t\treturn (\n\t\t\tformattedText.startsWith('`') &&\n\t\t\tformattedText.endsWith('`') &&\n\t\t\tformattedText.length > 2\n\t\t);\n\t}\n\n\treturn true;\n}\nfunction isCompleteUrl(url: string): boolean {\n\t// URL should have proper domain structure\n\t// Don't process if it looks incomplete (ends with partial domain like .c instead of .com)\n\tif (url.length < 8) return false; // minimum: http://a.co\n\n\t// Check for incomplete domain endings\n\tif (/\\.[a-z]{1}$/i.test(url)) return false; // ends with single letter TLD\n\tif (url.endsWith('.')) return false; // ends with dot\n\n\t// Should have proper protocol and domain structure\n\tconst urlRegex =\n\t\t/^https?:\\/\\/[a-zA-Z0-9]([a-zA-Z0-9\\-]{0,61}[a-zA-Z0-9])?(\\.[a-zA-Z0-9]([a-zA-Z0-9\\-]{0,61}[a-zA-Z0-9])?)\\.[a-zA-Z]{2,}.$/;\n\treturn urlRegex.test(url);\n}\n\nexport {\n\tstripMarkdownFormatting,\n\tfilterPhoneCandidates,\n\tisCompleteUrl,\n\tisCompleteFormatting,\n\tisCompleteMarkdownLink,\n};\n"],"names":["BOLD_TEXT_PATTERN","ITALIC_TEXT_PATTERN","CODE_TEXT_PATTERN","source","candidates","filter","cand","idx","indexOf","start","test","end","length","token","slice","prevChar","nextChar","replace","text","pattern","formattedText","startsWith","endsWith","linkText","hasOpenBracket","includes","hasCloseBracket","hasOpenParen","hasCloseParen","properStructure","urlMatch","match","url","args","i","undefined","trim"],"mappings":"oEACO,MAAMA,EAAoB,mBACpBC,EAAsB,eACtBC,EAAoB,2FAGhC,kHAFoC,+DAOM,iDAHhB,oDAmC3B,SAA+BC,EAAgBC,GAE9C,OAAOA,EAAWC,QAAQC,IACzB,MAAMC,EAAMJ,EAAOK,QAAQF,GAC3B,IAAa,IAATC,EAAY,OAAO,EAEvB,IAAIE,EAAQF,EACZ,KAAOE,EAAQ,IAAM,KAAKC,KAAKP,EAAOM,EAAQ,KAAKA,IACnD,IAAIE,EAAMJ,EAAMD,EAAKM,OACrB,KAAOD,EAAMR,EAAOS,SAAW,KAAKF,KAAKP,EAAOQ,KAAOA,IACvD,MAAME,EAAQV,EAAOW,MAAML,EAAOE,GAElC,GAAI,6BAA6BD,KAAKG,GAAQ,OAAO,EAErD,GAAI,eAAeH,KAAKG,IAAUA,IAAUP,EAAM,OAAO,EACzD,MAAMS,EAAWZ,EAAOI,EAAM,GACxBS,EAAWb,EAAOI,EAAMD,EAAKM,QACnC,GAAIG,GAAY,QAAQL,KAAKK,GAAW,OAAO,EAC/C,GAAIC,GAAY,QAAQN,KAAKM,GAAW,OAAO,EAE/C,QADeV,EAAKW,QAAQ,MAAO,IACxBL,OAAS,EACT,GAEb,+BAsCA,SACCM,EACAC,EACAV,EACAE,GAEA,MAAMS,EAAgBF,EAAKJ,MAAML,EAAOE,GAGxC,OAAIQ,IAAYnB,EAEdoB,EAAcC,WAAW,OACzBD,EAAcE,SAAS,OACvBF,EAAcR,OAAS,EAKrBO,IAAYlB,EAEdmB,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,EAAcR,OAAS,EAKrBO,IAAYjB,GAEdkB,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,EAAcR,OAAS,CAK1B,iCAvEA,SACCM,EACAT,EACAE,GAEA,MAAMY,EAAWL,EAAKJ,MAAML,EAAOE,GAE7Ba,EAAiBD,EAASE,SAAS,KACnCC,EAAkBH,EAASE,SAAS,KACpCE,EAAeJ,EAASE,SAAS,KACjCG,EAAgBL,EAASE,SAAS,KAGlCI,EAAkB,4BAA4BnB,KAAKa,GAGnDO,EAAWP,EAASQ,MAAM,kBAChC,GAAID,EAAU,CACb,MAAME,EAAMF,EAAS,GAErB,GAAIE,EAAIpB,OAAS,GAAK,eAAeF,KAAKsB,GACzC,OAAO,CAER,CAED,OACCR,GACAE,GACAC,GACAC,GACAC,CAEF,wBAwCA,SAAuBG,GAGtB,QAAIA,EAAIpB,OAAS,MAGb,eAAeF,KAAKsB,MACpBA,EAAIV,SAAS,MAIhB,6HACeZ,KAAKsB,IACtB,kCAjIA,SAAiCd,GAChC,OAAOA,EACLD,QACA,4IACA,~~IAAIgB~~,~~KAEH~~,IAAK,IAAIC,EAAI,EAAGA,~~EAAID~~,~~EAAKrB~~,OAAS,~~EAAGsB~~,IAEpC,QAAgBC,~~IAAZF~~,~~EAAKC~~,GACR,~~OAAOD~~,~~EAAKC~~,GAGd,MAAO,~~EAAE~~,~~IAGVE~~,MACH"}
1	+ {"version":3,"file":"utils.js","sources":["../../../../src/components/markdown/utils.ts"],"sourcesContent":["// Separate regex patterns for different types of content\nexport const BOLD_TEXT_PATTERN = /\\\\([^]+)\\\\/g;\nexport const ITALIC_TEXT_PATTERN = /\\([^]+)\\/g;\nexport const CODE_TEXT_PATTERN = /`([^`]+)`/g;\nexport const MARKDOWN_LINK_PATTERN = /\\[([^\\]]+)\\]\$([^)]+)\$/g;\nexport const EMAIL_PATTERN =\n\t/\\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\\.[A-Za-z]{2,}\\b/g;\n\nexport const URL_PATTERN = /https?:\\/\\/[^\\s)]+/g;\n// Safari (iOS) does not support the negative lookbehind used in the original phone pattern, so we\n// replace it with a broad candidate pattern + manual filtering (see filterPhoneCandidates below).\nexport const RAW_PHONE_CANDIDATE_PATTERN = /(?:\\+?\\d[\\d\\s\\-()]{6,}\\d)/g;\n\n/*\n Helper function to strip a subset of markdown formatting from plain text.\n \n It removes common inline formatting (bold, italic, code, strikethrough, underline)\n * and some simple structural markers (e.g. leading `# ` for headings, `> ` for\n * blockquotes, and basic list markers such as `- `, `* `, `+ `, `1. `).\n \n This is a lightweight utility and is not a full markdown parser: it does\n * not handle every possible markdown construct (such as full link/image/table\n * syntax or fenced code blocks). Callers should not rely on it to remove all\n * markdown from arbitrary input.\n /\nfunction stripMarkdownFormatting(text: string): string {\n\treturn text\n\t\t.replace(\n\t\t\t/\\\\([^]+)\\\\\|\\([^]+)\\\|`([^`]+)`\|~~([^~]+)~~\|_{2}([^_]+)_{2}\|_([^_]+)_\|#{1,6}\\s+\|>\\s\|^\\s[-+]\\s+\|^\\s\\d+\\.\\s+\|\\\|\\s([^\|]+)\\s\\\|/gm,\n\t\t\t(...args) => {\n\t\t\t\t// Find the first non-undefined capture group (the actual content)\n\t\t\t\tfor (let i = 1; i < args.length - 2; i++) {\n\t\t\t\t\t// -2 to exclude offset and string\n\t\t\t\t\tif (args[i] !== undefined) {\n\t\t\t\t\t\treturn args[i];\n\t\t\t\t\t}\n\t\t\t\t}\n\t\t\t\treturn ''; // For patterns without capture groups (headers, blockquotes, lists)\n\t\t\t},\n\t\t)\n\t\t.trim();\n}\n\nfunction filterPhoneCandidates(source: string, candidates: string[]): string[] {\n\t// More conservative filtering: Only reject if the candidate itself is part of an email / URL token.\n\treturn candidates.filter((cand) => {\n\t\tconst idx = source.indexOf(cand);\n\t\tif (idx === -1) return false;\n\t\t// Determine token boundaries (whitespace delimited)\n\t\tlet start = idx;\n\t\twhile (start > 0 && !/\\s/.test(source[start - 1])) start--;\n\t\tlet end = idx + cand.length;\n\t\twhile (end < source.length && !/\\s/.test(source[end])) end++;\n\t\tconst token = source.slice(start, end);\n\t\t// If token contains an @ and a dot before/after -> treat as email\n\t\tif (/^[^\\s@]+@[^\\s@]+\\.[^\\s@]+$/.test(token)) return false;\n\t\t// If token looks like a URL and is not exactly the candidate string -> part of URL path, reject\n\t\tif (/https?:\\/\\//i.test(token) && token !== cand) return false;\n\t\tconst prevChar = source[idx - 1];\n\t\tconst nextChar = source[idx + cand.length];\n\t\tif (prevChar && /[@\\w]/.test(prevChar)) return false;\n\t\tif (nextChar && /[@\\w]/.test(nextChar)) return false;\n\t\tconst digits = cand.replace(/\\D/g, '');\n\t\tif (digits.length < 8) return false;\n\t\treturn true;\n\t});\n}\n\n// Helper function to check if a markdown link is complete and valid\nfunction isCompleteMarkdownLink(\n\ttext: string,\n\tstart: number,\n\tend: number,\n): boolean {\n\tconst linkText = text.slice(start, end);\n\t// Must have both opening and closing brackets and parentheses\n\tconst hasOpenBracket = linkText.includes('[');\n\tconst hasCloseBracket = linkText.includes(']');\n\tconst hasOpenParen = linkText.includes('(');\n\tconst hasCloseParen = linkText.includes(')');\n\n\t// Must have proper structure [text](url)\n\tconst properStructure = /^\\[([^\\]]+)\\]\$([^)]+)\$$/.test(linkText);\n\n\t// URL should be reasonably complete (not end with partial domain)\n\tconst urlMatch = linkText.match(/\\]\$([^)]+)\$$/);\n\tif (urlMatch) {\n\t\tconst url = urlMatch[1];\n\t\t// Don't process if URL looks incomplete (too short or ends with incomplete domain)\n\t\tif (url.length < 4 \|\| /\\.[a-z]{1}$/i.test(url)) {\n\t\t\treturn false;\n\t\t}\n\t}\n\n\treturn (\n\t\thasOpenBracket &&\n\t\thasCloseBracket &&\n\t\thasOpenParen &&\n\t\thasCloseParen &&\n\t\tproperStructure\n\t);\n}\n\n// Helper function to check if formatting is complete\nfunction isCompleteFormatting(\n\ttext: string,\n\tpattern: RegExp,\n\tstart: number,\n\tend: number,\n): boolean {\n\tconst formattedText = text.slice(start, end);\n\n\t// For bold: must have * at both ends\n\tif (pattern === BOLD_TEXT_PATTERN) {\n\t\treturn (\n\t\t\tformattedText.startsWith('') &&\n\t\t\tformattedText.endsWith('') &&\n\t\t\tformattedText.length > 4\n\t\t);\n\t}\n\n\t// For italic: must have * at both ends (but not be part of bold)\n\tif (pattern === ITALIC_TEXT_PATTERN) {\n\t\treturn (\n\t\t\tformattedText.startsWith('') &&\n\t\t\tformattedText.endsWith('') &&\n\t\t\tformattedText.length > 2\n\t\t);\n\t}\n\n\t// For code: must have ` at both ends\n\tif (pattern === CODE_TEXT_PATTERN) {\n\t\treturn (\n\t\t\tformattedText.startsWith('`') &&\n\t\t\tformattedText.endsWith('`') &&\n\t\t\tformattedText.length > 2\n\t\t);\n\t}\n\n\treturn true;\n}\nfunction isCompleteUrl(url: string): boolean {\n\t// URL should have proper domain structure\n\t// Don't process if it looks incomplete (ends with partial domain like .c instead of .com)\n\tif (url.length < 8) return false; // minimum: http://a.co\n\n\t// Check for incomplete domain endings\n\tif (/\\.[a-z]{1}$/i.test(url)) return false; // ends with single letter TLD\n\tif (url.endsWith('.')) return false; // ends with dot\n\n\t// Should have proper protocol and domain structure\n\tconst urlRegex =\n\t\t/^https?:\\/\\/[a-zA-Z0-9]([a-zA-Z0-9\\-]{0,61}[a-zA-Z0-9])?(\\.[a-zA-Z0-9]([a-zA-Z0-9\\-]{0,61}[a-zA-Z0-9])?)\\.[a-zA-Z]{2,}.$/;\n\treturn urlRegex.test(url);\n}\n\nexport {\n\tstripMarkdownFormatting,\n\tfilterPhoneCandidates,\n\tisCompleteUrl,\n\tisCompleteFormatting,\n\tisCompleteMarkdownLink,\n};\n"],"names":["BOLD_TEXT_PATTERN","ITALIC_TEXT_PATTERN","CODE_TEXT_PATTERN","source","candidates","filter","cand","idx","indexOf","start","test","end","length","token","slice","prevChar","nextChar","replace","text","pattern","formattedText","startsWith","endsWith","linkText","hasOpenBracket","includes","hasCloseBracket","hasOpenParen","hasCloseParen","properStructure","urlMatch","match","url","_len","arguments","args","Array","_key","i","undefined","trim"],"mappings":"oEACO,MAAMA,EAAoB,mBACpBC,EAAsB,eACtBC,EAAoB,2FAGhC,kHAFoC,+DAOM,iDAHhB,oDAmC3B,SAA+BC,EAAgBC,GAE9C,OAAOA,EAAWC,QAAQC,IACzB,MAAMC,EAAMJ,EAAOK,QAAQF,GAC3B,IAAa,IAATC,EAAY,OAAO,EAEvB,IAAIE,EAAQF,EACZ,KAAOE,EAAQ,IAAM,KAAKC,KAAKP,EAAOM,EAAQ,KAAKA,IACnD,IAAIE,EAAMJ,EAAMD,EAAKM,OACrB,KAAOD,EAAMR,EAAOS,SAAW,KAAKF,KAAKP,EAAOQ,KAAOA,IACvD,MAAME,EAAQV,EAAOW,MAAML,EAAOE,GAElC,GAAI,6BAA6BD,KAAKG,GAAQ,OAAO,EAErD,GAAI,eAAeH,KAAKG,IAAUA,IAAUP,EAAM,OAAO,EACzD,MAAMS,EAAWZ,EAAOI,EAAM,GACxBS,EAAWb,EAAOI,EAAMD,EAAKM,QACnC,GAAIG,GAAY,QAAQL,KAAKK,GAAW,OAAO,EAC/C,GAAIC,GAAY,QAAQN,KAAKM,GAAW,OAAO,EAE/C,QADeV,EAAKW,QAAQ,MAAO,IACxBL,OAAS,EACT,GAEb,+BAsCA,SACCM,EACAC,EACAV,EACAE,GAEA,MAAMS,EAAgBF,EAAKJ,MAAML,EAAOE,GAGxC,OAAIQ,IAAYnB,EAEdoB,EAAcC,WAAW,OACzBD,EAAcE,SAAS,OACvBF,EAAcR,OAAS,EAKrBO,IAAYlB,EAEdmB,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,EAAcR,OAAS,EAKrBO,IAAYjB,GAEdkB,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,EAAcR,OAAS,CAK1B,iCAvEA,SACCM,EACAT,EACAE,GAEA,MAAMY,EAAWL,EAAKJ,MAAML,EAAOE,GAE7Ba,EAAiBD,EAASE,SAAS,KACnCC,EAAkBH,EAASE,SAAS,KACpCE,EAAeJ,EAASE,SAAS,KACjCG,EAAgBL,EAASE,SAAS,KAGlCI,EAAkB,4BAA4BnB,KAAKa,GAGnDO,EAAWP,EAASQ,MAAM,kBAChC,GAAID,EAAU,CACb,MAAME,EAAMF,EAAS,GAErB,GAAIE,EAAIpB,OAAS,GAAK,eAAeF,KAAKsB,GACzC,OAAO,CAER,CAED,OACCR,GACAE,GACAC,GACAC,GACAC,CAEF,wBAwCA,SAAuBG,GAGtB,QAAIA,EAAIpB,OAAS,MAGb,eAAeF,KAAKsB,MACpBA,EAAIV,SAAS,MAIhB,6HACeZ,KAAKsB,IACtB,kCAjIA,SAAiCd,GAChC,OAAOA,EACLD,QACA,4IACA,WAAY,IAAA,IAAAgB,EAAAC,UAAAtB,OAARuB,EAAIC,IAAAA,MAAAH,GAAAI,EAAA,EAAAA,EAAAJ,EAAAI,IAAJF,EAAIE,GAAAH,UAAAG,GAEP,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAKvB,OAAS,EAAG0B,IAEpC,QAAgBC,IAAZJ,EAAKG,GACR,OAAOH,EAAKG,GAGd,MAAO,EACR,IAEAE,MACH"}

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),n=require("./MenuItem.js"),o=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=({width:s,onDropdownItemClick:l,option:i,parents:p,allowParentSelection:u,maxLevels:d,hideGroupLabel:a,currentLevel:c,renderNestedMenu:x})=>e.jsxs(o.GroupedMenuListContainer,{children:[!a&&e.jsx(t.BodyTiny,Object.assign({style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.COLORS.content.placeholder},{children:i.label})),i.options.map(((r,t)=>e.jsx(n.MenuItem,{width:s,onDropdownItemClick:l,option:r,parents:p,allowParentSelection:u,maxLevels:d,currentLevel:c,renderNestedMenu:x},t)))]});
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),r=require("../../constants/Theme.js"),t=require("../TypographyStyle.js"),n=require("./MenuItem.js"),o=require("./MultiLevelDropdown.styled.js");exports.GroupedMenuList=s=>{let{width:l,onDropdownItemClick:i,option:u,parents:p,allowParentSelection:d,maxLevels:a,hideGroupLabel:c,currentLevel:x,renderNestedMenu:j}=s;return e.jsxs(o.GroupedMenuListContainer,{children:[!c&&e.jsx(t.BodyTiny,Object.assign({style:{padding:"4px 8px 4px 12px",cursor:"default"},color:r.COLORS.content.placeholder},{children:u.label})),u.options.map(((r,t)=>e.jsx(n.MenuItem,{width:l,onDropdownItemClick:i,option:r,parents:p,allowParentSelection:d,maxLevels:a,currentLevel:x,renderNestedMenu:j},t)))]})};
 //# sourceMappingURL=GroupedMenuList.js.map

package/dist/cjs/components/multi-level-dropdown/GroupedMenuList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GroupedMenuList.js","sources":["../../../../src/components/multi-level-dropdown/GroupedMenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny } from '../TypographyStyle';\nimport { MenuItem } from './MenuItem';\nimport { GroupedMenuListContainer } from './MultiLevelDropdown.styled';\nimport {\n\tGroupedOption,\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n} from './type';\n\nexport const GroupedMenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: GroupedOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\treturn (\n\t\t<GroupedMenuListContainer>\n\t\t\t{!hideGroupLabel && (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: '4px 8px 4px 12px',\n\t\t\t\t\t\tcursor: 'default',\n\t\t\t\t\t}}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t>\n\t\t\t\t\t{option.label}\n\t\t\t\t</BodyTiny>\n\t\t\t)}\n\t\t\t{option.options.map((option, index) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\tkey={index}\n\t\t\t\t\twidth={width}\n\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\toption={option}\n\t\t\t\t\tparents={parents}\n\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</GroupedMenuListContainer>\n\t);\n};\n"],"names":["~~GroupedMenuList~~","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","_jsxs","GroupedMenuListContainer","children","_jsx","jsx","BodyTiny","Object","assign","style","padding","cursor","color","COLORS","content","placeholder","label","options","map","index","MenuItem"],"mappings":"+QAwBKA,~~EACJC~~,~~QACAC~~,~~sBACAC~~,~~SACAC~~,~~UACAC~~,~~uBACAC~~,~~YACAC~~,~~iBACAC~~,~~eACAC~~,~~sBAGCC~~,EAAAA,KAACC,EAAAA,yBAAwB,CAAAC,SAAA,EACtBL,GACDM,EAACC,IAAAC,EAAQA,SACRC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,mBACTC,OAAQ,WAETC,MAAOC,EAAAA,OAAOC,QAAQC,aAErB,CAAAZ,SAAAT,EAAOsB,SAGTtB,EAAOuB,QAAQC,KAAI,CAACxB,EAAQyB,IAC5Bf,EAAAC,IAACe,WAAQ,CAER5B,MAAOA,EACPC,oBAAqBA,EACrBC,OAAQA,EACRC,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXE,aAAcA,EACdC,iBAAkBA,GARbmB"}
1	+ {"version":3,"file":"GroupedMenuList.js","sources":["../../../../src/components/multi-level-dropdown/GroupedMenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyTiny } from '../TypographyStyle';\nimport { MenuItem } from './MenuItem';\nimport { GroupedMenuListContainer } from './MultiLevelDropdown.styled';\nimport {\n\tGroupedOption,\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n} from './type';\n\nexport const GroupedMenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: GroupedOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\treturn (\n\t\t<GroupedMenuListContainer>\n\t\t\t{!hideGroupLabel && (\n\t\t\t\t<BodyTiny\n\t\t\t\t\tstyle={{\n\t\t\t\t\t\tpadding: '4px 8px 4px 12px',\n\t\t\t\t\t\tcursor: 'default',\n\t\t\t\t\t}}\n\t\t\t\t\tcolor={COLORS.content.placeholder}\n\t\t\t\t>\n\t\t\t\t\t{option.label}\n\t\t\t\t</BodyTiny>\n\t\t\t)}\n\t\t\t{option.options.map((option, index) => (\n\t\t\t\t<MenuItem\n\t\t\t\t\tkey={index}\n\t\t\t\t\twidth={width}\n\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\toption={option}\n\t\t\t\t\tparents={parents}\n\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t/>\n\t\t\t))}\n\t\t</GroupedMenuListContainer>\n\t);\n};\n"],"names":["_ref","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","_jsxs","GroupedMenuListContainer","children","_jsx","jsx","BodyTiny","Object","assign","style","padding","cursor","color","COLORS","content","placeholder","label","options","map","index","MenuItem"],"mappings":"+QAwBKA,IAUA,IAVCC,MACLA,EAAKC,oBACLA,EAAmBC,OACnBA,EAAMC,QACNA,EAAOC,qBACPA,EAAoBC,UACpBA,EAASC,eACTA,EAAcC,aACdA,EAAYC,iBACZA,GACAT,EACA,OACCU,EAAAA,KAACC,EAAAA,yBAAwB,CAAAC,SAAA,EACtBL,GACDM,EAACC,IAAAC,EAAQA,SACRC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,mBACTC,OAAQ,WAETC,MAAOC,EAAAA,OAAOC,QAAQC,aAErB,CAAAZ,SAAAT,EAAOsB,SAGTtB,EAAOuB,QAAQC,KAAI,CAACxB,EAAQyB,IAC5Bf,EAAAC,IAACe,WAAQ,CAER5B,MAAOA,EACPC,oBAAqBA,EACrBC,OAAQA,EACRC,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXE,aAAcA,EACdC,iBAAkBA,GARbmB,OAWmB"}

package/dist/cjs/components/multi-level-dropdown/MenuItem.js CHANGED Viewed

@@ -1,2 +1,2 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../assets/icons/chevronRight2.svg.js"),t=require("react"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),r=require("./MultiLevelDropdown.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t);exports.MenuItem=({width:s,onDropdownItemClick:d,option:a,parents:c,allowParentSelection:u,maxLevels:p,currentLevel:h,renderNestedMenu:v})=>{var g,O,j,b,C,x,S;const[m,f]=l.default.useState(!1),[L,y]=l.default.useState(!1),[M,R]=l.default.useState({top:0,left:0}),I=t.useRef({top:0,left:0}),T=!!a.children&&a.children.length>0,w=T&&(void 0===p||h<p);return e.jsxs(r.MenuItemWrapper,Object.assign({onMouseEnter:e=>{w&&(f(!0),(e=>{const n=e.currentTarget.getBoundingClientRect();R({top:n.top,left:n.right}),I.current={top:n.top,left:n.right}})(e))},onMouseLeave:()=>{f(!1)},onClick:e=>{e.stopPropagation(),(()=>{var e;!d||null!==(e=a.disabled)&&void 0!==e&&e||T&&!u||d(a,c)})()},id:"menuItemWrapper",style:{cursor:null!==(g=a.disabled)&&void 0!==g&&g?"not-allowed":"pointer",backgroundColor:null!==(O=a.disabled)&&void 0!==O&&O?i.COLORS.surface.standard:"transparent"}},{children:[a.customComponent?a.customComponent:e.jsxs(r.MenuItemContainer,Object.assign({isSelected:a.selected,isSubMenuOpen:m,isHovered:L,isDisabled:null!==(j=a.disabled)&&void 0!==j&&j},{children:[e.jsxs(r.ContentContainer,{children:[a.leadingIcon&&e.jsx(r.LeadingIconContainer,{children:a.leadingIcon}),e.jsxs("div",{children:[e.jsx(o.BodyCaption,Object.assign({style:{color:null!==(b=a.disabled)&&void 0!==b&&b?i.COLORS.content.inactive:a.selected||L?i.COLORS.content.positive:i.COLORS.content.primary}},{children:a.label})),a.subText&&e.jsx(o.BodyTiny,Object.assign({style:{color:null!==(C=a.disabled)&&void 0!==C&&C?i.COLORS.content.inactive:a.selected||L?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"}},{children:a.subText}))]})]}),T?e.jsx(r.TrailingIconContainer,{children:e.jsx(n.default,{width:16,height:16,color:!w||null!==(x=a.disabled)&&void 0!==x&&x?i.COLORS.content.inactive:a.selected||L?i.COLORS.content.positive:i.COLORS.content.primary})}):a.trailingIcon?e.jsx(r.TrailingIconContainer,{children:a.trailingIcon}):e.jsx(e.Fragment,{})]})),!(null!==(S=a.disabled)&&void 0!==S&&S)&&a.children&&a.children.length>0&&w&&m&&e.jsx(r.SubMenuContainer,Object.assign({width:s,className:"submenu",onMouseEnter:()=>y(!0),onMouseLeave:()=>y(!1)},{children:e.jsx(r.StyledSubMenuWrapper,Object.assign({width:s,top:M.top,left:M.left},{children:e.jsx(r.SubMenuListContainer,{children:v(a.children,[...c,a],h+1)})}))}))]}))};
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react/jsx-runtime"),n=require("../../assets/icons/chevronRight2.svg.js"),t=require("react"),i=require("../../constants/Theme.js"),o=require("../TypographyStyle.js"),r=require("./MultiLevelDropdown.styled.js");function s(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}var l=s(t);exports.MenuItem=s=>{let{width:d,onDropdownItemClick:a,option:c,parents:u,allowParentSelection:p,maxLevels:h,currentLevel:v,renderNestedMenu:g}=s;var O,j,b,C,x,S,m;const[f,L]=l.default.useState(!1),[y,M]=l.default.useState(!1),[R,I]=l.default.useState({top:0,left:0}),T=t.useRef({top:0,left:0}),w=!!c.children&&c.children.length>0,q=w&&(void 0===h||v<h);return e.jsxs(r.MenuItemWrapper,Object.assign({onMouseEnter:e=>{q&&(L(!0),(e=>{const n=e.currentTarget.getBoundingClientRect();I({top:n.top,left:n.right}),T.current={top:n.top,left:n.right}})(e))},onMouseLeave:()=>{L(!1)},onClick:e=>{e.stopPropagation(),(()=>{var e;!a||null!==(e=c.disabled)&&void 0!==e&&e||w&&!p||a(c,u)})()},id:"menuItemWrapper",style:{cursor:null!==(O=c.disabled)&&void 0!==O&&O?"not-allowed":"pointer",backgroundColor:null!==(j=c.disabled)&&void 0!==j&&j?i.COLORS.surface.standard:"transparent"}},{children:[c.customComponent?c.customComponent:e.jsxs(r.MenuItemContainer,Object.assign({isSelected:c.selected,isSubMenuOpen:f,isHovered:y,isDisabled:null!==(b=c.disabled)&&void 0!==b&&b},{children:[e.jsxs(r.ContentContainer,{children:[c.leadingIcon&&e.jsx(r.LeadingIconContainer,{children:c.leadingIcon}),e.jsxs("div",{children:[e.jsx(o.BodyCaption,Object.assign({style:{color:null!==(C=c.disabled)&&void 0!==C&&C?i.COLORS.content.inactive:c.selected||y?i.COLORS.content.positive:i.COLORS.content.primary}},{children:c.label})),c.subText&&e.jsx(o.BodyTiny,Object.assign({style:{color:null!==(x=c.disabled)&&void 0!==x&&x?i.COLORS.content.inactive:c.selected||y?i.COLORS.content.positive:i.COLORS.content.secondary,marginTop:"2px"}},{children:c.subText}))]})]}),w?e.jsx(r.TrailingIconContainer,{children:e.jsx(n.default,{width:16,height:16,color:!q||null!==(S=c.disabled)&&void 0!==S&&S?i.COLORS.content.inactive:c.selected||y?i.COLORS.content.positive:i.COLORS.content.primary})}):c.trailingIcon?e.jsx(r.TrailingIconContainer,{children:c.trailingIcon}):e.jsx(e.Fragment,{})]})),!(null!==(m=c.disabled)&&void 0!==m&&m)&&c.children&&c.children.length>0&&q&&f&&e.jsx(r.SubMenuContainer,Object.assign({width:d,className:"submenu",onMouseEnter:()=>M(!0),onMouseLeave:()=>M(!1)},{children:e.jsx(r.StyledSubMenuWrapper,Object.assign({width:d,top:R.top,left:R.left},{children:e.jsx(r.SubMenuListContainer,{children:g(c.children,[...u,c],v+1)})}))}))]}))};
 //# sourceMappingURL=MenuItem.js.map

package/dist/cjs/components/multi-level-dropdown/MenuItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuItem.js","sources":["../../../../src/components/multi-level-dropdown/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight2.svg';\nimport React, { useRef } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyCaption, BodyTiny } from '../TypographyStyle';\nimport {\n\tContentContainer,\n\tLeadingIconContainer,\n\tMenuItemContainer,\n\tMenuItemWrapper,\n\tStyledSubMenuWrapper,\n\tSubMenuContainer,\n\tSubMenuListContainer,\n\tTrailingIconContainer,\n} from './MultiLevelDropdown.styled';\nimport {\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n\tSingleOption,\n} from './type';\n\nexport const MenuItem: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: SingleOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\tconst [isSubMenuOpen, setIsSubMenuOpen] = React.useState(false);\n\tconst [isSubMenuHovered, setIsSubMenuHovered] = React.useState(false);\n\tconst [subMenuPosition, setSubMenuPosition] = React.useState({\n\t\ttop: 0,\n\t\tleft: 0,\n\t});\n\tconst positionRef = useRef<any>({ top: 0, left: 0 });\n\tconst hasChildren = !!option.children && option.children.length > 0;\n\tconst canOpenSubMenu =\n\t\thasChildren && (maxLevels === undefined \|\| currentLevel < maxLevels);\n\n\tconst handleDropdownOptionClick = () => {\n\t\tif (!onDropdownItemClick \|\| (option.disabled ?? false)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!hasChildren \|\| allowParentSelection) {\n\t\t\tonDropdownItemClick(option, parents);\n\t\t}\n\t};\n\n\tconst calculateSubMenuPosition = (event: React.MouseEvent) => {\n\t\tconst rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n\t\tsetSubMenuPosition({\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t});\n\t\tpositionRef.current = {\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t};\n\t};\n\n\treturn (\n\t\t<MenuItemWrapper\n\t\t\tonMouseEnter={(event) => {\n\t\t\t\tif (canOpenSubMenu) {\n\t\t\t\t\tsetIsSubMenuOpen(true);\n\t\t\t\t\tcalculateSubMenuPosition(event);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonMouseLeave={() => {\n\t\t\t\tsetIsSubMenuOpen(false);\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\thandleDropdownOptionClick();\n\t\t\t}}\n\t\t\tid=\"menuItemWrapper\"\n\t\t\tstyle={{\n\t\t\t\tcursor: option.disabled ?? false ? 'not-allowed' : 'pointer',\n\t\t\t\tbackgroundColor:\n\t\t\t\t\toption.disabled ?? false ? COLORS.surface.standard : 'transparent',\n\t\t\t}}\n\t\t>\n\t\t\t{option.customComponent ? (\n\t\t\t\toption.customComponent\n\t\t\t) : (\n\t\t\t\t<MenuItemContainer\n\t\t\t\t\tisSelected={option.selected}\n\t\t\t\t\tisSubMenuOpen={isSubMenuOpen}\n\t\t\t\t\tisHovered={isSubMenuHovered}\n\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t>\n\t\t\t\t\t<ContentContainer>\n\t\t\t\t\t\t{option.leadingIcon && (\n\t\t\t\t\t\t\t<LeadingIconContainer>{option.leadingIcon}</LeadingIconContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t: option.selected \|\| isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{option.subText && (\n\t\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: option.selected \|\| isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t\tmarginTop: '2px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{option.subText}\n\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ContentContainer>\n\t\t\t\t\t{hasChildren ? (\n\t\t\t\t\t\t<TrailingIconContainer>\n\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t!canOpenSubMenu \|\| (option.disabled ?? false)\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: option.selected \|\| isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TrailingIconContainer>\n\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t<TrailingIconContainer>{option.trailingIcon}</TrailingIconContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</MenuItemContainer>\n\t\t\t)}\n\n\t\t\t{!(option.disabled ?? false) &&\n\t\t\t\toption.children &&\n\t\t\t\toption.children.length > 0 &&\n\t\t\t\tcanOpenSubMenu &&\n\t\t\t\tisSubMenuOpen && (\n\t\t\t\t\t<SubMenuContainer\n\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\tclassName=\"submenu\"\n\t\t\t\t\t\tonMouseEnter={() => setIsSubMenuHovered(true)}\n\t\t\t\t\t\tonMouseLeave={() => setIsSubMenuHovered(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StyledSubMenuWrapper\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\ttop={subMenuPosition.top}\n\t\t\t\t\t\t\tleft={subMenuPosition.left}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SubMenuListContainer>\n\t\t\t\t\t\t\t\t{renderNestedMenu(\n\t\t\t\t\t\t\t\t\toption.children,\n\t\t\t\t\t\t\t\t\t[...parents, option],\n\t\t\t\t\t\t\t\t\tcurrentLevel + 1,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</SubMenuListContainer>\n\t\t\t\t\t\t</StyledSubMenuWrapper>\n\t\t\t\t\t</SubMenuContainer>\n\t\t\t\t)}\n\t\t</MenuItemWrapper>\n\t);\n};\n"],"names":["~~MenuItem~~","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","currentLevel","renderNestedMenu","isSubMenuOpen","setIsSubMenuOpen","React","useState","isSubMenuHovered","setIsSubMenuHovered","subMenuPosition","setSubMenuPosition","top","left","positionRef","useRef","hasChildren","children","length","canOpenSubMenu","undefined","_jsxs","MenuItemWrapper","Object","assign","onMouseEnter","event","rect","currentTarget","getBoundingClientRect","right","current","calculateSubMenuPosition","onMouseLeave","onClick","e","stopPropagation","handleDropdownOptionClick","_a","disabled","id","style","cursor","backgroundColor","_b","COLORS","surface","standard","customComponent","MenuItemContainer","isSelected","selected","isHovered","isDisabled","_c","jsxs","ContentContainer","leadingIcon","_jsx","LeadingIconContainer","jsx","BodyCaption","color","_d","content","inactive","positive","primary","label","subText","BodyTiny","_e","secondary","marginTop","TrailingIconContainer","ChevronRightIcon","height","_f","trailingIcon","_g","SubMenuContainer","className","StyledSubMenuWrapper","SubMenuListContainer"],"mappings":"wYAgCKA,~~EACJC~~,~~QACAC~~,~~sBACAC~~,~~SACAC~~,~~UACAC~~,~~uBACAC~~,~~YACAC~~,~~eACAC~~,~~yCAEA~~,~~MAAOC~~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"}
1	+ {"version":3,"file":"MenuItem.js","sources":["../../../../src/components/multi-level-dropdown/MenuItem.tsx"],"sourcesContent":["import ChevronRightIcon from '@src/assets/icons/chevronRight2.svg';\nimport React, { useRef } from 'react';\nimport { COLORS } from '@src/constants/Theme';\nimport { BodyCaption, BodyTiny } from '../TypographyStyle';\nimport {\n\tContentContainer,\n\tLeadingIconContainer,\n\tMenuItemContainer,\n\tMenuItemWrapper,\n\tStyledSubMenuWrapper,\n\tSubMenuContainer,\n\tSubMenuListContainer,\n\tTrailingIconContainer,\n} from './MultiLevelDropdown.styled';\nimport {\n\tMultiLevelDropdownOption,\n\tRenderNestedMenu,\n\tSingleOption,\n} from './type';\n\nexport const MenuItem: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toption: SingleOption;\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\tcurrentLevel: number;\n\trenderNestedMenu: RenderNestedMenu;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toption,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\tcurrentLevel,\n\trenderNestedMenu,\n}) => {\n\tconst [isSubMenuOpen, setIsSubMenuOpen] = React.useState(false);\n\tconst [isSubMenuHovered, setIsSubMenuHovered] = React.useState(false);\n\tconst [subMenuPosition, setSubMenuPosition] = React.useState({\n\t\ttop: 0,\n\t\tleft: 0,\n\t});\n\tconst positionRef = useRef<any>({ top: 0, left: 0 });\n\tconst hasChildren = !!option.children && option.children.length > 0;\n\tconst canOpenSubMenu =\n\t\thasChildren && (maxLevels === undefined \|\| currentLevel < maxLevels);\n\n\tconst handleDropdownOptionClick = () => {\n\t\tif (!onDropdownItemClick \|\| (option.disabled ?? false)) {\n\t\t\treturn;\n\t\t}\n\n\t\tif (!hasChildren \|\| allowParentSelection) {\n\t\t\tonDropdownItemClick(option, parents);\n\t\t}\n\t};\n\n\tconst calculateSubMenuPosition = (event: React.MouseEvent) => {\n\t\tconst rect = (event.currentTarget as HTMLElement).getBoundingClientRect();\n\t\tsetSubMenuPosition({\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t});\n\t\tpositionRef.current = {\n\t\t\ttop: rect.top,\n\t\t\tleft: rect.right,\n\t\t};\n\t};\n\n\treturn (\n\t\t<MenuItemWrapper\n\t\t\tonMouseEnter={(event) => {\n\t\t\t\tif (canOpenSubMenu) {\n\t\t\t\t\tsetIsSubMenuOpen(true);\n\t\t\t\t\tcalculateSubMenuPosition(event);\n\t\t\t\t}\n\t\t\t}}\n\t\t\tonMouseLeave={() => {\n\t\t\t\tsetIsSubMenuOpen(false);\n\t\t\t}}\n\t\t\tonClick={(e) => {\n\t\t\t\te.stopPropagation();\n\t\t\t\thandleDropdownOptionClick();\n\t\t\t}}\n\t\t\tid=\"menuItemWrapper\"\n\t\t\tstyle={{\n\t\t\t\tcursor: option.disabled ?? false ? 'not-allowed' : 'pointer',\n\t\t\t\tbackgroundColor:\n\t\t\t\t\toption.disabled ?? false ? COLORS.surface.standard : 'transparent',\n\t\t\t}}\n\t\t>\n\t\t\t{option.customComponent ? (\n\t\t\t\toption.customComponent\n\t\t\t) : (\n\t\t\t\t<MenuItemContainer\n\t\t\t\t\tisSelected={option.selected}\n\t\t\t\t\tisSubMenuOpen={isSubMenuOpen}\n\t\t\t\t\tisHovered={isSubMenuHovered}\n\t\t\t\t\tisDisabled={option.disabled ?? false}\n\t\t\t\t>\n\t\t\t\t\t<ContentContainer>\n\t\t\t\t\t\t{option.leadingIcon && (\n\t\t\t\t\t\t\t<LeadingIconContainer>{option.leadingIcon}</LeadingIconContainer>\n\t\t\t\t\t\t)}\n\t\t\t\t\t\t<div>\n\t\t\t\t\t\t\t<BodyCaption\n\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t: option.selected \|\| isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary,\n\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t{option.label}\n\t\t\t\t\t\t\t</BodyCaption>\n\t\t\t\t\t\t\t{option.subText && (\n\t\t\t\t\t\t\t\t<BodyTiny\n\t\t\t\t\t\t\t\t\tstyle={{\n\t\t\t\t\t\t\t\t\t\tcolor:\n\t\t\t\t\t\t\t\t\t\t\toption.disabled ?? false\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t\t\t: option.selected \|\| isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t\t\t: COLORS.content.secondary,\n\t\t\t\t\t\t\t\t\t\tmarginTop: '2px',\n\t\t\t\t\t\t\t\t\t}}\n\t\t\t\t\t\t\t\t>\n\t\t\t\t\t\t\t\t\t{option.subText}\n\t\t\t\t\t\t\t\t</BodyTiny>\n\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t</div>\n\t\t\t\t\t</ContentContainer>\n\t\t\t\t\t{hasChildren ? (\n\t\t\t\t\t\t<TrailingIconContainer>\n\t\t\t\t\t\t\t<ChevronRightIcon\n\t\t\t\t\t\t\t\twidth={16}\n\t\t\t\t\t\t\t\theight={16}\n\t\t\t\t\t\t\t\tcolor={\n\t\t\t\t\t\t\t\t\t!canOpenSubMenu \|\| (option.disabled ?? false)\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.inactive\n\t\t\t\t\t\t\t\t\t\t: option.selected \|\| isSubMenuHovered\n\t\t\t\t\t\t\t\t\t\t? COLORS.content.positive\n\t\t\t\t\t\t\t\t\t\t: COLORS.content.primary\n\t\t\t\t\t\t\t\t}\n\t\t\t\t\t\t\t/>\n\t\t\t\t\t\t</TrailingIconContainer>\n\t\t\t\t\t) : option.trailingIcon ? (\n\t\t\t\t\t\t<TrailingIconContainer>{option.trailingIcon}</TrailingIconContainer>\n\t\t\t\t\t) : (\n\t\t\t\t\t\t<></>\n\t\t\t\t\t)}\n\t\t\t\t</MenuItemContainer>\n\t\t\t)}\n\n\t\t\t{!(option.disabled ?? false) &&\n\t\t\t\toption.children &&\n\t\t\t\toption.children.length > 0 &&\n\t\t\t\tcanOpenSubMenu &&\n\t\t\t\tisSubMenuOpen && (\n\t\t\t\t\t<SubMenuContainer\n\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\tclassName=\"submenu\"\n\t\t\t\t\t\tonMouseEnter={() => setIsSubMenuHovered(true)}\n\t\t\t\t\t\tonMouseLeave={() => setIsSubMenuHovered(false)}\n\t\t\t\t\t>\n\t\t\t\t\t\t<StyledSubMenuWrapper\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\ttop={subMenuPosition.top}\n\t\t\t\t\t\t\tleft={subMenuPosition.left}\n\t\t\t\t\t\t>\n\t\t\t\t\t\t\t<SubMenuListContainer>\n\t\t\t\t\t\t\t\t{renderNestedMenu(\n\t\t\t\t\t\t\t\t\toption.children,\n\t\t\t\t\t\t\t\t\t[...parents, option],\n\t\t\t\t\t\t\t\t\tcurrentLevel + 1,\n\t\t\t\t\t\t\t\t)}\n\t\t\t\t\t\t\t</SubMenuListContainer>\n\t\t\t\t\t\t</StyledSubMenuWrapper>\n\t\t\t\t\t</SubMenuContainer>\n\t\t\t\t)}\n\t\t</MenuItemWrapper>\n\t);\n};\n"],"names":["_ref","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","currentLevel","renderNestedMenu","isSubMenuOpen","setIsSubMenuOpen","React","useState","isSubMenuHovered","setIsSubMenuHovered","subMenuPosition","setSubMenuPosition","top","left","positionRef","useRef","hasChildren","children","length","canOpenSubMenu","undefined","_jsxs","MenuItemWrapper","Object","assign","onMouseEnter","event","rect","currentTarget","getBoundingClientRect","right","current","calculateSubMenuPosition","onMouseLeave","onClick","e","stopPropagation","handleDropdownOptionClick","_a","disabled","id","style","cursor","backgroundColor","_b","COLORS","surface","standard","customComponent","MenuItemContainer","isSelected","selected","isHovered","isDisabled","_c","jsxs","ContentContainer","leadingIcon","_jsx","LeadingIconContainer","jsx","BodyCaption","color","_d","content","inactive","positive","primary","label","subText","BodyTiny","_e","secondary","marginTop","TrailingIconContainer","ChevronRightIcon","height","_f","trailingIcon","_g","SubMenuContainer","className","StyledSubMenuWrapper","SubMenuListContainer"],"mappings":"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"}