npm - @channel.io/bezier-react - Versions diffs - 2.3.0 → 2.3.1 - Mend

@channel.io/bezier-react 2.3.0 → 2.3.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (209) hide show

package/dist/cjs/components/Emoji/Emoji.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Emoji.js","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["import React, { type CSSProperties, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isDev } from '~/src/utils/assert'\nimport { cssUrl } from '~/src/utils/style'\n\nimport { type EmojiProps } from './Emoji.types'\n\nimport styles from './Emoji.module.scss'\n\nexport const EMOJI_TEST_ID = 'bezier-emoji'\n\nconst getEmojiUrl = (name: EmojiProps['name'], size: '160' \| '80' \| '44') => {\n return `https://cf${isDev() ? '.exp' : ''}.channel.io/asset/emoji/images/${size}/${name}.png`\n}\n\n/*\n `Emoji` is a component for representing emoji with variant size.\n * @example\n * ```tsx\n * <Emoji\n * name=\"A\"\n * size=\"20\"\n * />\n * ```\n */\nexport const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(\n { style, imageUrl, className, name, size = '24', ...rest },\n forwardedRef\n) {\n const assetSize = Number(size) >= 60 ? '160' : '80'\n\n return (\n <div\n ref={forwardedRef}\n role=\"img\"\n aria-description={name}\n style={\n {\n '--b-emoji-background-image': cssUrl(\n imageUrl ?? getEmojiUrl(name, assetSize)\n ),\n ...style,\n } as CSSProperties\n }\n className={classNames(styles.Emoji, styles[`size-${size}`], className)}\n data-testid={EMOJI_TEST_ID}\n {...rest}\n />\n )\n})\n"],"names":["EMOJI_TEST_ID","getEmojiUrl","name","size","isDev","Emoji","forwardRef","style","imageUrl","className","rest","forwardedRef","assetSize","Number","React","createElement","Object","assign","ref","role","cssUrl","classNames","styles"],"mappings":";;;;;;;;AAWO,MAAMA,aAAa,GAAG,eAAc;AAE3C,MAAMC,WAAW,GAAGA,CAACC,IAAwB,EAAEC,IAAyB,KAAK;AAC3E,EAAA,OAAO,CAAaC,UAAAA,EAAAA,YAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAkCD,+BAAAA,EAAAA,IAAI,CAAID,CAAAA,EAAAA,IAAI,CAAM,IAAA,CAAA,CAAA;AAC/F,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaG,KAAK,gBAAGC,gBAAU,CAA6B,SAASD,KAAKA,CACxE;SAAEE,OAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEP,IAAI;AAAEC,EAAAA,IAAI,GAAG,IAAI;EAAE,GAAGO,IAAAA;AAAK,CAAC,EAC1DC,YAAY,EACZ;EACA,MAAMC,SAAS,GAAGC,MAAM,CAACV,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnD,EAAA,oBACEW,KAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,IAAAA,GAAG,EAAEP,YAAa;AAClBQ,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,kBAAA,EAAkBjB,IAAK;AACvBK,IAAAA,KAAK,EACH;~~MACE~~,4BAA4B,EAAEa,YAAM,CAClCZ,QAAQ,~~IAAIP~~,WAAW,CAACC,IAAI,EAAEU,SAAS,CACzC,CAAC;MACD,GAAGL,OAAAA;KAEN;AACDE,IAAAA,SAAS,EAAEY,aAAU,CAACC,oBAAM,CAACjB,KAAK,EAAEiB,oBAAM,CAAC,QAAQnB,IAAI,CAAA,CAAE,CAAC,EAAEM,SAAS,CAAE;IACvE,aAAaT,EAAAA,aAAAA;GACTU,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC;;;;;"}
1	+ {"version":3,"file":"Emoji.js","sources":["../../../../src/components/Emoji/Emoji.tsx"],"sourcesContent":["import React, { type CSSProperties, forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isDev } from '~/src/utils/assert'\nimport { cssUrl } from '~/src/utils/style'\n\nimport { type EmojiProps } from './Emoji.types'\n\nimport styles from './Emoji.module.scss'\n\nexport const EMOJI_TEST_ID = 'bezier-emoji'\n\nconst getEmojiUrl = (name: EmojiProps['name'], size: '160' \| '80' \| '44') => {\n return `https://cf${isDev() ? '.exp' : ''}.channel.io/asset/emoji/images/${size}/${name}.png`\n}\n\n/*\n `Emoji` is a component for representing emoji with variant size.\n * @example\n * ```tsx\n * <Emoji\n * name=\"A\"\n * size=\"20\"\n * />\n * ```\n */\nexport const Emoji = forwardRef<HTMLDivElement, EmojiProps>(function Emoji(\n { style, imageUrl, className, name, size = '24', ...rest },\n forwardedRef\n) {\n const assetSize = Number(size) >= 60 ? '160' : '80'\n\n return (\n <div\n ref={forwardedRef}\n role=\"img\"\n aria-description={name}\n style={\n {\n '--b-emoji-background-image': cssUrl(\n imageUrl ?? getEmojiUrl(name, assetSize)\n ),\n ...style,\n } as CSSProperties\n }\n className={classNames(styles.Emoji, styles[`size-${size}`], className)}\n data-testid={EMOJI_TEST_ID}\n {...rest}\n />\n )\n})\n"],"names":["EMOJI_TEST_ID","getEmojiUrl","name","size","isDev","Emoji","forwardRef","style","imageUrl","className","rest","forwardedRef","assetSize","Number","React","createElement","Object","assign","ref","role","cssUrl","classNames","styles"],"mappings":";;;;;;;;AAWO,MAAMA,aAAa,GAAG,eAAc;AAE3C,MAAMC,WAAW,GAAGA,CAACC,IAAwB,EAAEC,IAAyB,KAAK;AAC3E,EAAA,OAAO,CAAaC,UAAAA,EAAAA,YAAK,EAAE,GAAG,MAAM,GAAG,EAAE,CAAkCD,+BAAAA,EAAAA,IAAI,CAAID,CAAAA,EAAAA,IAAI,CAAM,IAAA,CAAA,CAAA;AAC/F,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaG,KAAK,gBAAGC,gBAAU,CAA6B,SAASD,KAAKA,CACxE;SAAEE,OAAK;EAAEC,QAAQ;EAAEC,SAAS;EAAEP,IAAI;AAAEC,EAAAA,IAAI,GAAG,IAAI;EAAE,GAAGO,IAAAA;AAAK,CAAC,EAC1DC,YAAY,EACZ;EACA,MAAMC,SAAS,GAAGC,MAAM,CAACV,IAAI,CAAC,IAAI,EAAE,GAAG,KAAK,GAAG,IAAI,CAAA;AAEnD,EAAA,oBACEW,KAAA,CAAAC,aAAA,CAAAC,KAAAA,EAAAA,MAAA,CAAAC,MAAA,CAAA;AACEC,IAAAA,GAAG,EAAEP,YAAa;AAClBQ,IAAAA,IAAI,EAAC,KAAK;AACV,IAAA,kBAAA,EAAkBjB,IAAK;AACvBK,IAAAA,KAAK,EACH;AACE,MAAA,4BAA4B,EAAEa,YAAM,CAClCZ,QAAQ,aAARA,QAAQ,KAAA,KAAA,CAAA,GAARA,QAAQ,GAAIP,WAAW,CAACC,IAAI,EAAEU,SAAS,CACzC,CAAC;MACD,GAAGL,OAAAA;KAEN;AACDE,IAAAA,SAAS,EAAEY,aAAU,CAACC,oBAAM,CAACjB,KAAK,EAAEiB,oBAAM,CAAC,QAAQnB,IAAI,CAAA,CAAE,CAAC,EAAEM,SAAS,CAAE;IACvE,aAAaT,EAAAA,aAAAA;GACTU,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC;;;;;"}

package/dist/cjs/components/FormControl/FormControl.js CHANGED Viewed

