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

@bikdotai/bik-component-library 0.0.808-beta.0 → 0.0.808

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 (1557) hide show

package/dist/esm/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/esm/components/input-with-vars/InputWithVariables.js CHANGED Viewed

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

package/dist/esm/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":["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","StyledInput","isVar","test","onKeyDown","e","key","_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","styled","div","props","COLORS","stroke","brand"],"mappings":"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"}
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","_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","StyledInput","isVar","test","onKeyDown","e","key","_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","styled","div","props","COLORS","stroke","brand"],"mappings":"0qBA0CaA,MAAAA,EAAwDC,IAwBvC,IAxBwCC,KACrEA,EAAIC,SACJA,EAAQC,SACRA,EAAQC,aACRA,EAAYC,cACZA,EAAaC,OACbA,EAAMC,cACNA,EAAaC,YACbA,EAAWC,cACXA,GAAgB,EAAIC,SACpBA,EAAQC,aACRA,EAAYC,aACZA,EAAYC,eACZA,EAAcC,UACdA,EAASC,aACTA,EAAYC,WACZA,GAAa,EAAKC,SAClBA,EAAQC,aACRA,EAAYC,WACZA,EAAaC,EAAWC,QAAOC,cAC/BA,EAAaC,cACbA,EAAaC,cACbA,EAAaC,eACbA,GACyBzB,EACzB,MAAM0B,EAAWC,IACXC,EAAgBD,GAAO,GACvBE,EAAWF,EAAO,OACjBG,EAAUC,GAAeC,GAAkB,IAC3CC,GAAMD,EAAiBE,MACvBC,EAAkBC,GAAuBJ,KACzCK,EAAcC,GACpBN,EAA2B5B,IACrBmC,EAAiBC,GAAsBR,GAAkB,IACzDS,EAAkBC,GAAuBV,GAAkB,IAC3DW,GAAmBC,IAAwBZ,EAAiB,GAgDnE,OAtCAa,GAAU,KACT,GAAKV,GAAqBA,EAAiBW,YAG3C,GAAI5C,GASH,GARAoC,GAAiBS,IAAU,OAC1BD,aAdmBE,EAelBD,EAAKD,YAf6BG,EAgBlCd,EAAiBW,YAhBiCI,EAiBlDP,GAfFK,EAAeG,MAAM,EAAGD,GACxBD,EACAD,EAAeG,MAAMD,IAepBE,aAAc,UAnBjB,IAAsBJ,EAAgBC,EAAgBC,CAoBlD,IACErB,EAASwB,QAAS,CACrBT,GAAsBf,EAASwB,QAAgBC,gBAC/C,MAAMC,EACLZ,GAAoBR,EAAiBW,YAAYU,OAAS,EAC1D3B,EAASwB,QAAgBI,kBAAkBF,EAAQA,GACpDX,GAAqBW,EACrB,OAEDjB,GAAiBS,IAAU,CAC1BD,YAAaX,EAAiBW,YAC9BM,aAAcjB,EAAiBiB,aAC/BM,cAAevB,EAAiBuB,iBAEjC,GACC,CAACvB,IAEJU,GAAU,KAELjB,EAAcyB,QACjBzB,EAAcyB,SAAU,EAExBlD,EAASkC,EACT,GACC,CAACA,IAGHsB,eACCA,EAACC,iBACAC,MAAO,WAAWC,KAAKzB,EAAaS,aACpCiB,UAAYC,IACG,UAAVA,EAAEC,MACL/C,SAAAA,EAAemB,EAAaS,aAC5B,cAGFoB,EAACC,GACAnD,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,GAAsBf,EAASwB,QAAgBC,eAC/C,EAEFsB,aAAcA,CAACC,EAAeF,KAK7B,GAJI9C,EAASwB,SACZT,GAAsBf,EAASwB,QAAgBC,gBAG5C/C,EAAJ,CACC,MAAM0D,GAAOU,eAAAA,EAAeG,WAAYH,aAAK,EAALA,EAAeI,UAE3C,IAARd,GAAqB,KAARA,GAChB3B,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,QAAUlB,IACTjC,GAAY,GACZW,GAAoB,EAAK,EAE1BpC,OAAS0D,oBACR1D,SAAAA,EAAS0D,EAAG3B,GAEa,YAAP,UAAjB2B,EAAEmB,qBAAe,IAAAC,OAAA,EAAAA,EAAAnD,KACO,wBAAP,UAAjB+B,EAAEmB,qBAAe,IAAAE,OAAA,EAAAA,EAAApD,MACS,QAA1BqD,EAAe,QAAfC,EAAAvB,EAAEmB,qBAAa,IAAAI,OAAA,EAAAA,EAAEC,iBAAS,IAAAF,OAAA,EAAAA,EAAEG,SAAS,eACb,yBAAxBC,EAAA1B,EAAEmB,oCAAelD,KAEbJ,EAASwB,SACXxB,EAASwB,QAAgBsC,QAE3B5D,GAAY,IACsB,0BAAP,UAAjBiC,EAAEmB,qBAAe,IAAAS,OAAA,EAAAA,EAAA3D,IAC3BF,GAAY,IAEZA,GAAY,GACZS,GAAmB,GACnBf,SAAAA,GAAiB,GACjBiB,GAAoB,GACpB,IAIHiB,EACC,MAAAkC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,OACTC,cAAe,MACfC,eAAgB,kBAGhB,CAAAC,SAAA,CAAA9D,EAAaS,aAAepC,GAC5BwD,EACC,MAAA2B,OAAAC,OAAA,CAAAC,MAAO,CACNK,UAAW,IAGZ,CAAAD,SAAAjC,EAACmC,EAAa,CAAAF,SAAA,yBAAyB9D,EAAae,oBAGrD3C,GAAiBgC,GACjByB,EAAA,MAAA2B,OAAAC,OAAA,CACCC,MAAO,CAAEK,UAAWzF,GAAgBM,EAAW,QAAU,QAAO,CAAAkF,SAEhEjC,EAACoC,iBACAlC,IAAK1C,EACLO,YACAyC,QAASA,KACRlC,GAAoBD,GACpBd,SAAAA,GAAkBc,EAAgB,aAGnCoB,EAAK,MAAAkC,OAAAC,OAAA,CAAAN,UAAU,kBACdtB,EAACqC,EAAS,CAAAC,MAAM,UAChBtC,EAAA,MAAA2B,OAAAC,OAAA,CAAKN,UAAU,YAA6B,CAAAW,SAAA,oCAOjD5D,GACA2B,EAAAuC,EAAA,CAAAN,SACEhF,IAAeC,EAAWsF,SAC1BxC,EAACyC,EAAad,OAAAC,OAAA,CAAAc,OAAQ,IAAKC,QAASvF,QAAAA,EAAiBwF,SAASC,MAAI,CAAAZ,SACjEjC,EAAC8C,GACAC,MAAO,QACPC,WAAY3F,EACZ4F,WAAY3F,EACZ4F,QAASA,KACR5E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,EAExBxB,KAAMmB,EAAWsF,SACjBW,KAAMhH,EACNiH,SAAWC,IACVnF,EAAoBmF,GAEpB/E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,OAK1ByC,EAAK,MAAA2B,OAAAC,OAAA,CAAAC,MAAO,CAAEa,OAAQ,IAAK1D,SAAU,aACpC,CAAAiD,SAAAjC,EAACsD,EAAO3B,OAAAC,OAAA,CAAC2B,WAAY/F,aACpBwC,EAAK,MAAA2B,OAAAC,OAAA,CAAAC,MAAO,CAAE2B,OAAQ,gBACrBxD,EAAC8C,GACAI,QAASA,KACR5E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,EAExBxB,KAAMmB,EAAWC,QACjBgG,KAAMhH,EACNiH,SAAWC,IACVnF,EAAoBmF,GAEpB/E,GAAmB,GACnBf,SAAAA,GAAiB,EAAM,iBAS7B,EAICmC,EAAc+D,EAAOC,GAAuB;;;;WAItCC,GAAWA,EAAMhE,MAAQiE,EAAOC,OAAOC,MAAQ;;"}

