npm - @vibe/core - Versions diffs - 3.58.1 → 3.58.2 - Mend

@vibe/core 3.58.1 → 3.58.2

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

package/dist/src/components/EditableText/EditableText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={text1Bold:"text1Bold_6ee79b33bb",text1Medium:"text1Medium_0a9e262430",text1Normal:"text1Normal_7ce8ea78cd",text2Bold:"text2Bold_6035860aad",text2Medium:"text2Medium_6fef174a1b",text2Normal:"text2Normal_1d4a0b75e2",text3Bold:"text3Bold_128b846988",text3Medium:"text3Medium_19cf03b6e1",text3Normal:"text3Normal_daf1e09838",editableText:"editableText_c6ffb18a1d",typography:"typography_39b5046bbe"};!function(t){const e="s_id-bcdc5f69e9db_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_6ee79b33bb {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_0a9e262430 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_7ce8ea78cd {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_6035860aad {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_6fef174a1b {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_1d4a0b75e2 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_128b846988 {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_19cf03b6e1 {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_daf1e09838 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_c6ffb18a1d .typography_39b5046bbe {\n  min-width: 56px;\n}");export{t as default};
+var t={text1Bold:"text1Bold_e87ab2df74",text1Medium:"text1Medium_b6674b16b2",text1Normal:"text1Normal_4b7dc32c16",text2Bold:"text2Bold_d63ca59867",text2Medium:"text2Medium_c63a9b126e",text2Normal:"text2Normal_0b362d86c9",text3Bold:"text3Bold_2cedb42f8d",text3Medium:"text3Medium_60717337be",text3Normal:"text3Normal_c179ef9d93",editableText:"editableText_88639bfa06",typography:"typography_7e35afb83b"};!function(t){const e="s_id-bcdc5f69e9db_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".text1Bold_e87ab2df74 {\n  font: var(--font-text1-bold);\n}\n\n.text1Medium_b6674b16b2 {\n  font: var(--font-text1-medium);\n}\n\n.text1Normal_4b7dc32c16 {\n  font: var(--font-text1-normal);\n}\n\n.text2Bold_d63ca59867 {\n  font: var(--font-text2-bold);\n}\n\n.text2Medium_c63a9b126e {\n  font: var(--font-text2-medium);\n}\n\n.text2Normal_0b362d86c9 {\n  font: var(--font-text2-normal);\n}\n\n.text3Bold_2cedb42f8d {\n  font: var(--font-text3-bold);\n}\n\n.text3Medium_60717337be {\n  font: var(--font-text3-medium);\n}\n\n.text3Normal_c179ef9d93 {\n  font: var(--font-text3-normal);\n}\n\n.editableText_88639bfa06 .typography_7e35afb83b {\n  min-width: 56px;\n}");export{t as default};
 //# sourceMappingURL=EditableText.module.scss.js.map

package/dist/src/components/EditableTypography/EditableTypography.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { TooltipProps } from \"../Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { TextType, TextWeight } from \"../Text\";\nimport { HeadingType, HeadingWeight } from \"../Heading\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /*\n The current value of the text.\n /\n value: string;\n /\n Callback fired when the value changes.\n /\n onChange?: (value: string) => void;\n /\n Callback fired when the component is clicked.\n /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /\n If true, the text is read-only and cannot be edited.\n /\n readOnly?: boolean;\n /\n Placeholder text displayed when the value is empty.\n /\n placeholder?: string;\n /\n The label of the component for accessibility.\n /\n ariaLabel?: string;\n /\n Controls whether the component is in edit mode.\n /\n isEditMode?: boolean;\n /\n If true, automatically selects all text when entering edit mode.\n /\n autoSelectTextOnEditMode?: boolean;\n /\n Callback fired when the edit mode changes.\n /\n onEditModeChange?: (isEditMode: boolean) => void;\n /\n Props to customize the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /\n The typography component used in view mode.\n /\n component: ElementType;\n /\n Class name applied to the typography component.\n /\n typographyClassName: string;\n /\n If true, shows the placeholder when empty.\n /\n clearable?: boolean;\n /\n The text or heading type.\n /\n type?: TextType \| HeadingType;\n /\n The text or heading weight.\n /\n weight?: TextWeight \| HeadingWeight;\n /\n If true, enables multi-line editing.\n */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n readOnly = false,\n ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode \|\| false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent \| React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent \| React.MouseEvent) {\n if (readOnly \|\| isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement \| HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue \|\| placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"wkBAmFA,IAEMA,EAAqBC,GACzB,SAAAC,EAsBEC,GACE,IArBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QAAOC,EAAAR,EACPS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWZ,EAAXY,YACAC,EAASb,EAATa,UACAC,EAAmBd,EAAnBc,oBACWC,EAAmBf,EAA9BgB,UACAC,EAAUjB,EAAViB,WACAC,EAAwBlB,EAAxBkB,yBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAYpB,EAAZoB,aACAC,EAAIrB,EAAJqB,KACAC,EAAMtB,EAANsB,OAAMC,EAAAvB,EACNwB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAASzB,GAAM+B,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYnC,GAExBoC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqBzC,GAC5Bc,SAAAA,EAAmBd,GACnB6B,EAAa7B,EACf,CAEA,SAAS0C,KACPD,GAAqB,GAEjBzC,IAAUgC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACd/B,SAAAA,EAAW+B,IAJTC,EAAcjC,GAKlB,CAEA,SAAS2C,IACPD,GACF,CAEA,SAASE,GAAcL,GACrB,GAAIA,EAAMM,MAAQC,EAASC,MAAO,CAChC,GAAI5B,GAAaoB,EAAMS,SACrB,OAGFT,EAAMC,iBACND,EAAMU,kBACNP,GACD,CACGH,EAAMM,MAAQC,EAASI,SACzBX,EAAMC,iBACND,EAAMU,kBACNR,GAAqB,GACrBR,EAAcjC,GAElB,CAEA,SAASmD,GAAaZ,GACpBN,EAAcM,EAAMa,OAAOpD,MAC7B,CApEAqD,GAAU,WACHzB,GAAa5B,IAAUkC,GAAalC,IAAUgC,GACjDC,EAAcjC,EAEjB,GAAE,CAACkC,EAAWN,EAAW5B,EAAOgC,IAEjCqB,GAAU,WACRxB,EAAajB,EACf,GAAG,CAACA,IA8DJ,IAAM0C,GAAyBC,EAA6BjB,GAuC5D,OAvBAe,GAAU,WAJV,QAKOzB,KAfP,mBAGE,WAFA4B,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdvB,EAASqB,QAAS,CACpB,IAAMG,EAAexB,EAASqB,QACxBI,EAAaD,EAAa5D,MAAM8D,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACI9C,YANJ2C,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACnD,EAA0Be,IAE9BqC,GAA0B,iBACxB,GAAK5B,EAAcoB,QAAnB,CAIA,IAAAS,EAAkB7B,EAAcoB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAtB,eAAAA,EAAUqB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJpD,EAAW,CACb,IAAMqD,EAAkBpC,aAAA,EAAAA,EAAUqB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aA/IzD,EA+IsF,MACtG,CATA,CAUH,GAAG,CAACzC,EAAYJ,IAGd8C,EACEC,cAAA,MAAA,CAAA/E,IAAK0B,EACLzB,GAAIA,eACQS,EAAS,cACRP,EACbD,UAAW8E,EAAGC,EAAOC,mBAAoBhF,GACzCiF,KAAMnD,EAAY,KAAO,SACzB1B,QA3GJ,SAA2BqC,GACzBrC,SAAAA,EAAUqC,GACVD,EAAeC,EACjB,EAyGIyC,UAAW1B,IAEV1B,IACET,EACCuD,EACEC,cAAA,WAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOI,SAAUxE,GAC/BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,eACIrC,EACZC,YAAaA,EACbwE,KAAK,UACLI,KAAM,IAGRT,EACEC,cAAA,QAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOO,MAAO3E,GAC5BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,EAAU,aACNrC,EACZC,YAAaA,EACbwE,KAAK,WAGXL,EAAAC,cAACjE,EACC,CAAAd,IAAKyC,gBACQT,EACb9B,UAAW8E,EAAGC,EAAOQ,WAAY5E,EAAmB6E,EAAAA,EAAAA,EAAAA,KACjDT,EAAOU,OAAS3D,GAChBiD,EAAOW,SAAWpF,GAClByE,EAAOtE,aAAeyB,GAAczB,GACpCsE,EAAO1D,WAAaS,GAAaT,IAEpCsE,SAAU,EACV1E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN0E,UAAWvE,GAEVa,GAAczB,GAIvB"}
1	+ {"version":3,"file":"EditableTypography.js","sources":["../../../../src/components/EditableTypography/EditableTypography.tsx"],"sourcesContent":["import React, { type ElementType, forwardRef, useEffect, useRef, useState } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { type VibeComponentProps } from \"../../types\";\nimport styles from \"./EditableTypography.module.scss\";\nimport { keyCodes } from \"../../constants\";\nimport { useKeyboardButtonPressedFunc } from \"../../hooks/useKeyboardButtonPressedFunc\";\nimport { type TooltipProps } from \"../Tooltip\";\nimport usePrevious from \"../../hooks/usePrevious\";\nimport { type TextType, type TextWeight } from \"../Text\";\nimport { type HeadingType, type HeadingWeight } from \"../Heading\";\nimport useIsomorphicLayoutEffect from \"../../hooks/ssr/useIsomorphicLayoutEffect\";\n\nexport interface EditableTypographyImplementationProps {\n /*\n The current value of the text.\n /\n value: string;\n /\n Callback fired when the value changes.\n /\n onChange?: (value: string) => void;\n /\n Callback fired when the component is clicked.\n /\n onClick?: (event: React.KeyboardEvent \| React.MouseEvent) => void;\n /\n If true, the text is read-only and cannot be edited.\n /\n readOnly?: boolean;\n /\n Placeholder text displayed when the value is empty.\n /\n placeholder?: string;\n /\n The label of the component for accessibility.\n /\n ariaLabel?: string;\n /\n Controls whether the component is in edit mode.\n /\n isEditMode?: boolean;\n /\n If true, automatically selects all text when entering edit mode.\n /\n autoSelectTextOnEditMode?: boolean;\n /\n Callback fired when the edit mode changes.\n /\n onEditModeChange?: (isEditMode: boolean) => void;\n /\n Props to customize the tooltip.\n /\n tooltipProps?: Partial<TooltipProps>;\n}\n\nexport interface EditableTypographyProps extends VibeComponentProps, EditableTypographyImplementationProps {\n /\n The typography component used in view mode.\n /\n component: ElementType;\n /\n Class name applied to the typography component.\n /\n typographyClassName: string;\n /\n If true, shows the placeholder when empty.\n /\n clearable?: boolean;\n /\n The text or heading type.\n /\n type?: TextType \| HeadingType;\n /\n The text or heading weight.\n /\n weight?: TextWeight \| HeadingWeight;\n /\n If true, enables multi-line editing.\n */\n multiline?: boolean;\n}\n\nconst PADDING_OFFSET = 2;\n\nconst EditableTypography = forwardRef(\n (\n {\n id,\n className,\n \"data-testid\": dataTestId,\n value,\n onChange,\n onClick,\n readOnly = false,\n ariaLabel = \"\",\n placeholder,\n clearable,\n typographyClassName,\n component: TypographyComponent,\n isEditMode,\n autoSelectTextOnEditMode,\n onEditModeChange,\n tooltipProps,\n type,\n weight,\n multiline = false\n }: EditableTypographyProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isEditing, setIsEditing] = useState(isEditMode \|\| false);\n const [inputValue, setInputValue] = useState(value);\n\n const prevValue = usePrevious(value);\n\n const inputRef = useRef(null);\n const typographyRef = useRef(null);\n\n useEffect(() => {\n if (!isEditing && value !== prevValue && value !== inputValue) {\n setInputValue(value);\n }\n }, [prevValue, isEditing, value, inputValue]);\n\n useEffect(() => {\n setIsEditing(isEditMode);\n }, [isEditMode]);\n\n function onTypographyClick(event: React.KeyboardEvent \| React.MouseEvent) {\n onClick?.(event);\n toggleEditMode(event);\n }\n\n function toggleEditMode(event: React.KeyboardEvent \| React.MouseEvent) {\n if (readOnly \|\| isEditing) {\n return;\n }\n event.preventDefault();\n handleEditModeChange(true);\n }\n\n function handleEditModeChange(value: boolean) {\n onEditModeChange?.(value);\n setIsEditing(value);\n }\n\n function handleInputValueChange() {\n handleEditModeChange(false);\n\n if (value === inputValue) {\n return;\n }\n\n const shouldShowPlaceholderWhenEmpty = clearable && placeholder;\n if (!inputValue && !shouldShowPlaceholderWhenEmpty) {\n setInputValue(value);\n return;\n }\n setInputValue(inputValue);\n onChange?.(inputValue);\n }\n\n function handleBlur() {\n handleInputValueChange();\n }\n\n function handleKeyDown(event: React.KeyboardEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n if (event.key === keyCodes.ENTER) {\n if (multiline && event.shiftKey) {\n return;\n }\n\n event.preventDefault();\n event.stopPropagation();\n handleInputValueChange();\n }\n if (event.key === keyCodes.ESCAPE) {\n event.preventDefault();\n event.stopPropagation();\n handleEditModeChange(false);\n setInputValue(value);\n }\n }\n\n function handleChange(event: React.ChangeEvent<HTMLInputElement \| HTMLTextAreaElement>) {\n setInputValue(event.target.value);\n }\n\n const toggleKeyboardEditMode = useKeyboardButtonPressedFunc(toggleEditMode);\n\n function focus() {\n inputRef.current?.focus?.();\n\n if (inputRef.current) {\n const inputElement = inputRef.current as HTMLInputElement \| HTMLTextAreaElement;\n const textLength = inputElement.value.length;\n inputElement.setSelectionRange(textLength, textLength);\n }\n }\n\n function selectAllInputText() {\n inputRef.current?.select?.();\n }\n\n useEffect(() => {\n if (!isEditing) return;\n focus();\n if (autoSelectTextOnEditMode) {\n selectAllInputText();\n }\n }, [autoSelectTextOnEditMode, isEditing]);\n\n useIsomorphicLayoutEffect(() => {\n if (!typographyRef.current) {\n return;\n }\n\n const { width } = typographyRef.current.getBoundingClientRect();\n inputRef?.current?.style.setProperty(\"--input-width\", `${width}px`);\n\n if (multiline) {\n const textareaElement = inputRef?.current as HTMLTextAreaElement;\n textareaElement?.style.setProperty(\"--input-height\", \"auto\");\n textareaElement?.style.setProperty(\"--input-height\", `${textareaElement.scrollHeight + PADDING_OFFSET}px`);\n }\n }, [inputValue, isEditing]);\n\n return (\n <div\n ref={mergedRef}\n id={id}\n aria-label={ariaLabel}\n data-testid={dataTestId}\n className={cx(styles.editableTypography, className)}\n role={isEditing ? null : \"button\"}\n onClick={onTypographyClick}\n onKeyDown={toggleKeyboardEditMode}\n >\n {isEditing &&\n (multiline ? (\n <textarea\n ref={inputRef}\n className={cx(styles.textarea, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"textbox\"\n rows={1}\n />\n ) : (\n <input\n ref={inputRef}\n className={cx(styles.input, typographyClassName)}\n value={inputValue}\n onChange={handleChange}\n onKeyDown={handleKeyDown}\n onBlur={handleBlur}\n aria-label={ariaLabel}\n placeholder={placeholder}\n role=\"input\"\n />\n ))}\n <TypographyComponent\n ref={typographyRef}\n aria-hidden={isEditing}\n className={cx(styles.typography, typographyClassName, {\n [styles.hidden]: isEditing,\n [styles.disabled]: readOnly,\n [styles.placeholder]: !inputValue && placeholder,\n [styles.multiline]: !isEditing && multiline\n })}\n tabIndex={0}\n tooltipProps={tooltipProps}\n weight={weight}\n type={type}\n ellipsis={!multiline}\n >\n {inputValue \|\| placeholder}\n </TypographyComponent>\n </div>\n );\n }\n);\n\nexport default EditableTypography;\n"],"names":["EditableTypography","forwardRef","_ref","ref","id","className","dataTestId","value","onChange","onClick","_ref$readOnly","readOnly","_ref$ariaLabel","ariaLabel","placeholder","clearable","typographyClassName","TypographyComponent","component","isEditMode","autoSelectTextOnEditMode","onEditModeChange","tooltipProps","type","weight","_ref$multiline","multiline","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isEditing","setIsEditing","_useState3","_useState4","inputValue","setInputValue","prevValue","usePrevious","inputRef","typographyRef","toggleEditMode","event","preventDefault","handleEditModeChange","handleInputValueChange","handleBlur","handleKeyDown","key","keyCodes","ENTER","shiftKey","stopPropagation","ESCAPE","handleChange","target","useEffect","toggleKeyboardEditMode","useKeyboardButtonPressedFunc","_b","current","_a","focus","inputElement","textLength","length","setSelectionRange","select","useIsomorphicLayoutEffect","_typographyRef$curren","getBoundingClientRect","style","setProperty","concat","width","textareaElement","scrollHeight","React","createElement","cx","styles","editableTypography","role","onKeyDown","textarea","onBlur","rows","input","typography","_defineProperty","hidden","disabled","tabIndex","ellipsis"],"mappings":"wkBAmFA,IAEMA,EAAqBC,GACzB,SAAAC,EAsBEC,GACE,IArBAC,EAAEF,EAAFE,GACAC,EAASH,EAATG,UACeC,EAAUJ,EAAzB,eACAK,EAAKL,EAALK,MACAC,EAAQN,EAARM,SACAC,EAAOP,EAAPO,QAAOC,EAAAR,EACPS,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAV,EAChBW,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EACdE,EAAWZ,EAAXY,YACAC,EAASb,EAATa,UACAC,EAAmBd,EAAnBc,oBACWC,EAAmBf,EAA9BgB,UACAC,EAAUjB,EAAViB,WACAC,EAAwBlB,EAAxBkB,yBACAC,EAAgBnB,EAAhBmB,iBACAC,EAAYpB,EAAZoB,aACAC,EAAIrB,EAAJqB,KACAC,EAAMtB,EAANsB,OAAMC,EAAAvB,EACNwB,UAAAA,OAAY,IAAHD,GAAQA,EAIbE,EAAeC,EAAO,MACtBC,EAAYC,EAAY3B,EAAKwB,GAEnCI,EAAkCC,EAASb,IAAc,GAAMc,EAAAC,EAAAH,EAAA,GAAxDI,EAASF,EAAA,GAAEG,EAAYH,EAAA,GAC9BI,EAAoCL,EAASzB,GAAM+B,EAAAJ,EAAAG,EAAA,GAA5CE,EAAUD,EAAA,GAAEE,EAAaF,EAAA,GAE1BG,EAAYC,EAAYnC,GAExBoC,EAAWf,EAAO,MAClBgB,EAAgBhB,EAAO,MAiB7B,SAASiB,EAAeC,GAClBnC,GAAYwB,IAGhBW,EAAMC,iBACNC,GAAqB,GACvB,CAEA,SAASA,EAAqBzC,GAC5Bc,SAAAA,EAAmBd,GACnB6B,EAAa7B,EACf,CAEA,SAAS0C,KACPD,GAAqB,GAEjBzC,IAAUgC,KAKTA,GADkCxB,GAAaD,GAKpD0B,EAAcD,GACd/B,SAAAA,EAAW+B,IAJTC,EAAcjC,GAKlB,CAEA,SAAS2C,IACPD,GACF,CAEA,SAASE,GAAcL,GACrB,GAAIA,EAAMM,MAAQC,EAASC,MAAO,CAChC,GAAI5B,GAAaoB,EAAMS,SACrB,OAGFT,EAAMC,iBACND,EAAMU,kBACNP,GACD,CACGH,EAAMM,MAAQC,EAASI,SACzBX,EAAMC,iBACND,EAAMU,kBACNR,GAAqB,GACrBR,EAAcjC,GAElB,CAEA,SAASmD,GAAaZ,GACpBN,EAAcM,EAAMa,OAAOpD,MAC7B,CApEAqD,GAAU,WACHzB,GAAa5B,IAAUkC,GAAalC,IAAUgC,GACjDC,EAAcjC,EAEjB,GAAE,CAACkC,EAAWN,EAAW5B,EAAOgC,IAEjCqB,GAAU,WACRxB,EAAajB,EACf,GAAG,CAACA,IA8DJ,IAAM0C,GAAyBC,EAA6BjB,GAuC5D,OAvBAe,GAAU,WAJV,QAKOzB,KAfP,mBAGE,WAFA4B,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAC,8BAEdvB,EAASqB,QAAS,CACpB,IAAMG,EAAexB,EAASqB,QACxBI,EAAaD,EAAa5D,MAAM8D,OACtCF,EAAaG,kBAAkBF,EAAYA,EAC5C,CACH,CAQEF,GACI9C,YANJ2C,EAAkB,UAAlBpB,EAASqB,eAAS,IAAAC,OAAA,EAAAA,EAAAM,gCASpB,GAAG,CAACnD,EAA0Be,IAE9BqC,GAA0B,iBACxB,GAAK5B,EAAcoB,QAAnB,CAIA,IAAAS,EAAkB7B,EAAcoB,QAAQU,wBAGxC,GAFmB,QAAnBT,EAAAtB,eAAAA,EAAUqB,eAAS,IAAAC,GAAAA,EAAAU,MAAMC,YAAY,gBAAe,GAAAC,OADvCJ,EAALK,aAGJpD,EAAW,CACb,IAAMqD,EAAkBpC,aAAA,EAAAA,EAAUqB,QAClCe,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAkB,QACrDG,SAAAA,EAAiBJ,MAAMC,YAAY,iBAAgB,GAAAC,OAAKE,EAAgBC,aA/IzD,EA+IsF,MACtG,CATA,CAUH,GAAG,CAACzC,EAAYJ,IAGd8C,EACEC,cAAA,MAAA,CAAA/E,IAAK0B,EACLzB,GAAIA,eACQS,EAAS,cACRP,EACbD,UAAW8E,EAAGC,EAAOC,mBAAoBhF,GACzCiF,KAAMnD,EAAY,KAAO,SACzB1B,QA3GJ,SAA2BqC,GACzBrC,SAAAA,EAAUqC,GACVD,EAAeC,EACjB,EAyGIyC,UAAW1B,IAEV1B,IACET,EACCuD,EACEC,cAAA,WAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOI,SAAUxE,GAC/BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,eACIrC,EACZC,YAAaA,EACbwE,KAAK,UACLI,KAAM,IAGRT,EACEC,cAAA,QAAA,CAAA/E,IAAKwC,EACLtC,UAAW8E,EAAGC,EAAOO,MAAO3E,GAC5BT,MAAOgC,EACP/B,SAAUkD,GACV6B,UAAWpC,GACXsC,OAAQvC,EAAU,aACNrC,EACZC,YAAaA,EACbwE,KAAK,WAGXL,EAAAC,cAACjE,EACC,CAAAd,IAAKyC,gBACQT,EACb9B,UAAW8E,EAAGC,EAAOQ,WAAY5E,EAAmB6E,EAAAA,EAAAA,EAAAA,KACjDT,EAAOU,OAAS3D,GAChBiD,EAAOW,SAAWpF,GAClByE,EAAOtE,aAAeyB,GAAczB,GACpCsE,EAAO1D,WAAaS,GAAaT,IAEpCsE,SAAU,EACV1E,aAAcA,EACdE,OAAQA,EACRD,KAAMA,EACN0E,UAAWvE,GAEVa,GAAczB,GAIvB"}

package/dist/src/components/EditableTypography/EditableTypography.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={editableTypography:"editableTypography_5b9097cfd6",input:"input_44860ac01f",textarea:"textarea_a95954434b",typography:"typography_5eddb8859f",disabled:"disabled_6c31e1105f",hidden:"hidden_f38b4ea572",placeholder:"placeholder_a1310ee841",multiline:"multiline_e3b8c41d29"};!function(e){const a="s_id-34ea4bd39075_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const d=document.createElement("style");d.id=a,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_5b9097cfd6 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_5b9097cfd6 .input_44860ac01f,\n.editableTypography_5b9097cfd6 .textarea_a95954434b {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_5b9097cfd6 .input_44860ac01f:focus, .editableTypography_5b9097cfd6 .input_44860ac01f:active,\n.editableTypography_5b9097cfd6 .textarea_a95954434b:focus,\n.editableTypography_5b9097cfd6 .textarea_a95954434b:active {\n  outline: none;\n}\n.editableTypography_5b9097cfd6 .textarea_a95954434b {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_5b9097cfd6 .typography_5eddb8859f {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_5b9097cfd6 .typography_5eddb8859f:hover:not(.disabled_6c31e1105f) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_5b9097cfd6 .typography_5eddb8859f.hidden_f38b4ea572 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_5b9097cfd6 .typography_5eddb8859f.placeholder_a1310ee841 {\n  color: var(--secondary-text-color);\n}\n.editableTypography_5b9097cfd6 .typography_5eddb8859f.multiline_e3b8c41d29 {\n  white-space: pre-wrap;\n}");export{e as default};
+var e={editableTypography:"editableTypography_38d45c5978",input:"input_18e1ae7964",textarea:"textarea_785605796a",typography:"typography_b17cc8398f",disabled:"disabled_feef35ee73",hidden:"hidden_af2ffdf200",placeholder:"placeholder_95bc815c0f",multiline:"multiline_1e2bc927f2"};!function(e){const a="s_id-34ea4bd39075_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+a))return;const t=document.createElement("style");t.id=a,n.firstChild?n.insertBefore(t,n.firstChild):n.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[a]=e)}(".editableTypography_38d45c5978 {\n  display: inline-flex;\n  min-width: 0;\n  max-width: 100%;\n  margin-left: -6px;\n  overflow: hidden;\n  position: relative;\n}\n.editableTypography_38d45c5978 .input_18e1ae7964,\n.editableTypography_38d45c5978 .textarea_785605796a {\n  width: var(--input-width);\n  display: inline-block;\n  max-width: 100%;\n  min-width: 64px;\n  padding: 0 var(--spacing-xs);\n  outline: none;\n  border: 1px solid var(--primary-color);\n  border-radius: var(--border-radius-small);\n  color: var(--primary-text-color);\n  background-color: transparent;\n}\n.editableTypography_38d45c5978 .input_18e1ae7964:focus, .editableTypography_38d45c5978 .input_18e1ae7964:active,\n.editableTypography_38d45c5978 .textarea_785605796a:focus,\n.editableTypography_38d45c5978 .textarea_785605796a:active {\n  outline: none;\n}\n.editableTypography_38d45c5978 .textarea_785605796a {\n  resize: none;\n  overflow: hidden;\n  height: var(--input-height);\n}\n.editableTypography_38d45c5978 .typography_b17cc8398f {\n  border: 1px solid transparent;\n  padding: 0 var(--spacing-xs);\n  border-radius: var(--border-radius-small);\n}\n.editableTypography_38d45c5978 .typography_b17cc8398f:hover:not(.disabled_feef35ee73) {\n  border-color: var(--ui-border-color);\n}\n.editableTypography_38d45c5978 .typography_b17cc8398f.hidden_af2ffdf200 {\n  position: absolute;\n  opacity: 0;\n  height: 0;\n  visibility: hidden;\n  white-space: pre;\n}\n.editableTypography_38d45c5978 .typography_b17cc8398f.placeholder_95bc815c0f {\n  color: var(--secondary-text-color);\n}\n.editableTypography_38d45c5978 .typography_b17cc8398f.multiline_1e2bc927f2 {\n  white-space: pre-wrap;\n}");export{e as default};
 //# sourceMappingURL=EditableTypography.module.scss.js.map

package/dist/src/components/EmptyState/EmptyState.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, ButtonProps } from \"../Button\";\nimport { Link, LinkProps } from \"../Link\";\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction \|\| supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"kiBAWMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,YAAahB,GACzET,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOM,SACxFd,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAc,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS5B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASc,UAAU,GAClF5B,GAImB,iBAAhBC,EACNS,EAACC,cAAAkB,EAAK,CAAA9B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASc,UAAU,GAC3D3B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOY,SAWlF,SAA0B3B,EAA2CM,GACnE,GAA0B,WAAtBsB,EAAO5B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAqB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM3B,EAAY,QAAU,UAAcN,GAChEA,EAAWkC,MAKlB,OAAOlC,CACT,CApBemC,CAAiBnC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BsB,EAAO3B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEiC,EAAuBjC,EAAvBiC,KAASE,EAASC,EAAKpC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC8B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUnC,EAAkB,CACxB,IAAEiC,EAAyBjC,EAAzBiC,KAASK,EAAWF,EAAKpC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAqB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM3B,EAAY,QAAU,UAAciC,GAC/DL,EAGN,CACF,CAED,OAAOjC,CACT,CAtCeuC,CAAuBvC,EAAkBK,KAMtD"}
1	+ {"version":3,"file":"EmptyState.js","sources":["../../../../src/components/EmptyState/EmptyState.tsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\nimport cx from \"classnames\";\nimport Flex from \"../../components/Flex/Flex\";\nimport Heading from \"../../components/Heading/Heading\";\nimport Text from \"../../components/Text/Text\";\nimport { type EmptyStateProps } from \"./EmptyState.types\";\nimport styles from \"./EmptyState.module.scss\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport { Button, type ButtonProps } from \"../Button\";\nimport { Link, type LinkProps } from \"../Link\";\nconst EmptyState = forwardRef<HTMLDivElement, EmptyStateProps>(\n (\n {\n className,\n title,\n description,\n visual,\n mainAction,\n supportingAction,\n layout = \"default\",\n id,\n \"data-testid\": dataTestId\n },\n ref\n ) => {\n const isCompact = layout === \"compact\";\n\n return (\n <Flex\n direction=\"column\"\n align=\"center\"\n justify=\"center\"\n gap={isCompact ? \"small\" : \"medium\"}\n className={cx(styles.emptyState, getStyle(styles, layout), className)}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EMPTY_STATE, id)}\n ref={ref}\n >\n {!!visual && visual}\n\n <Flex direction=\"column\" align=\"center\" gap={isCompact ? 12 : \"medium\"} className={styles.content}>\n <Flex direction=\"column\" align=\"center\" gap=\"xs\">\n {title && (\n <Heading type=\"h3\" weight=\"normal\" className={styles.title} align=\"center\" ellipsis={false}>\n {title}\n </Heading>\n )}\n\n {typeof description === \"string\" ? (\n <Text className={styles.description} align=\"center\" ellipsis={false}>\n {description}\n </Text>\n ) : (\n description\n )}\n </Flex>\n\n {(mainAction \|\| supportingAction) && (\n <Flex direction=\"column\" align=\"center\" gap=\"small\" className={styles.actions}>\n {renderMainAction(mainAction, isCompact)}\n {renderSupportingAction(supportingAction, isCompact)}\n </Flex>\n )}\n </Flex>\n </Flex>\n );\n }\n);\n\nfunction renderMainAction(mainAction: EmptyStateProps[\"mainAction\"], isCompact: boolean) {\n if (typeof mainAction === \"object\" && \"text\" in mainAction) {\n return (\n <Button kind=\"secondary\" size={isCompact ? \"small\" : \"medium\"} {...mainAction}>\n {mainAction.text}\n </Button>\n );\n }\n\n return mainAction;\n}\n\nfunction renderSupportingAction(supportingAction: EmptyStateProps[\"supportingAction\"], isCompact: boolean) {\n if (typeof supportingAction === \"object\") {\n if (\"text\" in supportingAction && \"href\" in supportingAction) {\n const { text, ...linkProps } = supportingAction as LinkProps & { text: string };\n return <Link text={text} {...linkProps} />;\n }\n if (\"text\" in supportingAction) {\n const { text, ...buttonProps } = supportingAction as ButtonProps & { text: string };\n return (\n <Button kind=\"tertiary\" size={isCompact ? \"small\" : \"medium\"} {...buttonProps}>\n {text}\n </Button>\n );\n }\n }\n\n return supportingAction;\n}\n\nexport default EmptyState;\n"],"names":["EmptyState","forwardRef","_ref","ref","className","title","description","visual","mainAction","supportingAction","_ref$layout","layout","id","dataTestId","isCompact","React","createElement","Flex","direction","align","justify","gap","cx","styles","emptyState","getStyle","getTestId","ComponentDefaultTestId","EMPTY_STATE","content","Heading","type","weight","ellipsis","Text","actions","_typeof","Button","Object","assign","kind","size","text","renderMainAction","linkProps","__rest","Link","buttonProps","renderSupportingAction"],"mappings":"kiBAWMA,IAAAA,EAAaC,GACjB,SAAAC,EAYEC,GACE,IAXAC,EAASF,EAATE,UACAC,EAAKH,EAALG,MACAC,EAAWJ,EAAXI,YACAC,EAAML,EAANK,OACAC,EAAUN,EAAVM,WACAC,EAAgBP,EAAhBO,iBAAgBC,EAAAR,EAChBS,OAAAA,OAAS,IAAHD,EAAG,UAASA,EAClBE,EAAEV,EAAFU,GACeC,EAAUX,EAAzB,eAIIY,EAAuB,YAAXH,EAElB,OACEI,EAAAC,cAACC,EAAI,CACHC,UAAU,SACVC,MAAM,SACNC,QAAQ,SACRC,IAAKP,EAAY,QAAU,SAC3BV,UAAWkB,EAAGC,EAAOC,WAAYC,EAASF,EAAQZ,GAASP,GAC3DQ,GAAIA,EAAE,cACOC,GAAca,EAAUC,EAAuBC,YAAahB,GACzET,IAAKA,KAEFI,GAAUA,EAEbQ,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAKP,EAAY,GAAK,SAAUV,UAAWmB,EAAOM,SACxFd,EAAAC,cAACC,EAAI,CAACC,UAAU,SAASC,MAAM,SAASE,IAAI,MACzChB,GACCU,EAACC,cAAAc,EAAQ,CAAAC,KAAK,KAAKC,OAAO,SAAS5B,UAAWmB,EAAOlB,MAAOc,MAAM,SAASc,UAAU,GAClF5B,GAImB,iBAAhBC,EACNS,EAACC,cAAAkB,EAAK,CAAA9B,UAAWmB,EAAOjB,YAAaa,MAAM,SAASc,UAAU,GAC3D3B,GAGHA,IAIFE,GAAcC,IACdM,EAACC,cAAAC,EAAK,CAAAC,UAAU,SAASC,MAAM,SAASE,IAAI,QAAQjB,UAAWmB,EAAOY,SAWlF,SAA0B3B,EAA2CM,GACnE,GAA0B,WAAtBsB,EAAO5B,IAA2B,SAAUA,EAC9C,OACEO,EAACC,cAAAqB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,YAAYC,KAAM3B,EAAY,QAAU,UAAcN,GAChEA,EAAWkC,MAKlB,OAAOlC,CACT,CApBemC,CAAiBnC,EAAYM,GAsB5C,SAAgCL,EAAuDK,GACrF,GAAgC,WAA5BsB,EAAO3B,GAA+B,CACxC,GAAI,SAAUA,GAAoB,SAAUA,EAAkB,CACtD,IAAEiC,EAAuBjC,EAAvBiC,KAASE,EAASC,EAAKpC,EAAzB,CAAsB,SAC5B,OAAOM,EAAAC,cAAC8B,EAAKR,OAAAC,OAAA,CAAAG,KAAMA,GAAUE,GAC9B,CACD,GAAI,SAAUnC,EAAkB,CACxB,IAAEiC,EAAyBjC,EAAzBiC,KAASK,EAAWF,EAAKpC,EAA3B,CAAwB,SAC9B,OACEM,EAACC,cAAAqB,EAAOC,OAAAC,OAAA,CAAAC,KAAK,WAAWC,KAAM3B,EAAY,QAAU,UAAciC,GAC/DL,EAGN,CACF,CAED,OAAOjC,CACT,CAtCeuC,CAAuBvC,EAAkBK,KAMtD"}

package/dist/src/components/EmptyState/EmptyState.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var t={emptyState:"emptyState_0ff5b33d00",compact:"compact_f83e5172bb",content:"content_df35ce44cd",title:"title_ca58570d67",description:"description_ca58570d67",actions:"actions_4572ba1d5b"};!function(t){const e="s_id-ec6bbd61ae58_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+e))return;const d=document.createElement("style");d.id=e,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(t))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=t)}(".emptyState_0ff5b33d00 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_0ff5b33d00.compact_f83e5172bb {\n  padding: var(--spacing-medium);\n}\n.emptyState_0ff5b33d00 .content_df35ce44cd {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_0ff5b33d00 .content_df35ce44cd .title_ca58570d67 {\n  max-width: 500px;\n}\n.emptyState_0ff5b33d00 .content_df35ce44cd .description_ca58570d67 {\n  max-width: 500px;\n}\n.emptyState_0ff5b33d00 .content_df35ce44cd .actions_4572ba1d5b {\n  width: 100%;\n}");export{t as default};
+var e={emptyState:"emptyState_7bb2940044",compact:"compact_4e51a3b691",content:"content_e5d38a47f9",title:"title_2205593ed7",description:"description_2205593ed7",actions:"actions_727222a77c"};!function(e){const t="s_id-ec6bbd61ae58_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const a=document.createElement("style");a.id=t,n.firstChild?n.insertBefore(a,n.firstChild):n.appendChild(a),a.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".emptyState_7bb2940044 {\n  width: 100%;\n  padding: var(--spacing-large);\n  box-sizing: border-box;\n  background: var(--primary-background-color);\n}\n.emptyState_7bb2940044.compact_4e51a3b691 {\n  padding: var(--spacing-medium);\n}\n.emptyState_7bb2940044 .content_e5d38a47f9 {\n  width: 100%;\n  text-align: center;\n}\n.emptyState_7bb2940044 .content_e5d38a47f9 .title_2205593ed7 {\n  max-width: 500px;\n}\n.emptyState_7bb2940044 .content_e5d38a47f9 .description_2205593ed7 {\n  max-width: 500px;\n}\n.emptyState_7bb2940044 .content_e5d38a47f9 .actions_727222a77c {\n  width: 100%;\n}");export{e as default};
 //# sourceMappingURL=EmptyState.module.scss.js.map

package/dist/src/components/ExpandCollapse/ExpandCollapse.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, forwardRef, ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { VibeComponentProps, ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n iconPosition = \"right\",\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder,\n [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"ofAkEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,uBACEzC,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EAAE,cACOS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,IAE7E2B,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOc,eAAcT,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOe,YAAc1C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOgB,OAAQhB,EAAOiB,QAAS3C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOkB,WAAa5B,GACpBU,EAAOmB,iBAAmB9C,GAC1B2B,EAAOoB,SAA4B,SAAjBtD,IAErBuD,eAAgB1C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAgC,OAAGtD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMgE,OAChC9B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOwB,QAASxB,EAAOiB,QAAS1C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAOyB,6BAA+BnC,IAEzCtB,GAAEsD,GAAAA,OAAKtD,EAAa,aACpB0D,KAAK,UAEJvE,IAMb"}
1	+ {"version":3,"file":"ExpandCollapse.js","sources":["../../../../src/components/ExpandCollapse/ExpandCollapse.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, forwardRef, type ReactElement, useCallback, useRef, useState } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Icon from \"../Icon/Icon\";\nimport Text from \"../Text/Text\";\nimport { DropdownChevronDown } from \"@vibe/icons\";\nimport { type VibeComponentProps, type ElementContent } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./ExpandCollapse.module.scss\";\nimport { type ExpandCollapseIconPosition } from \"./ExpandCollapse.types\";\n\nexport interface ExpandCollapseProps extends VibeComponentProps {\n /*\n Custom renderer for the header component.\n /\n headerComponentRenderer?: () => ReactElement;\n /\n Class name applied to the header.\n /\n headerClassName?: string;\n /\n Class name applied to the content.\n /\n contentClassName?: string;\n /\n Class name applied to the root component.\n /\n componentClassName?: string;\n /\n The title displayed in the header.\n /\n title?: ElementContent;\n /\n The content inside the expandable section.\n /\n children?: ElementContent;\n /\n The size of the expand/collapse icon.\n /\n iconSize?: number \| string;\n /\n The position of the icon.\n /\n iconPosition?: ExpandCollapseIconPosition;\n /\n If true, the section is open by default when rendered.\n /\n defaultOpenState?: boolean;\n /\n Controls the open state of the section.\n /\n open?: boolean;\n /\n Callback fired when the header is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n If true, hides the border around the component.\n /\n hideBorder?: boolean;\n /\n If true, captures the click event on the button.\n */\n captureOnClick?: boolean;\n}\n\nconst ExpandCollapse: FC<ExpandCollapseProps> = forwardRef(\n (\n {\n children,\n headerComponentRenderer = null,\n title = \"\",\n className,\n defaultOpenState = false,\n iconSize = 24,\n iconPosition = \"right\",\n id = \"\",\n open,\n onClick = null,\n hideBorder = false,\n headerClassName,\n contentClassName,\n componentClassName,\n \"data-testid\": dataTestId,\n captureOnClick = true\n },\n ref\n ) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const [isOpen, setIsOpen] = useState(defaultOpenState);\n const isExpanded = open === undefined ? isOpen : open;\n\n const toggleExpand = () => {\n setIsOpen(!isOpen);\n };\n const renderHeader = useCallback(() => {\n return typeof title === \"string\" ? (\n <Text type=\"text1\" className={cx(styles.headerContent)}>\n {title}\n </Text>\n ) : (\n title\n );\n }, [title]);\n\n const renderIcon = () => (\n <Icon\n className={cx(styles.iconComponent, {\n [styles.animateIconOpen]: isExpanded,\n [styles.animateIconClose]: !isExpanded\n })}\n iconType=\"svg\"\n icon={DropdownChevronDown}\n iconSize={iconSize}\n />\n );\n\n return (\n <div\n ref={mergedRef}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.EXPAND_COLLAPSE, id)}\n >\n <div\n className={cx(\n styles.expandCollapse,\n {\n [styles.hideBorder]: hideBorder,\n [styles.showBorder]: !hideBorder\n },\n componentClassName\n )}\n >\n <button\n type=\"button\"\n className={cx(styles.header, styles.section, headerClassName, {\n [styles.headerOpen]: isExpanded,\n [styles.hideBorderBottom]: hideBorder,\n [styles.leftIcon]: iconPosition === \"left\"\n })}\n onClickCapture={captureOnClick ? onClick \|\| toggleExpand : undefined}\n onClick={!captureOnClick ? onClick \|\| toggleExpand : undefined}\n aria-expanded={isExpanded}\n aria-controls={`${id}-controls`}\n >\n {iconPosition === \"left\" && renderIcon()}\n {typeof title !== \"string\" \|\| title.length !== 0\n ? renderHeader()\n : headerComponentRenderer && headerComponentRenderer()}\n {iconPosition === \"right\" && renderIcon()}\n </button>\n {isExpanded && (\n <div\n className={cx(styles.content, styles.section, contentClassName, {\n [styles.animateExpandCollapseContent]: isExpanded\n })}\n id={`${id}-controls`}\n role=\"region\"\n >\n {children}\n </div>\n )}\n </div>\n </div>\n );\n }\n);\n\nexport default ExpandCollapse;\n"],"names":["ExpandCollapse","forwardRef","_ref","ref","children","_ref$headerComponentR","headerComponentRenderer","_ref$title","title","className","_ref$defaultOpenState","defaultOpenState","_ref$iconSize","iconSize","_ref$iconPosition","iconPosition","_ref$id","id","open","_ref$onClick","onClick","_ref$hideBorder","hideBorder","headerClassName","contentClassName","componentClassName","dataTestId","_ref$captureOnClick","captureOnClick","componentRef","useRef","mergedRef","useMergeRef","_useState","useState","_useState2","_slicedToArray","isOpen","setIsOpen","isExpanded","undefined","toggleExpand","renderHeader","useCallback","React","createElement","Text","type","cx","styles","headerContent","renderIcon","Icon","iconComponent","_defineProperty","animateIconOpen","animateIconClose","iconType","icon","DropdownChevronDown","getTestId","ComponentDefaultTestId","EXPAND_COLLAPSE","expandCollapse","showBorder","header","section","headerOpen","hideBorderBottom","leftIcon","onClickCapture","concat","length","content","animateExpandCollapseContent","role"],"mappings":"ofAkEMA,IAAAA,EAA0CC,GAC9C,SAAAC,EAmBEC,GACE,IAlBAC,EAAQF,EAARE,SAAQC,EAAAH,EACRI,wBAAAA,OAA0B,IAAHD,EAAG,KAAIA,EAAAE,EAAAL,EAC9BM,MAAAA,OAAQ,IAAHD,EAAG,GAAEA,EACVE,EAASP,EAATO,UAASC,EAAAR,EACTS,iBAAAA,OAAmB,IAAHD,GAAQA,EAAAE,EAAAV,EACxBW,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACba,aAAAA,OAAe,IAAHD,EAAG,QAAOA,EAAAE,EAAAd,EACtBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EACPE,EAAIhB,EAAJgB,KAAIC,EAAAjB,EACJkB,QAAAA,OAAU,IAAHD,EAAG,KAAIA,EAAAE,EAAAnB,EACdoB,WAAAA,OAAa,IAAHD,GAAQA,EAClBE,EAAerB,EAAfqB,gBACAC,EAAgBtB,EAAhBsB,iBACAC,EAAkBvB,EAAlBuB,mBACeC,EAAUxB,EAAzB,eAAayB,EAAAzB,EACb0B,eAAAA,OAAiB,IAAHD,GAAOA,EAIjBE,EAAeC,EAAO,MACtBC,EAAYC,EAAY7B,EAAK0B,GAEnCI,EAA4BC,EAASvB,GAAiBwB,EAAAC,EAAAH,EAAA,GAA/CI,EAAMF,EAAA,GAAEG,EAASH,EAAA,GAClBI,OAAsBC,IAATtB,EAAqBmB,EAASnB,EAE3CuB,EAAe,WACnBH,GAAWD,IAEPK,EAAeC,GAAY,WAC/B,MAAwB,iBAAVnC,EACZoC,EAAAC,cAACC,EAAI,CAACC,KAAK,QAAQtC,UAAWuC,EAAGC,EAAOC,gBACrC1C,GAGHA,CAEJ,GAAG,CAACA,IAEE2C,EAAa,WAAH,OACdP,EAACC,cAAAO,EACC,CAAA3C,UAAWuC,EAAGC,EAAOI,cAAaC,EAAAA,EAC/BL,CAAAA,EAAAA,EAAOM,gBAAkBhB,GACzBU,EAAOO,kBAAoBjB,IAE9BkB,SAAS,MACTC,KAAMC,EACN9C,SAAUA,KAId,OACE+B,uBACEzC,IAAK4B,EACLtB,UAAWA,EACXQ,GAAIA,EAAE,cACOS,GAAckC,EAAUC,EAAuBC,gBAAiB7C,IAE7E2B,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EACTC,EAAOc,eAAcT,EAAAA,EAElBL,GAAAA,EAAO3B,WAAaA,GACpB2B,EAAOe,YAAc1C,GAExBG,IAGFmB,EAAAC,cAAA,SAAA,CACEE,KAAK,SACLtC,UAAWuC,EAAGC,EAAOgB,OAAQhB,EAAOiB,QAAS3C,EAAe+B,EAAAA,EAAAA,EAAA,CAAA,EACzDL,EAAOkB,WAAa5B,GACpBU,EAAOmB,iBAAmB9C,GAC1B2B,EAAOoB,SAA4B,SAAjBtD,IAErBuD,eAAgB1C,EAAiBR,GAAWqB,OAAeD,EAC3DpB,QAAUQ,OAA2CY,EAA1BpB,GAAWqB,EACvB,gBAAAF,EACA,gBAAA,GAAAgC,OAAGtD,EAAE,cAEF,SAAjBF,GAA2BoC,IACV,iBAAV3C,GAAuC,IAAjBA,EAAMgE,OAChC9B,IACApC,GAA2BA,IACb,UAAjBS,GAA4BoC,KAE9BZ,GACCK,EAAAC,cAAA,MAAA,CACEpC,UAAWuC,EAAGC,EAAOwB,QAASxB,EAAOiB,QAAS1C,EAAgB8B,EAC3DL,CAAAA,EAAAA,EAAOyB,6BAA+BnC,IAEzCtB,GAAEsD,GAAAA,OAAKtD,EAAa,aACpB0D,KAAK,UAEJvE,IAMb"}

package/dist/src/components/ExpandCollapse/ExpandCollapse.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={expandCollapse:"expandCollapse_ee27f4fa82",header:"header_dc72313deb","focus-visible":"focus-visible_c354c93c79",headerContent:"headerContent_6de9a89b4a",iconComponent:"iconComponent_069f1c9f9a",content:"content_f83e5172bb",section:"section_4572ba1d5b",hideBorder:"hideBorder_258e45ea0d",hideBorderBottom:"hideBorderBottom_d8cafc830d",showBorder:"showBorder_9619252d6b",headerOpen:"headerOpen_c3ab63ffce",animateIconOpen:"animateIconOpen_665d0f079e",animateIconClose:"animateIconClose_cbfb5a4b39",leftIcon:"leftIcon_bef6f83b89"};!function(n){const e="s_id-023f1d02802e_3_58_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_ee27f4fa82 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_dc72313deb {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_dc72313deb:focus-visible, .header_dc72313deb.focus-visible_c354c93c79 {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_dc72313deb:focus:not(.focus-visible_c354c93c79) {\n  outline: none;\n}\n\n.header_dc72313deb:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_dc72313deb:active {\n  transform: scale(1);\n}\n\n.header_dc72313deb .headerContent_6de9a89b4a {\n  margin: 0;\n}\n\n.header_dc72313deb .iconComponent_069f1c9f9a {\n  color: var(--icon-color);\n}\n\n.content_f83e5172bb {\n  padding: var(--spacing-medium);\n}\n\n.section_4572ba1d5b {\n  width: 100%;\n}\n\n.hideBorder_258e45ea0d {\n  border: none;\n}\n\n.hideBorderBottom_d8cafc830d {\n  border-bottom: none;\n}\n\n.showBorder_9619252d6b {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_9619252d6b .headerOpen_c3ab63ffce {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_665d0f079e {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_cbfb5a4b39 {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_dc72313deb.leftIcon_bef6f83b89 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
+var n={expandCollapse:"expandCollapse_87513369a2",header:"header_ba11dcd32f","focus-visible":"focus-visible_f1e5379fce",headerContent:"headerContent_e241dd503b",iconComponent:"iconComponent_217f5281a2",content:"content_4e51a3b691",section:"section_727222a77c",hideBorder:"hideBorder_30122be7a6",hideBorderBottom:"hideBorderBottom_0d8ae84fff",showBorder:"showBorder_c5c97decaa",headerOpen:"headerOpen_25129fd893",animateIconOpen:"animateIconOpen_818c62706c",animateIconClose:"animateIconClose_942f941c9b",leftIcon:"leftIcon_cccdf0c1f0"};!function(n){const e="s_id-023f1d02802e_3_58_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+e))return;const r=document.createElement("style");r.id=e,o.firstChild?o.insertBefore(r,o.firstChild):o.appendChild(r),r.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".expandCollapse_87513369a2 {\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n  color: var(--primary-text-color);\n  background-color: transparent;\n  box-sizing: border-box;\n  border-radius: var(--border-radius-small);\n}\n\n.header_ba11dcd32f {\n  border: none;\n  margin: 0;\n  padding: 0;\n  width: auto;\n  overflow: visible;\n  background: transparent;\n  /* inherit font & color from ancestor */\n  color: inherit;\n  font: inherit;\n  /* Normalize `line-height`. Cannot be changed from `normal` in Firefox 4+. */\n  line-height: normal;\n  /* Corrects font smoothing for webkit */\n  -webkit-font-smoothing: inherit;\n  -moz-osx-font-smoothing: inherit;\n  /* Corrects inability to style clickable `input` types in iOS */\n  appearance: none;\n  padding: var(--spacing-medium);\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  cursor: pointer;\n}\n\n.header_ba11dcd32f:focus-visible, .header_ba11dcd32f.focus-visible_f1e5379fce {\n  outline: none;\n  z-index: 11;\n  border-radius: 4px;\n  box-shadow: 0 0 0 3px hsla(209, 100%, 50%, 0.5), 0 0 0 1px var(--primary-hover-color) inset;\n}\n\n.header_ba11dcd32f:focus:not(.focus-visible_f1e5379fce) {\n  outline: none;\n}\n\n.header_ba11dcd32f:hover {\n  background-color: var(--primary-background-hover-color);\n}\n\n.header_ba11dcd32f:active {\n  transform: scale(1);\n}\n\n.header_ba11dcd32f .headerContent_e241dd503b {\n  margin: 0;\n}\n\n.header_ba11dcd32f .iconComponent_217f5281a2 {\n  color: var(--icon-color);\n}\n\n.content_4e51a3b691 {\n  padding: var(--spacing-medium);\n}\n\n.section_727222a77c {\n  width: 100%;\n}\n\n.hideBorder_30122be7a6 {\n  border: none;\n}\n\n.hideBorderBottom_0d8ae84fff {\n  border-bottom: none;\n}\n\n.showBorder_c5c97decaa {\n  border: 1px solid var(--ui-border-color);\n}\n\n.showBorder_c5c97decaa .headerOpen_25129fd893 {\n  border-bottom: 1px solid;\n  border-color: var(--ui-border-color);\n}\n\n.animateIconOpen_818c62706c {\n  transform: rotate(-180deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.animateIconClose_942f941c9b {\n  transform: rotate(-360deg);\n  transition: transform var(--motion-expressive-short) var(--motion-timing-transition);\n}\n\n.header_ba11dcd32f.leftIcon_cccdf0c1f0 {\n  justify-content: flex-start;\n  gap: var(--spacing-small);\n}");export{n as default};
 //# sourceMappingURL=ExpandCollapse.module.scss.js.map

package/dist/src/components/FieldLabel/FieldLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { FC, ForwardedRef, forwardRef } from \"react\";\nimport Icon from \"../Icon/Icon\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n /*\n The icon displayed next to the label.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n The text content of the label.\n /\n labelText?: string;\n /\n The ID of the associated input element.\n /\n labelFor?: string;\n /\n Class name applied to the icon.\n /\n iconClassName?: string;\n /\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n If true, displays an asterisk to indicate a required field.\n /\n required?: boolean;\n /\n The HTML for attribute of the associated input element.\n /\n htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n (\n {\n className,\n icon = \"\",\n labelText = \"\",\n labelFor = \"\",\n iconClassName = \"\",\n labelClassName = \"\",\n required = false,\n id = \"\",\n htmlFor = \"\"\n },\n ref: ForwardedRef<HTMLLabelElement>\n ) => {\n if (!labelText) {\n return null;\n }\n\n return (\n <section className={cx(styles.labelComponentWrapper, className)}>\n <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n <label\n id={id}\n htmlFor={labelFor \|\| htmlFor}\n ref={ref}\n className={cx(styles.labelComponentText, labelClassName)}\n >\n {labelText}\n {required && <span className={styles.required}> </span>}\n </label>\n </section>\n );\n }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","iconType","labelComponentText"],"mappings":"0IAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,SAAS,SAClGR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}
1	+ {"version":3,"file":"FieldLabel.js","sources":["../../../../src/components/FieldLabel/FieldLabel.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { type FC, type ForwardedRef, forwardRef } from \"react\";\nimport Icon from \"../Icon/Icon\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport styles from \"./FieldLabel.module.scss\";\n\nexport interface FieldLabelProps extends VibeComponentProps {\n /*\n The icon displayed next to the label.\n /\n icon?: string \| React.FunctionComponent \| null;\n /\n The text content of the label.\n /\n labelText?: string;\n /\n The ID of the associated input element.\n /\n labelFor?: string;\n /\n Class name applied to the icon.\n /\n iconClassName?: string;\n /\n Class name applied to the label text.\n /\n labelClassName?: string;\n /\n If true, displays an asterisk to indicate a required field.\n /\n required?: boolean;\n /\n The HTML for attribute of the associated input element.\n /\n htmlFor?: string;\n}\n\nconst FieldLabel: FC<FieldLabelProps> = forwardRef(\n (\n {\n className,\n icon = \"\",\n labelText = \"\",\n labelFor = \"\",\n iconClassName = \"\",\n labelClassName = \"\",\n required = false,\n id = \"\",\n htmlFor = \"\"\n },\n ref: ForwardedRef<HTMLLabelElement>\n ) => {\n if (!labelText) {\n return null;\n }\n\n return (\n <section className={cx(styles.labelComponentWrapper, className)}>\n <Icon icon={icon} className={cx(styles.labelComponentIcon, iconClassName)} id={labelFor} iconType=\"font\" />\n <label\n id={id}\n htmlFor={labelFor \|\| htmlFor}\n ref={ref}\n className={cx(styles.labelComponentText, labelClassName)}\n >\n {labelText}\n {required && <span className={styles.required}> </span>}\n </label>\n </section>\n );\n }\n);\n\nexport default FieldLabel;\n"],"names":["FieldLabel","forwardRef","_ref","ref","_ref$icon","icon","_ref$labelText","labelText","_ref$labelFor","labelFor","_ref$iconClassName","iconClassName","_ref$labelClassName","labelClassName","_ref$required","required","_ref$id","id","_ref$htmlFor","htmlFor","React","createElement","className","cx","styles","labelComponentWrapper","Icon","labelComponentIcon","iconType","labelComponentText"],"mappings":"0IAqCMA,IAAAA,EAAkCC,GACtC,SAAAC,EAYEC,GACE,IAXSC,EAAAF,EACTG,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EAAAE,EAAAJ,EACTK,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAN,EACdO,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAR,EACbS,cAAAA,OAAgB,IAAHD,EAAG,GAAEA,EAAAE,EAAAV,EAClBW,eAAAA,OAAiB,IAAHD,EAAG,GAAEA,EAAAE,EAAAZ,EACnBa,SAAAA,OAAW,IAAHD,GAAQA,EAAAE,EAAAd,EAChBe,GAAAA,OAAK,IAAHD,EAAG,GAAEA,EAAAE,EAAAhB,EACPiB,QAAAA,OAAU,IAAHD,EAAG,GAAEA,EAId,OAAKX,EAKHa,EAASC,cAAA,UAAA,CAAAC,UAAWC,EAAGC,EAAOC,sBAjBrBvB,EAAToB,YAkBEF,EAACC,cAAAK,EAAK,CAAArB,KAAMA,EAAMiB,UAAWC,EAAGC,EAAOG,mBAAoBhB,GAAgBM,GAAIR,EAAUmB,SAAS,SAClGR,EACEC,cAAA,QAAA,CAAAJ,GAAIA,EACJE,QAASV,GAAYU,EACrBhB,IAAKA,EACLmB,UAAWC,EAAGC,EAAOK,mBAAoBhB,IAExCN,EACAQ,GAAYK,EAAMC,cAAA,OAAA,CAAAC,UAAWE,EAAOT,UAAmB,QAbrD,IAiBX"}

package/dist/src/components/FieldLabel/FieldLabel.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={labelComponentWrapper:"labelComponentWrapper_907c5160ec",labelComponentIcon:"labelComponentIcon_500c6146ce",labelComponentText:"labelComponentText_b6f0e7f45f",required:"required_e10b232357"};!function(e){const n="s_id-12dfba012dab_3_58_0";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_907c5160ec {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_500c6146ce {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_b6f0e7f45f {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_e10b232357 {\n  color: var(--negative-color);\n}");export{e as default};
+var e={labelComponentWrapper:"labelComponentWrapper_945e6012b2",labelComponentIcon:"labelComponentIcon_9a445cdb3d",labelComponentText:"labelComponentText_2c5b0189fc",required:"required_800ddfb6dd"};!function(e){const n="s_id-12dfba012dab_3_58_1";if("undefined"!=typeof document){const o=document.head||document.getElementsByTagName("head")[0];if(o.querySelector("#"+n))return;const t=document.createElement("style");t.id=n,o.firstChild?o.insertBefore(t,o.firstChild):o.appendChild(t),t.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".labelComponentWrapper_945e6012b2 {\n  font: var(--font-text2-normal);\n  display: flex;\n  padding-bottom: var(--spacing-xs);\n  align-items: center;\n}\n\n.labelComponentIcon_9a445cdb3d {\n  margin: 0 var(--spacing-small) 0 var(--spacing-xs);\n  line-height: 24px;\n  color: var(--secondary-text-color);\n}\n\n.labelComponentText_2c5b0189fc {\n  color: var(--primary-text-color);\n  padding-block: 2px;\n}\n\n.required_800ddfb6dd {\n  color: var(--negative-color);\n}");export{e as default};
 //# sourceMappingURL=FieldLabel.module.scss.js.map

package/dist/src/components/Flex/Flex.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Flex.js","sources":["../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n FlexAlign as FlexAlignEnum,\n FlexDirection as FlexDirectionEnum,\n FlexGap as FlexGapEnum,\n FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { FlexDirection, FlexJustify, FlexAlign, FlexGap, FlexShorthand } from \"./Flex.types\";\nimport { ElementContent, withStaticProps, VibeComponentProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface FlexProps extends VibeComponentProps {\n /*\n Inline styles applied to the flex container.\n /\n style?: object;\n /\n The direction of the flex container.\n /\n direction?: FlexDirection;\n /\n The HTML element or component used as the root.\n /\n elementType?: React.ElementType;\n /\n If true, allows wrapping of flex items.\n /\n wrap?: boolean;\n /\n The content inside the flex container.\n /\n children?: ElementContent \| ElementContent[];\n /\n Defines how flex items are aligned along the main axis.\n /\n justify?: FlexJustify;\n /\n Defines how flex items are aligned along the cross axis.\n /\n align?: FlexAlign;\n /\n The gap between flex items.\n /\n gap?: FlexGap \| number;\n /\n The flex shorthand of the flex container.\n /\n flex?: FlexShorthand;\n /\n The label of the flex container for accessibility.\n /\n ariaLabel?: string;\n /\n The tab order of the element.\n /\n tabIndex?: number;\n /\n Callback fired when the flex container is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse button is pressed on the flex container.\n /\n onMouseDown?: (event: React.MouseEvent) => void;\n /\n ID of the element describing the flex container.\n */\n ariaLabelledby?: string;\n}\n\nconst Flex = forwardRef(\n (\n {\n className,\n id,\n elementType = \"div\",\n direction = \"row\",\n wrap = false,\n children,\n justify = \"start\",\n align = \"center\",\n flex,\n gap,\n onClick,\n onMouseDown,\n style,\n ariaLabelledby,\n ariaLabel,\n tabIndex,\n \"data-testid\": dataTestId\n }: FlexProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const gapStyle = useMemo(() => {\n if (!gap) {\n return;\n }\n if (typeof gap === \"number\") {\n return { gap: `${gap}px` };\n }\n return { gap: `var(--spacing-${gap})` };\n }, [gap]);\n\n const flexStyle = useMemo(() => {\n if (!flex) return {};\n\n if ([\"string\", \"number\"].includes(typeof flex)) {\n return { flex };\n }\n\n if (typeof flex === \"object\") {\n return {\n flexGrow: flex.grow,\n flexShrink: flex.shrink,\n flexBasis: flex.basis\n };\n }\n\n return {};\n }, [flex]);\n\n const overrideStyle = useMemo(() => ({ ...style, ...gapStyle, ...flexStyle }), [style, gapStyle, flexStyle]);\n const onClickProps = useMemo(() => {\n if (onClick) return { elementType, ariaLabelledby };\n return { \"aria-labelledby\": ariaLabelledby };\n }, [onClick, elementType, ariaLabelledby]);\n const Element = onClick ? Clickable : elementType;\n\n return (\n <Element\n id={id}\n data-testid={dataTestId}\n {...onClickProps}\n ref={mergedRef}\n className={cx(\n styles.container,\n getStyle(styles, camelCase(`direction-${direction}`)),\n getStyle(styles, camelCase(`justify-${justify}`)),\n getStyle(styles, camelCase(`align-${align}`)),\n className,\n {\n [styles.wrap]: wrap\n }\n )}\n tabIndex={tabIndex}\n onClick={onClick}\n onMouseDown={onMouseDown}\n style={overrideStyle}\n aria-label={ariaLabel}\n >\n {children}\n </Element>\n );\n }\n);\n\ninterface FlexStaticProps {\n justify: typeof FlexJustifyEnum;\n align: typeof FlexAlignEnum;\n gaps: typeof FlexGapEnum;\n directions: typeof FlexDirectionEnum;\n}\n\nexport default withStaticProps<FlexProps, FlexStaticProps>(Flex, {\n justify: FlexJustifyEnum,\n align: FlexAlignEnum,\n gaps: FlexGapEnum,\n directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","flex","gap","onClick","onMouseDown","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","flexStyle","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"imBA2EA,IAgGeA,EAAAA,EAhGFC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAIf,EAAJe,KACAC,EAAGhB,EAAHgB,IACAC,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YACAC,EAAKnB,EAALmB,MACAC,EAAcpB,EAAdoB,eACAC,EAASrB,EAATqB,UACAC,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAoB,MACnCC,EAAYC,EAAY1B,EAAKuB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKb,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAc,OAAKd,EAAG,OAEf,CAAEA,IAAG,iBAAAc,OAAmBd,EAAG,KACpC,GAAG,CAACA,IAEEe,EAAYF,GAAQ,WACxB,OAAKd,EAED,CAAC,SAAU,UAAUiB,SAAQC,EAAQlB,IAChC,CAAEA,KAAAA,GAGS,WAAhBkB,EAAOlB,GACF,CACLmB,SAAUnB,EAAKoB,KACfC,WAAYrB,EAAKsB,OACjBC,UAAWvB,EAAKwB,OAIb,GAdW,EAepB,GAAG,CAACxB,IAEEyB,EAAgBX,GAAQ,WAAA,OAAYY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,GAAUS,GAAaG,EAAY,GAAE,CAACZ,EAAOS,EAAUG,IAC3FY,EAAed,GAAQ,WAC3B,OAAIZ,EAAgB,CAAEZ,YAAAA,EAAae,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACH,EAASZ,EAAae,IAG1B,OACEwB,EAAAC,cAHc5B,EAAU6B,EAAYzC,EAG5BoC,OAAAC,OAAA,CACNvC,GAAIA,EAAE,cACOoB,GACToB,EAAY,CAChB1C,IAAKyB,EACLxB,UAAW6C,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAArB,OAAcvB,KACxC2C,EAASF,EAAQG,EAAS,WAAArB,OAAYlB,KACtCsC,EAASF,EAAQG,EAAS,SAAArB,OAAUhB,KACpCZ,EAASkD,EAAA,CAAA,EAENJ,EAAOvC,KAAOA,IAGnBa,SAAUA,EACVL,QAASA,EACTC,YAAaA,EACbC,MAAOqB,EAAa,aACRnB,IAEXX,EAGP,IAU+D,CAC/DE,QAASyC,EACTvC,MAAOwC,EACPC,KAAMC,EACNC,WAAYC"}
1	+ {"version":3,"file":"Flex.js","sources":["../../../../src/components/Flex/Flex.tsx"],"sourcesContent":["import React, { forwardRef, useMemo, useRef } from \"react\";\nimport cx from \"classnames\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport Clickable from \"../../components/Clickable/Clickable\";\nimport {\n FlexAlign as FlexAlignEnum,\n FlexDirection as FlexDirectionEnum,\n FlexGap as FlexGapEnum,\n FlexJustify as FlexJustifyEnum\n} from \"./FlexConstants\";\nimport { type FlexDirection, type FlexJustify, type FlexAlign, type FlexGap, type FlexShorthand } from \"./Flex.types\";\nimport { type ElementContent, withStaticProps, type VibeComponentProps } from \"../../types\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Flex.module.scss\";\nimport { camelCase } from \"lodash-es\";\n\nexport interface FlexProps extends VibeComponentProps {\n /*\n Inline styles applied to the flex container.\n /\n style?: object;\n /\n The direction of the flex container.\n /\n direction?: FlexDirection;\n /\n The HTML element or component used as the root.\n /\n elementType?: React.ElementType;\n /\n If true, allows wrapping of flex items.\n /\n wrap?: boolean;\n /\n The content inside the flex container.\n /\n children?: ElementContent \| ElementContent[];\n /\n Defines how flex items are aligned along the main axis.\n /\n justify?: FlexJustify;\n /\n Defines how flex items are aligned along the cross axis.\n /\n align?: FlexAlign;\n /\n The gap between flex items.\n /\n gap?: FlexGap \| number;\n /\n The flex shorthand of the flex container.\n /\n flex?: FlexShorthand;\n /\n The label of the flex container for accessibility.\n /\n ariaLabel?: string;\n /\n The tab order of the element.\n /\n tabIndex?: number;\n /\n Callback fired when the flex container is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n Callback fired when the mouse button is pressed on the flex container.\n /\n onMouseDown?: (event: React.MouseEvent) => void;\n /\n ID of the element describing the flex container.\n */\n ariaLabelledby?: string;\n}\n\nconst Flex = forwardRef(\n (\n {\n className,\n id,\n elementType = \"div\",\n direction = \"row\",\n wrap = false,\n children,\n justify = \"start\",\n align = \"center\",\n flex,\n gap,\n onClick,\n onMouseDown,\n style,\n ariaLabelledby,\n ariaLabel,\n tabIndex,\n \"data-testid\": dataTestId\n }: FlexProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const componentRef = useRef<HTMLElement>(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n const gapStyle = useMemo(() => {\n if (!gap) {\n return;\n }\n if (typeof gap === \"number\") {\n return { gap: `${gap}px` };\n }\n return { gap: `var(--spacing-${gap})` };\n }, [gap]);\n\n const flexStyle = useMemo(() => {\n if (!flex) return {};\n\n if ([\"string\", \"number\"].includes(typeof flex)) {\n return { flex };\n }\n\n if (typeof flex === \"object\") {\n return {\n flexGrow: flex.grow,\n flexShrink: flex.shrink,\n flexBasis: flex.basis\n };\n }\n\n return {};\n }, [flex]);\n\n const overrideStyle = useMemo(() => ({ ...style, ...gapStyle, ...flexStyle }), [style, gapStyle, flexStyle]);\n const onClickProps = useMemo(() => {\n if (onClick) return { elementType, ariaLabelledby };\n return { \"aria-labelledby\": ariaLabelledby };\n }, [onClick, elementType, ariaLabelledby]);\n const Element = onClick ? Clickable : elementType;\n\n return (\n <Element\n id={id}\n data-testid={dataTestId}\n {...onClickProps}\n ref={mergedRef}\n className={cx(\n styles.container,\n getStyle(styles, camelCase(`direction-${direction}`)),\n getStyle(styles, camelCase(`justify-${justify}`)),\n getStyle(styles, camelCase(`align-${align}`)),\n className,\n {\n [styles.wrap]: wrap\n }\n )}\n tabIndex={tabIndex}\n onClick={onClick}\n onMouseDown={onMouseDown}\n style={overrideStyle}\n aria-label={ariaLabel}\n >\n {children}\n </Element>\n );\n }\n);\n\ninterface FlexStaticProps {\n justify: typeof FlexJustifyEnum;\n align: typeof FlexAlignEnum;\n gaps: typeof FlexGapEnum;\n directions: typeof FlexDirectionEnum;\n}\n\nexport default withStaticProps<FlexProps, FlexStaticProps>(Flex, {\n justify: FlexJustifyEnum,\n align: FlexAlignEnum,\n gaps: FlexGapEnum,\n directions: FlexDirectionEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","className","id","_ref$elementType","elementType","_ref$direction","direction","_ref$wrap","wrap","children","_ref$justify","justify","_ref$align","align","flex","gap","onClick","onMouseDown","style","ariaLabelledby","ariaLabel","tabIndex","dataTestId","componentRef","useRef","mergedRef","useMergeRef","gapStyle","useMemo","concat","flexStyle","includes","_typeof","flexGrow","grow","flexShrink","shrink","flexBasis","basis","overrideStyle","Object","assign","onClickProps","React","createElement","Clickable","cx","styles","container","getStyle","camelCase","_defineProperty","FlexJustifyEnum","FlexAlignEnum","gaps","FlexGapEnum","directions","FlexDirectionEnum"],"mappings":"imBA2EA,IAgGeA,EAAAA,EAhGFC,GACX,SAAAC,EAoBEC,GACE,IAnBAC,EAASF,EAATE,UACAC,EAAEH,EAAFG,GAAEC,EAAAJ,EACFK,YAAAA,OAAc,IAAHD,EAAG,MAAKA,EAAAE,EAAAN,EACnBO,UAAAA,OAAY,IAAHD,EAAG,MAAKA,EAAAE,EAAAR,EACjBS,KAAAA,OAAO,IAAHD,GAAQA,EACZE,EAAQV,EAARU,SAAQC,EAAAX,EACRY,QAAAA,OAAU,IAAHD,EAAG,QAAOA,EAAAE,EAAAb,EACjBc,MAAAA,OAAQ,IAAHD,EAAG,SAAQA,EAChBE,EAAIf,EAAJe,KACAC,EAAGhB,EAAHgB,IACAC,EAAOjB,EAAPiB,QACAC,EAAWlB,EAAXkB,YACAC,EAAKnB,EAALmB,MACAC,EAAcpB,EAAdoB,eACAC,EAASrB,EAATqB,UACAC,EAAQtB,EAARsB,SACeC,EAAUvB,EAAzB,eAIIwB,EAAeC,EAAoB,MACnCC,EAAYC,EAAY1B,EAAKuB,GAE7BI,EAAWC,GAAQ,WACvB,GAAKb,EAGL,MAAmB,iBAARA,EACF,CAAEA,IAAG,GAAAc,OAAKd,EAAG,OAEf,CAAEA,IAAG,iBAAAc,OAAmBd,EAAG,KACpC,GAAG,CAACA,IAEEe,EAAYF,GAAQ,WACxB,OAAKd,EAED,CAAC,SAAU,UAAUiB,SAAQC,EAAQlB,IAChC,CAAEA,KAAAA,GAGS,WAAhBkB,EAAOlB,GACF,CACLmB,SAAUnB,EAAKoB,KACfC,WAAYrB,EAAKsB,OACjBC,UAAWvB,EAAKwB,OAIb,GAdW,EAepB,GAAG,CAACxB,IAEEyB,EAAgBX,GAAQ,WAAA,OAAYY,OAAAC,OAAAD,OAAAC,OAAAD,OAAAC,OAAA,CAAA,EAAAvB,GAAUS,GAAaG,EAAY,GAAE,CAACZ,EAAOS,EAAUG,IAC3FY,EAAed,GAAQ,WAC3B,OAAIZ,EAAgB,CAAEZ,YAAAA,EAAae,eAAAA,GAC5B,CAAE,kBAAmBA,EAC7B,GAAE,CAACH,EAASZ,EAAae,IAG1B,OACEwB,EAAAC,cAHc5B,EAAU6B,EAAYzC,EAG5BoC,OAAAC,OAAA,CACNvC,GAAIA,EAAE,cACOoB,GACToB,EAAY,CAChB1C,IAAKyB,EACLxB,UAAW6C,EACTC,EAAOC,UACPC,EAASF,EAAQG,EAAS,aAAArB,OAAcvB,KACxC2C,EAASF,EAAQG,EAAS,WAAArB,OAAYlB,KACtCsC,EAASF,EAAQG,EAAS,SAAArB,OAAUhB,KACpCZ,EAASkD,EAAA,CAAA,EAENJ,EAAOvC,KAAOA,IAGnBa,SAAUA,EACVL,QAASA,EACTC,YAAaA,EACbC,MAAOqB,EAAa,aACRnB,IAEXX,EAGP,IAU+D,CAC/DE,QAASyC,EACTvC,MAAOwC,EACPC,KAAMC,EACNC,WAAYC"}

package/dist/src/components/Flex/Flex.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={container:"container_25fd7178ef",justifyStart:"justifyStart_95f77545df",justifyEnd:"justifyEnd_904706dc23",justifyCenter:"justifyCenter_9f482980d9",justifySpaceBetween:"justifySpaceBetween_2ab0dccdf4",justifySpaceAround:"justifySpaceAround_2b122813f9",justifyInital:"justifyInital_fe92767728",alignStart:"alignStart_da0de823da",alignEnd:"alignEnd_940b36933e",alignCenter:"alignCenter_982feac2bd",alignStretch:"alignStretch_75b26a479a",alignBaseline:"alignBaseline_2026a4cb5f",alignInitial:"alignInitial_5aa24f2509",directionColumn:"directionColumn_488f075e4c",wrap:"wrap_57417cdd71"};!function(n){const e="s_id-3ad7193e0a34_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const i=document.createElement("style");i.id=e,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_25fd7178ef {\n  display: flex;\n  flex-direction: row;\n}\n.container_25fd7178ef.justifyStart_95f77545df {\n  justify-content: flex-start;\n}\n.container_25fd7178ef.justifyEnd_904706dc23 {\n  justify-content: flex-end;\n}\n.container_25fd7178ef.justifyCenter_9f482980d9 {\n  justify-content: center;\n}\n.container_25fd7178ef.justifySpaceBetween_2ab0dccdf4 {\n  justify-content: space-between;\n}\n.container_25fd7178ef.justifySpaceAround_2b122813f9 {\n  justify-content: space-around;\n}\n.container_25fd7178ef.justifyInital_fe92767728 {\n  justify-content: initial;\n}\n.container_25fd7178ef.alignStart_da0de823da {\n  align-items: flex-start;\n}\n.container_25fd7178ef.alignEnd_940b36933e {\n  align-items: flex-end;\n}\n.container_25fd7178ef.alignCenter_982feac2bd {\n  align-items: center;\n}\n.container_25fd7178ef.alignStretch_75b26a479a {\n  align-items: stretch;\n}\n.container_25fd7178ef.alignBaseline_2026a4cb5f {\n  align-items: baseline;\n}\n.container_25fd7178ef.alignInitial_5aa24f2509 {\n  align-items: initial;\n}\n.container_25fd7178ef.directionColumn_488f075e4c {\n  flex-direction: column;\n}\n.container_25fd7178ef.wrap_57417cdd71 {\n  flex-wrap: wrap;\n}");export{n as default};
+var n={container:"container_a30fc2bf09",justifyStart:"justifyStart_3602165fdd",justifyEnd:"justifyEnd_a0c0766a92",justifyCenter:"justifyCenter_4ba8407eff",justifySpaceBetween:"justifySpaceBetween_3a3df4fed0",justifySpaceAround:"justifySpaceAround_1aaf4f4b03",justifyInital:"justifyInital_bf110e23a3",alignStart:"alignStart_5560960f92",alignEnd:"alignEnd_d9031f4285",alignCenter:"alignCenter_d114d3a6d5",alignStretch:"alignStretch_71b6f8673d",alignBaseline:"alignBaseline_f59b6eb7e2",alignInitial:"alignInitial_217a037035",directionColumn:"directionColumn_e38fc639f3",wrap:"wrap_51c4fea2cf"};!function(n){const e="s_id-3ad7193e0a34_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+e))return;const a=document.createElement("style");a.id=e,t.firstChild?t.insertBefore(a,t.firstChild):t.appendChild(a),a.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[e]=n)}(".container_a30fc2bf09 {\n  display: flex;\n  flex-direction: row;\n}\n.container_a30fc2bf09.justifyStart_3602165fdd {\n  justify-content: flex-start;\n}\n.container_a30fc2bf09.justifyEnd_a0c0766a92 {\n  justify-content: flex-end;\n}\n.container_a30fc2bf09.justifyCenter_4ba8407eff {\n  justify-content: center;\n}\n.container_a30fc2bf09.justifySpaceBetween_3a3df4fed0 {\n  justify-content: space-between;\n}\n.container_a30fc2bf09.justifySpaceAround_1aaf4f4b03 {\n  justify-content: space-around;\n}\n.container_a30fc2bf09.justifyInital_bf110e23a3 {\n  justify-content: initial;\n}\n.container_a30fc2bf09.alignStart_5560960f92 {\n  align-items: flex-start;\n}\n.container_a30fc2bf09.alignEnd_d9031f4285 {\n  align-items: flex-end;\n}\n.container_a30fc2bf09.alignCenter_d114d3a6d5 {\n  align-items: center;\n}\n.container_a30fc2bf09.alignStretch_71b6f8673d {\n  align-items: stretch;\n}\n.container_a30fc2bf09.alignBaseline_f59b6eb7e2 {\n  align-items: baseline;\n}\n.container_a30fc2bf09.alignInitial_217a037035 {\n  align-items: initial;\n}\n.container_a30fc2bf09.directionColumn_e38fc639f3 {\n  flex-direction: column;\n}\n.container_a30fc2bf09.wrap_51c4fea2cf {\n  flex-wrap: wrap;\n}");export{n as default};
 //# sourceMappingURL=Flex.module.scss.js.map

package/dist/src/components/FormattedNumber/FormattedNumber.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n /*\n The numeric value to format.\n /\n value?: number \| string;\n /\n The text displayed before the number.\n /\n prefix?: string;\n /\n The text displayed after the number.\n /\n suffix?: string;\n /\n The text displayed when no value is provided.\n /\n emptyPlaceHolder?: string;\n /\n The number of decimal places to display (0 ~ 20).\n /\n decimalPrecision?: number;\n /\n If true, formats the number into a compact notation.\n /\n compact?: boolean;\n /\n The locale used for formatting (Unicode BCP 47 locale identifier).\n /\n local?: string;\n /\n If true, reverses the order of the prefix and suffix.\n */\n rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n (\n {\n value,\n className,\n local = formatNumberConsts.DEFAULT_LOCAL,\n prefix,\n suffix,\n emptyPlaceHolder = \"N/A\",\n decimalPrecision = 2,\n compact = true,\n rtl,\n id,\n \"data-testid\": dataTestId\n }: FormattedNumberProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const renderSuffix = useMemo(() => {\n if (!suffix) return null;\n\n return <span className={cx(styles.suffix)}>{suffix}</span>;\n }, [suffix]);\n\n const renderPrefix = useMemo(() => {\n if (!prefix) return null;\n\n return <span className={cx(styles.prefix)}>{prefix}</span>;\n }, [prefix]);\n\n const calculatedValue = useMemo(() => {\n return formatNumber(Number(value), {\n local,\n precision: decimalPrecision,\n isCompact: compact\n });\n }, [value, decimalPrecision, local, compact]);\n\n if (validateValue(value)) {\n return <span>{emptyPlaceHolder}</span>;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n >\n {rtl ? renderSuffix : renderPrefix}\n <span>{calculatedValue}</span>\n {rtl ? renderPrefix : renderSuffix}\n </div>\n );\n }\n);\n\ninterface FormattedNumberStaticProps {\n formatNumber: typeof formatNumber;\n localFallBack: string;\n}\n\nexport default withStaticProps<FormattedNumberProps, FormattedNumberStaticProps>(FormattedNumber, {\n formatNumber: formatNumber,\n localFallBack: formatNumberConsts.DEFAULT_LOCAL\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER","localFallBack"],"mappings":"0cA2CA,IA6DeA,EAAAA,EA7DSC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B,IAQgG,CAChGQ,aAAcA,EACdQ,cAAe7B,EAAmBC"}
1	+ {"version":3,"file":"FormattedNumber.js","sources":["../../../../src/components/FormattedNumber/FormattedNumber.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useMemo, forwardRef } from \"react\";\nimport { formatNumber, formatNumberConsts } from \"../../helpers/textManipulations\";\nimport { validateValue } from \"./FormattedNumberHelpers\";\nimport { type VibeComponentProps, withStaticProps } from \"../../types\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./FormattedNumber.module.scss\";\n\nexport interface FormattedNumberProps extends VibeComponentProps {\n /*\n The numeric value to format.\n /\n value?: number \| string;\n /\n The text displayed before the number.\n /\n prefix?: string;\n /\n The text displayed after the number.\n /\n suffix?: string;\n /\n The text displayed when no value is provided.\n /\n emptyPlaceHolder?: string;\n /\n The number of decimal places to display (0 ~ 20).\n /\n decimalPrecision?: number;\n /\n If true, formats the number into a compact notation.\n /\n compact?: boolean;\n /\n The locale used for formatting (Unicode BCP 47 locale identifier).\n /\n local?: string;\n /\n If true, reverses the order of the prefix and suffix.\n */\n rtl?: boolean;\n}\n\nconst FormattedNumber = forwardRef(\n (\n {\n value,\n className,\n local = formatNumberConsts.DEFAULT_LOCAL,\n prefix,\n suffix,\n emptyPlaceHolder = \"N/A\",\n decimalPrecision = 2,\n compact = true,\n rtl,\n id,\n \"data-testid\": dataTestId\n }: FormattedNumberProps,\n ref: React.ForwardedRef<HTMLDivElement>\n ) => {\n const renderSuffix = useMemo(() => {\n if (!suffix) return null;\n\n return <span className={cx(styles.suffix)}>{suffix}</span>;\n }, [suffix]);\n\n const renderPrefix = useMemo(() => {\n if (!prefix) return null;\n\n return <span className={cx(styles.prefix)}>{prefix}</span>;\n }, [prefix]);\n\n const calculatedValue = useMemo(() => {\n return formatNumber(Number(value), {\n local,\n precision: decimalPrecision,\n isCompact: compact\n });\n }, [value, decimalPrecision, local, compact]);\n\n if (validateValue(value)) {\n return <span>{emptyPlaceHolder}</span>;\n }\n\n return (\n <div\n ref={ref}\n className={className}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.FORMATTED_NUMBER, id)}\n >\n {rtl ? renderSuffix : renderPrefix}\n <span>{calculatedValue}</span>\n {rtl ? renderPrefix : renderSuffix}\n </div>\n );\n }\n);\n\ninterface FormattedNumberStaticProps {\n formatNumber: typeof formatNumber;\n localFallBack: string;\n}\n\nexport default withStaticProps<FormattedNumberProps, FormattedNumberStaticProps>(FormattedNumber, {\n formatNumber: formatNumber,\n localFallBack: formatNumberConsts.DEFAULT_LOCAL\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","value","className","_ref$local","local","formatNumberConsts","DEFAULT_LOCAL","prefix","suffix","_ref$emptyPlaceHolder","emptyPlaceHolder","_ref$decimalPrecision","decimalPrecision","_ref$compact","compact","rtl","id","dataTestId","renderSuffix","useMemo","React","createElement","cx","styles","renderPrefix","calculatedValue","formatNumber","Number","precision","isCompact","validateValue","getTestId","ComponentDefaultTestId","FORMATTED_NUMBER","localFallBack"],"mappings":"0cA2CA,IA6DeA,EAAAA,EA7DSC,GACtB,SAAAC,EAcEC,GACE,IAbAC,EAAKF,EAALE,MACAC,EAASH,EAATG,UAASC,EAAAJ,EACTK,MAAAA,OAAK,IAAAD,EAAGE,EAAmBC,cAAaH,EACxCI,EAAMR,EAANQ,OACAC,EAAMT,EAANS,OAAMC,EAAAV,EACNW,iBAAAA,OAAmB,IAAHD,EAAG,MAAKA,EAAAE,EAAAZ,EACxBa,iBAAAA,OAAmB,IAAHD,EAAG,EAACA,EAAAE,EAAAd,EACpBe,QAAAA,OAAU,IAAHD,GAAOA,EACdE,EAAGhB,EAAHgB,IACAC,EAAEjB,EAAFiB,GACeC,EAAUlB,EAAzB,eAIImB,EAAeC,GAAQ,WAC3B,OAAKX,EAEEY,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOf,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEgB,EAAeL,GAAQ,WAC3B,OAAKZ,EAEEa,EAAMC,cAAA,OAAA,CAAAnB,UAAWoB,EAAGC,EAAOhB,SAAUA,GAFxB,IAGtB,GAAG,CAACA,IAEEkB,EAAkBN,GAAQ,WAC9B,OAAOO,EAAaC,OAAO1B,GAAQ,CACjCG,MAAAA,EACAwB,UAAWhB,EACXiB,UAAWf,GAEd,GAAE,CAACb,EAAOW,EAAkBR,EAAOU,IAEpC,OAAIgB,EAAc7B,GACTmB,EAAAC,cAAA,OAAA,KAAOX,GAIdU,uBACEpB,IAAKA,EACLE,UAAWA,EACXc,GAAIA,EAAE,cACOC,GAAcc,EAAUC,EAAuBC,iBAAkBjB,IAE7ED,EAAMG,EAAeM,EACtBJ,EAAAC,cAAA,OAAA,KAAOI,GACNV,EAAMS,EAAeN,EAG5B,IAQgG,CAChGQ,aAAcA,EACdQ,cAAe7B,EAAmBC"}

package/dist/src/components/FormattedNumber/FormattedNumber.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={formattedNumberComponent:"formattedNumberComponent_3288f79153",prefix:"prefix_e10793381d",suffix:"suffix_e10793381d"};!function(e){const n="s_id-d821b20045aa_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const d=document.createElement("style");d.id=n,t.firstChild?t.insertBefore(d,t.firstChild):t.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_3288f79153 {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_e10793381d {\n  white-space: pre;\n}\n\n.suffix_e10793381d {\n  white-space: pre;\n}");export{e as default};
+var e={formattedNumberComponent:"formattedNumberComponent_acb03fe77e",prefix:"prefix_0fb1a9df2c",suffix:"suffix_0fb1a9df2c"};!function(e){const n="s_id-d821b20045aa_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+n))return;const f=document.createElement("style");f.id=n,t.firstChild?t.insertBefore(f,t.firstChild):t.appendChild(f),f.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[n]=e)}(".formattedNumberComponent_acb03fe77e {\n  display: flex;\n  flex-direction: row;\n  box-sizing: border-box;\n  font-family: var(--font-family);\n  width: 100%;\n}\n\n.prefix_0fb1a9df2c {\n  white-space: pre;\n}\n\n.suffix_0fb1a9df2c {\n  white-space: pre;\n}");export{e as default};
 //# sourceMappingURL=FormattedNumber.module.scss.js.map

package/dist/src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"GridKeyboardNavigationContext.js","sources":["../../../../src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from \"react\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport { useLastNavigationDirection } from \"../Menu/Menu/hooks/useLastNavigationDirection\";\nimport {\n getDirectionMaps,\n getNextElementToFocusInDirection,\n getOppositeDirection,\n getOutmostElementInDirection\n} from \"./helper\";\nimport { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport { GridElementRef, GridKeyboardNavigationContextType, Position } from \"./GridKeyboardNavigationContextConstants\";\n\nexport const GridKeyboardNavigationContext = React.createContext<GridKeyboardNavigationContextType>(null);\n\n/*\n @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}\|\n * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items\n * @param {} wrapperRef - a reference for a wrapper element which contains all the referenced elements\n @param options - { disabled: boolean }\n */\nexport const useGridKeyboardNavigationContext = (\n positions: Position[],\n wrapperRef: GridElementRef,\n options: { disabled: boolean } = { disabled: false }\n) => {\n const directionMaps = useMemo(() => getDirectionMaps(positions), [positions]);\n const upperContext = useContext(GridKeyboardNavigationContext);\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n\n const onWrapperFocus = useCallback(() => {\n const keyboardDirection = lastNavigationDirectionRef.current;\n if (!keyboardDirection \|\| options.disabled) {\n return;\n }\n const oppositeDirection = getOppositeDirection(keyboardDirection);\n const refToFocus = getOutmostElementInDirection(directionMaps, oppositeDirection);\n refToFocus?.current?.focus();\n }, [directionMaps, options.disabled, lastNavigationDirectionRef]);\n useEventListener({ eventName: \"focus\", callback: onWrapperFocus, ref: wrapperRef });\n\n const onOutboundNavigation = useCallback(\n (elementRef: GridElementRef, direction: NavDirections) => {\n if (options.disabled) return;\n const maybeNextElement = getNextElementToFocusInDirection(directionMaps[direction], elementRef);\n if (maybeNextElement) {\n elementRef.current?.blur();\n maybeNextElement.current?.focus();\n return;\n }\n // nothing on that direction - try updating the upper context\n upperContext?.onOutboundNavigation(wrapperRef, direction);\n },\n [directionMaps, upperContext, wrapperRef, options.disabled]\n );\n return { onOutboundNavigation };\n};\n"],"names":["GridKeyboardNavigationContext","React","createContext","useGridKeyboardNavigationContext","positions","wrapperRef","options","arguments","length","undefined","disabled","directionMaps","useMemo","getDirectionMaps","upperContext","useContext","lastNavigationDirectionRef","useLastNavigationDirection","onWrapperFocus","useCallback","keyboardDirection","current","oppositeDirection","getOppositeDirection","refToFocus","getOutmostElementInDirection","_a","focus","useEventListener","eventName","callback","ref","onOutboundNavigation","elementRef","direction","maybeNextElement","getNextElementToFocusInDirection","blur","_b"],"mappings":"~~wWAYO~~,IAAMA,EAAgCC,EAAMC,cAAiD,MAQvFC,EAAmC,SAC9CC,EACAC,GAEE,IADFC,EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAiC,GAAA,CAAEG,UAAU,GAEvCC,EAAgBC,GAAQ,WAAA,OAAMC,EAAiBT,KAAY,CAACA,IAC5DU,EAAeC,EAAWf,GACxBgB,EAA+BC,IAA/BD,2BAEFE,EAAiBC,GAAY,iBAC3BC,EAAoBJ,EAA2BK,QACrD,GAAKD,IAAqBd,EAAQI,SAAlC,CAGA,IAAMY,EAAoBC,EAAqBH,GACzCI,EAAaC,EAA6Bd,EAAeW,GAC5C,QAAnBI,EAAAF,aAAA,EAAAA,EAAYH,eAAO,IAAAK,GAAAA,EAAEC,OAHpB,CAIF,GAAE,CAAChB,EAAeL,EAAQI,SAAUM,IAiBrC,OAhBAY,EAAiB,CAAEC,UAAW,QAASC,SAAUZ,EAAgBa,IAAK1B,IAgB/D,CAAE2B,qBAdoBb,GAC3B,SAACc,EAA4BC,WAC3B,IAAI5B,EAAQI,SAAZ,CACA,IAAMyB,EAAmBC,EAAiCzB,EAAcuB,GAAYD,GACpF,GAAIE,EAGF,OAFoB,QAApBT,EAAAO,EAAWZ,eAAS,IAAAK,GAAAA,EAAAW,YACM,QAA1BC,EAAAH,EAAiBd,eAAS,IAAAiB,GAAAA,EAAAX,SAI5Bb,SAAAA,EAAckB,qBAAqB3B,EAAY6B,EARzB,CASxB,GACA,CAACvB,EAAeG,EAAcT,EAAYC,EAAQI,WAGtD"}
1	+ {"version":3,"file":"GridKeyboardNavigationContext.js","sources":["../../../../src/components/GridKeyboardNavigationContext/GridKeyboardNavigationContext.ts"],"sourcesContent":["import React, { useContext, useCallback, useMemo } from \"react\";\nimport useEventListener from \"../../hooks/useEventListener\";\nimport { useLastNavigationDirection } from \"../Menu/Menu/hooks/useLastNavigationDirection\";\nimport {\n getDirectionMaps,\n getNextElementToFocusInDirection,\n getOppositeDirection,\n getOutmostElementInDirection\n} from \"./helper\";\nimport { type NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n type GridElementRef,\n type GridKeyboardNavigationContextType,\n type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nexport const GridKeyboardNavigationContext = React.createContext<GridKeyboardNavigationContextType>(null);\n\n/*\n @param {({topElement: MutableRefObject, bottomElement: MutableRefObject}\|\n * {leftElement: MutableRefObject, rightElement: MutableRefObject})[]} positions - the positions of the navigable items\n * @param {} wrapperRef - a reference for a wrapper element which contains all the referenced elements\n @param options - { disabled: boolean }\n */\nexport const useGridKeyboardNavigationContext = (\n positions: Position[],\n wrapperRef: GridElementRef,\n options: { disabled: boolean } = { disabled: false }\n) => {\n const directionMaps = useMemo(() => getDirectionMaps(positions), [positions]);\n const upperContext = useContext(GridKeyboardNavigationContext);\n const { lastNavigationDirectionRef } = useLastNavigationDirection();\n\n const onWrapperFocus = useCallback(() => {\n const keyboardDirection = lastNavigationDirectionRef.current;\n if (!keyboardDirection \|\| options.disabled) {\n return;\n }\n const oppositeDirection = getOppositeDirection(keyboardDirection);\n const refToFocus = getOutmostElementInDirection(directionMaps, oppositeDirection);\n refToFocus?.current?.focus();\n }, [directionMaps, options.disabled, lastNavigationDirectionRef]);\n useEventListener({ eventName: \"focus\", callback: onWrapperFocus, ref: wrapperRef });\n\n const onOutboundNavigation = useCallback(\n (elementRef: GridElementRef, direction: NavDirections) => {\n if (options.disabled) return;\n const maybeNextElement = getNextElementToFocusInDirection(directionMaps[direction], elementRef);\n if (maybeNextElement) {\n elementRef.current?.blur();\n maybeNextElement.current?.focus();\n return;\n }\n // nothing on that direction - try updating the upper context\n upperContext?.onOutboundNavigation(wrapperRef, direction);\n },\n [directionMaps, upperContext, wrapperRef, options.disabled]\n );\n return { onOutboundNavigation };\n};\n"],"names":["GridKeyboardNavigationContext","React","createContext","useGridKeyboardNavigationContext","positions","wrapperRef","options","arguments","length","undefined","disabled","directionMaps","useMemo","getDirectionMaps","upperContext","useContext","lastNavigationDirectionRef","useLastNavigationDirection","onWrapperFocus","useCallback","keyboardDirection","current","oppositeDirection","getOppositeDirection","refToFocus","getOutmostElementInDirection","_a","focus","useEventListener","eventName","callback","ref","onOutboundNavigation","elementRef","direction","maybeNextElement","getNextElementToFocusInDirection","blur","_b"],"mappings":"wWAgBO,IAAMA,EAAgCC,EAAMC,cAAiD,MAQvFC,EAAmC,SAC9CC,EACAC,GAEE,IADFC,EAAAC,UAAAC,OAAAD,QAAAE,IAAAF,UAAAE,GAAAF,UAAiC,GAAA,CAAEG,UAAU,GAEvCC,EAAgBC,GAAQ,WAAA,OAAMC,EAAiBT,KAAY,CAACA,IAC5DU,EAAeC,EAAWf,GACxBgB,EAA+BC,IAA/BD,2BAEFE,EAAiBC,GAAY,iBAC3BC,EAAoBJ,EAA2BK,QACrD,GAAKD,IAAqBd,EAAQI,SAAlC,CAGA,IAAMY,EAAoBC,EAAqBH,GACzCI,EAAaC,EAA6Bd,EAAeW,GAC5C,QAAnBI,EAAAF,aAAA,EAAAA,EAAYH,eAAO,IAAAK,GAAAA,EAAEC,OAHpB,CAIF,GAAE,CAAChB,EAAeL,EAAQI,SAAUM,IAiBrC,OAhBAY,EAAiB,CAAEC,UAAW,QAASC,SAAUZ,EAAgBa,IAAK1B,IAgB/D,CAAE2B,qBAdoBb,GAC3B,SAACc,EAA4BC,WAC3B,IAAI5B,EAAQI,SAAZ,CACA,IAAMyB,EAAmBC,EAAiCzB,EAAcuB,GAAYD,GACpF,GAAIE,EAGF,OAFoB,QAApBT,EAAAO,EAAWZ,eAAS,IAAAK,GAAAA,EAAAW,YACM,QAA1BC,EAAAH,EAAiBd,eAAS,IAAAiB,GAAAA,EAAAX,SAI5Bb,SAAAA,EAAckB,qBAAqB3B,EAAY6B,EARzB,CASxB,GACA,CAACvB,EAAeG,EAAcT,EAAYC,EAAQI,WAGtD"}

package/dist/src/components/GridKeyboardNavigationContext/helper.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"helper.js","sources":["../../../../src/components/GridKeyboardNavigationContext/helper.ts"],"sourcesContent":["import { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport { DirectionMap, DirectionMaps, GridElementRef, Position } from \"./GridKeyboardNavigationContextConstants\";\n\nfunction throwIfCausingCircularDependency(directionMaps: DirectionMaps, newPosition: Position) {\n const { topElement, bottomElement, leftElement, rightElement } = newPosition;\n if (topElement && bottomElement) {\n if (directionMaps[NavDirections.UP].get(topElement) === bottomElement) {\n throwMessage(\"BOTTOM\", \"TOP\");\n }\n if (directionMaps[NavDirections.DOWN].get(bottomElement) === topElement) {\n throwMessage(\"TOP\", \"BOTTOM\");\n }\n }\n if (leftElement && rightElement) {\n if (directionMaps[NavDirections.LEFT].get(leftElement) === rightElement) {\n throwMessage(\"RIGHT\", \"LEFT\");\n }\n if (directionMaps[NavDirections.RIGHT].get(rightElement) === leftElement) {\n throwMessage(\"LEFT\", \"RIGHT\");\n }\n }\n\n function throwMessage(directionFrom: string, directionTo: string) {\n throw new Error(\n `Circular positioning detected: the ${directionFrom} element is already positioned to the ${directionTo} of the ${directionTo} element. This probably means the layout isn't ordered correctly.`\n );\n }\n}\n\nexport const getDirectionMaps = (positions: Position[]) => {\n const directionMaps: DirectionMaps = {\n [NavDirections.RIGHT]: new Map(),\n [NavDirections.LEFT]: new Map(),\n [NavDirections.UP]: new Map(),\n [NavDirections.DOWN]: new Map()\n };\n positions.forEach(position => {\n throwIfCausingCircularDependency(directionMaps, position);\n\n const { topElement, bottomElement, leftElement, rightElement } = position;\n if (topElement && bottomElement) {\n directionMaps[NavDirections.UP].set(bottomElement, topElement);\n directionMaps[NavDirections.DOWN].set(topElement, bottomElement);\n }\n if (leftElement && rightElement) {\n directionMaps[NavDirections.LEFT].set(rightElement, leftElement);\n directionMaps[NavDirections.RIGHT].set(leftElement, rightElement);\n }\n });\n return directionMaps;\n};\n\nexport const getOppositeDirection = (direction: NavDirections) => {\n switch (direction) {\n case NavDirections.LEFT:\n return NavDirections.RIGHT;\n case NavDirections.RIGHT:\n return NavDirections.LEFT;\n case NavDirections.UP:\n return NavDirections.DOWN;\n case NavDirections.DOWN:\n return NavDirections.UP;\n default:\n throw new Error(`Unexpected direction: ${direction}`);\n }\n};\n\nexport const getOutmostElementInDirection = (\n directionMaps: DirectionMaps,\n direction: NavDirections\n): GridElementRef => {\n const directionMap = directionMaps[direction];\n const firstEntry = [...directionMap][0]; // start with any element\n if (!firstEntry) {\n // no relations were registered for this direction - fallback to a different direction\n if ([NavDirections.LEFT, NavDirections.RIGHT].includes(direction)) {\n // there are no registered horizontal relations registered, try vertical relations. Get the top-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.UP);\n }\n // there are no registered vertical relations registered, try horizontal relations. Get the left-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.LEFT);\n }\n const firstRef = firstEntry[0];\n return getLastFocusableElementFromElementInDirection(directionMap, firstRef);\n};\n\nexport const getNextElementToFocusInDirection = (\n directionMap: DirectionMap,\n elementRef: GridElementRef\n): null \| GridElementRef => {\n const next = directionMap.get(elementRef);\n if (!next) {\n // this is the last element on the direction map - there' nothing next\n return null;\n }\n if (!next.current \|\| next.current.disabled \|\| next.current.dataset?.disabled === \"true\") {\n // the next element is not mounted or disabled - try the next one\n return getNextElementToFocusInDirection(directionMap, next);\n }\n return next;\n};\n\nfunction getLastFocusableElementFromElementInDirection(directionMap: DirectionMap, initialRef: GridElementRef) {\n let done = false;\n let currentRef = initialRef;\n\n while (!done) {\n // as long as there's a mounted element which in that direction, take it.\n const nextEligible = getNextElementToFocusInDirection(directionMap, currentRef);\n if (!nextEligible) {\n done = true;\n } else {\n currentRef = nextEligible;\n }\n }\n\n return currentRef;\n}\n"],"names":["getDirectionMaps","positions","directionMaps","_defineProperty","NavDirections","RIGHT","Map","LEFT","UP","DOWN","forEach","position","newPosition","topElement","bottomElement","leftElement","rightElement","throwMessage","directionFrom","directionTo","Error","concat","get","throwIfCausingCircularDependency","set","getOppositeDirection","direction","getOutmostElementInDirection","directionMap","firstEntry","_toConsumableArray","initialRef","done","currentRef","nextEligible","getNextElementToFocusInDirection","getLastFocusableElementFromElementInDirection","includes","elementRef","next","current","disabled","_a","dataset"],"mappings":"~~mLA6BaA~~,EAAmB,SAACC,GAC/B,IAAMC,EAAaC,EAAAA,EAAAA,EAAAA,EAAA,GAChBC,EAAcC,MAAQ,IAAIC,KAC1BF,EAAcG,KAAO,IAAID,KACzBF,EAAcI,GAAK,IAAIF,KACvBF,EAAcK,KAAO,IAAIH,KAe5B,OAbAL,EAAUS,SAAQ,SAAAC,IAjCpB,SAA0CT,EAA8BU,GACtE,IAAQC,EAAyDD,EAAzDC,WAAYC,EAA6CF,EAA7CE,cAAeC,EAA8BH,EAA9BG,YAAaC,EAAiBJ,EAAjBI,aAkBhD,SAASC,EAAaC,EAAuBC,GAC3C,MAAUC,MAAKC,sCAAAA,OACyBH,EAAa,0CAAAG,OAAyCF,EAAWE,YAAAA,OAAWF,uEAEtH,CArBIN,GAAcC,IACZZ,EAAcE,EAAcI,IAAIc,IAAIT,KAAgBC,GACtDG,EAAa,SAAU,OAErBf,EAAcE,EAAcK,MAAMa,IAAIR,KAAmBD,GAC3DI,EAAa,MAAO,WAGpBF,GAAeC,IACbd,EAAcE,EAAcG,MAAMe,IAAIP,KAAiBC,GACzDC,EAAa,QAAS,QAEpBf,EAAcE,EAAcC,OAAOiB,IAAIN,KAAkBD,GAC3DE,EAAa,OAAQ,SAS3B,CAUIM,CAAiCrB,EAAeS,GAEhD,IAAQE,EAAyDF,EAAzDE,WAAYC,EAA6CH,EAA7CG,cAAeC,EAA8BJ,EAA9BI,YAAaC,EAAiBL,EAAjBK,aAC5CH,GAAcC,IAChBZ,EAAcE,EAAcI,IAAIgB,IAAIV,EAAeD,GACnDX,EAAcE,EAAcK,MAAMe,IAAIX,EAAYC,IAEhDC,GAAeC,IACjBd,EAAcE,EAAcG,MAAMiB,IAAIR,EAAcD,GACpDb,EAAcE,EAAcC,OAAOmB,IAAIT,EAAaC,GAExD,IACOd,CACT,EAEauB,EAAuB,SAACC,GACnC,OAAQA,GACN,KAAKtB,EAAcG,KACjB,OAAOH,EAAcC,MACvB,KAAKD,EAAcC,MACjB,OAAOD,EAAcG,KACvB,KAAKH,EAAcI,GACjB,OAAOJ,EAAcK,KACvB,KAAKL,EAAcK,KACjB,OAAOL,EAAcI,GACvB,QACE,MAAUY,MAAK,yBAAAC,OAA0BK,IAE/C,EAEaC,EAA+B,SAA/BA,EACXzB,EACAwB,GAEA,IAAME,EAAe1B,EAAcwB,GAC7BG,EAAaC,EAAIF,GAAc,GACrC,OAAKC,EA6BP,SAAuDD,EAA4BG,GACjF,IAAIC,GAAO,EACPC,EAAaF,EAEjB,MAAQC,GAAM,CAEZ,IAAME,EAAeC,EAAiCP,EAAcK,GAC/DC,EAGHD,EAAaC,EAFbF,GAAO,CAIV,CAED,OAAOC,CACT,CAlCSG,CAA8CR,EADpCC,EAAW,IALjBF,EAA6BzB,EAFlC,CAACE,EAAcG,KAAMH,EAAcC,OAAOgC,SAASX,GAEFtB,EAAcI,GAGhBJ,EAAcG,KAIrE,EAEa4B,EAAmC,SAAnCA,EACXP,EACAU,SAEMC,EAAOX,EAAaN,IAAIgB,GAC9B,OAAKC,GAIAA,EAAKC,SAAWD,EAAKC,QAAQC,UAA+C,UAAb,QAAtBC,EAAAH,EAAKC,QAAQG,eAAS,IAAAD,OAAA,EAAAA,EAAAD,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}
1	+ {"version":3,"file":"helper.js","sources":["../../../../src/components/GridKeyboardNavigationContext/helper.ts"],"sourcesContent":["import { NavDirections } from \"../../hooks/useFullKeyboardListeners\";\nimport {\n type DirectionMap,\n type DirectionMaps,\n type GridElementRef,\n type Position\n} from \"./GridKeyboardNavigationContextConstants\";\n\nfunction throwIfCausingCircularDependency(directionMaps: DirectionMaps, newPosition: Position) {\n const { topElement, bottomElement, leftElement, rightElement } = newPosition;\n if (topElement && bottomElement) {\n if (directionMaps[NavDirections.UP].get(topElement) === bottomElement) {\n throwMessage(\"BOTTOM\", \"TOP\");\n }\n if (directionMaps[NavDirections.DOWN].get(bottomElement) === topElement) {\n throwMessage(\"TOP\", \"BOTTOM\");\n }\n }\n if (leftElement && rightElement) {\n if (directionMaps[NavDirections.LEFT].get(leftElement) === rightElement) {\n throwMessage(\"RIGHT\", \"LEFT\");\n }\n if (directionMaps[NavDirections.RIGHT].get(rightElement) === leftElement) {\n throwMessage(\"LEFT\", \"RIGHT\");\n }\n }\n\n function throwMessage(directionFrom: string, directionTo: string) {\n throw new Error(\n `Circular positioning detected: the ${directionFrom} element is already positioned to the ${directionTo} of the ${directionTo} element. This probably means the layout isn't ordered correctly.`\n );\n }\n}\n\nexport const getDirectionMaps = (positions: Position[]) => {\n const directionMaps: DirectionMaps = {\n [NavDirections.RIGHT]: new Map(),\n [NavDirections.LEFT]: new Map(),\n [NavDirections.UP]: new Map(),\n [NavDirections.DOWN]: new Map()\n };\n positions.forEach(position => {\n throwIfCausingCircularDependency(directionMaps, position);\n\n const { topElement, bottomElement, leftElement, rightElement } = position;\n if (topElement && bottomElement) {\n directionMaps[NavDirections.UP].set(bottomElement, topElement);\n directionMaps[NavDirections.DOWN].set(topElement, bottomElement);\n }\n if (leftElement && rightElement) {\n directionMaps[NavDirections.LEFT].set(rightElement, leftElement);\n directionMaps[NavDirections.RIGHT].set(leftElement, rightElement);\n }\n });\n return directionMaps;\n};\n\nexport const getOppositeDirection = (direction: NavDirections) => {\n switch (direction) {\n case NavDirections.LEFT:\n return NavDirections.RIGHT;\n case NavDirections.RIGHT:\n return NavDirections.LEFT;\n case NavDirections.UP:\n return NavDirections.DOWN;\n case NavDirections.DOWN:\n return NavDirections.UP;\n default:\n throw new Error(`Unexpected direction: ${direction}`);\n }\n};\n\nexport const getOutmostElementInDirection = (\n directionMaps: DirectionMaps,\n direction: NavDirections\n): GridElementRef => {\n const directionMap = directionMaps[direction];\n const firstEntry = [...directionMap][0]; // start with any element\n if (!firstEntry) {\n // no relations were registered for this direction - fallback to a different direction\n if ([NavDirections.LEFT, NavDirections.RIGHT].includes(direction)) {\n // there are no registered horizontal relations registered, try vertical relations. Get the top-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.UP);\n }\n // there are no registered vertical relations registered, try horizontal relations. Get the left-most element.\n return getOutmostElementInDirection(directionMaps, NavDirections.LEFT);\n }\n const firstRef = firstEntry[0];\n return getLastFocusableElementFromElementInDirection(directionMap, firstRef);\n};\n\nexport const getNextElementToFocusInDirection = (\n directionMap: DirectionMap,\n elementRef: GridElementRef\n): null \| GridElementRef => {\n const next = directionMap.get(elementRef);\n if (!next) {\n // this is the last element on the direction map - there' nothing next\n return null;\n }\n if (!next.current \|\| next.current.disabled \|\| next.current.dataset?.disabled === \"true\") {\n // the next element is not mounted or disabled - try the next one\n return getNextElementToFocusInDirection(directionMap, next);\n }\n return next;\n};\n\nfunction getLastFocusableElementFromElementInDirection(directionMap: DirectionMap, initialRef: GridElementRef) {\n let done = false;\n let currentRef = initialRef;\n\n while (!done) {\n // as long as there's a mounted element which in that direction, take it.\n const nextEligible = getNextElementToFocusInDirection(directionMap, currentRef);\n if (!nextEligible) {\n done = true;\n } else {\n currentRef = nextEligible;\n }\n }\n\n return currentRef;\n}\n"],"names":["getDirectionMaps","positions","directionMaps","_defineProperty","NavDirections","RIGHT","Map","LEFT","UP","DOWN","forEach","position","newPosition","topElement","bottomElement","leftElement","rightElement","throwMessage","directionFrom","directionTo","Error","concat","get","throwIfCausingCircularDependency","set","getOppositeDirection","direction","getOutmostElementInDirection","directionMap","firstEntry","_toConsumableArray","initialRef","done","currentRef","nextEligible","getNextElementToFocusInDirection","getLastFocusableElementFromElementInDirection","includes","elementRef","next","current","disabled","_a","dataset"],"mappings":"mLAkCaA,EAAmB,SAACC,GAC/B,IAAMC,EAAaC,EAAAA,EAAAA,EAAAA,EAAA,GAChBC,EAAcC,MAAQ,IAAIC,KAC1BF,EAAcG,KAAO,IAAID,KACzBF,EAAcI,GAAK,IAAIF,KACvBF,EAAcK,KAAO,IAAIH,KAe5B,OAbAL,EAAUS,SAAQ,SAAAC,IAjCpB,SAA0CT,EAA8BU,GACtE,IAAQC,EAAyDD,EAAzDC,WAAYC,EAA6CF,EAA7CE,cAAeC,EAA8BH,EAA9BG,YAAaC,EAAiBJ,EAAjBI,aAkBhD,SAASC,EAAaC,EAAuBC,GAC3C,MAAUC,MAAKC,sCAAAA,OACyBH,EAAa,0CAAAG,OAAyCF,EAAWE,YAAAA,OAAWF,uEAEtH,CArBIN,GAAcC,IACZZ,EAAcE,EAAcI,IAAIc,IAAIT,KAAgBC,GACtDG,EAAa,SAAU,OAErBf,EAAcE,EAAcK,MAAMa,IAAIR,KAAmBD,GAC3DI,EAAa,MAAO,WAGpBF,GAAeC,IACbd,EAAcE,EAAcG,MAAMe,IAAIP,KAAiBC,GACzDC,EAAa,QAAS,QAEpBf,EAAcE,EAAcC,OAAOiB,IAAIN,KAAkBD,GAC3DE,EAAa,OAAQ,SAS3B,CAUIM,CAAiCrB,EAAeS,GAEhD,IAAQE,EAAyDF,EAAzDE,WAAYC,EAA6CH,EAA7CG,cAAeC,EAA8BJ,EAA9BI,YAAaC,EAAiBL,EAAjBK,aAC5CH,GAAcC,IAChBZ,EAAcE,EAAcI,IAAIgB,IAAIV,EAAeD,GACnDX,EAAcE,EAAcK,MAAMe,IAAIX,EAAYC,IAEhDC,GAAeC,IACjBd,EAAcE,EAAcG,MAAMiB,IAAIR,EAAcD,GACpDb,EAAcE,EAAcC,OAAOmB,IAAIT,EAAaC,GAExD,IACOd,CACT,EAEauB,EAAuB,SAACC,GACnC,OAAQA,GACN,KAAKtB,EAAcG,KACjB,OAAOH,EAAcC,MACvB,KAAKD,EAAcC,MACjB,OAAOD,EAAcG,KACvB,KAAKH,EAAcI,GACjB,OAAOJ,EAAcK,KACvB,KAAKL,EAAcK,KACjB,OAAOL,EAAcI,GACvB,QACE,MAAUY,MAAK,yBAAAC,OAA0BK,IAE/C,EAEaC,EAA+B,SAA/BA,EACXzB,EACAwB,GAEA,IAAME,EAAe1B,EAAcwB,GAC7BG,EAAaC,EAAIF,GAAc,GACrC,OAAKC,EA6BP,SAAuDD,EAA4BG,GACjF,IAAIC,GAAO,EACPC,EAAaF,EAEjB,MAAQC,GAAM,CAEZ,IAAME,EAAeC,EAAiCP,EAAcK,GAC/DC,EAGHD,EAAaC,EAFbF,GAAO,CAIV,CAED,OAAOC,CACT,CAlCSG,CAA8CR,EADpCC,EAAW,IALjBF,EAA6BzB,EAFlC,CAACE,EAAcG,KAAMH,EAAcC,OAAOgC,SAASX,GAEFtB,EAAcI,GAGhBJ,EAAcG,KAIrE,EAEa4B,EAAmC,SAAnCA,EACXP,EACAU,SAEMC,EAAOX,EAAaN,IAAIgB,GAC9B,OAAKC,GAIAA,EAAKC,SAAWD,EAAKC,QAAQC,UAA+C,UAAb,QAAtBC,EAAAH,EAAKC,QAAQG,eAAS,IAAAD,OAAA,EAAAA,EAAAD,UAE3DN,EAAiCP,EAAcW,GAEjDA,EANE,IAOX"}

package/dist/src/components/Heading/Heading.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Heading.js","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { TypographyProps } from \"../Typography/Typography\";\nimport {\n TypographyAlign as TypographyAlignEnum,\n TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { HeadingType, HeadingWeight } from \"./Heading.types\";\nimport { TypographyAlign, TypographyColor } from \"../Typography\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n /*\n The heading type.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n /\n weight?: HeadingWeight;\n /\n The text alignment.\n /\n align?: TypographyAlign;\n /\n The text color.\n /\n color?: TypographyColor;\n /\n The content inside the heading.\n */\n children: ReactNode;\n}\n\nconst Heading = forwardRef(\n (\n { className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n <Typography\n element={type}\n ref={ref}\n className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n {...typographyProps}\n />\n </TypographyContext.Provider>\n );\n }\n);\n\ninterface HeadingStaticProps {\n types: typeof HeadingTypeEnum;\n weights: typeof HeadingWeightEnum;\n colors: typeof TypographyColorEnum;\n align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<HeadingProps, HeadingStaticProps>(Heading, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum,\n align: TypographyAlignEnum,\n colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"4oBAgBA,IAkDeA,EAAAA,EAzBCC,GACd,SACEC,EACAC,GADA,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BAGA,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBA/BV,IAgCzBL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAUwE,CACxEiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}
1	+ {"version":3,"file":"Heading.js","sources":["../../../../src/components/Heading/Heading.tsx"],"sourcesContent":["import React, { forwardRef, type ReactNode } from \"react\";\nimport cx from \"classnames\";\nimport { camelCase } from \"lodash-es\";\nimport { withStaticProps } from \"../../types\";\nimport { HeadingType as HeadingTypeEnum, HeadingWeight as HeadingWeightEnum } from \"./HeadingConstants\";\nimport Typography, { type TypographyProps } from \"../Typography/Typography\";\nimport {\n TypographyAlign as TypographyAlignEnum,\n TypographyColor as TypographyColorEnum\n} from \"../Typography/TypographyConstants\";\nimport { getStyle } from \"../../helpers/typesciptCssModulesHelper\";\nimport styles from \"./Heading.module.scss\";\nimport { TypographyContext } from \"../Typography/utils/TypographyContext\";\nimport { type HeadingType, type HeadingWeight } from \"./Heading.types\";\nimport { type TypographyAlign, type TypographyColor } from \"../Typography\";\n\nconst OVERFLOW_TOLERANCE_IN_PX = 4;\n\nexport interface HeadingProps extends TypographyProps {\n /*\n The heading type.\n /\n type?: HeadingType;\n /\n The font weight of the heading.\n /\n weight?: HeadingWeight;\n /\n The text alignment.\n /\n align?: TypographyAlign;\n /\n The text color.\n /\n color?: TypographyColor;\n /\n The content inside the heading.\n */\n children: ReactNode;\n}\n\nconst Heading = forwardRef(\n (\n { className, type = \"h1\", weight = \"normal\", ...typographyProps }: HeadingProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n return (\n <TypographyContext.Provider value={{ overflowTolerance: OVERFLOW_TOLERANCE_IN_PX }}>\n <Typography\n element={type}\n ref={ref}\n className={cx(styles.heading, getStyle(styles, camelCase(type + \"-\" + weight)), className)}\n {...typographyProps}\n />\n </TypographyContext.Provider>\n );\n }\n);\n\ninterface HeadingStaticProps {\n types: typeof HeadingTypeEnum;\n weights: typeof HeadingWeightEnum;\n colors: typeof TypographyColorEnum;\n align: typeof TypographyAlignEnum;\n}\n\nexport default withStaticProps<HeadingProps, HeadingStaticProps>(Heading, {\n types: HeadingTypeEnum,\n weights: HeadingWeightEnum,\n align: TypographyAlignEnum,\n colors: TypographyColorEnum\n});\n"],"names":["withStaticProps","forwardRef","_a","ref","className","_a$type","type","_a$weight","weight","typographyProps","__rest","React","createElement","TypographyContext","Provider","value","overflowTolerance","Typography","Object","assign","element","cx","styles","heading","getStyle","camelCase","types","HeadingTypeEnum","weights","HeadingWeightEnum","align","TypographyAlignEnum","colors","TypographyColorEnum"],"mappings":"4oBAgBA,IAkDeA,EAAAA,EAzBCC,GACd,SACEC,EACAC,GADA,IAAEC,EAA6EF,EAA7EE,UAASC,EAAoEH,EAAlEI,KAAAA,OAAO,IAAHD,EAAG,KAAIA,EAAAE,EAAuDL,EAArDM,OAAAA,OAAS,IAAHD,EAAG,SAAQA,EAAKE,EAAeC,EAAAR,EAA/D,+BAGA,OACES,EAAAC,cAACC,EAAkBC,SAAQ,CAACC,MAAO,CAAEC,kBA/BV,IAgCzBL,EAAAC,cAACK,EACCC,OAAAC,OAAA,CAAAC,QAASd,EACTH,IAAKA,EACLC,UAAWiB,EAAGC,EAAOC,QAASC,EAASF,EAAQG,EAAUnB,EAAO,IAAME,IAAUJ,IAC5EK,IAIZ,IAUwE,CACxEiB,MAAOC,EACPC,QAASC,EACTC,MAAOC,EACPC,OAAQC"}

package/dist/src/components/Heading/Heading.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var n={h1Bold:"h1Bold_7d1f3db122",h1Medium:"h1Medium_dc9f4330ce",h1Normal:"h1Normal_8720ccd320",h1Light:"h1Light_b00c97fd94",h2Bold:"h2Bold_e9935ea5d6",h2Medium:"h2Medium_4975f5f544",h2Normal:"h2Normal_965844d3c2",h2Light:"h2Light_f3a0bbc5de",h3Bold:"h3Bold_9b547a9b55",h3Medium:"h3Medium_7b904c32d1",h3Normal:"h3Normal_fb205e627f",h3Light:"h3Light_c12c19c876",heading:"heading_6de9a89b4a"};!function(n){const o="s_id-7b3706ef5cf5_3_58_0";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const i=document.createElement("style");i.id=o,t.firstChild?t.insertBefore(i,t.firstChild):t.appendChild(i),i.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_7d1f3db122 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_dc9f4330ce {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_8720ccd320 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_b00c97fd94 {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_e9935ea5d6 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_4975f5f544 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_965844d3c2 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_f3a0bbc5de {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_9b547a9b55 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_7b904c32d1 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_fb205e627f {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_c12c19c876 {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_6de9a89b4a {\n  margin: 0;\n}");export{n as default};
+var n={h1Bold:"h1Bold_4f6e791c61",h1Medium:"h1Medium_3f9dcee97b",h1Normal:"h1Normal_b12cce10b2",h1Light:"h1Light_5058da880f",h2Bold:"h2Bold_4f38be3623",h2Medium:"h2Medium_d840224877",h2Normal:"h2Normal_89a0adaeb7",h2Light:"h2Light_d1eb67db46",h3Bold:"h3Bold_ed460ab502",h3Medium:"h3Medium_8fb0b685a0",h3Normal:"h3Normal_49484ebffa",h3Light:"h3Light_51863dd52b",heading:"heading_e241dd503b"};!function(n){const o="s_id-7b3706ef5cf5_3_58_1";if("undefined"!=typeof document){const t=document.head||document.getElementsByTagName("head")[0];if(t.querySelector("#"+o))return;const e=document.createElement("style");e.id=o,t.firstChild?t.insertBefore(e,t.firstChild):t.appendChild(e),e.appendChild(document.createTextNode(n))}else globalThis.injectedStyles&&(globalThis.injectedStyles[o]=n)}(".h1Bold_4f6e791c61 {\n  font: var(--font-h1-bold);\n  letter-spacing: var(--letter-spacing-h1-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Medium_3f9dcee97b {\n  font: var(--font-h1-medium);\n  letter-spacing: var(--letter-spacing-h1-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Normal_b12cce10b2 {\n  font: var(--font-h1-normal);\n  letter-spacing: var(--letter-spacing-h1-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h1Light_5058da880f {\n  font: var(--font-h1-light);\n  letter-spacing: var(--letter-spacing-h1-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Bold_4f38be3623 {\n  font: var(--font-h2-bold);\n  letter-spacing: var(--letter-spacing-h2-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Medium_d840224877 {\n  font: var(--font-h2-medium);\n  letter-spacing: var(--letter-spacing-h2-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Normal_89a0adaeb7 {\n  font: var(--font-h2-normal);\n  letter-spacing: var(--letter-spacing-h2-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h2Light_d1eb67db46 {\n  font: var(--font-h2-light);\n  letter-spacing: var(--letter-spacing-h2-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Bold_ed460ab502 {\n  font: var(--font-h3-bold);\n  letter-spacing: var(--letter-spacing-h3-bold);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Medium_8fb0b685a0 {\n  font: var(--font-h3-medium);\n  letter-spacing: var(--letter-spacing-h3-medium);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Normal_49484ebffa {\n  font: var(--font-h3-normal);\n  letter-spacing: var(--letter-spacing-h3-normal);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.h3Light_51863dd52b {\n  font: var(--font-h3-light);\n  letter-spacing: var(--letter-spacing-h3-light);\n  -webkit-font-smoothing: var(--font-smoothing-webkit);\n  -moz-osx-font-smoothing: var(--font-smoothing-moz);\n}\n\n.heading_e241dd503b {\n  margin: 0;\n}");export{n as default};
 //# sourceMappingURL=Heading.module.scss.js.map

package/dist/src/components/HiddenText/HiddenText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HiddenText.js","sources":["../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n /*\n The text content that is hidden but available for assistive technologies.\n */\n text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <span\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n className={cx(styles.hiddenTextWrapper, className)}\n >\n {text}\n </span>\n );\n }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"gPAcMA,IAAAA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAK,IAAHD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}
1	+ {"version":3,"file":"HiddenText.js","sources":["../../../../src/components/HiddenText/HiddenText.tsx"],"sourcesContent":["import cx from \"classnames\";\nimport React, { useRef, forwardRef } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport type VibeComponentProps from \"../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport styles from \"./HiddenText.module.scss\";\n\nexport interface HiddenTextProps extends VibeComponentProps {\n /*\n The text content that is hidden but available for assistive technologies.\n */\n text: string;\n}\n\nconst HiddenText = forwardRef<HTMLSpanElement, HiddenTextProps>(\n ({ text, className = \"\", id = \"hiddenText\", \"data-testid\": dataTestId }, ref) => {\n const componentRef = useRef(null);\n const mergedRef = useMergeRef(ref, componentRef);\n\n return (\n <span\n ref={mergedRef}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.HIDDEN_TEXT, id)}\n className={cx(styles.hiddenTextWrapper, className)}\n >\n {text}\n </span>\n );\n }\n);\n\nexport default HiddenText;\n"],"names":["HiddenText","forwardRef","_ref","ref","text","_ref$className","className","_ref$id","id","dataTestId","componentRef","useRef","mergedRef","useMergeRef","React","createElement","getTestId","ComponentDefaultTestId","HIDDEN_TEXT","cx","styles","hiddenTextWrapper"],"mappings":"gPAcMA,IAAAA,EAAaC,GACjB,SAAAC,EAAyEC,GAAO,IAA7EC,EAAIF,EAAJE,KAAIC,EAAAH,EAAEI,UAAAA,OAAY,IAAHD,EAAG,GAAEA,EAAAE,EAAAL,EAAEM,GAAAA,OAAK,IAAHD,EAAG,aAAYA,EAAiBE,EAAUP,EAAzB,eACpCQ,EAAeC,EAAO,MACtBC,EAAYC,EAAYV,EAAKO,GAEnC,OACEI,EAAAC,cAAA,OAAA,CACEZ,IAAKS,EACLJ,GAAIA,gBACSC,GAAcO,EAAUC,EAAuBC,YAAaV,GACzEF,UAAWa,EAAGC,EAAOC,kBAAmBf,IAEvCF,EAGP"}

package/dist/src/components/HiddenText/HiddenText.module.scss.js CHANGED Viewed

@@ -1,2 +1,2 @@
-var e={hiddenTextWrapper:"hiddenTextWrapper_30383ddbb6"};!function(e){const t="s_id-5ac012179a41_3_58_0";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_30383ddbb6 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
+var e={hiddenTextWrapper:"hiddenTextWrapper_f7e36b4855"};!function(e){const t="s_id-5ac012179a41_3_58_1";if("undefined"!=typeof document){const n=document.head||document.getElementsByTagName("head")[0];if(n.querySelector("#"+t))return;const d=document.createElement("style");d.id=t,n.firstChild?n.insertBefore(d,n.firstChild):n.appendChild(d),d.appendChild(document.createTextNode(e))}else globalThis.injectedStyles&&(globalThis.injectedStyles[t]=e)}(".hiddenTextWrapper_f7e36b4855 {\n  /* clip pattern taken from https://www.a11yproject.com/posts/2013-01-11-how-to-hide-content/. */\n  clip: rect(0, 0, 0, 0);\n  clip-path: inset(50%);\n  height: 1px;\n  overflow: hidden;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n}");export{e as default};
 //# sourceMappingURL=HiddenText.module.scss.js.map

package/dist/src/components/Icon/CustomSvgIcon/CustomSvgIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { FunctionComponent, useCallback, AriaRole, Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n /\n Callback fired when the icon is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n The source URL or object of the SVG icon.\n /\n src: string \| object;\n /\n The accessible label for the icon.\n /\n ariaLabel?: string;\n /\n The tab index of the icon for keyboard navigation.\n /\n tabIndex?: number;\n /\n The ARIA role of the icon.\n /\n role?: AriaRole;\n /\n If true, hides the icon from screen readers.\n /\n ariaHidden?: boolean;\n /\n If true, makes the icon clickable.\n /\n clickable?: boolean;\n /\n If true, replaces the `fill` attribute in the SVG with `currentColor`.\n /\n replaceToCurrentColor?: boolean;\n /\n Overrides the default color of the icon.\n /\n customColor?: string;\n /\n Reference to the SVG element.\n */\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const isMounted = useIsMounted();\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const SVGComponent = (SVG.default \|\| SVG) as React.FC<any>; // fix esm issue\n\n const PlaceHolder = <div className={className} id={id}></div>;\n\n if (!isMounted) {\n // placeholder for server side rendering\n return PlaceHolder;\n }\n return (\n <SVGComponent\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n loader={PlaceHolder} // avoid flickering\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n data-vibe={ComponentVibeId.ICON}\n >\n {PlaceHolder}\n </SVGComponent>\n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","default","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON","ComponentVibeId","ICON"],"mappings":"wVAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CA6CA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAgBC,EAAIC,SAAWD,EAE/BE,EAAcC,EAAAC,cAAA,MAAA,CAAK1B,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHQ,EAACC,cAAAL,EACCM,OAAAC,OAAA,CAAAC,SAAU5B,GACNQ,EAAuB,CAC3BN,QAASA,EACT2B,OAAQN,EACRtB,IAAKA,EACLF,UAAWA,EACX+B,aAAcZ,EACdZ,GAAIA,gBACSC,GAAcwB,EAAUC,EAAuBC,SAAU3B,GAAG,YAC9D4B,EAAgBC,OAE1BZ,GAfIA,CAkBX"}
1	+ {"version":3,"file":"CustomSvgIcon.js","sources":["../../../../../src/components/Icon/CustomSvgIcon/CustomSvgIcon.tsx"],"sourcesContent":["import React, { type FunctionComponent, useCallback, type AriaRole, type Ref } from \"react\";\nimport SVG from \"react-inlinesvg\";\nimport useIconScreenReaderAccessProps from \"../../../hooks/useIconScreenReaderAccessProps\";\nimport type VibeComponentProps from \"../../../types/VibeComponentProps\";\nimport { ComponentDefaultTestId, ComponentVibeId } from \"../../../tests/constants\";\nimport { getTestId } from \"../../../tests/test-ids-utils\";\nimport { useIsMounted } from \"../../../hooks/ssr/useIsMounted\";\n\nfunction modifySvgCode(svg: string, color = \"currentColor\") {\n return svg.replace(/fill=\".?\"/g, `fill=\"${color}\"`);\n}\n\nexport interface CustomSvgIconProps extends VibeComponentProps {\n /\n Callback fired when the icon is clicked.\n /\n onClick?: (event: React.MouseEvent) => void;\n /\n The source URL or object of the SVG icon.\n /\n src: string \| object;\n /\n The accessible label for the icon.\n /\n ariaLabel?: string;\n /\n The tab index of the icon for keyboard navigation.\n /\n tabIndex?: number;\n /\n The ARIA role of the icon.\n /\n role?: AriaRole;\n /\n If true, hides the icon from screen readers.\n /\n ariaHidden?: boolean;\n /\n If true, makes the icon clickable.\n /\n clickable?: boolean;\n /\n If true, replaces the `fill` attribute in the SVG with `currentColor`.\n /\n replaceToCurrentColor?: boolean;\n /\n Overrides the default color of the icon.\n /\n customColor?: string;\n /\n Reference to the SVG element.\n */\n ref?: Ref<SVGElement>;\n}\n\nconst CustomSvgIcon: FunctionComponent<CustomSvgIconProps> = ({\n className,\n ref,\n src,\n onClick,\n clickable,\n ariaLabel,\n ariaHidden,\n replaceToCurrentColor = false,\n customColor,\n id,\n \"data-testid\": dataTestId\n}) => {\n const screenReaderAccessProps = useIconScreenReaderAccessProps({\n isClickable: clickable,\n label: ariaLabel,\n isDecorationOnly: ariaHidden\n });\n\n const isMounted = useIsMounted();\n\n const svgProcessor = useCallback(\n (svg: string) => {\n if (replaceToCurrentColor) return modifySvgCode(svg, \"currentColor\");\n if (customColor) return modifySvgCode(svg, customColor);\n return svg;\n },\n [replaceToCurrentColor, customColor]\n );\n\n if (typeof src !== \"string\") return null;\n\n // eslint-disable-next-line @typescript-eslint/no-explicit-any\n const SVGComponent = (SVG.default \|\| SVG) as React.FC<any>; // fix esm issue\n\n const PlaceHolder = <div className={className} id={id}></div>;\n\n if (!isMounted) {\n // placeholder for server side rendering\n return PlaceHolder;\n }\n return (\n <SVGComponent\n innerRef={ref}\n {...screenReaderAccessProps}\n onClick={onClick}\n loader={PlaceHolder} // avoid flickering\n src={src}\n className={className}\n preProcessor={svgProcessor}\n id={id}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.SVG_ICON, id)}\n data-vibe={ComponentVibeId.ICON}\n >\n {PlaceHolder}\n </SVGComponent>\n );\n};\n\nexport default CustomSvgIcon;\n"],"names":["modifySvgCode","svg","replace","concat","arguments","length","undefined","CustomSvgIcon","_ref","className","ref","src","onClick","_ref$replaceToCurrent","replaceToCurrentColor","customColor","id","dataTestId","screenReaderAccessProps","useIconScreenReaderAccessProps","isClickable","clickable","label","ariaLabel","isDecorationOnly","ariaHidden","isMounted","useIsMounted","svgProcessor","useCallback","SVGComponent","SVG","default","PlaceHolder","React","createElement","Object","assign","innerRef","loader","preProcessor","getTestId","ComponentDefaultTestId","SVG_ICON","ComponentVibeId","ICON"],"mappings":"wVAQA,SAASA,EAAcC,GACrB,OAAOA,EAAIC,QAAQ,uBAAaC,OADOC,UAAAC,OAAA,QAAAC,IAAAF,UAAA,GAAAA,UAAA,GAAG,eACM,KAClD,CA6CA,IAAMG,EAAuD,SAA1CC,GAYd,IAXHC,EAASD,EAATC,UACAC,EAAGF,EAAHE,IACAC,EAAGH,EAAHG,IACAC,EAAOJ,EAAPI,QAGUC,EAAAL,EACVM,sBAAAA,OAAwB,IAAHD,GAAQA,EAC7BE,EAAWP,EAAXO,YACAC,EAAER,EAAFQ,GACeC,EAAUT,EAAzB,eAEMU,EAA0BC,EAA+B,CAC7DC,YATOZ,EAATa,UAUEC,MATOd,EAATe,UAUEC,iBATQhB,EAAViB,aAYMC,EAAYC,IAEZC,EAAeC,GACnB,SAAC5B,GACC,OAAIa,EAA8Bd,EAAcC,EAAK,gBACjDc,EAAoBf,EAAcC,EAAKc,GACpCd,CACT,GACA,CAACa,EAAuBC,IAG1B,GAAmB,iBAARJ,EAAkB,OAAO,KAGpC,IAAMmB,EAAgBC,EAAIC,SAAWD,EAE/BE,EAAcC,EAAAC,cAAA,MAAA,CAAK1B,UAAWA,EAAWO,GAAIA,IAEnD,OAAKU,EAKHQ,EAACC,cAAAL,EACCM,OAAAC,OAAA,CAAAC,SAAU5B,GACNQ,EAAuB,CAC3BN,QAASA,EACT2B,OAAQN,EACRtB,IAAKA,EACLF,UAAWA,EACX+B,aAAcZ,EACdZ,GAAIA,gBACSC,GAAcwB,EAAUC,EAAuBC,SAAU3B,GAAG,YAC9D4B,EAAgBC,OAE1BZ,GAfIA,CAkBX"}

package/dist/src/components/Icon/FontIcon/FontIcon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FontIcon.js","sources":["../../../../../src/components/Icon/FontIcon/FontIcon.tsx"],"sourcesContent":["import React, { AriaRole, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { SubIcon, VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface FontIconProps extends VibeComponentProps {\n /*\n Callback fired when the icon is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n The accessible label for the icon.\n /\n \"aria-label\"?: string;\n /\n The tab index of the icon for keyboard navigation.\n /\n tabIndex?: number;\n /\n The icon name or component.\n /\n icon?: SubIcon;\n /\n The ARIA role of the icon.\n /\n role?: AriaRole;\n /\n If true, hides the icon from screen readers.\n */\n \"aria-hidden\"?: boolean;\n}\n\nconst FontIcon = forwardRef(\n (\n {\n id,\n className,\n onClick,\n \"aria-label\": iconLabel,\n tabIndex,\n icon: Icon,\n role = \"img\",\n \"aria-hidden\": ariaHidden,\n \"data-testid\": dataTestId\n }: FontIconProps,\n iconRef: React.ForwardedRef<HTMLElement>\n ) => {\n const isIconFunction = typeof Icon === \"function\";\n const iconClassName = isIconFunction ? \"\" : Icon;\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <span\n aria-hidden={ariaHidden}\n className={classNames(className, \"fa\", iconClassName)}\n onClick={onClick}\n ref={iconRef}\n aria-label={iconLabel}\n tabIndex={tabIndex}\n role={role}\n id={id}\n data-testid={dataTestId}\n data-vibe={ComponentVibeId.ICON}\n >\n {isIconFunction && <Icon />}\n </span>\n );\n }\n);\n\nexport default FontIcon;\n"],"names":["FontIcon","forwardRef","_ref","iconRef","id","onClick","iconLabel","tabIndex","Icon","icon","_ref$role","role","dataTestId","isIconFunction","React","createElement","className","classNames","ref","ComponentVibeId","ICON"],"mappings":"8HAgCMA,IAAAA,EAAWC,GACf,SAAAC,EAYEC,GACE,IAXAC,EAAEF,EAAFE,GAEAC,EAAOH,EAAPG,QACcC,EAASJ,EAAvB,cACAK,EAAQL,EAARK,SACMC,EAAIN,EAAVO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EAEGE,EAAUV,EAAzB,eAIIW,EAAiC,mBAATL,EAE9B,OAEEM,EACeC,cAAA,OAAA,CAAA,cAVUb,EAAzB,eAWEc,UAAWC,EAjBJf,EAATc,UAiBmC,KALfH,EAAiB,GAAKL,GAMxCH,QAASA,EACTa,IAAKf,EACO,aAAAG,EACZC,SAAUA,EACVI,KAAMA,EACNP,GAAIA,EAAE,cACOQ,EAAU,YACZO,EAAgBC,MAE1BP,GAAkBC,gBAACN,EAAI,MAG9B"}
1	+ {"version":3,"file":"FontIcon.js","sources":["../../../../../src/components/Icon/FontIcon/FontIcon.tsx"],"sourcesContent":["import React, { type AriaRole, forwardRef } from \"react\";\nimport classNames from \"classnames\";\nimport { type SubIcon, type VibeComponentProps } from \"../../../types\";\nimport { ComponentVibeId } from \"../../../tests/constants\";\n\nexport interface FontIconProps extends VibeComponentProps {\n /*\n Callback fired when the icon is clicked.\n /\n onClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;\n /\n The accessible label for the icon.\n /\n \"aria-label\"?: string;\n /\n The tab index of the icon for keyboard navigation.\n /\n tabIndex?: number;\n /\n The icon name or component.\n /\n icon?: SubIcon;\n /\n The ARIA role of the icon.\n /\n role?: AriaRole;\n /\n If true, hides the icon from screen readers.\n */\n \"aria-hidden\"?: boolean;\n}\n\nconst FontIcon = forwardRef(\n (\n {\n id,\n className,\n onClick,\n \"aria-label\": iconLabel,\n tabIndex,\n icon: Icon,\n role = \"img\",\n \"aria-hidden\": ariaHidden,\n \"data-testid\": dataTestId\n }: FontIconProps,\n iconRef: React.ForwardedRef<HTMLElement>\n ) => {\n const isIconFunction = typeof Icon === \"function\";\n const iconClassName = isIconFunction ? \"\" : Icon;\n return (\n // eslint-disable-next-line jsx-a11y/click-events-have-key-events\n <span\n aria-hidden={ariaHidden}\n className={classNames(className, \"fa\", iconClassName)}\n onClick={onClick}\n ref={iconRef}\n aria-label={iconLabel}\n tabIndex={tabIndex}\n role={role}\n id={id}\n data-testid={dataTestId}\n data-vibe={ComponentVibeId.ICON}\n >\n {isIconFunction && <Icon />}\n </span>\n );\n }\n);\n\nexport default FontIcon;\n"],"names":["FontIcon","forwardRef","_ref","iconRef","id","onClick","iconLabel","tabIndex","Icon","icon","_ref$role","role","dataTestId","isIconFunction","React","createElement","className","classNames","ref","ComponentVibeId","ICON"],"mappings":"8HAgCMA,IAAAA,EAAWC,GACf,SAAAC,EAYEC,GACE,IAXAC,EAAEF,EAAFE,GAEAC,EAAOH,EAAPG,QACcC,EAASJ,EAAvB,cACAK,EAAQL,EAARK,SACMC,EAAIN,EAAVO,KAAIC,EAAAR,EACJS,KAAAA,OAAO,IAAHD,EAAG,MAAKA,EAEGE,EAAUV,EAAzB,eAIIW,EAAiC,mBAATL,EAE9B,OAEEM,EACeC,cAAA,OAAA,CAAA,cAVUb,EAAzB,eAWEc,UAAWC,EAjBJf,EAATc,UAiBmC,KALfH,EAAiB,GAAKL,GAMxCH,QAASA,EACTa,IAAKf,EACO,aAAAG,EACZC,SAAUA,EACVI,KAAMA,EACNP,GAAIA,EAAE,cACOQ,EAAU,YACZO,EAAgBC,MAE1BP,GAAkBC,gBAACN,EAAI,MAG9B"}

package/dist/src/components/Icon/Icon.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { CSSProperties, forwardRef, Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { VibeComponentProps, SubIcon, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface IconSubComponentProps {\n /*\n Ref for the icon component.\n /\n ref?: Ref<HTMLElement>;\n /\n The ID of the icon component.\n /\n id?: string;\n /\n The size of the icon.\n /\n size?: string \| number;\n /\n Class name applied to the icon.\n /\n className?: string;\n /\n Inline styles applied to the icon.\n /\n style?: CSSProperties;\n /\n Test ID for testing purposes.\n /\n \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n const dataTestId = props[\"data-testid\"];\n return (\n <Icon\n {...props}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, props.id)}\n data-vibe={ComponentVibeId.ICON}\n />\n );\n}\n\nexport interface IconProps extends VibeComponentProps {\n /\n The icon name, component, or source URL.\n /\n icon: SubIcon;\n /\n The accessible label for the icon.\n /\n iconLabel?: string;\n /\n The type of the icon: `svg`, `font`, or `src` (external source).\n /\n iconType?: IconType;\n /\n The size of the icon.\n /\n iconSize?: number \| string;\n /\n If true, removes focus styles from the icon.\n /\n ignoreFocusStyle?: boolean;\n /\n The tab index of the icon for keyboard navigation.\n /\n tabindex?: number \| string;\n /\n If true, hides the icon from screen readers.\n /\n ariaHidden?: boolean;\n /\n Inline styles applied to the icon.\n /\n style?: React.CSSProperties;\n /\n If true, replaces `fill` property with `currentColor` when using an `src` icon.\n /\n useCurrentColor?: boolean;\n /\n Overrides the default color with a custom color.\n /\n customColor?: string;\n}\n\nconst Icon = forwardRef(\n (\n {\n /\n component id\n */\n id,\n className,\n icon = \"\",\n iconLabel,\n iconType = \"svg\",\n iconSize = 16,\n ignoreFocusStyle = false,\n tabindex: externalTabIndex,\n ariaHidden,\n style,\n useCurrentColor = false,\n customColor,\n \"data-testid\": dataTestId\n }: IconProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n iconLabel,\n className,\n isDecorationOnly: ariaHidden,\n ignoreFocusStyle,\n externalTabIndex: overrideExternalTabIndex\n });\n\n const mergedRef = useMergeRef(ref, iconRef);\n\n if (!icon) {\n return null;\n }\n\n const isFunctionType = typeof icon === \"function\";\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, id);\n\n if (iconType === \"svg\" \|\| isFunctionType \|\| typeof icon === \"object\") {\n return renderIcon(icon, {\n id,\n ...screenReaderAccessProps,\n ref: isFunctionType ? undefined : mergedRef,\n size: iconSize.toString(),\n className: computedClassName,\n style,\n \"data-testid\": overrideDataTestId\n });\n }\n if (iconType === \"src\") {\n return (\n <CustomSvgIcon\n id={id}\n src={icon}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n replaceToCurrentColor={useCurrentColor}\n customColor={customColor}\n data-testid={overrideDataTestId}\n />\n );\n }\n return (\n <FontIcon\n id={id}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n ref={mergedRef}\n icon={icon}\n data-testid={overrideDataTestId}\n />\n );\n }\n);\n\ninterface IconStaticProps {\n type: typeof IconTypeEnum;\n}\n\nexport default withStaticProps<IconProps, IconStaticProps>(Icon, {\n type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","createElement","Object","assign","ComponentVibeId","renderIcon","undefined","size","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"+kBA6FA,IAmFeA,EAAAA,EAnFFC,GACX,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAGT,IAAM0B,EAAiC,mBAAT1B,EACxB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAEhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GA9FvD,SAAoBgC,EAAeC,GAEjC,OACEC,EAACC,cAAAH,EACKI,OAAAC,OAAA,CAAA,EAAAJ,iBAHWA,EAAM,gBAIML,EAAUC,EAAuBC,KAAMG,EAAMnC,IAAG,YAChEwC,EAAgBR,OAGjC,CAsFaS,CAAWvC,EAChBoC,OAAAC,OAAAD,OAAAC,OAAA,CAAAvC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBc,EAAYjB,EAClCkB,KAAMrC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACC,cAAAO,EACCN,OAAAC,OAAA,CAAAvC,GAAIA,EACJ6C,IAAK3C,GACDoB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTyB,sBAAuBnC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAC,cAACY,EAAQX,OAAAC,OAAA,CACPvC,GAAIA,GACAsB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAO+D,CAC/DqB,KAAMC"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import { ComponentDefaultTestId, getTestId } from \"../../tests/test-ids-utils\";\nimport cx from \"classnames\";\nimport React, { type CSSProperties, forwardRef, type Ref } from \"react\";\nimport useMergeRef from \"../../hooks/useMergeRef\";\nimport { IconType as IconTypeEnum } from \"./IconConstants\";\nimport { type IconType } from \"./Icon.types\";\nimport CustomSvgIcon from \"./CustomSvgIcon/CustomSvgIcon\";\nimport FontIcon from \"./FontIcon/FontIcon\";\nimport useIconProps from \"./hooks/useIconProps\";\nimport { type VibeComponentProps, type SubIcon, withStaticProps } from \"../../types\";\nimport { ComponentVibeId } from \"../../tests/constants\";\n\nexport interface IconSubComponentProps {\n /*\n Ref for the icon component.\n /\n ref?: Ref<HTMLElement>;\n /\n The ID of the icon component.\n /\n id?: string;\n /\n The size of the icon.\n /\n size?: string \| number;\n /\n Class name applied to the icon.\n /\n className?: string;\n /\n Inline styles applied to the icon.\n /\n style?: CSSProperties;\n /\n Test ID for testing purposes.\n /\n \"data-testid\"?: string;\n}\n\nfunction renderIcon(Icon: SubIcon, props: IconSubComponentProps) {\n const dataTestId = props[\"data-testid\"];\n return (\n <Icon\n {...props}\n data-testid={dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, props.id)}\n data-vibe={ComponentVibeId.ICON}\n />\n );\n}\n\nexport interface IconProps extends VibeComponentProps {\n /\n The icon name, component, or source URL.\n /\n icon: SubIcon;\n /\n The accessible label for the icon.\n /\n iconLabel?: string;\n /\n The type of the icon: `svg`, `font`, or `src` (external source).\n /\n iconType?: IconType;\n /\n The size of the icon.\n /\n iconSize?: number \| string;\n /\n If true, removes focus styles from the icon.\n /\n ignoreFocusStyle?: boolean;\n /\n The tab index of the icon for keyboard navigation.\n /\n tabindex?: number \| string;\n /\n If true, hides the icon from screen readers.\n /\n ariaHidden?: boolean;\n /\n Inline styles applied to the icon.\n /\n style?: React.CSSProperties;\n /\n If true, replaces `fill` property with `currentColor` when using an `src` icon.\n /\n useCurrentColor?: boolean;\n /\n Overrides the default color with a custom color.\n /\n customColor?: string;\n}\n\nconst Icon = forwardRef(\n (\n {\n /\n component id\n */\n id,\n className,\n icon = \"\",\n iconLabel,\n iconType = \"svg\",\n iconSize = 16,\n ignoreFocusStyle = false,\n tabindex: externalTabIndex,\n ariaHidden,\n style,\n useCurrentColor = false,\n customColor,\n \"data-testid\": dataTestId\n }: IconProps,\n ref: React.ForwardedRef<HTMLElement>\n ) => {\n const overrideExternalTabIndex = externalTabIndex && +externalTabIndex;\n const { screenReaderAccessProps, onClickCallback, computedClassName, iconRef } = useIconProps({\n iconLabel,\n className,\n isDecorationOnly: ariaHidden,\n ignoreFocusStyle,\n externalTabIndex: overrideExternalTabIndex\n });\n\n const mergedRef = useMergeRef(ref, iconRef);\n\n if (!icon) {\n return null;\n }\n\n const isFunctionType = typeof icon === \"function\";\n const overrideDataTestId = dataTestId \|\| getTestId(ComponentDefaultTestId.ICON, id);\n\n if (iconType === \"svg\" \|\| isFunctionType \|\| typeof icon === \"object\") {\n return renderIcon(icon, {\n id,\n ...screenReaderAccessProps,\n ref: isFunctionType ? undefined : mergedRef,\n size: iconSize.toString(),\n className: computedClassName,\n style,\n \"data-testid\": overrideDataTestId\n });\n }\n if (iconType === \"src\") {\n return (\n <CustomSvgIcon\n id={id}\n src={icon}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n replaceToCurrentColor={useCurrentColor}\n customColor={customColor}\n data-testid={overrideDataTestId}\n />\n );\n }\n return (\n <FontIcon\n id={id}\n {...screenReaderAccessProps}\n className={cx(computedClassName)}\n onClick={onClickCallback}\n ref={mergedRef}\n icon={icon}\n data-testid={overrideDataTestId}\n />\n );\n }\n);\n\ninterface IconStaticProps {\n type: typeof IconTypeEnum;\n}\n\nexport default withStaticProps<IconProps, IconStaticProps>(Icon, {\n type: IconTypeEnum\n});\n"],"names":["withStaticProps","forwardRef","_ref","ref","id","_ref$icon","icon","_ref$iconType","iconType","_ref$iconSize","iconSize","_ref$ignoreFocusStyle","ignoreFocusStyle","externalTabIndex","tabindex","style","_ref$useCurrentColor","useCurrentColor","customColor","dataTestId","_useIconProps","useIconProps","iconLabel","className","isDecorationOnly","ariaHidden","screenReaderAccessProps","onClickCallback","computedClassName","mergedRef","useMergeRef","iconRef","isFunctionType","overrideDataTestId","getTestId","ComponentDefaultTestId","ICON","_typeof","Icon","props","React","createElement","Object","assign","ComponentVibeId","renderIcon","undefined","size","CustomSvgIcon","src","cx","onClick","replaceToCurrentColor","FontIcon","type","IconTypeEnum"],"mappings":"+kBA6FA,IAmFeA,EAAAA,EAnFFC,GACX,SAAAC,EAmBEC,GACE,IAfAC,EAAEF,EAAFE,GACSC,EAAAH,EACTI,KAAAA,OAAO,IAAHD,EAAG,GAAEA,EACAE,EAAAL,EACTM,SAAAA,OAAW,IAAHD,EAAG,MAAKA,EAAAE,EAAAP,EAChBQ,SAAAA,OAAW,IAAHD,EAAG,GAAEA,EAAAE,EAAAT,EACbU,iBACUC,EAAgBX,EAA1BY,SAEAC,EAAKb,EAALa,MAAKC,EAAAd,EACLe,gBAAAA,OAAkB,IAAHD,GAAQA,EACvBE,EAAWhB,EAAXgB,YACeC,EAAUjB,EAAzB,eAKFkB,EAAiFC,EAAa,CAC5FC,UAfSpB,EAAToB,UAgBAC,UAlBSrB,EAATqB,UAmBAC,iBAZUtB,EAAVuB,WAaAb,sBAfmB,IAAHD,GAAQA,EAgBxBE,iBAN+BA,IAAqBA,IAC9Ca,EAAuBN,EAAvBM,wBAAyBC,EAAeP,EAAfO,gBAAiBC,EAAiBR,EAAjBQ,kBAQ5CC,EAAYC,EAAY3B,EAR8CiB,EAAPW,SAUrE,IAAKzB,EACH,OAAO,KAGT,IAAM0B,EAAiC,mBAAT1B,EACxB2B,EAAqBd,GAAce,EAAUC,EAAuBC,KAAMhC,GAEhF,MAAiB,QAAbI,GAAsBwB,GAAkC,WAAhBK,EAAO/B,GA9FvD,SAAoBgC,EAAeC,GAEjC,OACEC,EAACC,cAAAH,EACKI,OAAAC,OAAA,CAAA,EAAAJ,iBAHWA,EAAM,gBAIML,EAAUC,EAAuBC,KAAMG,EAAMnC,IAAG,YAChEwC,EAAgBR,OAGjC,CAsFaS,CAAWvC,EAChBoC,OAAAC,OAAAD,OAAAC,OAAA,CAAAvC,GAAAA,GACGsB,GAAuB,CAC1BvB,IAAK6B,OAAiBc,EAAYjB,EAClCkB,KAAMrC,KACNa,UAAWK,EACXb,MAAAA,EACA,cAAekB,KAGF,QAAbzB,EAEAgC,EAACC,cAAAO,EACCN,OAAAC,OAAA,CAAAvC,GAAIA,EACJ6C,IAAK3C,GACDoB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTyB,sBAAuBnC,EACvBC,YAAaA,EAAW,cACXe,KAKjBO,EAAAC,cAACY,EAAQX,OAAAC,OAAA,CACPvC,GAAIA,GACAsB,EACJ,CAAAH,UAAW2B,EAAGtB,GACduB,QAASxB,EACTxB,IAAK0B,EACLvB,KAAMA,EAAI,cACG2B,IAGnB,IAO+D,CAC/DqB,KAAMC"}