@@ -129,7 +129,8 @@ const FormControl = /*#__PURE__*/React.forwardRef(function FormControl({
 function useFormFieldProps(props) {
   const contextValue = useFormControlContext();
   const formFieldProps = React.useMemo(() => {
-    const mergedProps = contextValue?.getFieldProps(props) ?? {
+    var _contextValue$getFiel;
+    const mergedProps = (_contextValue$getFiel = contextValue === null || contextValue === void 0 ? void 0 : contextValue.getFieldProps(props)) !== null && _contextValue$getFiel !== void 0 ? _contextValue$getFiel : {
       ...props
     };
     const {

package/dist/cjs/components/FormControl/FormControl.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormControl.js","sources":["../../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from 'react'\n\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport {\n type FormFieldProps,\n type FormFieldSize,\n type SizeProps,\n} from '~/src/types/props'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { isNil } from '~/src/utils/type'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport {\n type ContainerProps,\n type ErrorMessagePropsGetter,\n type FieldPropsGetter,\n type FormControlContextValue,\n type FormControlProps,\n type GroupPropsGetter,\n type HelperTextPropsGetter,\n type LabelPropsGetter,\n} from './FormControl.types'\n\nimport styles from './FormControl.module.scss'\n\nconst [FormControlContextProvider, useFormControlContext] = createContext<\n FormControlContextValue \| undefined\n>(undefined)\n\nexport { useFormControlContext }\n\nexport const FORM_CONTROL_TEST_ID = 'bezier-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container(\n { labelPosition, children, className, ...rest },\n forwardedRef\n) {\n switch (labelPosition) {\n case 'top':\n return (\n <Stack\n className={className}\n ref={forwardedRef}\n direction=\"vertical\"\n {...rest}\n >\n {children}\n </Stack>\n )\n\n case 'left':\n default:\n return (\n <div\n ref={forwardedRef as React.ForwardedRef<HTMLDivElement>}\n className={classNames(styles.Grid, className)}\n {...rest}\n >\n {children}\n </div>\n )\n }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(\n function FormControl(\n {\n children,\n id: idProp,\n labelPosition = 'top',\n size = 'm',\n hasError,\n required,\n readOnly,\n disabled,\n ...rest\n },\n forwardedRef\n ) {\n const [groupNode, setGroupNode] = useState<HTMLElement \| null>(null)\n const [helperTextNode, setHelperTextNode] = useState<HTMLElement \| null>(\n null\n )\n const [errorMessageNode, setErrorMessageNode] =\n useState<HTMLElement \| null>(null)\n\n const id = useId(idProp, 'field')\n const groupId = `${id}-group`\n const labelId = `${id}-label`\n const helperTextId = `${id}-help-text`\n const errorMessageId = `${id}-error-message`\n\n const fieldId = groupNode ? undefined : id\n\n const describerId = useMemo(() => {\n if (errorMessageNode) {\n return errorMessageId\n }\n if (helperTextNode) {\n return helperTextId\n }\n return undefined\n }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId])\n\n const getGroupProps = useCallback<GroupPropsGetter>(\n (ownProps) => ({\n id: groupId,\n 'aria-labelledby': labelId,\n 'aria-describedby': describerId,\n ref: setGroupNode,\n ...ownProps,\n }),\n [groupId, labelId, describerId]\n )\n\n const getLabelProps = useCallback<LabelPropsGetter>(\n (ownProps) => ({\n id: labelId,\n htmlFor: fieldId,\n className: classNames(\n styles.FormLabelWrapper,\n styles[`position-${labelPosition}`],\n getFormFieldSizeClassName(size)\n ),\n typo: labelPosition === 'top' ? '13' : '14',\n ...ownProps,\n }),\n [fieldId, labelId, labelPosition, size]\n )\n\n const getFieldProps = useCallback<FieldPropsGetter>(\n (ownProps) => ({\n id: fieldId,\n size,\n 'aria-describedby': groupNode ? undefined : describerId,\n hasError,\n required,\n readOnly,\n disabled,\n ...ownProps,\n }),\n [\n fieldId,\n describerId,\n size,\n hasError,\n required,\n readOnly,\n disabled,\n groupNode,\n ]\n )\n\n const getHelperTextProps = useCallback<HelperTextPropsGetter>(\n (ownProps) => ({\n id: helperTextId,\n visible: isNil(hasError) \|\| !hasError,\n ref: setHelperTextNode,\n className: classNames(\n styles.FormHelperTextWrapper,\n labelPosition === 'left' && styles['position-left']\n ),\n ...ownProps,\n }),\n [helperTextId, labelPosition, hasError]\n )\n\n const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(\n (ownProps) => ({\n id: errorMessageId,\n visible: isNil(hasError) \|\| hasError,\n ref: setErrorMessageNode,\n className: classNames(\n styles.FormHelperTextWrapper,\n labelPosition === 'left' && styles['position-left']\n ),\n ...ownProps,\n }),\n [errorMessageId, labelPosition, hasError]\n )\n\n const contextValue = useMemo(\n () => ({\n id,\n labelId,\n helperTextId,\n errorMessageId,\n getGroupProps,\n getLabelProps,\n getFieldProps,\n getHelperTextProps,\n getErrorMessageProps,\n hasError,\n required,\n readOnly,\n disabled,\n }),\n [\n id,\n labelId,\n helperTextId,\n errorMessageId,\n getGroupProps,\n getLabelProps,\n getFieldProps,\n getHelperTextProps,\n getErrorMessageProps,\n hasError,\n required,\n readOnly,\n disabled,\n ]\n )\n\n if (!children) {\n return null\n }\n\n return (\n <FormControlContextProvider value={contextValue}>\n <Container\n {...rest}\n ref={forwardedRef}\n labelPosition={labelPosition}\n data-testid={FORM_CONTROL_TEST_ID}\n >\n {children}\n </Container>\n </FormControlContextProvider>\n )\n }\n)\n\nexport function useFormFieldProps<\n Props extends FormFieldProps & SizeProps<FormFieldSize>,\n>(props?: Props) {\n const contextValue = useFormControlContext()\n\n const formFieldProps = useMemo(() => {\n const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n const {\n disabled = false,\n readOnly = false,\n required = false,\n hasError = false,\n size = undefined,\n ...rest\n } = mergedProps\n\n return {\n ...rest,\n 'aria-disabled': ariaAttr(disabled),\n 'aria-invalid': ariaAttr(hasError),\n 'aria-required': ariaAttr(required),\n 'aria-readonly': ariaAttr(readOnly),\n size,\n disabled,\n hasError,\n required,\n readOnly,\n }\n }, [props, contextValue])\n\n return formFieldProps as typeof formFieldProps & Props\n}\n"],"names":["FormControlContextProvider","useFormControlContext","createContext","undefined","FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","className","rest","forwardedRef","React","createElement","Stack","Object","assign","ref","direction","classNames","styles","Grid","FormControl","id","idProp","size","hasError","required","readOnly","disabled","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","describerId","useMemo","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","FormLabelWrapper","getFormFieldSizeClassName","typo","getFieldProps","getHelperTextProps","visible","isNil","FormHelperTextWrapper","getErrorMessageProps","contextValue","value","useFormFieldProps","props","formFieldProps","mergedProps","ariaAttr"],"mappings":"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"}
1	+ {"version":3,"file":"FormControl.js","sources":["../../../../src/components/FormControl/FormControl.tsx"],"sourcesContent":["import React, { forwardRef, useCallback, useMemo, useState } from 'react'\n\nimport classNames from 'classnames'\n\nimport useId from '~/src/hooks/useId'\nimport {\n type FormFieldProps,\n type FormFieldSize,\n type SizeProps,\n} from '~/src/types/props'\nimport { getFormFieldSizeClassName } from '~/src/types/props-helpers'\nimport { ariaAttr } from '~/src/utils/aria'\nimport { createContext } from '~/src/utils/react'\nimport { isNil } from '~/src/utils/type'\n\nimport { Stack } from '~/src/components/Stack'\n\nimport {\n type ContainerProps,\n type ErrorMessagePropsGetter,\n type FieldPropsGetter,\n type FormControlContextValue,\n type FormControlProps,\n type GroupPropsGetter,\n type HelperTextPropsGetter,\n type LabelPropsGetter,\n} from './FormControl.types'\n\nimport styles from './FormControl.module.scss'\n\nconst [FormControlContextProvider, useFormControlContext] = createContext<\n FormControlContextValue \| undefined\n>(undefined)\n\nexport { useFormControlContext }\n\nexport const FORM_CONTROL_TEST_ID = 'bezier-form-control'\n\nconst Container = forwardRef<HTMLElement, ContainerProps>(function Container(\n { labelPosition, children, className, ...rest },\n forwardedRef\n) {\n switch (labelPosition) {\n case 'top':\n return (\n <Stack\n className={className}\n ref={forwardedRef}\n direction=\"vertical\"\n {...rest}\n >\n {children}\n </Stack>\n )\n\n case 'left':\n default:\n return (\n <div\n ref={forwardedRef as React.ForwardedRef<HTMLDivElement>}\n className={classNames(styles.Grid, className)}\n {...rest}\n >\n {children}\n </div>\n )\n }\n})\n\nexport const FormControl = forwardRef<HTMLElement, FormControlProps>(\n function FormControl(\n {\n children,\n id: idProp,\n labelPosition = 'top',\n size = 'm',\n hasError,\n required,\n readOnly,\n disabled,\n ...rest\n },\n forwardedRef\n ) {\n const [groupNode, setGroupNode] = useState<HTMLElement \| null>(null)\n const [helperTextNode, setHelperTextNode] = useState<HTMLElement \| null>(\n null\n )\n const [errorMessageNode, setErrorMessageNode] =\n useState<HTMLElement \| null>(null)\n\n const id = useId(idProp, 'field')\n const groupId = `${id}-group`\n const labelId = `${id}-label`\n const helperTextId = `${id}-help-text`\n const errorMessageId = `${id}-error-message`\n\n const fieldId = groupNode ? undefined : id\n\n const describerId = useMemo(() => {\n if (errorMessageNode) {\n return errorMessageId\n }\n if (helperTextNode) {\n return helperTextId\n }\n return undefined\n }, [errorMessageNode, helperTextNode, errorMessageId, helperTextId])\n\n const getGroupProps = useCallback<GroupPropsGetter>(\n (ownProps) => ({\n id: groupId,\n 'aria-labelledby': labelId,\n 'aria-describedby': describerId,\n ref: setGroupNode,\n ...ownProps,\n }),\n [groupId, labelId, describerId]\n )\n\n const getLabelProps = useCallback<LabelPropsGetter>(\n (ownProps) => ({\n id: labelId,\n htmlFor: fieldId,\n className: classNames(\n styles.FormLabelWrapper,\n styles[`position-${labelPosition}`],\n getFormFieldSizeClassName(size)\n ),\n typo: labelPosition === 'top' ? '13' : '14',\n ...ownProps,\n }),\n [fieldId, labelId, labelPosition, size]\n )\n\n const getFieldProps = useCallback<FieldPropsGetter>(\n (ownProps) => ({\n id: fieldId,\n size,\n 'aria-describedby': groupNode ? undefined : describerId,\n hasError,\n required,\n readOnly,\n disabled,\n ...ownProps,\n }),\n [\n fieldId,\n describerId,\n size,\n hasError,\n required,\n readOnly,\n disabled,\n groupNode,\n ]\n )\n\n const getHelperTextProps = useCallback<HelperTextPropsGetter>(\n (ownProps) => ({\n id: helperTextId,\n visible: isNil(hasError) \|\| !hasError,\n ref: setHelperTextNode,\n className: classNames(\n styles.FormHelperTextWrapper,\n labelPosition === 'left' && styles['position-left']\n ),\n ...ownProps,\n }),\n [helperTextId, labelPosition, hasError]\n )\n\n const getErrorMessageProps = useCallback<ErrorMessagePropsGetter>(\n (ownProps) => ({\n id: errorMessageId,\n visible: isNil(hasError) \|\| hasError,\n ref: setErrorMessageNode,\n className: classNames(\n styles.FormHelperTextWrapper,\n labelPosition === 'left' && styles['position-left']\n ),\n ...ownProps,\n }),\n [errorMessageId, labelPosition, hasError]\n )\n\n const contextValue = useMemo(\n () => ({\n id,\n labelId,\n helperTextId,\n errorMessageId,\n getGroupProps,\n getLabelProps,\n getFieldProps,\n getHelperTextProps,\n getErrorMessageProps,\n hasError,\n required,\n readOnly,\n disabled,\n }),\n [\n id,\n labelId,\n helperTextId,\n errorMessageId,\n getGroupProps,\n getLabelProps,\n getFieldProps,\n getHelperTextProps,\n getErrorMessageProps,\n hasError,\n required,\n readOnly,\n disabled,\n ]\n )\n\n if (!children) {\n return null\n }\n\n return (\n <FormControlContextProvider value={contextValue}>\n <Container\n {...rest}\n ref={forwardedRef}\n labelPosition={labelPosition}\n data-testid={FORM_CONTROL_TEST_ID}\n >\n {children}\n </Container>\n </FormControlContextProvider>\n )\n }\n)\n\nexport function useFormFieldProps<\n Props extends FormFieldProps & SizeProps<FormFieldSize>,\n>(props?: Props) {\n const contextValue = useFormControlContext()\n\n const formFieldProps = useMemo(() => {\n const mergedProps = contextValue?.getFieldProps(props) ?? { ...props }\n\n const {\n disabled = false,\n readOnly = false,\n required = false,\n hasError = false,\n size = undefined,\n ...rest\n } = mergedProps\n\n return {\n ...rest,\n 'aria-disabled': ariaAttr(disabled),\n 'aria-invalid': ariaAttr(hasError),\n 'aria-required': ariaAttr(required),\n 'aria-readonly': ariaAttr(readOnly),\n size,\n disabled,\n hasError,\n required,\n readOnly,\n }\n }, [props, contextValue])\n\n return formFieldProps as typeof formFieldProps & Props\n}\n"],"names":["FormControlContextProvider","useFormControlContext","createContext","undefined","FORM_CONTROL_TEST_ID","Container","forwardRef","labelPosition","children","className","rest","forwardedRef","React","createElement","Stack","Object","assign","ref","direction","classNames","styles","Grid","FormControl","id","idProp","size","hasError","required","readOnly","disabled","groupNode","setGroupNode","useState","helperTextNode","setHelperTextNode","errorMessageNode","setErrorMessageNode","useId","groupId","labelId","helperTextId","errorMessageId","fieldId","describerId","useMemo","getGroupProps","useCallback","ownProps","getLabelProps","htmlFor","FormLabelWrapper","getFormFieldSizeClassName","typo","getFieldProps","getHelperTextProps","visible","isNil","FormHelperTextWrapper","getErrorMessageProps","contextValue","value","useFormFieldProps","props","formFieldProps","_contextValue$getFiel","mergedProps","ariaAttr"],"mappings":"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"}

package/dist/cjs/components/FormGroup/FormGroup.js CHANGED Viewed

@@ -14,11 +14,12 @@ const FormGroup = /*#__PURE__*/React.forwardRef(function FormGroup({
   children,
   ...rest
 }, forwardedRef) {
+  var _contextValue$getGrou;
   const contextValue = FormControl.useFormControlContext();
   const {
     ref,
     ...ownProps
-  } = contextValue?.getGroupProps(rest) ?? {
+  } = (_contextValue$getGrou = contextValue === null || contextValue === void 0 ? void 0 : contextValue.getGroupProps(rest)) !== null && _contextValue$getGrou !== void 0 ? _contextValue$getGrou : {
     ref: _function.noop,
     ...rest
   };

package/dist/cjs/components/FormGroup/FormGroup.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormGroup.js","sources":["../../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Stack } from '~/src/components/Stack'\n\nimport { type FormGroupProps } from './FormGroup.types'\n\nconst FORM_GROUP_TEST_ID = 'bezier-form-group'\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n function FormGroup(\n { spacing = 6, direction = 'vertical', role = 'group', children, ...rest },\n forwardedRef\n ) {\n const contextValue = useFormControlContext()\n\n const { ref, ...ownProps } = contextValue?.getGroupProps(rest) ?? {\n ref: noop,\n ...rest,\n }\n\n const mergedRef = useMergeRefs(ref, forwardedRef)\n\n return (\n <Stack\n data-testid={FORM_GROUP_TEST_ID}\n ref={mergedRef}\n wrap\n justify=\"start\"\n align=\"stretch\"\n spacing={spacing}\n direction={direction}\n role={role}\n {...ownProps}\n >\n {children}\n </Stack>\n )\n }\n)\n"],"names":["FORM_GROUP_TEST_ID","FormGroup","forwardRef","spacing","direction","role","children","rest","forwardedRef","contextValue","useFormControlContext","ref","ownProps","getGroupProps","noop","mergedRef","useMergeRefs","React","createElement","Stack","Object","assign","wrap","justify","align"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,GAAG,mBAAmB,CAAA;MAEjCC,SAAS,gBAAGC,gBAAU,CACjC,SAASD,SAASA,CAChB;AAAEE,EAAAA,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAS,GAAG,UAAU;AAAEC,EAAAA,IAAI,GAAG,OAAO;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAC1EC,YAAY,EACZ;AACA,EAAA,MAAMC,YAAY,GAAGC,iCAAqB,EAAE,CAAA;EAE5C,MAAM;IAAEC,GAAG;IAAE,GAAGC,QAAAA;AAAS,GAAC,~~GAAGH~~,YAAY,~~EAAEI~~,aAAa,~~CAACN~~,IAAI,CAAC,~~IAAI~~;~~AAChEI~~,IAAAA,GAAG,EAAEG,cAAI;IACT,~~GAAGP~~,IAAAA;GACJ,CAAA;AAED,EAAA,~~MAAMQ~~,SAAS,GAAGC,oBAAY,CAACL,GAAG,~~EAAEH~~,YAAY,CAAC,CAAA;EAEjD,~~oBACES~~,KAAA,CAAAC,aAAA,CAACC,WAAK,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACJ,IAAA,aAAA,~~EAAarB~~,kBAAmB;~~AAChCW~~,IAAAA,GAAG,EAAEI,SAAU;IACfO,IAAI,EAAA,IAAA;AACJC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;~~AACfrB~~,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,IAAI,EAAEA,IAAAA;~~GACFO~~,EAAAA,QAAQ,~~CAEXN~~,EAAAA,QACI,CAAC,CAAA;AAEZ,CACF;;;;"}
1	+ {"version":3,"file":"FormGroup.js","sources":["../../../../src/components/FormGroup/FormGroup.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Stack } from '~/src/components/Stack'\n\nimport { type FormGroupProps } from './FormGroup.types'\n\nconst FORM_GROUP_TEST_ID = 'bezier-form-group'\n\nexport const FormGroup = forwardRef<HTMLDivElement, FormGroupProps>(\n function FormGroup(\n { spacing = 6, direction = 'vertical', role = 'group', children, ...rest },\n forwardedRef\n ) {\n const contextValue = useFormControlContext()\n\n const { ref, ...ownProps } = contextValue?.getGroupProps(rest) ?? {\n ref: noop,\n ...rest,\n }\n\n const mergedRef = useMergeRefs(ref, forwardedRef)\n\n return (\n <Stack\n data-testid={FORM_GROUP_TEST_ID}\n ref={mergedRef}\n wrap\n justify=\"start\"\n align=\"stretch\"\n spacing={spacing}\n direction={direction}\n role={role}\n {...ownProps}\n >\n {children}\n </Stack>\n )\n }\n)\n"],"names":["FORM_GROUP_TEST_ID","FormGroup","forwardRef","spacing","direction","role","children","rest","forwardedRef","_contextValue$getGrou","contextValue","useFormControlContext","ref","ownProps","getGroupProps","noop","mergedRef","useMergeRefs","React","createElement","Stack","Object","assign","wrap","justify","align"],"mappings":";;;;;;;;AAUA,MAAMA,kBAAkB,GAAG,mBAAmB,CAAA;MAEjCC,SAAS,gBAAGC,gBAAU,CACjC,SAASD,SAASA,CAChB;AAAEE,EAAAA,OAAO,GAAG,CAAC;AAAEC,EAAAA,SAAS,GAAG,UAAU;AAAEC,EAAAA,IAAI,GAAG,OAAO;EAAEC,QAAQ;EAAE,GAAGC,IAAAA;AAAK,CAAC,EAC1EC,YAAY,EACZ;AAAA,EAAA,IAAAC,qBAAA,CAAA;AACA,EAAA,MAAMC,YAAY,GAAGC,iCAAqB,EAAE,CAAA;EAE5C,MAAM;IAAEC,GAAG;IAAE,GAAGC,QAAAA;AAAS,GAAC,IAAAJ,qBAAA,GAAGC,YAAY,KAAA,IAAA,IAAZA,YAAY,KAAZA,KAAAA,CAAAA,GAAAA,KAAAA,CAAAA,GAAAA,YAAY,CAAEI,aAAa,CAACP,IAAI,CAAC,cAAAE,qBAAA,KAAA,KAAA,CAAA,GAAAA,qBAAA,GAAI;AAChEG,IAAAA,GAAG,EAAEG,cAAI;IACT,GAAGR,IAAAA;GACJ,CAAA;AAED,EAAA,MAAMS,SAAS,GAAGC,oBAAY,CAACL,GAAG,EAAEJ,YAAY,CAAC,CAAA;EAEjD,oBACEU,KAAA,CAAAC,aAAA,CAACC,WAAK,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACJ,IAAA,aAAA,EAAatB,kBAAmB;AAChCY,IAAAA,GAAG,EAAEI,SAAU;IACfO,IAAI,EAAA,IAAA;AACJC,IAAAA,OAAO,EAAC,OAAO;AACfC,IAAAA,KAAK,EAAC,SAAS;AACftB,IAAAA,OAAO,EAAEA,OAAQ;AACjBC,IAAAA,SAAS,EAAEA,SAAU;AACrBC,IAAAA,IAAI,EAAEA,IAAAA;GACFQ,EAAAA,QAAQ,CAEXP,EAAAA,QACI,CAAC,CAAA;AAEZ,CACF;;;;"}

package/dist/cjs/components/FormHelperText/FormHelperText.js CHANGED Viewed

@@ -12,6 +12,7 @@ var Text = require('../Text/Text.js');
 const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text';
 const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message';
 const BaseHelperText = /*#__PURE__*/React.forwardRef(function BaseHelperText(props, forwardedRef) {
+  var _getProps;
   const {
     type: type$1,
     typo = '13',
@@ -20,13 +21,13 @@ const BaseHelperText = /*#__PURE__*/React.forwardRef(function BaseHelperText(pro
     ...rest
   } = props;
   const contextValue = FormControl.useFormControlContext();
-  const getProps = type$1 === 'info' ? contextValue?.getHelperTextProps : contextValue?.getErrorMessageProps;
+  const getProps = type$1 === 'info' ? contextValue === null || contextValue === void 0 ? void 0 : contextValue.getHelperTextProps : contextValue === null || contextValue === void 0 ? void 0 : contextValue.getErrorMessageProps;
   const {
     visible,
     ref,
     className: formControlClassName,
     ...ownProps
-  } = getProps?.(rest) ?? {
+  } = (_getProps = getProps === null || getProps === void 0 ? void 0 : getProps(rest)) !== null && _getProps !== void 0 ? _getProps : {
     visible: true,
     ref: _function.noop,
     className: undefined,

package/dist/cjs/components/FormHelperText/FormHelperText.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormHelperText.js","sources":["../../../../src/components/FormHelperText/FormHelperText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Text } from '~/src/components/Text'\n\nimport type {\n BaseHelperTextProps,\n FormErrorMessageProps,\n FormHelperTextProps,\n} from './FormHelperText.types'\n\nimport styles from './FormHelperText.module.scss'\n\nexport const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text'\nexport const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message'\n\nconst BaseHelperText = forwardRef<HTMLSpanElement, BaseHelperTextProps>(\n function BaseHelperText(props, forwardedRef) {\n const { type, typo = '13', children, className, ...rest } = props\n\n const contextValue = useFormControlContext()\n const getProps =\n type === 'info'\n ? contextValue?.getHelperTextProps\n : contextValue?.getErrorMessageProps\n\n const {\n visible,\n ref,\n className: formControlClassName,\n ...ownProps\n } = getProps?.(rest) ?? {\n visible: true,\n ref: noop,\n className: undefined,\n ...rest,\n }\n\n const mergedRef = useMergeRefs(ref, forwardedRef)\n\n if (isEmpty(children) \|\| !visible) {\n return null\n }\n\n return (\n <Text\n ref={mergedRef}\n as=\"p\"\n className={classNames(\n styles.FormHelperText,\n formControlClassName,\n className\n )}\n typo={typo}\n align=\"left\"\n {...ownProps}\n >\n {children}\n </Text>\n )\n }\n)\n\n/*\n `FormHelperText` is a component to show the description of the input element.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n * <FormLabel>\n * Password\n * </FormLabel>\n * <TextField />\n * <FormHelperText>\n * Please use at least 6 characters\n * </FormHelperText>\n * </FormControl>\n * ```\n /\nexport const FormHelperText = forwardRef<HTMLSpanElement, FormHelperTextProps>(\n function FormHelperText(props, forwardedRef) {\n const { color = 'txt-black-dark', children, ...rest } = props\n\n return (\n <BaseHelperText\n type=\"info\"\n ref={forwardedRef}\n color={color}\n data-testid={FORM_HELPER_TEXT_TEST_ID}\n {...rest}\n >\n {children}\n </BaseHelperText>\n )\n }\n)\n\n/\n `FormErrorMessage` is a component to show error message when form values are invalid.\n * It should be used with `FormControl` component.\n * @example\n * ```tsx\n * <FormControl>\n * <FormLabel>\n * Password\n * </FormLabel>\n * <TextField />\n * <FormErrorMessage>\n * Password should be at least 6 characters\n * </FormErrorMessage>\n * </FormControl>\n * ```\n */\nexport const FormErrorMessage = forwardRef<\n HTMLSpanElement,\n FormErrorMessageProps\n>(function FormErrorMessage(props, forwardedRef) {\n const { color = 'bgtxt-orange-normal', children, ...rest } = props\n\n return (\n <BaseHelperText\n aria-live=\"polite\"\n type=\"error\"\n ref={forwardedRef}\n color={color}\n data-testid={FORM_ERROR_MESSAGE_TEST_ID}\n {...rest}\n >\n {children}\n </BaseHelperText>\n )\n})\n"],"names":["FORM_HELPER_TEXT_TEST_ID","FORM_ERROR_MESSAGE_TEST_ID","BaseHelperText","forwardRef","props","forwardedRef","type","typo","children","className","rest","contextValue","useFormControlContext","getProps","getHelperTextProps","getErrorMessageProps","visible","ref","formControlClassName","ownProps","noop","undefined","mergedRef","useMergeRefs","isEmpty","React","createElement","Text","Object","assign","as","classNames","styles","FormHelperText","align","color","FormErrorMessage"],"mappings":";;;;;;;;;;;AAmBO,MAAMA,wBAAwB,GAAG,0BAAyB;AAC1D,MAAMC,0BAA0B,GAAG,4BAA2B;AAErE,MAAMC,cAAc,gBAAGC,gBAAU,CAC/B,SAASD,cAAcA,CAACE,KAAK,EAAEC,YAAY,EAAE;EAC3C,MAAM;UAAEC,MAAI;AAAEC,IAAAA,IAAI,GAAG,IAAI;IAAEC,QAAQ;IAAEC,SAAS;IAAE,GAAGC,IAAAA;AAAK,GAAC,~~GAAGN~~,KAAK,CAAA;AAEjE,EAAA,~~MAAMO~~,YAAY,GAAGC,iCAAqB,EAAE,CAAA;~~AAC5C~~,~~EAAA,~~MAAMC,QAAQ,GACZP,MAAI,KAAK,MAAM,GACXK,YAAY,~~EAAEG~~,kBAAkB,GAChCH,YAAY,~~EAAEI~~,oBAAoB,CAAA;EAExC,MAAM;IACJC,OAAO;IACPC,GAAG;AACHR,IAAAA,SAAS,EAAES,oBAAoB;IAC/B,GAAGC,QAAAA;AACL,GAAC,~~GAAGN~~,QAAQ,~~GAAGH~~,IAAI,CAAC,~~IAAI~~;~~AACtBM~~,IAAAA,OAAO,EAAE,IAAI;AACbC,IAAAA,GAAG,EAAEG,cAAI;AACTX,IAAAA,SAAS,EAAEY,SAAS;IACpB,GAAGX,IAAAA;GACJ,CAAA;AAED,EAAA,MAAMY,SAAS,GAAGC,oBAAY,CAACN,GAAG,~~EAAEZ~~,YAAY,CAAC,CAAA;AAEjD,EAAA,~~IAAImB~~,YAAO,CAAChB,QAAQ,CAAC,IAAI,CAACQ,OAAO,EAAE;AACjC,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,oBACES,KAAA,CAAAC,aAAA,CAACC,SAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACHZ,IAAAA,GAAG,EAAEK,SAAU;AACfQ,IAAAA,EAAE,EAAC,GAAG;IACNrB,SAAS,EAAEsB,aAAU,CACnBC,6BAAM,CAACC,cAAc,EACrBf,oBAAoB,EACpBT,SACF,CAAE;AACFF,IAAAA,IAAI,EAAEA,IAAK;AACX2B,IAAAA,KAAK,EAAC,MAAA;GACFf,EAAAA,QAAQ,CAEXX,EAAAA,QACG,CAAC,CAAA;AAEX,CACF,CAAC,CAAA;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMyB,cAAc,~~gBAAG9B~~,gBAAU,CACtC,~~SAAS8B~~,cAAcA,~~CAAC7B~~,KAAK,EAAEC,YAAY,EAAE;EAC3C,MAAM;~~AAAE8B~~,IAAAA,KAAK,GAAG,gBAAgB;IAAE3B,QAAQ;IAAE,GAAGE,IAAAA;AAAK,GAAC,~~GAAGN~~,KAAK,CAAA;EAE7D,~~oBACEqB~~,KAAA,CAAAC,aAAA,~~CAACxB~~,cAAc,~~EAAA0B~~,MAAA,CAAAC,MAAA,CAAA;AACbvB,IAAAA,IAAI,EAAC,MAAM;AACXW,IAAAA,GAAG,~~EAAEZ~~,YAAa;~~AAClB8B~~,IAAAA,KAAK,EAAEA,KAAM;IACb,~~aAAanC~~,EAAAA,wBAAAA;~~GACTU~~,EAAAA,IAAI,CAEPF,EAAAA,QACa,CAAC,CAAA;AAErB,CACF,EAAC;;AAED;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAM4B,gBAAgB,~~gBAAGjC~~,gBAAU,CAGxC,~~SAASiC~~,gBAAgBA,~~CAAChC~~,KAAK,EAAEC,YAAY,EAAE;EAC/C,MAAM;~~AAAE8B~~,IAAAA,KAAK,GAAG,qBAAqB;IAAE3B,QAAQ;IAAE,GAAGE,IAAAA;AAAK,GAAC,~~GAAGN~~,KAAK,CAAA;EAElE,~~oBACEqB~~,KAAA,CAAAC,aAAA,~~CAACxB~~,cAAc,~~EAAA0B~~,MAAA,CAAAC,MAAA,CAAA;AACb,IAAA,WAAA,EAAU,QAAQ;AAClBvB,IAAAA,IAAI,EAAC,OAAO;AACZW,IAAAA,GAAG,~~EAAEZ~~,YAAa;~~AAClB8B~~,IAAAA,KAAK,EAAEA,KAAM;IACb,~~aAAalC~~,EAAAA,0BAAAA;~~GACTS~~,EAAAA,IAAI,CAEPF,EAAAA,QACa,CAAC,CAAA;AAErB,CAAC;;;;;;;"}
1	+ {"version":3,"file":"FormHelperText.js","sources":["../../../../src/components/FormHelperText/FormHelperText.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { noop } from '~/src/utils/function'\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Text } from '~/src/components/Text'\n\nimport type {\n BaseHelperTextProps,\n FormErrorMessageProps,\n FormHelperTextProps,\n} from './FormHelperText.types'\n\nimport styles from './FormHelperText.module.scss'\n\nexport const FORM_HELPER_TEXT_TEST_ID = 'bezier-form-helper-text'\nexport const FORM_ERROR_MESSAGE_TEST_ID = 'bezier-form-error-message'\n\nconst BaseHelperText = forwardRef<HTMLSpanElement, BaseHelperTextProps>(\n function BaseHelperText(props, forwardedRef) {\n const { type, typo = '13', children, className, ...rest } = props\n\n const contextValue = useFormControlContext()\n const getProps =\n type === 'info'\n ? contextValue?.getHelperTextProps\n : contextValue?.getErrorMessageProps\n\n const {\n visible,\n ref,\n className: formControlClassName,\n ...ownProps\n } = getProps?.(rest) ?? {\n visible: true,\n ref: noop,\n className: undefined,\n ...rest,\n }\n\n const mergedRef = useMergeRefs(ref, forwardedRef)\n\n if (isEmpty(children) \|\| !visible) {\n return null\n }\n\n return (\n <Text\n ref={mergedRef}\n as=\"p\"\n className={classNames(\n styles.FormHelperText,\n formControlClassName,\n className\n )}\n typo={typo}\n align=\"left\"\n {...ownProps}\n >\n {children}\n </Text>\n )\n }\n)\n\n/*\n `FormHelperText` is a component to show the description of the input element.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n * <FormLabel>\n * Password\n * </FormLabel>\n * <TextField />\n * <FormHelperText>\n * Please use at least 6 characters\n * </FormHelperText>\n * </FormControl>\n * ```\n /\nexport const FormHelperText = forwardRef<HTMLSpanElement, FormHelperTextProps>(\n function FormHelperText(props, forwardedRef) {\n const { color = 'txt-black-dark', children, ...rest } = props\n\n return (\n <BaseHelperText\n type=\"info\"\n ref={forwardedRef}\n color={color}\n data-testid={FORM_HELPER_TEXT_TEST_ID}\n {...rest}\n >\n {children}\n </BaseHelperText>\n )\n }\n)\n\n/\n `FormErrorMessage` is a component to show error message when form values are invalid.\n * It should be used with `FormControl` component.\n * @example\n * ```tsx\n * <FormControl>\n * <FormLabel>\n * Password\n * </FormLabel>\n * <TextField />\n * <FormErrorMessage>\n * Password should be at least 6 characters\n * </FormErrorMessage>\n * </FormControl>\n * ```\n */\nexport const FormErrorMessage = forwardRef<\n HTMLSpanElement,\n FormErrorMessageProps\n>(function FormErrorMessage(props, forwardedRef) {\n const { color = 'bgtxt-orange-normal', children, ...rest } = props\n\n return (\n <BaseHelperText\n aria-live=\"polite\"\n type=\"error\"\n ref={forwardedRef}\n color={color}\n data-testid={FORM_ERROR_MESSAGE_TEST_ID}\n {...rest}\n >\n {children}\n </BaseHelperText>\n )\n})\n"],"names":["FORM_HELPER_TEXT_TEST_ID","FORM_ERROR_MESSAGE_TEST_ID","BaseHelperText","forwardRef","props","forwardedRef","_getProps","type","typo","children","className","rest","contextValue","useFormControlContext","getProps","getHelperTextProps","getErrorMessageProps","visible","ref","formControlClassName","ownProps","noop","undefined","mergedRef","useMergeRefs","isEmpty","React","createElement","Text","Object","assign","as","classNames","styles","FormHelperText","align","color","FormErrorMessage"],"mappings":"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"}

package/dist/cjs/components/FormLabel/FormLabel.js CHANGED Viewed

@@ -26,6 +26,7 @@ const FORM_LABEL_TEST_ID = 'bezier-form-label';
  * ```
  */
 const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(props, forwardedRef) {
+  var _contextValue$getLabe;
   const {
     help,
     bold = true,
@@ -38,7 +39,7 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(props, forwar
   const {
     className: formControlClassName,
     ...ownProps
-  } = contextValue?.getLabelProps(rest) ?? {
+  } = (_contextValue$getLabe = contextValue === null || contextValue === void 0 ? void 0 : contextValue.getLabelProps(rest)) !== null && _contextValue$getLabe !== void 0 ? _contextValue$getLabe : {
     typo: '13',
     className: undefined,
     ...rest
@@ -47,11 +48,11 @@ const FormLabel = /*#__PURE__*/React.forwardRef(function FormLabel(props, forwar
     if (type.isEmpty(help)) {
       return null;
     }
-    if ( /*#__PURE__*/React.isValidElement(help)) {
+    if (/*#__PURE__*/React.isValidElement(help)) {
       // FIXME(@bora): string, JSXElementCostructor 타입에 displayName 속성이 존재하지 않음, 임시로 any 타입으로 설정
       const {
         displayName
-      } = help?.type;
+      } = help === null || help === void 0 ? void 0 : help.type;
       if (displayName === Help.HELP_DISPLAY_NAME) {
         return help;
       }

package/dist/cjs/components/FormLabel/FormLabel.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Help } from '~/src/components/Help'\nimport { HELP_DISPLAY_NAME } from '~/src/components/Help/Help'\nimport { LegacyHStack, LegacyStackItem } from '~/src/components/LegacyStack'\nimport { Text } from '~/src/components/Text'\n\nimport { type FormLabelProps } from './FormLabel.types'\n\nimport styles from './FormLabel.module.scss'\n\nexport const FORM_LABEL_TEST_ID = 'bezier-form-label'\n\n/*\n `FormLabel` is a component to show label.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n * <FormLabel>\n * Name\n * </FormLabel>\n * <TextField />\n * </FormControl>\n * ```\n */\nexport const FormLabel = forwardRef<HTMLLabelElement, FormLabelProps>(\n function FormLabel(props, forwardedRef) {\n const {\n help,\n bold = true,\n color = 'txt-black-darkest',\n className,\n children,\n ...rest\n } = props\n\n const contextValue = useFormControlContext()\n const { className: formControlClassName, ...ownProps } =\n contextValue?.getLabelProps(rest) ?? {\n typo: '13',\n className: undefined,\n ...rest,\n }\n\n const HelpComponent = (() => {\n if (isEmpty(help)) {\n return null\n }\n\n if (React.isValidElement(help)) {\n // FIXME(@bora): string, JSXElementCostructor 타입에 displayName 속성이 존재하지 않음, 임시로 any 타입으로 설정\n const { displayName } = help?.type as any\n if (displayName === HELP_DISPLAY_NAME) {\n return help\n }\n }\n\n return <Help>{help}</Help>\n })()\n\n const LabelComponent = (\n <Text\n className={classNames(\n styles.LabelText,\n !HelpComponent && formControlClassName,\n className\n )}\n ref={forwardedRef}\n as=\"label\"\n align=\"left\"\n bold={bold}\n color={color}\n data-testid={FORM_LABEL_TEST_ID}\n {...ownProps}\n >\n {children}\n </Text>\n )\n\n if (isEmpty(children)) {\n return null\n }\n\n return !HelpComponent ? (\n LabelComponent\n ) : (\n <LegacyHStack\n align=\"center\"\n spacing={6}\n className={formControlClassName}\n >\n <LegacyStackItem\n shrink\n weight={1}\n >\n {LabelComponent}\n </LegacyStackItem>\n <LegacyStackItem>{HelpComponent}</LegacyStackItem>\n </LegacyHStack>\n )\n }\n)\n"],"names":["FORM_LABEL_TEST_ID","FormLabel","forwardRef","props","forwardedRef","help","bold","color","className","children","rest","contextValue","useFormControlContext","formControlClassName","ownProps","getLabelProps","typo","undefined","HelpComponent","isEmpty","React","isValidElement","displayName","type","HELP_DISPLAY_NAME","createElement","Help","LabelComponent","Text","Object","assign","classNames","styles","LabelText","ref","as","align","LegacyHStack","spacing","LegacyStackItem","shrink","weight"],"mappings":";;;;;;;;;;;;AAgBO,MAAMA,kBAAkB,GAAG,oBAAmB;;AAErD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,MAAMC,SAAS,gBAAGC,gBAAU,CACjC,SAASD,SAASA,CAACE,KAAK,EAAEC,YAAY,EAAE;EACtC,MAAM;IACJC,IAAI;AACJC,IAAAA,IAAI,GAAG,IAAI;AACXC,IAAAA,KAAK,GAAG,mBAAmB;IAC3BC,SAAS;IACTC,QAAQ;IACR,GAAGC,IAAAA;AACL,GAAC,~~GAAGP~~,KAAK,CAAA;AAET,EAAA,~~MAAMQ~~,YAAY,GAAGC,iCAAqB,EAAE,CAAA;EAC5C,MAAM;AAAEJ,IAAAA,SAAS,EAAEK,oBAAoB;IAAE,GAAGC,QAAAA;AAAS,GAAC,~~GACpDH~~,YAAY,~~EAAEI~~,aAAa,CAACL,IAAI,CAAC,~~IAAI~~;~~AACnCM~~,IAAAA,IAAI,EAAE,IAAI;AACVR,IAAAA,SAAS,EAAES,SAAS;IACpB,GAAGP,IAAAA;GACJ,CAAA;EAEH,MAAMQ,aAAa,GAAG,CAAC,MAAM;AAC3B,IAAA,IAAIC,YAAO,CAACd,IAAI,CAAC,EAAE;AACjB,MAAA,OAAO,IAAI,CAAA;AACb,KAAA;AAEA,IAAA,~~kBAAIe~~,KAAK,CAACC,cAAc,CAAChB,IAAI,CAAC,EAAE;AAC9B;MACA,MAAM;AAAEiB,QAAAA,WAAAA;~~OAAa~~,GAAGjB,IAAI,~~EAAEkB~~,IAAW,CAAA;MACzC,IAAID,WAAW,KAAKE,sBAAiB,EAAE;AACrC,QAAA,OAAOnB,IAAI,CAAA;AACb,OAAA;AACF,KAAA;AAEA,IAAA,oBAAOe,KAAA,CAAAK,aAAA,CAACC,SAAI,EAAA,IAAA,EAAErB,IAAW,CAAC,CAAA;AAC5B,GAAC,GAAG,CAAA;EAEJ,MAAMsB,cAAc,gBAClBP,KAAA,CAAAK,aAAA,CAACG,SAAI,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACHtB,IAAAA,SAAS,EAAEuB,aAAU,CACnBC,wBAAM,CAACC,SAAS,EAChB,CAACf,aAAa,IAAIL,oBAAoB,EACtCL,SACF,CAAE;AACF0B,IAAAA,GAAG,~~EAAE9B~~,YAAa;~~AAClB+B~~,IAAAA,EAAE,EAAC,OAAO;AACVC,IAAAA,KAAK,EAAC,MAAM;AACZ9B,IAAAA,IAAI,EAAEA,IAAK;AACXC,IAAAA,KAAK,EAAEA,KAAM;IACb,~~aAAaP~~,EAAAA,kBAAAA;~~GACTc~~,EAAAA,QAAQ,CAEXL,EAAAA,QACG,CACP,CAAA;AAED,EAAA,IAAIU,YAAO,CAACV,QAAQ,CAAC,EAAE;AACrB,IAAA,OAAO,IAAI,CAAA;AACb,GAAA;EAEA,OAAO,CAACS,aAAa,GACnBS,cAAc,gBAEdP,KAAA,CAAAK,aAAA,CAACY,yBAAY,EAAA;AACXD,IAAAA,KAAK,EAAC,QAAQ;AACdE,IAAAA,OAAO,EAAE,CAAE;AACX9B,IAAAA,SAAS,EAAEK,oBAAAA;AAAqB,GAAA,eAEhCO,KAAA,CAAAK,aAAA,CAACc,+BAAe,EAAA;IACdC,MAAM,EAAA,IAAA;AACNC,IAAAA,MAAM,EAAE,CAAA;GAEPd,EAAAA,cACc,CAAC,eAClBP,KAAA,CAAAK,aAAA,CAACc,+BAAe,EAAA,IAAA,EAAErB,aAA+B,CACrC,CACf,CAAA;AACH,CACF;;;;;"}
1	+ {"version":3,"file":"FormLabel.js","sources":["../../../../src/components/FormLabel/FormLabel.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport classNames from 'classnames'\n\nimport { isEmpty } from '~/src/utils/type'\n\nimport { useFormControlContext } from '~/src/components/FormControl'\nimport { Help } from '~/src/components/Help'\nimport { HELP_DISPLAY_NAME } from '~/src/components/Help/Help'\nimport { LegacyHStack, LegacyStackItem } from '~/src/components/LegacyStack'\nimport { Text } from '~/src/components/Text'\n\nimport { type FormLabelProps } from './FormLabel.types'\n\nimport styles from './FormLabel.module.scss'\n\nexport const FORM_LABEL_TEST_ID = 'bezier-form-label'\n\n/*\n `FormLabel` is a component to show label.\n * `FormControl` component can handle its layout by `position` props.\n * @example\n * ```tsx\n * <FormControl position=\"top\">\n * <FormLabel>\n * Name\n * </FormLabel>\n * <TextField />\n * </FormControl>\n * ```\n */\nexport const FormLabel = forwardRef<HTMLLabelElement, FormLabelProps>(\n function FormLabel(props, forwardedRef) {\n const {\n help,\n bold = true,\n color = 'txt-black-darkest',\n className,\n children,\n ...rest\n } = props\n\n const contextValue = useFormControlContext()\n const { className: formControlClassName, ...ownProps } =\n contextValue?.getLabelProps(rest) ?? {\n typo: '13',\n className: undefined,\n ...rest,\n }\n\n const HelpComponent = (() => {\n if (isEmpty(help)) {\n return null\n }\n\n if (React.isValidElement(help)) {\n // FIXME(@bora): string, JSXElementCostructor 타입에 displayName 속성이 존재하지 않음, 임시로 any 타입으로 설정\n const { displayName } = help?.type as any\n if (displayName === HELP_DISPLAY_NAME) {\n return help\n }\n }\n\n return <Help>{help}</Help>\n })()\n\n const LabelComponent = (\n <Text\n className={classNames(\n styles.LabelText,\n !HelpComponent && formControlClassName,\n className\n )}\n ref={forwardedRef}\n as=\"label\"\n align=\"left\"\n bold={bold}\n color={color}\n data-testid={FORM_LABEL_TEST_ID}\n {...ownProps}\n >\n {children}\n </Text>\n )\n\n if (isEmpty(children)) {\n return null\n }\n\n return !HelpComponent ? (\n LabelComponent\n ) : (\n <LegacyHStack\n align=\"center\"\n spacing={6}\n className={formControlClassName}\n >\n <LegacyStackItem\n shrink\n weight={1}\n >\n {LabelComponent}\n </LegacyStackItem>\n <LegacyStackItem>{HelpComponent}</LegacyStackItem>\n </LegacyHStack>\n )\n }\n)\n"],"names":["FORM_LABEL_TEST_ID","FormLabel","forwardRef","props","forwardedRef","_contextValue$getLabe","help","bold","color","className","children","rest","contextValue","useFormControlContext","formControlClassName","ownProps","getLabelProps","typo","undefined","HelpComponent","isEmpty","React","isValidElement","displayName","type","HELP_DISPLAY_NAME","createElement","Help","LabelComponent","Text","Object","assign","classNames","styles","LabelText","ref","as","align","LegacyHStack","spacing","LegacyStackItem","shrink","weight"],"mappings":"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"}

package/dist/cjs/components/Icon/Icon.js CHANGED Viewed

@@ -7,7 +7,7 @@ var style = require('../../utils/style.js');
 var Icon_module = require('./Icon.module.scss.js');
 const ICON_TEST_ID = 'bezier-icon';
-const Icon = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function Icon(props, forwardedRef) {
+const Icon = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function Icon(props, forwardedRef) {
   const [marginProps, marginRest] = propsHelpers.splitByMarginProps(props);
   const marginStyles = propsHelpers.getMarginStyles(marginProps);
   const {

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react'\n\nimport classNames from 'classnames'\n\nimport { getMarginStyles, splitByMarginProps } from '~/src/types/props-helpers'\nimport { tokenCssVar } from '~/src/utils/style'\n\nimport { type IconProps } from './Icon.types'\n\nimport styles from './Icon.module.scss'\n\nexport const ICON_TEST_ID = 'bezier-icon'\n\nexport const Icon = memo(\n forwardRef<SVGSVGElement, IconProps>(function Icon(props, forwardedRef) {\n const [marginProps, marginRest] = splitByMarginProps(props)\n const marginStyles = getMarginStyles(marginProps)\n\n const {\n className,\n size = 'm',\n color,\n source: SourceElement,\n style,\n ...rest\n } = marginRest\n\n return (\n <SourceElement\n ref={forwardedRef}\n style={\n {\n '--b-icon-color': tokenCssVar(color),\n ...marginStyles.style,\n ...style,\n } as React.CSSProperties\n }\n className={classNames(\n styles.Icon,\n styles[`size-${size}`],\n marginStyles.className,\n className\n )}\n data-testid={ICON_TEST_ID}\n {...rest}\n />\n )\n })\n)\n"],"names":["ICON_TEST_ID","Icon","memo","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","marginStyles","getMarginStyles","className","size","color","source","SourceElement","style","rest","React","createElement","Object","assign","ref","tokenCssVar","classNames","styles"],"mappings":";;;;;;;;AAWO,MAAMA,YAAY,GAAG,cAAa;AAE5BC,MAAAA,IAAI,gBAAGC,UAAI,~~eACtBC~~,gBAAU,CAA2B,SAASF,IAAIA,CAACG,KAAK,EAAEC,YAAY,EAAE;EACtE,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,+BAAkB,CAACJ,KAAK,CAAC,CAAA;AAC3D,EAAA,MAAMK,YAAY,GAAGC,4BAAe,CAACJ,WAAW,CAAC,CAAA;EAEjD,MAAM;IACJK,SAAS;AACTC,IAAAA,IAAI,GAAG,GAAG;IACVC,KAAK;AACLC,IAAAA,MAAM,EAAEC,aAAa;WACrBC,OAAK;IACL,GAAGC,IAAAA;AACL,GAAC,GAAGV,UAAU,CAAA;EAEd,oBACEW,KAAA,CAAAC,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACZC,IAAAA,GAAG,EAAEjB,YAAa;AAClBW,IAAAA,KAAK,EACH;AACE,MAAA,gBAAgB,EAAEO,iBAAW,CAACV,KAAK,CAAC;MACpC,GAAGJ,YAAY,CAACO,KAAK;MACrB,GAAGA,OAAAA;KAEN;AACDL,IAAAA,SAAS,EAAEa,aAAU,CACnBC,mBAAM,CAACxB,IAAI,EACXwB,mBAAM,CAAC,QAAQb,IAAI,CAAA,CAAE,CAAC,EACtBH,YAAY,CAACE,SAAS,EACtBA,SACF,CAAE;IACF,aAAaX,EAAAA,YAAAA;GACTiB,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CACH;;;;;"}
1	+ {"version":3,"file":"Icon.js","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, { forwardRef, memo } from 'react'\n\nimport classNames from 'classnames'\n\nimport { getMarginStyles, splitByMarginProps } from '~/src/types/props-helpers'\nimport { tokenCssVar } from '~/src/utils/style'\n\nimport { type IconProps } from './Icon.types'\n\nimport styles from './Icon.module.scss'\n\nexport const ICON_TEST_ID = 'bezier-icon'\n\nexport const Icon = memo(\n forwardRef<SVGSVGElement, IconProps>(function Icon(props, forwardedRef) {\n const [marginProps, marginRest] = splitByMarginProps(props)\n const marginStyles = getMarginStyles(marginProps)\n\n const {\n className,\n size = 'm',\n color,\n source: SourceElement,\n style,\n ...rest\n } = marginRest\n\n return (\n <SourceElement\n ref={forwardedRef}\n style={\n {\n '--b-icon-color': tokenCssVar(color),\n ...marginStyles.style,\n ...style,\n } as React.CSSProperties\n }\n className={classNames(\n styles.Icon,\n styles[`size-${size}`],\n marginStyles.className,\n className\n )}\n data-testid={ICON_TEST_ID}\n {...rest}\n />\n )\n })\n)\n"],"names":["ICON_TEST_ID","Icon","memo","forwardRef","props","forwardedRef","marginProps","marginRest","splitByMarginProps","marginStyles","getMarginStyles","className","size","color","source","SourceElement","style","rest","React","createElement","Object","assign","ref","tokenCssVar","classNames","styles"],"mappings":";;;;;;;;AAWO,MAAMA,YAAY,GAAG,cAAa;AAE5BC,MAAAA,IAAI,gBAAGC,UAAI,cACtBC,gBAAU,CAA2B,SAASF,IAAIA,CAACG,KAAK,EAAEC,YAAY,EAAE;EACtE,MAAM,CAACC,WAAW,EAAEC,UAAU,CAAC,GAAGC,+BAAkB,CAACJ,KAAK,CAAC,CAAA;AAC3D,EAAA,MAAMK,YAAY,GAAGC,4BAAe,CAACJ,WAAW,CAAC,CAAA;EAEjD,MAAM;IACJK,SAAS;AACTC,IAAAA,IAAI,GAAG,GAAG;IACVC,KAAK;AACLC,IAAAA,MAAM,EAAEC,aAAa;WACrBC,OAAK;IACL,GAAGC,IAAAA;AACL,GAAC,GAAGV,UAAU,CAAA;EAEd,oBACEW,KAAA,CAAAC,aAAA,CAACJ,aAAa,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACZC,IAAAA,GAAG,EAAEjB,YAAa;AAClBW,IAAAA,KAAK,EACH;AACE,MAAA,gBAAgB,EAAEO,iBAAW,CAACV,KAAK,CAAC;MACpC,GAAGJ,YAAY,CAACO,KAAK;MACrB,GAAGA,OAAAA;KAEN;AACDL,IAAAA,SAAS,EAAEa,aAAU,CACnBC,mBAAM,CAACxB,IAAI,EACXwB,mBAAM,CAAC,QAAQb,IAAI,CAAA,CAAE,CAAC,EACtBH,YAAY,CAACE,SAAS,EACtBA,SACF,CAAE;IACF,aAAaX,EAAAA,YAAAA;GACTiB,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CACH;;;;;"}

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js CHANGED Viewed

@@ -40,6 +40,7 @@ const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
     ref: forwardedRef,
     "data-testid": "bezier-legacy-stack"
   }, rest), React.Children.map(children, (element, index) => {
+    var _element$props$margin;
     if (! /*#__PURE__*/React.isValidElement(element)) {
       return element;
     }
@@ -57,7 +58,7 @@ const LegacyStack = /*#__PURE__*/React.forwardRef(function Stack({
     return /*#__PURE__*/React.cloneElement(element, {
       ...element.props,
       direction,
-      marginBefore: element.props.marginBefore ?? (index > firstValidElementIdx.current ? spacing : 0)
+      marginBefore: (_element$props$margin = element.props.marginBefore) !== null && _element$props$margin !== void 0 ? _element$props$margin : index > firstValidElementIdx.current ? spacing : 0
     });
   }));
 });

package/dist/cjs/components/LegacyStack/LegacyStack/LegacyStack.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["import React, {\n Children,\n cloneElement,\n forwardRef,\n isValidElement,\n useRef,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport type LegacyStackProps from './LegacyStack.types'\n\nimport styles from './LegacyStack.module.scss'\n\n/*\n @deprecated Use `Stack` instead.\n \n `Stack` provides an abstraction of flex layout so that\n * rendering of child elements linearly can be done\n * with simplified options.\n \n `Stack` always fills the parent element.\n \n Be reminded to list `StackItem`s to be direct child of `Stack`.\n * @example\n \n ```tsx\n * <Stack direction=\"horizontal\" spacing={8}>\n * <StackItem>{ ... }</StackItem>\n * <StackItem>{ ... }</StackItem>\n * </Stack>\n * ```\n /\nexport const LegacyStack = forwardRef<HTMLElement, LegacyStackProps>(\n function Stack(\n {\n as = 'div',\n className,\n children,\n direction,\n justify = 'start',\n align = 'stretch',\n spacing = 0,\n ...rest\n },\n forwardedRef\n ) {\n const Comp = as\n const firstValidElementIdx = useRef(-1)\n\n return (\n <Comp\n className={classNames(\n styles.LegacyStack,\n styles[`direction-${direction}`],\n styles[`justify-${justify}`],\n styles[`align-${align}`],\n className\n )}\n ref={forwardedRef}\n data-testid=\"bezier-legacy-stack\"\n {...rest}\n >\n {Children.map(children, (element, index) => {\n if (!isValidElement(element)) {\n return element\n }\n\n /\n NOTE: this assumes that this element is `StackItem`.\n \n Even if the child is not a `StackItem` component,\n * it could forward the prop to `StackItem` deeper in the tree,\n * or implement a custom behavior compatible with `StackItemProps`.\n */\n if (firstValidElementIdx.current === -1) {\n firstValidElementIdx.current = index\n }\n return cloneElement(element, {\n ...element.props,\n direction,\n marginBefore:\n element.props.marginBefore ??\n (index > firstValidElementIdx.current ? spacing : 0),\n })\n })}\n </Comp>\n )\n }\n)\n"],"names":["LegacyStack","forwardRef","Stack","as","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","React","createElement","Object","assign","classNames","styles","ref","Children","map","element","index","isValidElement","current","cloneElement","props","marginBefore"],"mappings":";;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,gBAAU,CACnC,SAASC,KAAKA,CACZ;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC,IAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGT,EAAE,CAAA;AACf,EAAA,MAAMU,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAA;EAEvC,oBACEC,KAAA,CAAAC,aAAA,CAACJ,IAAI,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACHd,IAAAA,SAAS,EAAEe,aAAU,CACnBC,0BAAM,CAACpB,WAAW,EAClBoB,0BAAM,CAAC,CAAA,UAAA,EAAad,SAAS,CAAA,CAAE,CAAC,EAChCc,0BAAM,CAAC,CAAWb,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5Ba,0BAAM,CAAC,CAAA,MAAA,EAASZ,KAAK,CAAA,CAAE,CAAC,EACxBJ,SACF,CAAE;AACFiB,IAAAA,GAAG,EAAEV,YAAa;IAClB,aAAY,EAAA,qBAAA;AAAqB,GAAA,EAC7BD,IAAI,CAAA,EAEPY,cAAQ,CAACC,GAAG,CAAClB,QAAQ,EAAE,CAACmB,OAAO,EAAEC,KAAK,KAAK;AAC1C,IAAA,IAAI,eAACC,oBAAc,~~CAACF~~,OAAO,CAAC,EAAE;AAC5B,MAAA,OAAOA,OAAO,CAAA;AAChB,KAAA;;AAEA;AACV;AACA;AACA;AACA;AACA;AACA;AACU,IAAA,IAAIX,oBAAoB,~~CAACc~~,OAAO,KAAK,CAAC,CAAC,EAAE;~~MACvCd~~,oBAAoB,~~CAACc~~,OAAO,~~GAAGF~~,KAAK,CAAA;AACtC,KAAA;IACA,~~oBAAOG~~,kBAAY,~~CAACJ~~,OAAO,EAAE;MAC3B,GAAGA,OAAO,~~CAACK~~,KAAK;~~MAChBvB~~,SAAS;~~AACTwB~~,~~MAAAA,~~YAAY,~~EACVN~~,OAAO,~~CAACK~~,KAAK,CAACC,YAAY,~~KACzBL~~,KAAK,GAAGZ,oBAAoB,~~CAACc~~,OAAO,~~GAAGlB~~,OAAO,GAAG,~~CAAC,~~CAAA;~~AACvD~~,KAAC,CAAC,CAAA;AACJ,GAAC,CACG,CAAC,CAAA;AAEX,CACF;;;;"}
1	+ {"version":3,"file":"LegacyStack.js","sources":["../../../../../src/components/LegacyStack/LegacyStack/LegacyStack.tsx"],"sourcesContent":["import React, {\n Children,\n cloneElement,\n forwardRef,\n isValidElement,\n useRef,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport type LegacyStackProps from './LegacyStack.types'\n\nimport styles from './LegacyStack.module.scss'\n\n/*\n @deprecated Use `Stack` instead.\n \n `Stack` provides an abstraction of flex layout so that\n * rendering of child elements linearly can be done\n * with simplified options.\n \n `Stack` always fills the parent element.\n \n Be reminded to list `StackItem`s to be direct child of `Stack`.\n * @example\n \n ```tsx\n * <Stack direction=\"horizontal\" spacing={8}>\n * <StackItem>{ ... }</StackItem>\n * <StackItem>{ ... }</StackItem>\n * </Stack>\n * ```\n /\nexport const LegacyStack = forwardRef<HTMLElement, LegacyStackProps>(\n function Stack(\n {\n as = 'div',\n className,\n children,\n direction,\n justify = 'start',\n align = 'stretch',\n spacing = 0,\n ...rest\n },\n forwardedRef\n ) {\n const Comp = as\n const firstValidElementIdx = useRef(-1)\n\n return (\n <Comp\n className={classNames(\n styles.LegacyStack,\n styles[`direction-${direction}`],\n styles[`justify-${justify}`],\n styles[`align-${align}`],\n className\n )}\n ref={forwardedRef}\n data-testid=\"bezier-legacy-stack\"\n {...rest}\n >\n {Children.map(children, (element, index) => {\n if (!isValidElement(element)) {\n return element\n }\n\n /\n NOTE: this assumes that this element is `StackItem`.\n \n Even if the child is not a `StackItem` component,\n * it could forward the prop to `StackItem` deeper in the tree,\n * or implement a custom behavior compatible with `StackItemProps`.\n */\n if (firstValidElementIdx.current === -1) {\n firstValidElementIdx.current = index\n }\n return cloneElement(element, {\n ...element.props,\n direction,\n marginBefore:\n element.props.marginBefore ??\n (index > firstValidElementIdx.current ? spacing : 0),\n })\n })}\n </Comp>\n )\n }\n)\n"],"names":["LegacyStack","forwardRef","Stack","as","className","children","direction","justify","align","spacing","rest","forwardedRef","Comp","firstValidElementIdx","useRef","React","createElement","Object","assign","classNames","styles","ref","Children","map","element","index","_element$props$margin","isValidElement","current","cloneElement","props","marginBefore"],"mappings":";;;;;;AAcA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;MACaA,WAAW,gBAAGC,gBAAU,CACnC,SAASC,KAAKA,CACZ;AACEC,EAAAA,EAAE,GAAG,KAAK;EACVC,SAAS;EACTC,QAAQ;EACRC,SAAS;AACTC,EAAAA,OAAO,GAAG,OAAO;AACjBC,EAAAA,KAAK,GAAG,SAAS;AACjBC,EAAAA,OAAO,GAAG,CAAC;EACX,GAAGC,IAAAA;AACL,CAAC,EACDC,YAAY,EACZ;EACA,MAAMC,IAAI,GAAGT,EAAE,CAAA;AACf,EAAA,MAAMU,oBAAoB,GAAGC,YAAM,CAAC,CAAC,CAAC,CAAC,CAAA;EAEvC,oBACEC,KAAA,CAAAC,aAAA,CAACJ,IAAI,EAAAK,MAAA,CAAAC,MAAA,CAAA;AACHd,IAAAA,SAAS,EAAEe,aAAU,CACnBC,0BAAM,CAACpB,WAAW,EAClBoB,0BAAM,CAAC,CAAA,UAAA,EAAad,SAAS,CAAA,CAAE,CAAC,EAChCc,0BAAM,CAAC,CAAWb,QAAAA,EAAAA,OAAO,CAAE,CAAA,CAAC,EAC5Ba,0BAAM,CAAC,CAAA,MAAA,EAASZ,KAAK,CAAA,CAAE,CAAC,EACxBJ,SACF,CAAE;AACFiB,IAAAA,GAAG,EAAEV,YAAa;IAClB,aAAY,EAAA,qBAAA;AAAqB,GAAA,EAC7BD,IAAI,CAAA,EAEPY,cAAQ,CAACC,GAAG,CAAClB,QAAQ,EAAE,CAACmB,OAAO,EAAEC,KAAK,KAAK;AAAA,IAAA,IAAAC,qBAAA,CAAA;AAC1C,IAAA,IAAI,eAACC,oBAAc,CAACH,OAAO,CAAC,EAAE;AAC5B,MAAA,OAAOA,OAAO,CAAA;AAChB,KAAA;;AAEA;AACV;AACA;AACA;AACA;AACA;AACA;AACU,IAAA,IAAIX,oBAAoB,CAACe,OAAO,KAAK,CAAC,CAAC,EAAE;MACvCf,oBAAoB,CAACe,OAAO,GAAGH,KAAK,CAAA;AACtC,KAAA;IACA,oBAAOI,kBAAY,CAACL,OAAO,EAAE;MAC3B,GAAGA,OAAO,CAACM,KAAK;MAChBxB,SAAS;MACTyB,YAAY,EAAA,CAAAL,qBAAA,GACVF,OAAO,CAACM,KAAK,CAACC,YAAY,MAAAL,IAAAA,IAAAA,qBAAA,cAAAA,qBAAA,GACzBD,KAAK,GAAGZ,oBAAoB,CAACe,OAAO,GAAGnB,OAAO,GAAG,CAAA;AACtD,KAAC,CAAC,CAAA;AACJ,GAAC,CACG,CAAC,CAAA;AAEX,CACF;;;;"}

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js CHANGED Viewed

@@ -12,7 +12,7 @@ const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content';
 /**
  * @deprecated Use `Tooltip` instead. It may be removed in the next major version.
  */
-const LegacyTooltip = /*#__PURE__*/React.memo( /*#__PURE__*/React.forwardRef(function LegacyTooltip({
+const LegacyTooltip = /*#__PURE__*/React.memo(/*#__PURE__*/React.forwardRef(function LegacyTooltip({
   as,
   contentTestId = TOOLTIP_CONTENT_TEST_ID,
   className,

package/dist/cjs/components/LegacyTooltip/LegacyTooltip.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/*\n @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n forwardRef(function LegacyTooltip(\n {\n as,\n contentTestId = TOOLTIP_CONTENT_TEST_ID,\n className,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n content = null,\n lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n placement = 'bottom-center',\n disabled = false,\n offset = 4,\n keepInContainer = false,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n children,\n ...otherProps\n }: LegacyTooltipProps,\n forwardedRef: Ref<any>\n ) {\n const { window } = useWindow()\n\n const [show, setShow] = useState(false)\n const [didMount, setDidMount] = useState(show)\n\n const tooltipContainerRef = useRef<HTMLDivElement>(null)\n const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n useEffect(\n function hideTooltipContentWhenDisabled() {\n if (disabled) {\n setShow(false)\n }\n },\n [disabled]\n )\n\n useEffect(\n function updateDidMount() {\n setDidMount((prev) => prev \|\| show)\n },\n [show]\n )\n\n const handleMouseEnter = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(true)\n }, delayShow)\n }, [delayShow, disabled, window])\n\n const handleMouseLeave = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(false)\n }, delayHide)\n }, [delayHide, disabled, window])\n\n const TooltipComponent = useMemo(() => {\n if (!lazy \|\| didMount) {\n return (\n <LegacyTooltipContent\n as={as}\n content={content}\n contentStyle={contentStyle}\n contentClassName={contentClassName}\n contentWrapperStyle={contentWrapperStyle}\n contentWrapperClassName={contentWrapperClassName}\n disabled={disabled}\n placement={placement}\n offset={offset}\n allowHover={allowHover}\n keepInContainer={keepInContainer}\n tooltipContainer={tooltipContainerRef.current}\n forwardedRef={forwardedRef}\n data-testid={contentTestId}\n />\n )\n }\n\n return null\n }, [\n lazy,\n didMount,\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n disabled,\n placement,\n offset,\n allowHover,\n keepInContainer,\n forwardedRef,\n contentTestId,\n ])\n\n if (!children) {\n return null\n }\n\n return (\n <div\n ref={tooltipContainerRef}\n className={classNames(styles.LegacyTooltip, className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n data-testid={TOOLTIP_TEST_ID}\n {...otherProps}\n >\n {children}\n {show && TooltipComponent}\n </div>\n )\n })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","LegacyTooltipContent","tooltipContainer","Object","assign","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":";;;;;;;;AAoBO,MAAMA,eAAe,GAAG,iBAAgB;AACxC,MAAMC,uBAAuB,GAAG,yBAAwB;;AAE/D;AACA;AACA;AACO,MAAMC,aAAa,gBAAGC,UAAI,~~eAC~~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"}
1	+ {"version":3,"file":"LegacyTooltip.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltip.tsx"],"sourcesContent":["import React, {\n type Ref,\n forwardRef,\n memo,\n useCallback,\n useEffect,\n useMemo,\n useRef,\n useState,\n} from 'react'\n\nimport classNames from 'classnames'\n\nimport { useWindow } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipProps } from './LegacyTooltip.types'\nimport { LegacyTooltipContent } from './LegacyTooltipContent'\n\nimport styles from './LegacyTooltip.module.scss'\n\nexport const TOOLTIP_TEST_ID = 'bezier-tooltip'\nexport const TOOLTIP_CONTENT_TEST_ID = 'bezier-tooltip-content'\n\n/*\n @deprecated Use `Tooltip` instead. It may be removed in the next major version.\n */\nexport const LegacyTooltip = memo(\n forwardRef(function LegacyTooltip(\n {\n as,\n contentTestId = TOOLTIP_CONTENT_TEST_ID,\n className,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n content = null,\n lazy = false, // optional prop 에서 추후 default behavior 를 lazy 하게 바꿀 예정\n placement = 'bottom-center',\n disabled = false,\n offset = 4,\n keepInContainer = false,\n allowHover = false,\n delayShow = 0,\n delayHide = 0,\n children,\n ...otherProps\n }: LegacyTooltipProps,\n forwardedRef: Ref<any>\n ) {\n const { window } = useWindow()\n\n const [show, setShow] = useState(false)\n const [didMount, setDidMount] = useState(show)\n\n const tooltipContainerRef = useRef<HTMLDivElement>(null)\n const timerRef = useRef<ReturnType<Window['setTimeout']>>()\n\n useEffect(\n function hideTooltipContentWhenDisabled() {\n if (disabled) {\n setShow(false)\n }\n },\n [disabled]\n )\n\n useEffect(\n function updateDidMount() {\n setDidMount((prev) => prev \|\| show)\n },\n [show]\n )\n\n const handleMouseEnter = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(true)\n }, delayShow)\n }, [delayShow, disabled, window])\n\n const handleMouseLeave = useCallback(() => {\n if (disabled) {\n return\n }\n\n if (timerRef.current) {\n clearTimeout(timerRef.current)\n }\n\n timerRef.current = window.setTimeout(() => {\n setShow(false)\n }, delayHide)\n }, [delayHide, disabled, window])\n\n const TooltipComponent = useMemo(() => {\n if (!lazy \|\| didMount) {\n return (\n <LegacyTooltipContent\n as={as}\n content={content}\n contentStyle={contentStyle}\n contentClassName={contentClassName}\n contentWrapperStyle={contentWrapperStyle}\n contentWrapperClassName={contentWrapperClassName}\n disabled={disabled}\n placement={placement}\n offset={offset}\n allowHover={allowHover}\n keepInContainer={keepInContainer}\n tooltipContainer={tooltipContainerRef.current}\n forwardedRef={forwardedRef}\n data-testid={contentTestId}\n />\n )\n }\n\n return null\n }, [\n lazy,\n didMount,\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperStyle,\n contentWrapperClassName,\n disabled,\n placement,\n offset,\n allowHover,\n keepInContainer,\n forwardedRef,\n contentTestId,\n ])\n\n if (!children) {\n return null\n }\n\n return (\n <div\n ref={tooltipContainerRef}\n className={classNames(styles.LegacyTooltip, className)}\n onMouseEnter={handleMouseEnter}\n onMouseLeave={handleMouseLeave}\n data-testid={TOOLTIP_TEST_ID}\n {...otherProps}\n >\n {children}\n {show && TooltipComponent}\n </div>\n )\n })\n)\n"],"names":["TOOLTIP_TEST_ID","TOOLTIP_CONTENT_TEST_ID","LegacyTooltip","memo","forwardRef","as","contentTestId","className","contentStyle","contentClassName","contentWrapperStyle","contentWrapperClassName","content","lazy","placement","disabled","offset","keepInContainer","allowHover","delayShow","delayHide","children","otherProps","forwardedRef","window","useWindow","show","setShow","useState","didMount","setDidMount","tooltipContainerRef","useRef","timerRef","useEffect","hideTooltipContentWhenDisabled","updateDidMount","prev","handleMouseEnter","useCallback","current","clearTimeout","setTimeout","handleMouseLeave","TooltipComponent","useMemo","React","createElement","LegacyTooltipContent","tooltipContainer","Object","assign","ref","classNames","styles","onMouseEnter","onMouseLeave"],"mappings":"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"}

package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js CHANGED Viewed

@@ -93,8 +93,8 @@ const LegacyTooltipContent = ({
     }
     return {};
   }, [tooltipContainer, givenContentWrapperStyle, replacement, offset, allowHover]);
-  const Comp = as ?? 'div';
-  return /*#__PURE__*/ReactDOM.createPortal( /*#__PURE__*/React.createElement(ThemeProvider.InvertedThemeProvider, null, /*#__PURE__*/React.createElement("div", {
+  const Comp = as !== null && as !== void 0 ? as : 'div';
+  return /*#__PURE__*/ReactDOM.createPortal(/*#__PURE__*/React.createElement(ThemeProvider.InvertedThemeProvider, null, /*#__PURE__*/React.createElement("div", {
     style: contentWrapperStyle,
     className: index.default(LegacyTooltip_module.default.LegacyTooltipContentWrapper, (disabled || type.isEmpty(content)) && LegacyTooltip_module.default.disabled, contentWrapperClassName),
     ref: tooltipWrapperRef

package/dist/cjs/components/LegacyTooltip/LegacyTooltipContent.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"LegacyTooltipContent.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { isArray, isEmpty, isString } from '~/src/utils/type'\n\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipContentProps } from './LegacyTooltip.types'\nimport { getReplacement, getTooltipStyle } from './utils'\n\nimport styles from './LegacyTooltip.module.scss'\n\nfunction getNewLineComponent(strContent: string) {\n return strContent.split('\\n').map((str, index) => {\n if (index === 0) {\n return (\n <Text\n key={str}\n typo=\"14\"\n >\n {str}\n </Text>\n )\n }\n\n return (\n <React.Fragment key={str}>\n <br />\n <Text typo=\"14\">{str}</Text>\n </React.Fragment>\n )\n })\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n if (isArray(content)) {\n return content.map((item) => {\n if (isString(item)) {\n return getNewLineComponent(item)\n }\n\n return item\n })\n }\n\n if (isString(content)) {\n return getNewLineComponent(content)\n }\n\n return content\n}\n\nexport const LegacyTooltipContent: React.FC<LegacyTooltipContentProps> = ({\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperClassName,\n contentWrapperStyle: givenContentWrapperStyle,\n disabled = false,\n keepInContainer = false,\n placement = 'bottom-center',\n tooltipContainer,\n offset = 4,\n allowHover = false,\n forwardedRef,\n ...rest\n}) => {\n const rootElement = useRootElement()\n\n const tooltipRef = useRef<HTMLDivElement>(null)\n const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n const [replacement, setReplacement] = useState(placement)\n\n const handleClickTooltip = useCallback(\n (event: HTMLElementEventMap['click']) => {\n event.stopPropagation()\n },\n []\n )\n\n useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n useEffect(() => {\n if (!tooltipRef.current) {\n return\n }\n const newPlacement = getReplacement({\n tooltip: tooltipRef.current,\n keepInContainer,\n placement,\n rootElement,\n })\n setReplacement(newPlacement)\n }, [rootElement, keepInContainer, placement])\n\n const ContentComponent = useMemo(\n () => getContentComponent(content),\n [content]\n )\n\n const contentWrapperStyle = useMemo(() => {\n if (tooltipContainer) {\n return {\n ...givenContentWrapperStyle,\n ...getTooltipStyle({\n tooltipContainer,\n placement: replacement,\n offset,\n allowHover,\n }),\n }\n }\n\n return {}\n }, [\n tooltipContainer,\n givenContentWrapperStyle,\n replacement,\n offset,\n allowHover,\n ])\n\n const Comp = as ?? 'div'\n\n return ReactDOM.createPortal(\n <InvertedThemeProvider>\n <div\n style={contentWrapperStyle}\n className={classNames(\n styles.LegacyTooltipContentWrapper,\n (disabled \|\| isEmpty(content)) && styles.disabled,\n contentWrapperClassName\n )}\n ref={tooltipWrapperRef}\n >\n <Comp\n style={contentStyle}\n className={classNames(styles.LegacyTooltipContent, contentClassName)}\n ref={mergedRef}\n {...rest}\n >\n <Text\n color=\"txt-black-darkest\"\n truncated={20}\n typo=\"13\"\n >\n {ContentComponent}\n </Text>\n </Comp>\n </div>\n </InvertedThemeProvider>,\n rootElement\n )\n}\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentStyle","contentClassName","contentWrapperClassName","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","tooltipContainer","offset","allowHover","forwardedRef","rest","rootElement","useRootElement","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","Comp","ReactDOM","createPortal","InvertedThemeProvider","style","className","classNames","styles","LegacyTooltipContentWrapper","isEmpty","ref","Object","assign","color","truncated"],"mappings":"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~~AAEF~~,~~EAAA,~~MAAM0B,IAAI,GAAGrC,EAAE,~~IAAI~~,KAAK,CAAA;AAExB,EAAA,oBAAOsC,QAAQ,CAACC,YAAY,~~eAC1BnD~~,KAAA,CAAAC,aAAA,CAACmD,mCAAqB,EAAA,IAAA,eACpBpD,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AACEoD,IAAAA,KAAK,EAAErC,mBAAoB;IAC3BsC,SAAS,EAAEC,aAAU,CACnBC,4BAAM,CAACC,2BAA2B,EAClC,CAACvC,QAAQ,IAAIwC,YAAO,CAACnD,OAAO,CAAC,KAAKiD,4BAAM,CAACtC,QAAQ,EACjDH,uBACF,CAAE;AACF4C,IAAAA,GAAG,EAAE7B,iBAAAA;GAEL9B,eAAAA,KAAA,CAAAC,aAAA,CAACgD,IAAI,EAAAW,MAAA,CAAAC,MAAA,CAAA;AACHR,IAAAA,KAAK,EAAExC,YAAa;IACpByC,SAAS,EAAEC,aAAU,CAACC,4BAAM,CAAC7C,oBAAoB,EAAEG,gBAAgB,CAAE;AACrE6C,IAAAA,GAAG,EAAE5B,SAAAA;AAAU,GAAA,EACXN,IAAI,CAERzB,eAAAA,KAAA,CAAAC,aAAA,CAACC,SAAI,EAAA;AACH4D,IAAAA,KAAK,EAAC,mBAAmB;AACzBC,IAAAA,SAAS,EAAE,EAAG;AACd3D,IAAAA,IAAI,EAAC,IAAA;AAAI,GAAA,EAER0C,gBACG,CACF,CACH,CACgB,CAAC,EACxBpB,WACF,CAAC,CAAA;AACH;;;;"}
1	+ {"version":3,"file":"LegacyTooltipContent.js","sources":["../../../../src/components/LegacyTooltip/LegacyTooltipContent.tsx"],"sourcesContent":["import React, { useCallback, useEffect, useMemo, useRef, useState } from 'react'\nimport ReactDOM from 'react-dom'\n\nimport classNames from 'classnames'\n\nimport useEventHandler from '~/src/hooks/useEventHandler'\nimport useMergeRefs from '~/src/hooks/useMergeRefs'\nimport { isArray, isEmpty, isString } from '~/src/utils/type'\n\nimport { Text } from '~/src/components/Text'\nimport { InvertedThemeProvider } from '~/src/components/ThemeProvider'\nimport { useRootElement } from '~/src/components/WindowProvider'\n\nimport { type LegacyTooltipContentProps } from './LegacyTooltip.types'\nimport { getReplacement, getTooltipStyle } from './utils'\n\nimport styles from './LegacyTooltip.module.scss'\n\nfunction getNewLineComponent(strContent: string) {\n return strContent.split('\\n').map((str, index) => {\n if (index === 0) {\n return (\n <Text\n key={str}\n typo=\"14\"\n >\n {str}\n </Text>\n )\n }\n\n return (\n <React.Fragment key={str}>\n <br />\n <Text typo=\"14\">{str}</Text>\n </React.Fragment>\n )\n })\n}\n\nfunction getContentComponent(content?: React.ReactNode) {\n if (isArray(content)) {\n return content.map((item) => {\n if (isString(item)) {\n return getNewLineComponent(item)\n }\n\n return item\n })\n }\n\n if (isString(content)) {\n return getNewLineComponent(content)\n }\n\n return content\n}\n\nexport const LegacyTooltipContent: React.FC<LegacyTooltipContentProps> = ({\n as,\n content,\n contentStyle,\n contentClassName,\n contentWrapperClassName,\n contentWrapperStyle: givenContentWrapperStyle,\n disabled = false,\n keepInContainer = false,\n placement = 'bottom-center',\n tooltipContainer,\n offset = 4,\n allowHover = false,\n forwardedRef,\n ...rest\n}) => {\n const rootElement = useRootElement()\n\n const tooltipRef = useRef<HTMLDivElement>(null)\n const tooltipWrapperRef = useRef<HTMLDivElement>(null)\n const mergedRef = useMergeRefs<HTMLDivElement>(tooltipRef, forwardedRef)\n const [replacement, setReplacement] = useState(placement)\n\n const handleClickTooltip = useCallback(\n (event: HTMLElementEventMap['click']) => {\n event.stopPropagation()\n },\n []\n )\n\n useEventHandler(tooltipRef.current, 'click', handleClickTooltip)\n\n useEffect(() => {\n if (!tooltipRef.current) {\n return\n }\n const newPlacement = getReplacement({\n tooltip: tooltipRef.current,\n keepInContainer,\n placement,\n rootElement,\n })\n setReplacement(newPlacement)\n }, [rootElement, keepInContainer, placement])\n\n const ContentComponent = useMemo(\n () => getContentComponent(content),\n [content]\n )\n\n const contentWrapperStyle = useMemo(() => {\n if (tooltipContainer) {\n return {\n ...givenContentWrapperStyle,\n ...getTooltipStyle({\n tooltipContainer,\n placement: replacement,\n offset,\n allowHover,\n }),\n }\n }\n\n return {}\n }, [\n tooltipContainer,\n givenContentWrapperStyle,\n replacement,\n offset,\n allowHover,\n ])\n\n const Comp = as ?? 'div'\n\n return ReactDOM.createPortal(\n <InvertedThemeProvider>\n <div\n style={contentWrapperStyle}\n className={classNames(\n styles.LegacyTooltipContentWrapper,\n (disabled \|\| isEmpty(content)) && styles.disabled,\n contentWrapperClassName\n )}\n ref={tooltipWrapperRef}\n >\n <Comp\n style={contentStyle}\n className={classNames(styles.LegacyTooltipContent, contentClassName)}\n ref={mergedRef}\n {...rest}\n >\n <Text\n color=\"txt-black-darkest\"\n truncated={20}\n typo=\"13\"\n >\n {ContentComponent}\n </Text>\n </Comp>\n </div>\n </InvertedThemeProvider>,\n rootElement\n )\n}\n"],"names":["getNewLineComponent","strContent","split","map","str","index","React","createElement","Text","key","typo","Fragment","getContentComponent","content","isArray","item","isString","LegacyTooltipContent","as","contentStyle","contentClassName","contentWrapperClassName","contentWrapperStyle","givenContentWrapperStyle","disabled","keepInContainer","placement","tooltipContainer","offset","allowHover","forwardedRef","rest","rootElement","useRootElement","tooltipRef","useRef","tooltipWrapperRef","mergedRef","useMergeRefs","replacement","setReplacement","useState","handleClickTooltip","useCallback","event","stopPropagation","useEventHandler","current","useEffect","newPlacement","getReplacement","tooltip","ContentComponent","useMemo","getTooltipStyle","Comp","ReactDOM","createPortal","InvertedThemeProvider","style","className","classNames","styles","LegacyTooltipContentWrapper","isEmpty","ref","Object","assign","color","truncated"],"mappings":"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"}

package/dist/cjs/components/ListItem/ListItem.js CHANGED Viewed

@@ -35,7 +35,7 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem({
   ...rest
 }, forwardedRef) {
   const isLink = !type.isEmpty(href);
-  const Comp = isLink ? 'a' : as ?? 'div';
+  const Comp = isLink ? 'a' : as !== null && as !== void 0 ? as : 'div';
   return /*#__PURE__*/React.createElement(Comp, Object.assign({}, isLink && {
     href,
     draggable: false,

package/dist/cjs/components/ListItem/ListItem.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isEmpty, isNil, isString } from '~/src/utils/type'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type ListItemProps } from './ListItem.types'\n\nimport styles from './ListItem.module.scss'\n\ntype ListItemRef = HTMLDivElement & HTMLAnchorElement\n\nfunction renderNewLineComponent(value: string) {\n return value.split('\\n').map((str, index) => (\n // eslint-disable-next-line react/no-array-index-key\n <React.Fragment key={index}>\n {index !== 0 && <br />}\n {str}\n </React.Fragment>\n ))\n}\n\nexport const LIST_ITEM_TEST_ID = 'bezier-list-item'\n\nexport const ListItem = forwardRef<ListItemRef, ListItemProps>(\n function ListItem(\n {\n className,\n as,\n variant = 'monochrome',\n size = 's',\n content,\n description,\n descriptionMaxLines,\n leftContent,\n rightContent,\n active = false,\n focused = false,\n disabled = false,\n href,\n onClick,\n ...rest\n },\n forwardedRef\n ) {\n const isLink = !isEmpty(href)\n const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')\n\n return (\n <Comp\n {...(isLink && {\n href,\n draggable: false,\n target: '_blank',\n rel: 'noopener noreferrer',\n })}\n className={classNames(\n styles.ListItem,\n styles[`size-${size}`],\n styles[`variant-${variant}`],\n disabled && styles.disabled,\n focused && styles.focused,\n active && styles.active,\n className\n )}\n ref={forwardedRef}\n onClick={!disabled ? onClick : undefined}\n data-testid={LIST_ITEM_TEST_ID}\n {...rest}\n >\n <div className={styles.ListItemContent}>\n {!isNil(leftContent) && (\n <div className={styles.ListItemLeftContent}>\n {isBezierIcon(leftContent) ? (\n <Icon\n className={styles.ListItemLeftIcon}\n source={leftContent}\n size=\"s\"\n />\n ) : (\n leftContent\n )}\n </div>\n )}\n\n <div className={styles.ListItemTitle}>\n {isString(content) ? (\n <Text\n truncated\n typo={size === 'l' ? '16' : '14'}\n >\n {content}\n </Text>\n ) : (\n content\n )}\n </div>\n\n {description && (\n <div className={styles.ListItemDescription}>\n <Text\n typo=\"12\"\n color=\"txt-black-darker\"\n truncated={descriptionMaxLines}\n >\n {isString(description)\n ? renderNewLineComponent(description)\n : description}\n </Text>\n </div>\n )}\n </div>\n\n {rightContent && (\n <div className={styles.ListItemRightContent}>{rightContent}</div>\n )}\n </Comp>\n )\n }\n)\n"],"names":["renderNewLineComponent","value","split","map","str","index","React","createElement","Fragment","key","LIST_ITEM_TEST_ID","ListItem","forwardRef","className","as","variant","size","content","description","descriptionMaxLines","leftContent","rightContent","active","focused","disabled","href","onClick","rest","forwardedRef","isLink","isEmpty","Comp","Object","assign","draggable","target","rel","classNames","styles","ref","undefined","ListItemContent","isNil","ListItemLeftContent","isBezierIcon","Icon","ListItemLeftIcon","source","ListItemTitle","isString","Text","truncated","typo","ListItemDescription","color","ListItemRightContent"],"mappings":";;;;;;;;;;AAgBA,SAASA,sBAAsBA,CAACC,KAAa,EAAE;AAC7C,EAAA,OAAOA,KAAK,CAACC,KAAK,CAAC,IAAI,CAAC,CAACC,GAAG,CAAC,CAACC,GAAG,EAAEC,KAAK;AAAA;AACtC;AACAC,EAAAA,KAAA,CAAAC,aAAA,CAACD,KAAK,CAACE,QAAQ,EAAA;AAACC,IAAAA,GAAG,EAAEJ,KAAAA;AAAM,GAAA,EACxBA,KAAK,KAAK,CAAC,iBAAIC,KAAA,CAAAC,aAAA,CAAA,IAAA,EAAA,IAAK,CAAC,EACrBH,GACa,CACjB,CAAC,CAAA;AACJ,CAAA;AAEO,MAAMM,iBAAiB,GAAG,mBAAkB;MAEtCC,QAAQ,gBAAGC,gBAAU,CAChC,SAASD,QAAQA,CACf;EACEE,SAAS;EACTC,EAAE;AACFC,EAAAA,OAAO,GAAG,YAAY;AACtBC,EAAAA,IAAI,GAAG,GAAG;EACVC,OAAO;EACPC,WAAW;EACXC,mBAAmB;EACnBC,WAAW;EACXC,YAAY;AACZC,EAAAA,MAAM,GAAG,KAAK;AACdC,EAAAA,OAAO,GAAG,KAAK;AACfC,EAAAA,QAAQ,GAAG,KAAK;EAChBC,IAAI;EACJC,OAAO;EACP,GAAGC,IAAAA;AACL,CAAC,EACDC,YAAY,EACZ;AACA,EAAA,MAAMC,MAAM,GAAG,CAACC,YAAO,CAACL,IAAI,CAAC,CAAA;~~EAC7B~~,MAAMM,IAAI,GAAGF,MAAM,GAAG,GAAG,GAAKf,EAAE,~~IAAI~~,KAAgB,CAAA;EAEpD,oBACER,KAAA,CAAAC,aAAA,CAACwB,IAAI,EAAAC,MAAA,CAAAC,MAAA,CACEJ,EAAAA,EAAAA,MAAM,IAAI;IACbJ,IAAI;AACJS,IAAAA,SAAS,EAAE,KAAK;AAChBC,IAAAA,MAAM,EAAE,QAAQ;AAChBC,IAAAA,GAAG,EAAE,qBAAA;GACN,EAAA;AACDvB,IAAAA,SAAS,EAAEwB,aAAU,CACnBC,uBAAM,CAAC3B,QAAQ,EACf2B,uBAAM,CAAC,CAAQtB,KAAAA,EAAAA,IAAI,EAAE,CAAC,EACtBsB,uBAAM,CAAC,CAAA,QAAA,EAAWvB,OAAO,CAAE,CAAA,CAAC,EAC5BS,QAAQ,IAAIc,uBAAM,CAACd,QAAQ,EAC3BD,OAAO,IAAIe,uBAAM,CAACf,OAAO,EACzBD,MAAM,IAAIgB,uBAAM,CAAChB,MAAM,EACvBT,SACF,CAAE;AACF0B,IAAAA,GAAG,EAAEX,YAAa;AAClBF,IAAAA,OAAO,EAAE,CAACF,QAAQ,GAAGE,OAAO,GAAGc,SAAU;IACzC,aAAa9B,EAAAA,iBAAAA;AAAkB,GAAA,EAC3BiB,IAAI,CAAA,eAERrB,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEyB,uBAAM,CAACG,eAAAA;GACpB,EAAA,CAACC,UAAK,CAACtB,WAAW,CAAC,iBAClBd,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEyB,uBAAM,CAACK,mBAAAA;GACpBC,EAAAA,wBAAY,CAACxB,WAAW,CAAC,gBACxBd,KAAA,CAAAC,aAAA,CAACsC,SAAI,EAAA;IACHhC,SAAS,EAAEyB,uBAAM,CAACQ,gBAAiB;AACnCC,IAAAA,MAAM,EAAE3B,WAAY;AACpBJ,IAAAA,IAAI,EAAC,GAAA;AAAG,GACT,CAAC,GAEFI,WAEC,CACN,eAEDd,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEyB,uBAAM,CAACU,aAAAA;GACpBC,EAAAA,aAAQ,CAAChC,OAAO,CAAC,gBAChBX,KAAA,CAAAC,aAAA,CAAC2C,SAAI,EAAA;IACHC,SAAS,EAAA,IAAA;AACTC,IAAAA,IAAI,EAAEpC,IAAI,KAAK,GAAG,GAAG,IAAI,GAAG,IAAA;GAE3BC,EAAAA,OACG,CAAC,GAEPA,OAEC,CAAC,EAELC,WAAW,iBACVZ,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEyB,uBAAM,CAACe,mBAAAA;AAAoB,GAAA,eACzC/C,KAAA,CAAAC,aAAA,CAAC2C,SAAI,EAAA;AACHE,IAAAA,IAAI,EAAC,IAAI;AACTE,IAAAA,KAAK,EAAC,kBAAkB;AACxBH,IAAAA,SAAS,EAAEhC,mBAAAA;AAAoB,GAAA,EAE9B8B,aAAQ,CAAC/B,WAAW,CAAC,GAClBlB,sBAAsB,CAACkB,WAAW,CAAC,GACnCA,WACA,CACH,CAEJ,CAAC,EAELG,YAAY,iBACXf,KAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;IAAKM,SAAS,EAAEyB,uBAAM,CAACiB,oBAAAA;GAAuBlC,EAAAA,YAAkB,CAE9D,CAAC,CAAA;AAEX,CACF;;;;;"}
1	+ {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["import React, { forwardRef } from 'react'\n\nimport { isBezierIcon } from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { isEmpty, isNil, isString } from '~/src/utils/type'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type ListItemProps } from './ListItem.types'\n\nimport styles from './ListItem.module.scss'\n\ntype ListItemRef = HTMLDivElement & HTMLAnchorElement\n\nfunction renderNewLineComponent(value: string) {\n return value.split('\\n').map((str, index) => (\n // eslint-disable-next-line react/no-array-index-key\n <React.Fragment key={index}>\n {index !== 0 && <br />}\n {str}\n </React.Fragment>\n ))\n}\n\nexport const LIST_ITEM_TEST_ID = 'bezier-list-item'\n\nexport const ListItem = forwardRef<ListItemRef, ListItemProps>(\n function ListItem(\n {\n className,\n as,\n variant = 'monochrome',\n size = 's',\n content,\n description,\n descriptionMaxLines,\n leftContent,\n rightContent,\n active = false,\n focused = false,\n disabled = false,\n href,\n onClick,\n ...rest\n },\n forwardedRef\n ) {\n const isLink = !isEmpty(href)\n const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')\n\n return (\n <Comp\n {...(isLink && {\n href,\n draggable: false,\n target: '_blank',\n rel: 'noopener noreferrer',\n })}\n className={classNames(\n styles.ListItem,\n styles[`size-${size}`],\n styles[`variant-${variant}`],\n disabled && styles.disabled,\n focused && styles.focused,\n active && styles.active,\n className\n )}\n ref={forwardedRef}\n onClick={!disabled ? onClick : undefined}\n data-testid={LIST_ITEM_TEST_ID}\n {...rest}\n >\n <div className={styles.ListItemContent}>\n {!isNil(leftContent) && (\n <div className={styles.ListItemLeftContent}>\n {isBezierIcon(leftContent) ? (\n <Icon\n className={styles.ListItemLeftIcon}\n source={leftContent}\n size=\"s\"\n />\n ) : (\n leftContent\n )}\n </div>\n )}\n\n <div className={styles.ListItemTitle}>\n {isString(content) ? (\n <Text\n truncated\n typo={size === 'l' ? '16' : '14'}\n >\n {content}\n </Text>\n ) : (\n content\n )}\n </div>\n\n {description && (\n <div className={styles.ListItemDescription}>\n <Text\n typo=\"12\"\n color=\"txt-black-darker\"\n truncated={descriptionMaxLines}\n >\n {isString(description)\n ? renderNewLineComponent(description)\n : description}\n </Text>\n </div>\n )}\n </div>\n\n {rightContent && (\n <div className={styles.ListItemRightContent}>{rightContent}</div>\n )}\n </Comp>\n )\n }\n)\n"],"names":["renderNewLineComponent","value","split","map","str","index","React","createElement","Fragment","key","LIST_ITEM_TEST_ID","ListItem","forwardRef","className","as","variant","size","content","description","descriptionMaxLines","leftContent","rightContent","active","focused","disabled","href","onClick","rest","forwardedRef","isLink","isEmpty","Comp","Object","assign","draggable","target","rel","classNames","styles","ref","undefined","ListItemContent","isNil","ListItemLeftContent","isBezierIcon","Icon","ListItemLeftIcon","source","ListItemTitle","isString","Text","truncated","typo","ListItemDescription","color","ListItemRightContent"],"mappings":"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"}

package/dist/cjs/components/Modal/Modal.js CHANGED Viewed

@@ -50,7 +50,7 @@ function Modal({
 }) {
   const onOpenChange = React.useCallback(open => {
     const callback = open ? onShow : onHide;
-    callback?.();
+    callback === null || callback === void 0 || callback();
   }, [onShow, onHide]);
   return /*#__PURE__*/React.createElement(DialogPrimitive.DialogPrimitive, {
     open: show,
@@ -81,10 +81,10 @@ const ModalContent = /*#__PURE__*/React.forwardRef(function ModalContent({
   ...rest
 }, forwardedRef) {
   const rootElement = WindowProvider.useRootElement();
-  const container = givenContainer ?? rootElement;
+  const container = givenContainer !== null && givenContainer !== void 0 ? givenContainer : rootElement;
   const [contentContainer, setContentContainer] = React.useState();
   const contentRef = useMergeRefs.default(forwardedRef, React.useCallback(node => {
-    setContentContainer(node ?? undefined);
+    setContentContainer(node !== null && node !== void 0 ? node : undefined);
   }, []));
   const overlayStyle = (() => {
     const padding = (() => {