package/dist/esm/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":["getColor","variant","COLORS","text","primary","content","positive","inactive","negative","placeholder","getTheme","version","css","surface","standard","subdued","process","env","NODE_ENV","background","light","base"],"mappings":"uFAIM,SAAUA,EAASC,GACxB,OAAQA,GACP,IAAK,UACL,IAAK,WAUL,QACC,~~MAAO~~,~~GAAGC,~~EAAOC,KAAKC,UATvB,IAAK,WACJ,~~MAAO~~,~~GAAGF,~~EAAOG,QAAQC,WAC1B,IAAK,WACJ,~~MAAO~~,~~GAAGJ,~~EAAOG,QAAQE,WAC1B,IAAK,QACJ,~~MAAO~~,~~GAAGL,~~EAAOG,QAAQG,WAC1B,IAAK,cACJ,~~MAAO~~,~~GAAGN,~~EAAOG,QAAQI,cAI5B,CAEgB,SAAAC,EAAST,EAAkBU,GAC1C,OAAQV,GACP,IAAK,UACJ,OAAOW,EAAG,wBAEAV,EAAOC,KAAKC,QAAO,qBACRF,EAAOW,QAAQC,SAEdZ,6BAAAA,EAAOW,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAG,SACAV,EAAOG,QAAQC,SACVJ,eAAAA,EAAOiB,WAAWb,SAASc,MAC3BT,eAAY,QAAZA,EACX,IACA,qCAA+BK,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAEpC,IAAK,WACJ,OAAON,EACGV,SAAAA,EAAOG,QAAQE,SAAQ,qBACZL,EAAOW,QAAQC,SAAQE,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EACGV,SAAAA,EAAOC,KAAKC,QAAOY,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAE9B,IAAK,YACJ,OAAON,EACGV,SAAAA,EAAOG,QAAQE,SAAQ,qBACZL,EAAOiB,WAAWE,KAAIL,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAI5C,QACC,OAAON,EAAG,SACAV,EAAOC,KAAKC,QAAO,qBACRF,EAAOW,QAAQC,SAEdZ,6BAAAA,EAAOW,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.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":["getColor","variant","COLORS","text","primary","content","positive","inactive","negative","placeholder","getTheme","version","css","surface","standard","subdued","process","env","NODE_ENV","background","light","base"],"mappings":"uFAIM,SAAUA,EAASC,GACxB,OAAQA,GACP,IAAK,UACL,IAAK,WAUL,QACC,SAAUC,EAAOC,KAAKC,UATvB,IAAK,WACJ,SAAUF,EAAOG,QAAQC,WAC1B,IAAK,WACJ,SAAUJ,EAAOG,QAAQE,WAC1B,IAAK,QACJ,SAAUL,EAAOG,QAAQG,WAC1B,IAAK,cACJ,SAAUN,EAAOG,QAAQI,cAI5B,CAEgB,SAAAC,EAAST,EAAkBU,GAC1C,OAAQV,GACP,IAAK,UACJ,OAAOW,EAAG,wBAEAV,EAAOC,KAAKC,QAAO,qBACRF,EAAOW,QAAQC,SAEdZ,6BAAAA,EAAOW,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EAAG,SACAV,EAAOG,QAAQC,SACVJ,eAAAA,EAAOiB,WAAWb,SAASc,MAC3BT,eAAY,QAAZA,EACX,IACA,qCAA+BK,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAEpC,IAAK,WACJ,OAAON,EACGV,SAAAA,EAAOG,QAAQE,SAAQ,qBACZL,EAAOW,QAAQC,SAAQE,uCAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAG7C,IAAK,WACJ,OAAON,EACGV,SAAAA,EAAOC,KAAKC,QAAOY,KAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,oBAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAE9B,IAAK,YACJ,OAAON,EACGV,SAAAA,EAAOG,QAAQE,SAAQ,qBACZL,EAAOiB,WAAWE,KAAIL,iDAAAA,QAAAC,IAAAC,gCAAA,eAAAF,QAAAC,IAAAC,SAAA,GAAA,m9FAI5C,QACC,OAAON,EAAG,SACAV,EAAOC,KAAKC,QAAO,qBACRF,EAAOW,QAAQC,SAEdZ,6BAAAA,EAAOW,QAAQE,QAAOC,MAAAA,eAAAA,QAAAC,IAAAC,SAAAF,GAAAA,oBAAA,eAAAA,QAAAC,IAAAC,SAAA,GAAA,m9FAI/C"}

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

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

