@channel.io/bezier-react 3.4.2 → 3.5.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.
@@ -8,6 +8,7 @@ var ListItem_module = require('./ListItem.module.scss.js');
8
8
  var jsxRuntime = require('react/jsx-runtime');
9
9
  var Icon = require('../Icon/Icon.js');
10
10
  var Text = require('../Text/Text.js');
11
+ var BaseButton = require('../BaseButton/BaseButton.js');
11
12
 
12
13
  function renderNewLineComponent(value) {
13
14
  return value.split('\n').map((str, index) =>
@@ -37,8 +38,9 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem({
37
38
  ...rest
38
39
  }, forwardedRef) {
39
40
  const isLink = !type.isEmpty(href);
40
- const Comp = isLink ? 'a' : as !== null && as !== void 0 ? as : 'div';
41
- const clickable = isLink || clickableProp || !type.isNil(onClick);
41
+ const isButton = !type.isNil(onClick);
42
+ const Comp = isLink ? 'a' : isButton ? BaseButton.BaseButton : as !== null && as !== void 0 ? as : 'div';
43
+ const clickable = isLink || clickableProp || isButton;
42
44
  return /*#__PURE__*/jsxRuntime.jsxs(Comp, {
43
45
  ...(isLink && {
44
46
  href,
@@ -46,7 +48,9 @@ const ListItem = /*#__PURE__*/React.forwardRef(function ListItem({
46
48
  target: '_blank',
47
49
  rel: 'noopener noreferrer'
48
50
  }),
49
- className: index.default(ListItem_module.default.ListItem, ListItem_module.default[`size-${size}`], ListItem_module.default[`variant-${variant}`], disabled && ListItem_module.default.disabled, focused && ListItem_module.default.focused, active && ListItem_module.default.active, clickable && ListItem_module.default.clickable, className),
51
+ className: index.default(ListItem_module.default.ListItem, ListItem_module.default[`size-${size}`], ListItem_module.default[`variant-${variant}`], disabled && ListItem_module.default.disabled, focused && ListItem_module.default.focused, active && ListItem_module.default.active, clickable && ListItem_module.default.clickable, className)
52
+ // @ts-expect-error
53
+ ,
50
54
  ref: forwardedRef,
51
55
  onClick: !disabled ? onClick : undefined,
52
56
  "data-testid": LIST_ITEM_TEST_ID,
@@ -1 +1 @@
1
- {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment, 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 <Fragment key={index}>\n {index !== 0 && <br />}\n {str}\n </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 clickable: clickableProp = 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 const clickable = isLink || clickableProp || !isNil(onClick)\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 clickable && styles.clickable,\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","_jsxs","Fragment","children","_jsx","LIST_ITEM_TEST_ID","ListItem","forwardRef","className","as","variant","size","content","description","descriptionMaxLines","leftContent","rightContent","active","focused","disabled","clickable","clickableProp","href","onClick","rest","forwardedRef","isLink","isEmpty","Comp","isNil","draggable","target","rel","classNames","styles","ref","undefined","ListItemContent","ListItemLeftContent","isBezierIcon","Icon","ListItemLeftIcon","source","ListItemTitle","isString","Text","truncated","typo","ListItemDescription","color","ListItemRightContent"],"mappings":"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"}
1
+ {"version":3,"file":"ListItem.js","sources":["../../../../src/components/ListItem/ListItem.tsx"],"sourcesContent":["'use client'\n\nimport { Fragment, 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 { BaseButton } from '~/src/components/BaseButton'\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\nfunction renderNewLineComponent(value: string) {\n return value.split('\\n').map((str, index) => (\n // eslint-disable-next-line react/no-array-index-key\n <Fragment key={index}>\n {index !== 0 && <br />}\n {str}\n </Fragment>\n ))\n}\n\nexport const LIST_ITEM_TEST_ID = 'bezier-list-item'\n\nexport const ListItem = forwardRef<HTMLElement, 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 clickable: clickableProp = false,\n href,\n onClick,\n ...rest\n },\n forwardedRef\n ) {\n const isLink = !isEmpty(href)\n const isButton = !isNil(onClick)\n const Comp = isLink ? 'a' : isButton ? BaseButton : ((as ?? 'div') as 'div')\n const clickable = isLink || clickableProp || isButton\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 clickable && styles.clickable,\n className\n )}\n // @ts-expect-error\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","_jsxs","Fragment","children","_jsx","LIST_ITEM_TEST_ID","ListItem","forwardRef","className","as","variant","size","content","description","descriptionMaxLines","leftContent","rightContent","active","focused","disabled","clickable","clickableProp","href","onClick","rest","forwardedRef","isLink","isEmpty","isButton","isNil","Comp","BaseButton","draggable","target","rel","classNames","styles","ref","undefined","ListItemContent","ListItemLeftContent","isBezierIcon","Icon","ListItemLeftIcon","source","ListItemTitle","isString","Text","truncated","typo","ListItemDescription","color","ListItemRightContent"],"mappings":"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"}
@@ -9,6 +9,7 @@ var OutlineItem_module = require('./OutlineItem.module.scss.js');
9
9
  var jsxRuntime = require('react/jsx-runtime');
10
10
  var Icon = require('../Icon/Icon.js');
11
11
  var Text = require('../Text/Text.js');
12
+ var BaseButton = require('../BaseButton/BaseButton.js');
12
13
 
13
14
  const [OutlineItemContextProvider, useOutlineItemContext] = react.createContext(undefined);
14
15
  const DEFAULT_INDENT = 16;
@@ -34,8 +35,9 @@ const OutlineItem = /*#__PURE__*/React.forwardRef(function OutlineItem({
34
35
  const isRoot = type.isNil(context);
35
36
  const indent = isRoot ? 0 : context.indent + DEFAULT_INDENT;
36
37
  const isLink = !type.isEmpty(href);
37
- const Comp = isLink ? 'a' : as !== null && as !== void 0 ? as : 'div';
38
- const clickable = isLink || clickableProp || !type.isNil(onClick);
38
+ const isButton = !type.isNil(onClick);
39
+ const Comp = isLink ? 'a' : isButton ? BaseButton.BaseButton : as !== null && as !== void 0 ? as : 'div';
40
+ const clickable = isLink || clickableProp || isButton;
39
41
  return /*#__PURE__*/jsxRuntime.jsxs(jsxRuntime.Fragment, {
40
42
  children: [/*#__PURE__*/jsxRuntime.jsxs(Comp, {
41
43
  ...(isLink && {
@@ -43,12 +45,13 @@ const OutlineItem = /*#__PURE__*/React.forwardRef(function OutlineItem({
43
45
  target: '_blank',
44
46
  rel: 'noopener noreferrer'
45
47
  }),
48
+ // @ts-expect-error
49
+ ref: forwardedRef,
46
50
  style: {
47
51
  ...style,
48
52
  '--b-outline-item-indent': `${indent}px`
49
53
  },
50
54
  className: index.default(OutlineItem_module.default.OutlineItem, active && OutlineItem_module.default.active, focused && OutlineItem_module.default.focused, clickable && OutlineItem_module.default.clickable, className),
51
- ref: forwardedRef,
52
55
  "data-testid": OUTLINE_ITEM_TEST_ID,
53
56
  onClick: onClick,
54
57
  ...rest,
@@ -1 +1 @@
1
- {"version":3,"file":"OutlineItem.js","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useMemo } from 'react'\nimport * as React from 'react'\n\nimport {\n ChevronSmallDownIcon,\n ChevronSmallRightIcon,\n isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { createContext } from '~/src/utils/react'\nimport { isEmpty, isNil } from '~/src/utils/type'\n\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n type OutlineItemContextProps,\n type OutlineItemProps,\n} from './OutlineItem.types'\n\nimport styles from './OutlineItem.module.scss'\n\nconst [OutlineItemContextProvider, useOutlineItemContext] = createContext<\n OutlineItemContextProps | undefined\n>(undefined)\n\nconst DEFAULT_INDENT = 16\n\nexport const OUTLINE_ITEM_TEST_ID = 'bezier-outline-item'\n\nexport const OutlineItem = forwardRef<\n HTMLDivElement & HTMLAnchorElement,\n OutlineItemProps\n>(function OutlineItem(\n {\n children,\n style,\n className,\n as,\n open = false,\n disableChevron = false,\n active = false,\n focused = false,\n clickable: clickableProp = false,\n leftContent,\n content,\n rightContent,\n href,\n onClick,\n ...rest\n },\n forwardedRef\n) {\n const context = useOutlineItemContext()\n const isRoot = isNil(context)\n const indent = isRoot ? 0 : context.indent + DEFAULT_INDENT\n\n const isLink = !isEmpty(href)\n const Comp = isLink ? 'a' : ((as ?? 'div') as 'div')\n const clickable = isLink || clickableProp || !isNil(onClick)\n\n return (\n <>\n <Comp\n {...(isLink && {\n href,\n target: '_blank',\n rel: 'noopener noreferrer',\n })}\n style={\n {\n ...style,\n '--b-outline-item-indent': `${indent}px`,\n } as React.CSSProperties\n }\n className={classNames(\n styles.OutlineItem,\n active && styles.active,\n focused && styles.focused,\n clickable && styles.clickable,\n className\n )}\n ref={forwardedRef}\n data-testid={OUTLINE_ITEM_TEST_ID}\n onClick={onClick}\n {...rest}\n >\n {!disableChevron && (\n <div className={styles.Chevron}>\n {!isNil(children) && (\n <Icon\n className={styles.Icon}\n source={open ? ChevronSmallDownIcon : ChevronSmallRightIcon}\n size=\"s\"\n color=\"txt-black-dark\"\n />\n )}\n </div>\n )}\n\n {leftContent && (\n <div className={styles.LeftContent}>\n {isBezierIcon(leftContent) ? (\n <Icon\n className={styles.Icon}\n size=\"s\"\n source={leftContent}\n color=\"txt-black-dark\"\n />\n ) : (\n leftContent\n )}\n </div>\n )}\n\n <Text\n className={styles.Content}\n typo=\"14\"\n truncated\n >\n {content}\n </Text>\n\n {rightContent}\n </Comp>\n\n <OutlineItemContextProvider value={useMemo(() => ({ indent }), [indent])}>\n {open && children}\n </OutlineItemContextProvider>\n </>\n )\n})\n"],"names":["OutlineItemContextProvider","useOutlineItemContext","createContext","undefined","DEFAULT_INDENT","OUTLINE_ITEM_TEST_ID","OutlineItem","forwardRef","children","style","className","as","open","disableChevron","active","focused","clickable","clickableProp","leftContent","content","rightContent","href","onClick","rest","forwardedRef","context","isRoot","isNil","indent","isLink","isEmpty","Comp","_jsxs","_Fragment","target","rel","classNames","styles","ref","_jsx","Chevron","Icon","source","ChevronSmallDownIcon","ChevronSmallRightIcon","size","color","LeftContent","isBezierIcon","Text","Content","typo","truncated","value","useMemo"],"mappings":"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"}
1
+ {"version":3,"file":"OutlineItem.js","sources":["../../../../src/components/OutlineItem/OutlineItem.tsx"],"sourcesContent":["'use client'\nimport { forwardRef, useMemo } from 'react'\nimport * as React from 'react'\n\nimport {\n ChevronSmallDownIcon,\n ChevronSmallRightIcon,\n isBezierIcon,\n} from '@channel.io/bezier-icons'\nimport classNames from 'classnames'\n\nimport { createContext } from '~/src/utils/react'\nimport { isEmpty, isNil } from '~/src/utils/type'\n\nimport { BaseButton } from '~/src/components/BaseButton'\nimport { Icon } from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport {\n type OutlineItemContextProps,\n type OutlineItemProps,\n} from './OutlineItem.types'\n\nimport styles from './OutlineItem.module.scss'\n\nconst [OutlineItemContextProvider, useOutlineItemContext] = createContext<\n OutlineItemContextProps | undefined\n>(undefined)\n\nconst DEFAULT_INDENT = 16\n\nexport const OUTLINE_ITEM_TEST_ID = 'bezier-outline-item'\n\nexport const OutlineItem = forwardRef<HTMLElement, OutlineItemProps>(\n function OutlineItem(\n {\n children,\n style,\n className,\n as,\n open = false,\n disableChevron = false,\n active = false,\n focused = false,\n clickable: clickableProp = false,\n leftContent,\n content,\n rightContent,\n href,\n onClick,\n ...rest\n },\n forwardedRef\n ) {\n const context = useOutlineItemContext()\n const isRoot = isNil(context)\n const indent = isRoot ? 0 : context.indent + DEFAULT_INDENT\n\n const isLink = !isEmpty(href)\n const isButton = !isNil(onClick)\n const Comp = isLink ? 'a' : isButton ? BaseButton : ((as ?? 'div') as 'div')\n const clickable = isLink || clickableProp || isButton\n\n return (\n <>\n <Comp\n {...(isLink && {\n href,\n target: '_blank',\n rel: 'noopener noreferrer',\n })}\n // @ts-expect-error\n ref={forwardedRef}\n style={\n {\n ...style,\n '--b-outline-item-indent': `${indent}px`,\n } as React.CSSProperties\n }\n className={classNames(\n styles.OutlineItem,\n active && styles.active,\n focused && styles.focused,\n clickable && styles.clickable,\n className\n )}\n data-testid={OUTLINE_ITEM_TEST_ID}\n onClick={onClick}\n {...rest}\n >\n {!disableChevron && (\n <div className={styles.Chevron}>\n {!isNil(children) && (\n <Icon\n className={styles.Icon}\n source={open ? ChevronSmallDownIcon : ChevronSmallRightIcon}\n size=\"s\"\n color=\"txt-black-dark\"\n />\n )}\n </div>\n )}\n\n {leftContent && (\n <div className={styles.LeftContent}>\n {isBezierIcon(leftContent) ? (\n <Icon\n className={styles.Icon}\n size=\"s\"\n source={leftContent}\n color=\"txt-black-dark\"\n />\n ) : (\n leftContent\n )}\n </div>\n )}\n\n <Text\n className={styles.Content}\n typo=\"14\"\n truncated\n >\n {content}\n </Text>\n\n {rightContent}\n </Comp>\n\n <OutlineItemContextProvider\n value={useMemo(() => ({ indent }), [indent])}\n >\n {open && children}\n </OutlineItemContextProvider>\n </>\n )\n }\n)\n"],"names":["OutlineItemContextProvider","useOutlineItemContext","createContext","undefined","DEFAULT_INDENT","OUTLINE_ITEM_TEST_ID","OutlineItem","forwardRef","children","style","className","as","open","disableChevron","active","focused","clickable","clickableProp","leftContent","content","rightContent","href","onClick","rest","forwardedRef","context","isRoot","isNil","indent","isLink","isEmpty","isButton","Comp","BaseButton","_jsxs","_Fragment","target","rel","ref","classNames","styles","_jsx","Chevron","Icon","source","ChevronSmallDownIcon","ChevronSmallRightIcon","size","color","LeftContent","isBezierIcon","Text","Content","typo","truncated","value","useMemo"],"mappings":"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"}