package/dist/esm/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","children","italicText","codeText","Object","assign","className","trimmedPhone","trim","hrefPhone","_jsxs","href","style","textDecoration","color","fontWeight","linkParts","linkText","linkUrl","cleanLinkText","stripMarkdownFormatting","target","rel","cleanUrl","endsWith","MarkdownRender","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","children","italicText","codeText","Object","assign","className","trimmedPhone","trim","hrefPhone","_jsxs","href","style","textDecoration","color","fontWeight","linkParts","linkText","linkUrl","cleanLinkText","stripMarkdownFormatting","target","rel","cleanUrl","endsWith","MarkdownRender","_ref2","lines","split","elements","listBuffer","flushList","key","item","i","line","startsWith","_Fragment"],"mappings":"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"}

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

@@ -1,2 +1,2 @@
-const t=/\*\*([^*]+)\*\*/g,e=/\*([^*]+)\*/g,n=/`([^`]+)`/g,s=/\[([^\]]+)\]\(([^)]+)\)/g,r=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,i=/https?:\/\/[^\s)]+/g,u=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function l(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()}function c(t,e){return e.filter((e=>{const n=t.indexOf(e);if(-1===n)return!1;let s=n;for(;s>0&&!/\s/.test(t[s-1]);)s--;let r=n+e.length;for(;r<t.length&&!/\s/.test(t[r]);)r++;const i=t.slice(s,r);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return!1;if(/https?:\/\//i.test(i)&&i!==e)return!1;const u=t[n-1],l=t[n+e.length];if(u&&/[@\w]/.test(u))return!1;if(l&&/[@\w]/.test(l))return!1;return!(e.replace(/\D/g,"").length<8)}))}function f(t,e,n){const s=t.slice(e,n),r=s.includes("["),i=s.includes("]"),u=s.includes("("),l=s.includes(")"),c=/^\[([^\]]+)\]\(([^)]+)\)$/.test(s),f=s.match(/\]\(([^)]+)\)$/);if(f){const t=f[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return r&&i&&u&&l&&c}function h(s,r,i,u){const l=s.slice(i,u);return r===t?l.startsWith("**")&&l.endsWith("**")&&l.length>4:r===e?l.startsWith("*")&&l.endsWith("*")&&l.length>2:r!==n||l.startsWith("`")&&l.endsWith("`")&&l.length>2}function g(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^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)}export{t as BOLD_TEXT_PATTERN,n as CODE_TEXT_PATTERN,r as EMAIL_PATTERN,e as ITALIC_TEXT_PATTERN,s as MARKDOWN_LINK_PATTERN,u as RAW_PHONE_CANDIDATE_PATTERN,i as URL_PATTERN,c as filterPhoneCandidates,h as isCompleteFormatting,f as isCompleteMarkdownLink,g as isCompleteUrl,l as stripMarkdownFormatting};
+const t=/\*\*([^*]+)\*\*/g,e=/\*([^*]+)\*/g,n=/`([^`]+)`/g,s=/\[([^\]]+)\]\(([^)]+)\)/g,r=/\b[A-Za-z0-9._%+-]+@[A-Za-z0-9.-]+\.[A-Za-z]{2,}\b/g,i=/https?:\/\/[^\s)]+/g,u=/(?:\+?\d[\d\s\-()]{6,}\d)/g;function l(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),n=0;n<t;n++)e[n]=arguments[n];for(let t=1;t<e.length-2;t++)if(void 0!==e[t])return e[t];return""})).trim()}function c(t,e){return e.filter((e=>{const n=t.indexOf(e);if(-1===n)return!1;let s=n;for(;s>0&&!/\s/.test(t[s-1]);)s--;let r=n+e.length;for(;r<t.length&&!/\s/.test(t[r]);)r++;const i=t.slice(s,r);if(/^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(i))return!1;if(/https?:\/\//i.test(i)&&i!==e)return!1;const u=t[n-1],l=t[n+e.length];if(u&&/[@\w]/.test(u))return!1;if(l&&/[@\w]/.test(l))return!1;return!(e.replace(/\D/g,"").length<8)}))}function f(t,e,n){const s=t.slice(e,n),r=s.includes("["),i=s.includes("]"),u=s.includes("("),l=s.includes(")"),c=/^\[([^\]]+)\]\(([^)]+)\)$/.test(s),f=s.match(/\]\(([^)]+)\)$/);if(f){const t=f[1];if(t.length<4||/\.[a-z]{1}$/i.test(t))return!1}return r&&i&&u&&l&&c}function h(s,r,i,u){const l=s.slice(i,u);return r===t?l.startsWith("**")&&l.endsWith("**")&&l.length>4:r===e?l.startsWith("*")&&l.endsWith("*")&&l.length>2:r!==n||l.startsWith("`")&&l.endsWith("`")&&l.length>2}function a(t){if(t.length<8)return!1;if(/\.[a-z]{1}$/i.test(t))return!1;if(t.endsWith("."))return!1;return/^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)}export{t as BOLD_TEXT_PATTERN,n as CODE_TEXT_PATTERN,r as EMAIL_PATTERN,e as ITALIC_TEXT_PATTERN,s as MARKDOWN_LINK_PATTERN,u as RAW_PHONE_CANDIDATE_PATTERN,i as URL_PATTERN,c as filterPhoneCandidates,h as isCompleteFormatting,f as isCompleteMarkdownLink,a as isCompleteUrl,l as stripMarkdownFormatting};
 //# sourceMappingURL=utils.js.map

package/dist/esm/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","MARKDOWN_LINK_PATTERN","EMAIL_PATTERN","URL_PATTERN","RAW_PHONE_CANDIDATE_PATTERN","stripMarkdownFormatting","text","replace","~~args~~","i","length","undefined","trim","filterPhoneCandidates","source","candidates","filter","cand","idx","indexOf","start","test","end","token","slice","prevChar","nextChar","isCompleteMarkdownLink","linkText","hasOpenBracket","includes","hasCloseBracket","hasOpenParen","hasCloseParen","properStructure","urlMatch","match","url","isCompleteFormatting","pattern","formattedText","startsWith","endsWith","isCompleteUrl"],"mappings":"AACO,MAAMA,EAAoB,mBACpBC,EAAsB,eACtBC,EAAoB,aACpBC,EAAwB,2BACxBC,EACZ,sDAEYC,EAAc,sBAGdC,EAA8B,6BAc3C,SAASC,EAAwBC,GAChC,OAAOA,EACLC,QACA,4IACA,~~IAAIC~~,~~KAEH~~,IAAK,IAAIC,EAAI,EAAGA,~~EAAID~~,~~EAAKE~~,OAAS,~~EAAGD~~,IAEpC,~~QAAgBE~~,~~IAAZH~~,~~EAAKC~~,GACR,~~OAAOD~~,~~EAAKC~~,GAGd,MAAO,~~EAAE~~,~~IAGVG~~,MACH,CAEA,SAASC,EAAsBC,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,~~EAAKP~~,OACrB,~~KAAOY~~,EAAMR,~~EAAOJ~~,SAAW,~~KAAKW~~,KAAKP,EAAOQ,KAAOA,IACvD,MAAMC,EAAQT,EAAOU,MAAMJ,EAAOE,GAElC,GAAI,6BAA6BD,KAAKE,GAAQ,OAAO,EAErD,GAAI,eAAeF,KAAKE,IAAUA,IAAUN,EAAM,OAAO,EACzD,MAAMQ,EAAWX,EAAOI,EAAM,GACxBQ,EAAWZ,EAAOI,EAAMD,~~EAAKP~~,QACnC,~~GAAIe~~,GAAY,QAAQJ,KAAKI,GAAW,OAAO,EAC/C,GAAIC,GAAY,QAAQL,KAAKK,GAAW,OAAO,EAE/C,QADeT,~~EAAKV~~,QAAQ,MAAO,IACxBG,OAAS,EACT,GAEb,CAGA,~~SAASiB~~,~~EACRrB~~,~~EACAc~~,EACAE,GAEA,MAAMM,~~EAAWtB~~,~~EAAKkB~~,MAAMJ,EAAOE,GAE7BO,EAAiBD,EAASE,SAAS,KACnCC,EAAkBH,EAASE,SAAS,KACpCE,EAAeJ,EAASE,SAAS,KACjCG,EAAgBL,EAASE,SAAS,KAGlCI,EAAkB,4BAA4Bb,KAAKO,GAGnDO,EAAWP,EAASQ,MAAM,kBAChC,GAAID,EAAU,CACb,MAAME,EAAMF,EAAS,GAErB,GAAIE,~~EAAI3B~~,OAAS,GAAK,~~eAAeW~~,KAAKgB,GACzC,OAAO,CAER,CAED,OACCR,GACAE,GACAC,GACAC,GACAC,CAEF,CAGA,SAASI,~~EACRhC~~,~~EACAiC~~,EACAnB,EACAE,GAEA,MAAMkB,~~EAAgBlC~~,~~EAAKkB~~,MAAMJ,EAAOE,GAGxC,OAAIiB,~~IAAYzC~~,~~EAEd0C~~,EAAcC,WAAW,OACzBD,EAAcE,SAAS,OACvBF,~~EAAc9B~~,OAAS,~~EAKrB6B~~,~~IAAYxC~~,~~EAEdyC~~,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,~~EAAc9B~~,OAAS,~~EAKrB6B~~,~~IAAYvC~~,~~GAEdwC~~,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,~~EAAc9B~~,OAAS,CAK1B,CACA,~~SAASiC~~,EAAcN,GAGtB,GAAIA,~~EAAI3B~~,OAAS,EAAG,OAAO,EAG3B,GAAI,~~eAAeW~~,KAAKgB,GAAM,OAAO,EACrC,GAAIA,EAAIK,SAAS,KAAM,OAAO,EAK9B,MADC,6HACerB,KAAKgB,EACtB"}
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","MARKDOWN_LINK_PATTERN","EMAIL_PATTERN","URL_PATTERN","RAW_PHONE_CANDIDATE_PATTERN","stripMarkdownFormatting","text","replace","_len","arguments","length","args","Array","_key","i","undefined","trim","filterPhoneCandidates","source","candidates","filter","cand","idx","indexOf","start","test","end","token","slice","prevChar","nextChar","isCompleteMarkdownLink","linkText","hasOpenBracket","includes","hasCloseBracket","hasOpenParen","hasCloseParen","properStructure","urlMatch","match","url","isCompleteFormatting","pattern","formattedText","startsWith","endsWith","isCompleteUrl"],"mappings":"AACO,MAAMA,EAAoB,mBACpBC,EAAsB,eACtBC,EAAoB,aACpBC,EAAwB,2BACxBC,EACZ,sDAEYC,EAAc,sBAGdC,EAA8B,6BAc3C,SAASC,EAAwBC,GAChC,OAAOA,EACLC,QACA,4IACA,WAAY,IAAA,IAAAC,EAAAC,UAAAC,OAARC,EAAIC,IAAAA,MAAAJ,GAAAK,EAAA,EAAAA,EAAAL,EAAAK,IAAJF,EAAIE,GAAAJ,UAAAI,GAEP,IAAK,IAAIC,EAAI,EAAGA,EAAIH,EAAKD,OAAS,EAAGI,IAEpC,QAAgBC,IAAZJ,EAAKG,GACR,OAAOH,EAAKG,GAGd,MAAO,EACR,IAEAE,MACH,CAEA,SAASC,EAAsBC,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,EAAKX,OACrB,KAAOgB,EAAMR,EAAOR,SAAW,KAAKe,KAAKP,EAAOQ,KAAOA,IACvD,MAAMC,EAAQT,EAAOU,MAAMJ,EAAOE,GAElC,GAAI,6BAA6BD,KAAKE,GAAQ,OAAO,EAErD,GAAI,eAAeF,KAAKE,IAAUA,IAAUN,EAAM,OAAO,EACzD,MAAMQ,EAAWX,EAAOI,EAAM,GACxBQ,EAAWZ,EAAOI,EAAMD,EAAKX,QACnC,GAAImB,GAAY,QAAQJ,KAAKI,GAAW,OAAO,EAC/C,GAAIC,GAAY,QAAQL,KAAKK,GAAW,OAAO,EAE/C,QADeT,EAAKd,QAAQ,MAAO,IACxBG,OAAS,EACT,GAEb,CAGA,SAASqB,EACRzB,EACAkB,EACAE,GAEA,MAAMM,EAAW1B,EAAKsB,MAAMJ,EAAOE,GAE7BO,EAAiBD,EAASE,SAAS,KACnCC,EAAkBH,EAASE,SAAS,KACpCE,EAAeJ,EAASE,SAAS,KACjCG,EAAgBL,EAASE,SAAS,KAGlCI,EAAkB,4BAA4Bb,KAAKO,GAGnDO,EAAWP,EAASQ,MAAM,kBAChC,GAAID,EAAU,CACb,MAAME,EAAMF,EAAS,GAErB,GAAIE,EAAI/B,OAAS,GAAK,eAAee,KAAKgB,GACzC,OAAO,CAER,CAED,OACCR,GACAE,GACAC,GACAC,GACAC,CAEF,CAGA,SAASI,EACRpC,EACAqC,EACAnB,EACAE,GAEA,MAAMkB,EAAgBtC,EAAKsB,MAAMJ,EAAOE,GAGxC,OAAIiB,IAAY7C,EAEd8C,EAAcC,WAAW,OACzBD,EAAcE,SAAS,OACvBF,EAAclC,OAAS,EAKrBiC,IAAY5C,EAEd6C,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,EAAclC,OAAS,EAKrBiC,IAAY3C,GAEd4C,EAAcC,WAAW,MACzBD,EAAcE,SAAS,MACvBF,EAAclC,OAAS,CAK1B,CACA,SAASqC,EAAcN,GAGtB,GAAIA,EAAI/B,OAAS,EAAG,OAAO,EAG3B,GAAI,eAAee,KAAKgB,GAAM,OAAO,EACrC,GAAIA,EAAIK,SAAS,KAAM,OAAO,EAK9B,MADC,6HACerB,KAAKgB,EACtB"}

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

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

package/dist/esm/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","BodyTiny","Object","assign","style","padding","cursor","color","COLORS","content","placeholder","label","options","map","index","MenuItem"],"mappings":"~~wQAWO~~,~~MAAMA~~,~~EAaRA~~,~~EACJC~~,~~QACAC~~,~~sBACAC~~,~~SACAC~~,~~UACAC~~,~~uBACAC~~,~~YACAC~~,~~iBACAC~~,~~eACAC~~,~~sBAGCC~~,EAACC,EAAwB,CAAAC,SAAA,EACtBL,GACDM,EAACC,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,mBACTC,OAAQ,WAETC,MAAOC,EAAOC,QAAQC,aAErB,CAAAX,SAAAT,EAAOqB,SAGTrB,EAAOsB,QAAQC,KAAI,CAACvB,EAAQwB,IAC5Bd,EAACe,EAAQ,CAER3B,MAAOA,EACPC,oBAAqBA,EACrBC,OAAQA,EACRC,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXE,aAAcA,EACdC,iBAAkBA,GARbkB"}
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","_ref","width","onDropdownItemClick","option","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","_jsxs","GroupedMenuListContainer","children","_jsx","BodyTiny","Object","assign","style","padding","cursor","color","COLORS","content","placeholder","label","options","map","index","MenuItem"],"mappings":"wQAWaA,MAAAA,EAaRC,IAUA,IAVCC,MACLA,EAAKC,oBACLA,EAAmBC,OACnBA,EAAMC,QACNA,EAAOC,qBACPA,EAAoBC,UACpBA,EAASC,eACTA,EAAcC,aACdA,EAAYC,iBACZA,GACAT,EACA,OACCU,EAACC,EAAwB,CAAAC,SAAA,EACtBL,GACDM,EAACC,EACAC,OAAAC,OAAA,CAAAC,MAAO,CACNC,QAAS,mBACTC,OAAQ,WAETC,MAAOC,EAAOC,QAAQC,aAErB,CAAAX,SAAAT,EAAOqB,SAGTrB,EAAOsB,QAAQC,KAAI,CAACvB,EAAQwB,IAC5Bd,EAACe,EAAQ,CAER3B,MAAOA,EACPC,oBAAqBA,EACrBC,OAAQA,EACRC,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXE,aAAcA,EACdC,iBAAkBA,GARbkB,OAWmB"}

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

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

package/dist/esm/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","ContentContainer","leadingIcon","_jsx","LeadingIconContainer","BodyCaption","color","_d","content","inactive","positive","primary","label","subText","BodyTiny","_e","secondary","marginTop","TrailingIconContainer","ChevronRightIcon","height","_f","trailingIcon","_g","SubMenuContainer","className","StyledSubMenuWrapper","SubMenuListContainer"],"mappings":"~~0fAoBO~~,~~MAAMA~~,~~EAYRA~~,~~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":["MenuItem","_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","ContentContainer","leadingIcon","_jsx","LeadingIconContainer","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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"}

package/dist/esm/components/multi-level-dropdown/MenuList.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e}from"react/jsx-runtime";import{GroupedMenuList as o}from"./GroupedMenuList.js";import{MenuItem as t}from"./MenuItem.js";import{StyledMenuList as n}from"./MultiLevelDropdown.styled.js";const r=({width:l,onDropdownItemClick:i,options:p,parents:a,allowParentSelection:s,maxLevels:d,hideGroupLabel:m,currentLevel:c})=>{const u=(o,t,n)=>e(r,{width:l,onDropdownItemClick:i,options:o,parents:t,allowParentSelection:s,maxLevels:d,hideGroupLabel:m,currentLevel:n});return e(n,{children:p.map(((n,r)=>"value"in n?e(t,{width:l,onDropdownItemClick:i,option:n,parents:a,allowParentSelection:s,maxLevels:d,currentLevel:c,renderNestedMenu:u},r):"options"in n&&n.options.length>0?e(o,{width:l,onDropdownItemClick:i,option:n,parents:a,allowParentSelection:s,maxLevels:d,hideGroupLabel:m,currentLevel:c,renderNestedMenu:u},r):void 0))})};export{r as MenuList};
+import{jsx as e}from"react/jsx-runtime";import{GroupedMenuList as o}from"./GroupedMenuList.js";import{MenuItem as t}from"./MenuItem.js";import{StyledMenuList as n}from"./MultiLevelDropdown.styled.js";const r=l=>{let{width:i,onDropdownItemClick:p,options:a,parents:s,allowParentSelection:d,maxLevels:m,hideGroupLabel:c,currentLevel:u}=l;const w=(o,t,n)=>e(r,{width:i,onDropdownItemClick:p,options:o,parents:t,allowParentSelection:d,maxLevels:m,hideGroupLabel:c,currentLevel:n});return e(n,{children:a.map(((n,r)=>"value"in n?e(t,{width:i,onDropdownItemClick:p,option:n,parents:s,allowParentSelection:d,maxLevels:m,currentLevel:u,renderNestedMenu:w},r):"options"in n&&n.options.length>0?e(o,{width:i,onDropdownItemClick:p,option:n,parents:s,allowParentSelection:d,maxLevels:m,hideGroupLabel:c,currentLevel:u,renderNestedMenu:w},r):void 0))})};export{r as MenuList};
 //# sourceMappingURL=MenuList.js.map

package/dist/esm/components/multi-level-dropdown/MenuList.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"MenuList.js","sources":["../../../../src/components/multi-level-dropdown/MenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { GroupedMenuList } from './GroupedMenuList';\nimport { MenuItem } from './MenuItem';\nimport { StyledMenuList } from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, RenderNestedMenu } from './type';\n\nexport const MenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toptions: MultiLevelDropdownOption[];\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toptions,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n}) => {\n\tconst renderNestedMenu: RenderNestedMenu = (\n\t\tnestedOptions,\n\t\tnestedParents,\n\t\tnestedCurrentLevel,\n\t) => (\n\t\t<MenuList\n\t\t\twidth={width}\n\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\toptions={nestedOptions}\n\t\t\tparents={nestedParents}\n\t\t\tallowParentSelection={allowParentSelection}\n\t\t\tmaxLevels={maxLevels}\n\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\tcurrentLevel={nestedCurrentLevel}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledMenuList>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} else if ('options' in option && option.options.length > 0) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GroupedMenuList\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t})}\n\t\t</StyledMenuList>\n\t);\n};\n"],"names":["MenuList","width","onDropdownItemClick","options","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","nestedOptions","nestedParents","nestedCurrentLevel","_jsx","StyledMenuList","children","map","option","index","MenuItem","length","GroupedMenuList"],"mappings":"~~wMAMO~~,~~MAAMA~~,~~EAYRA~~,~~EACJC~~,~~QACAC~~,~~sBACAC~~,~~UACAC~~,~~UACAC~~,~~uBACAC~~,~~YACAC~~,~~iBACAC~~,~~mBAEA~~,~~MAAMC~~,EAAqCA,CAC1CC,EACAC,EACAC,IAEAC,~~EAACb~~,~~GACAC~~,MAAOA,EACPC,oBAAqBA,EACrBC,QAASO,EACTN,QAASO,EACTN,qBAAsBA,EACtBC,UAAWA,EACXC,eAAgBA,EAChBC,aAAcI,IAIhB,OACCC,EAACC,EAAc,CAAAC,SACbZ,EAAQa,KAAI,CAACC,EAAQC,IACjB,UAAWD,EAEbJ,EAACM,EAEA,CAAAlB,MAAOA,EACPC,oBAAqBA,EACrBe,OAAQA,EACRb,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXE,aAAcA,EACdC,iBAAkBA,GARbS,GAWG,YAAaD,GAAUA,EAAOd,QAAQiB,OAAS,EAExDP,EAACQ,GAEApB,MAAOA,EACPC,oBAAqBA,EACrBe,OAAQA,EACRb,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXC,eAAgBA,EAChBC,aAAcA,EACdC,iBAAkBA,GATbS,QAHD,KAiBQ"}
1	+ {"version":3,"file":"MenuList.js","sources":["../../../../src/components/multi-level-dropdown/MenuList.tsx"],"sourcesContent":["import React from 'react';\nimport { GroupedMenuList } from './GroupedMenuList';\nimport { MenuItem } from './MenuItem';\nimport { StyledMenuList } from './MultiLevelDropdown.styled';\nimport { MultiLevelDropdownOption, RenderNestedMenu } from './type';\n\nexport const MenuList: React.FC<{\n\twidth: string;\n\tonDropdownItemClick?: (\n\t\toption: MultiLevelDropdownOption,\n\t\tparents: MultiLevelDropdownOption[],\n\t) => void;\n\toptions: MultiLevelDropdownOption[];\n\tparents: MultiLevelDropdownOption[];\n\tallowParentSelection?: boolean;\n\tmaxLevels?: number;\n\thideGroupLabel?: boolean;\n\tcurrentLevel: number;\n}> = ({\n\twidth,\n\tonDropdownItemClick,\n\toptions,\n\tparents,\n\tallowParentSelection,\n\tmaxLevels,\n\thideGroupLabel,\n\tcurrentLevel,\n}) => {\n\tconst renderNestedMenu: RenderNestedMenu = (\n\t\tnestedOptions,\n\t\tnestedParents,\n\t\tnestedCurrentLevel,\n\t) => (\n\t\t<MenuList\n\t\t\twidth={width}\n\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\toptions={nestedOptions}\n\t\t\tparents={nestedParents}\n\t\t\tallowParentSelection={allowParentSelection}\n\t\t\tmaxLevels={maxLevels}\n\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\tcurrentLevel={nestedCurrentLevel}\n\t\t/>\n\t);\n\n\treturn (\n\t\t<StyledMenuList>\n\t\t\t{options.map((option, index) => {\n\t\t\t\tif ('value' in option) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<MenuItem\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t} else if ('options' in option && option.options.length > 0) {\n\t\t\t\t\treturn (\n\t\t\t\t\t\t<GroupedMenuList\n\t\t\t\t\t\t\tkey={index}\n\t\t\t\t\t\t\twidth={width}\n\t\t\t\t\t\t\tonDropdownItemClick={onDropdownItemClick}\n\t\t\t\t\t\t\toption={option}\n\t\t\t\t\t\t\tparents={parents}\n\t\t\t\t\t\t\tallowParentSelection={allowParentSelection}\n\t\t\t\t\t\t\tmaxLevels={maxLevels}\n\t\t\t\t\t\t\thideGroupLabel={hideGroupLabel}\n\t\t\t\t\t\t\tcurrentLevel={currentLevel}\n\t\t\t\t\t\t\trenderNestedMenu={renderNestedMenu}\n\t\t\t\t\t\t/>\n\t\t\t\t\t);\n\t\t\t\t}\n\t\t\t})}\n\t\t</StyledMenuList>\n\t);\n};\n"],"names":["MenuList","_ref","width","onDropdownItemClick","options","parents","allowParentSelection","maxLevels","hideGroupLabel","currentLevel","renderNestedMenu","nestedOptions","nestedParents","nestedCurrentLevel","_jsx","StyledMenuList","children","map","option","index","MenuItem","length","GroupedMenuList"],"mappings":"wMAMaA,MAAAA,EAYRC,IASA,IATCC,MACLA,EAAKC,oBACLA,EAAmBC,QACnBA,EAAOC,QACPA,EAAOC,qBACPA,EAAoBC,UACpBA,EAASC,eACTA,EAAcC,aACdA,GACAR,EACA,MAAMS,EAAqCA,CAC1CC,EACAC,EACAC,IAEAC,EAACd,GACAE,MAAOA,EACPC,oBAAqBA,EACrBC,QAASO,EACTN,QAASO,EACTN,qBAAsBA,EACtBC,UAAWA,EACXC,eAAgBA,EAChBC,aAAcI,IAIhB,OACCC,EAACC,EAAc,CAAAC,SACbZ,EAAQa,KAAI,CAACC,EAAQC,IACjB,UAAWD,EAEbJ,EAACM,EAEA,CAAAlB,MAAOA,EACPC,oBAAqBA,EACrBe,OAAQA,EACRb,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXE,aAAcA,EACdC,iBAAkBA,GARbS,GAWG,YAAaD,GAAUA,EAAOd,QAAQiB,OAAS,EAExDP,EAACQ,GAEApB,MAAOA,EACPC,oBAAqBA,EACrBe,OAAQA,EACRb,QAASA,EACTC,qBAAsBA,EACtBC,UAAWA,EACXC,eAAgBA,EAChBC,aAAcA,EACdC,iBAAkBA,GATbS,QAHD,KAiBQ"}

package/dist/esm/components/multi-level-dropdown/MultiLevelDropdown.js CHANGED Viewed

@@ -1,2 +1,2 @@
-import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as o,useEffect as r}from"react";import{ZeroState as s}from"../zeroState/ZeroState.js";import{COLORS as i}from"../../constants/Theme.js";import{SearchBox as l}from"../dropdown/OpenedDropdown/components/searchbox/SearchBox.js";import{Floater as c}from"../floater/floater.js";import{MenuList as a}from"./MenuList.js";import{DropdownContainer as d,OptionsContainer as p,NoResultsContainer as u}from"./MultiLevelDropdown.styled.js";const h=({options:h,width:f,isSearchable:m,onDropdownItemClick:w,refElement:b,topOffset:g,leftOffset:j,isDropdownOpen:O,onDropdownOutsideClick:x,allowParentSelection:L,maxLevels:v,hideGroupLabel:y})=>{const S=t.useRef(null),[C,D]=o(h),k=e=>{const n=Array.isArray(h)?[...h]:[],t=[];for(;n.length>0;){const o=n.shift();o&&o.label.toLowerCase().includes(e.toLowerCase())&&t.push(o),o&&"children"in o&&o.children?n.push(...o.children):o&&"options"in o&&o.options&&n.push(...o.options)}const o=e=>e.map((e=>{if(t.includes(e))return e;if("children"in e&&e.children){const n=o(e.children);if(n.length>0)return Object.assign(Object.assign({},e),{children:n})}if("options"in e&&e.options){const n=o(e.options);if(n.length>0)return Object.assign(Object.assign({},e),{options:n})}return null})).filter((e=>null!==e));D(o(h))},E=e=>{S.current&&!S.current.contains(e.target)?x&&x(!0):x&&x(!1)};return r((()=>{O&&k("")}),[O]),r((()=>(document.addEventListener("mousedown",E),()=>{document.removeEventListener("mousedown",E)})),[]),r((()=>{D(h)}),[h]),e(c,Object.assign({refElement:b,topOffset:g,leftOffset:j},{children:O&&e("div",Object.assign({ref:S,style:{backgroundColor:i.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"}},{children:n(d,Object.assign({width:f},{children:[m&&e("div",Object.assign({style:{padding:"4px",width:null!=f?f:"200px"}},{children:e(l,{onSearch:k,version:"2.0"})})),e(p,Object.assign({width:f},{children:(null!=C?C:[]).length>0&&e(a,{width:null!=f?f:"200px",onDropdownItemClick:w,options:C,parents:[],allowParentSelection:L,maxLevels:v,hideGroupLabel:y,currentLevel:1})})),0===(null!=C?C:[]).length&&e(u,Object.assign({style:{width:null!=f?f:"200px"}},{children:e(s,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})}))]}))}))}))};export{h as MultiLevelDropdown};
+import{jsx as e,jsxs as n}from"react/jsx-runtime";import t,{useState as o,useEffect as r}from"react";import{ZeroState as s}from"../zeroState/ZeroState.js";import{COLORS as i}from"../../constants/Theme.js";import{SearchBox as l}from"../dropdown/OpenedDropdown/components/searchbox/SearchBox.js";import{Floater as c}from"../floater/floater.js";import{MenuList as a}from"./MenuList.js";import{DropdownContainer as d,OptionsContainer as p,NoResultsContainer as u}from"./MultiLevelDropdown.styled.js";const h=h=>{let{options:f,width:m,isSearchable:w,onDropdownItemClick:b,refElement:g,topOffset:j,leftOffset:O,isDropdownOpen:x,onDropdownOutsideClick:L,allowParentSelection:v,maxLevels:y,hideGroupLabel:S}=h;const C=t.useRef(null),[D,k]=o(f),E=e=>{const n=Array.isArray(f)?[...f]:[],t=[];for(;n.length>0;){const o=n.shift();o&&o.label.toLowerCase().includes(e.toLowerCase())&&t.push(o),o&&"children"in o&&o.children?n.push(...o.children):o&&"options"in o&&o.options&&n.push(...o.options)}const o=e=>e.map((e=>{if(t.includes(e))return e;if("children"in e&&e.children){const n=o(e.children);if(n.length>0)return Object.assign(Object.assign({},e),{children:n})}if("options"in e&&e.options){const n=o(e.options);if(n.length>0)return Object.assign(Object.assign({},e),{options:n})}return null})).filter((e=>null!==e));k(o(f))},I=e=>{C.current&&!C.current.contains(e.target)?L&&L(!0):L&&L(!1)};return r((()=>{x&&E("")}),[x]),r((()=>(document.addEventListener("mousedown",I),()=>{document.removeEventListener("mousedown",I)})),[]),r((()=>{k(f)}),[f]),e(c,Object.assign({refElement:g,topOffset:j,leftOffset:O},{children:x&&e("div",Object.assign({ref:C,style:{backgroundColor:i.surface.standard,zIndex:99999,borderRadius:"8px",whiteSpace:"normal"}},{children:n(d,Object.assign({width:m},{children:[w&&e("div",Object.assign({style:{padding:"4px",width:null!=m?m:"200px"}},{children:e(l,{onSearch:E,version:"2.0"})})),e(p,Object.assign({width:m},{children:(null!=D?D:[]).length>0&&e(a,{width:null!=m?m:"200px",onDropdownItemClick:b,options:D,parents:[],allowParentSelection:v,maxLevels:y,hideGroupLabel:S,currentLevel:1})})),0===(null!=D?D:[]).length&&e(u,Object.assign({style:{width:null!=m?m:"200px"}},{children:e(s,{title:"No results found!",subTitle:"Sorry, we are unable to find any results for your search."})}))]}))}))}))};export{h as MultiLevelDropdown};
 //# sourceMappingURL=MultiLevelDropdown.js.map