@channel.io/bezier-react 1.5.0 → 1.6.0

package/dist/esm/components/Forms/useKeyboardActionLockerWhileComposing.mjs

@@ -0,0 +1,48 @@
+import { useRef, useCallback } from 'react';
+
+const isSafari = () => window.navigator.userAgent.search('Safari') >= 0 && window.navigator.userAgent.search('Chrome') < 0;
+function useKeyboardActionLockerWhileComposing({
+  keysToLock,
+  onKeyDown,
+  onKeyUp
+}) {
+  const handlerCache = useRef(new Map());
+  const wrapHandler = useCallback(handler => {
+    if (!handler) {
+      return undefined;
+    }
+    if (handlerCache.current.has(handler)) {
+      return handlerCache.current.get(handler);
+    }
+    const wrappedHandler = event => {
+      // NOTE: If keysToLock is not provided, lock all keys.
+      const isKeyLocked = event.nativeEvent.isComposing && (!keysToLock || keysToLock.some(controlKey => event.key === controlKey));
+      /**
+       * NOTE
+       * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),
+       * keyDown event that exit composition should be fired before compositionEnd event.
+       * However, Safari has different behavior.
+       * In Safari, keyDown event that exit composition is fired after compositionEnd event.
+       * So, we need to prevent keyDown event that exit composition in Safari.
+       * Browser fires keydown event with keyCode 229 when user is composing.
+       * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.
+       * Therefore, we need to check if the event is fired with keyCode 229 in Safari.
+       */
+      const isSafariKeydownWhileComposing = isSafari() && event.type === 'keydown' && event.keyCode === 229;
+      if (isKeyLocked || isSafariKeydownWhileComposing) {
+        event.stopPropagation();
+        return;
+      }
+      handler?.(event);
+    };
+    handlerCache.current.set(handler, wrappedHandler);
+    return wrappedHandler;
+  }, [keysToLock]);
+  return {
+    handleKeyDown: wrapHandler(onKeyDown),
+    handleKeyUp: wrapHandler(onKeyUp)
+  };
+}
+
+export { useKeyboardActionLockerWhileComposing as default };
+//# sourceMappingURL=useKeyboardActionLockerWhileComposing.mjs.map

package/dist/esm/components/Forms/useKeyboardActionLockerWhileComposing.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"useKeyboardActionLockerWhileComposing.mjs","sources":["../../../../src/components/Forms/useKeyboardActionLockerWhileComposing.ts"],"sourcesContent":["import type React from 'react'\nimport {\n  useCallback,\n  useRef,\n} from 'react'\n\ntype HandlerCache<TargetElement extends HTMLElement = HTMLInputElement> =\n  Map<React.KeyboardEventHandler<TargetElement>, React.KeyboardEventHandler<TargetElement>>\ninterface UseKeyboardActionLockerWhileComposingProps<TargetElement extends HTMLElement = HTMLInputElement> {\n  keysToLock?: string[]\n  onKeyDown?: React.KeyboardEventHandler<TargetElement>\n  onKeyUp?: React.KeyboardEventHandler<TargetElement>\n}\n\nconst isSafari = () => window.navigator.userAgent.search('Safari') >= 0 && window.navigator.userAgent.search('Chrome') < 0\n\nfunction useKeyboardActionLockerWhileComposing<TargetElement extends HTMLElement = HTMLInputElement>({\n  keysToLock,\n  onKeyDown,\n  onKeyUp,\n}: UseKeyboardActionLockerWhileComposingProps<TargetElement>) {\n  const handlerCache = useRef<HandlerCache<TargetElement>>(new Map())\n\n  const wrapHandler = useCallback((handler?: React.KeyboardEventHandler<TargetElement>) => {\n    if (!handler) { return undefined }\n    if (handlerCache.current.has(handler)) { return handlerCache.current.get(handler) }\n\n    const wrappedHandler = (event: React.KeyboardEvent<TargetElement>) => {\n      // NOTE: If keysToLock is not provided, lock all keys.\n      const isKeyLocked =\n        event.nativeEvent.isComposing &&\n        (!keysToLock || keysToLock.some(controlKey => event.key === controlKey))\n      /**\n       * NOTE\n       * According to the spec(https://www.w3.org/TR/uievents/#events-composition-key-events),\n       * keyDown event that exit composition should be fired before compositionEnd event.\n       * However, Safari has different behavior.\n       * In Safari, keyDown event that exit composition is fired after compositionEnd event.\n       * So, we need to prevent keyDown event that exit composition in Safari.\n       * Browser fires keydown event with keyCode 229 when user is composing.\n       * An event that exits composition is also fired with keyCode 229, even though it has fired after compositionEnd event.\n       * Therefore, we need to check if the event is fired with keyCode 229 in Safari.\n       */\n      const isSafariKeydownWhileComposing =\n        isSafari() &&\n        event.type === 'keydown' &&\n        event.keyCode === 229\n\n      if (isKeyLocked || isSafariKeydownWhileComposing) {\n        event.stopPropagation()\n        return\n      }\n      handler?.(event)\n    }\n\n    handlerCache.current.set(handler, wrappedHandler)\n    return wrappedHandler\n  }, [keysToLock])\n\n  return {\n    handleKeyDown: wrapHandler(onKeyDown),\n    handleKeyUp: wrapHandler(onKeyUp),\n  }\n}\n\nexport default useKeyboardActionLockerWhileComposing\n"],"names":["isSafari","window","navigator","userAgent","search","useKeyboardActionLockerWhileComposing","keysToLock","onKeyDown","onKeyUp","handlerCache","useRef","Map","wrapHandler","useCallback","handler","undefined","current","has","get","wrappedHandler","event","isKeyLocked","nativeEvent","isComposing","some","controlKey","key","isSafariKeydownWhileComposing","type","keyCode","stopPropagation","set","handleKeyDown","handleKeyUp"],"mappings":";;AAcA,MAAMA,QAAQ,GAAGA,MAAMC,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,IAAIH,MAAM,CAACC,SAAS,CAACC,SAAS,CAACC,MAAM,CAAC,QAAQ,CAAC,GAAG,CAAC,CAAA;AAE1H,SAASC,qCAAqCA,CAAuD;EACnGC,UAAU;EACVC,SAAS;AACTC,EAAAA,OAAAA;AACyD,CAAC,EAAE;EAC5D,MAAMC,YAAY,GAAGC,MAAM,CAA8B,IAAIC,GAAG,EAAE,CAAC,CAAA;AAEnE,EAAA,MAAMC,WAAW,GAAGC,WAAW,CAAEC,OAAmD,IAAK;IACvF,IAAI,CAACA,OAAO,EAAE;AAAE,MAAA,OAAOC,SAAS,CAAA;AAAC,KAAA;IACjC,IAAIN,YAAY,CAACO,OAAO,CAACC,GAAG,CAACH,OAAO,CAAC,EAAE;AAAE,MAAA,OAAOL,YAAY,CAACO,OAAO,CAACE,GAAG,CAACJ,OAAO,CAAC,CAAA;AAAC,KAAA;IAElF,MAAMK,cAAc,GAAIC,KAAyC,IAAK;AACpE;MACA,MAAMC,WAAW,GACfD,KAAK,CAACE,WAAW,CAACC,WAAW,KAC5B,CAACjB,UAAU,IAAIA,UAAU,CAACkB,IAAI,CAACC,UAAU,IAAIL,KAAK,CAACM,GAAG,KAAKD,UAAU,CAAC,CAAC,CAAA;AAC1E;AACN;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACM,MAAA,MAAME,6BAA6B,GACjC3B,QAAQ,EAAE,IACVoB,KAAK,CAACQ,IAAI,KAAK,SAAS,IACxBR,KAAK,CAACS,OAAO,KAAK,GAAG,CAAA;MAEvB,IAAIR,WAAW,IAAIM,6BAA6B,EAAE;QAChDP,KAAK,CAACU,eAAe,EAAE,CAAA;AACvB,QAAA,OAAA;AACF,OAAA;MACAhB,OAAO,GAAGM,KAAK,CAAC,CAAA;KACjB,CAAA;IAEDX,YAAY,CAACO,OAAO,CAACe,GAAG,CAACjB,OAAO,EAAEK,cAAc,CAAC,CAAA;AACjD,IAAA,OAAOA,cAAc,CAAA;AACvB,GAAC,EAAE,CAACb,UAAU,CAAC,CAAC,CAAA;EAEhB,OAAO;AACL0B,IAAAA,aAAa,EAAEpB,WAAW,CAACL,SAAS,CAAC;IACrC0B,WAAW,EAAErB,WAAW,CAACJ,OAAO,CAAA;GACjC,CAAA;AACH;;;;"}

package/dist/esm/components/Help/Help.mjs

@@ -0,0 +1,28 @@
+import React__default from 'react';
+import { HelpFilledIcon } from '@channel.io/bezier-icons';
+import { isEmpty } from '../../utils/typeUtils.mjs';
+import { Tooltip, Icon } from './Help.styled.mjs';
+import { IconSize } from '../Icon/Icon.types.mjs';
+
+const HELP_TEST_ID = 'bezier-react-help';
+const HELP_DISPLAY_NAME = 'Help';
+function Help({
+  children,
+  ...rest
+}) {
+  if (isEmpty(children)) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(Tooltip, Object.assign({}, rest, {
+    content: children
+  }), /*#__PURE__*/React__default.createElement(Icon, {
+    testId: HELP_TEST_ID,
+    source: HelpFilledIcon,
+    size: IconSize.XS,
+    color: "txt-black-dark"
+  }));
+}
+Help.displayName = HELP_DISPLAY_NAME;
+
+export { HELP_DISPLAY_NAME, HELP_TEST_ID, Help as default };
+//# sourceMappingURL=Help.mjs.map

package/dist/esm/components/Help/Help.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.mjs","sources":["../../../../src/components/Help/Help.tsx"],"sourcesContent":["import React from 'react'\n\nimport { HelpFilledIcon } from '@channel.io/bezier-icons'\n\nimport { isEmpty } from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\n\nimport type HelpProps from './Help.types'\n\nimport * as Styled from './Help.styled'\n\nexport const HELP_TEST_ID = 'bezier-react-help'\nexport const HELP_DISPLAY_NAME = 'Help'\n\nfunction Help({\n  children,\n  ...rest\n}: HelpProps) {\n  if (isEmpty(children)) { return null }\n\n  return (\n    <Styled.Tooltip {...rest} content={children}>\n      <Styled.Icon\n        testId={HELP_TEST_ID}\n        source={HelpFilledIcon}\n        size={IconSize.XS}\n        color=\"txt-black-dark\"\n      />\n    </Styled.Tooltip>\n  )\n}\n\nHelp.displayName = HELP_DISPLAY_NAME\n\nexport default Help\n"],"names":["HELP_TEST_ID","HELP_DISPLAY_NAME","Help","children","rest","isEmpty","React","createElement","Styled","Object","assign","content","testId","source","HelpFilledIcon","size","IconSize","XS","color","displayName"],"mappings":";;;;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AACxC,MAAMC,iBAAiB,GAAG,OAAM;AAEvC,SAASC,IAAIA,CAAC;EACZC,QAAQ;EACR,GAAGC,IAAAA;AACM,CAAC,EAAE;AACZ,EAAA,IAAIC,OAAO,CAACF,QAAQ,CAAC,EAAE;AAAE,IAAA,OAAO,IAAI,CAAA;AAAC,GAAA;AAErC,EAAA,oBACEG,cAAA,CAAAC,aAAA,CAACC,OAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA,EAAA,EAAKN,IAAI,EAAA;AAAEO,IAAAA,OAAO,EAAER,QAAAA;AAAS,GAAA,CAAA,eAC1CG,cAAA,CAAAC,aAAA,CAACC,IAAW,EAAA;AACVI,IAAAA,MAAM,EAAEZ,YAAa;AACrBa,IAAAA,MAAM,EAAEC,cAAe;IACvBC,IAAI,EAAEC,QAAQ,CAACC,EAAG;AAClBC,IAAAA,KAAK,EAAC,gBAAA;AAAgB,GACvB,CACa,CAAC,CAAA;AAErB,CAAA;AAEAhB,IAAI,CAACiB,WAAW,GAAGlB,iBAAiB;;;;"}

package/dist/esm/components/Help/Help.styled.mjs

@@ -0,0 +1,17 @@
+import Tooltip$1 from '../Tooltip/Tooltip.mjs';
+import { Icon as Icon$1 } from '../Icon/Icon.mjs';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+
+const Icon = /*#__PURE__*/FoundationStyled(Icon$1).withConfig({
+  displayName: "Helpstyled__Icon",
+  componentId: "sc-chv6si-0"
+})([""]);
+const Tooltip = /*#__PURE__*/FoundationStyled(Tooltip$1).withConfig({
+  displayName: "Helpstyled__Tooltip",
+  componentId: "sc-chv6si-1"
+})(["display:flex;align-items:center;justify-content:center;&:hover{> ", "{color:", ";}}"], Icon, ({
+  foundation
+}) => foundation?.theme?.['txt-black-darkest']);
+
+export { Icon, Tooltip };
+//# sourceMappingURL=Help.styled.mjs.map

package/dist/esm/components/Help/Help.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Help.styled.mjs","sources":["../../../../src/components/Help/Help.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { Icon as BaseIcon } from '~/src/components/Icon'\nimport { Tooltip as BaseTooltip } from '~/src/components/Tooltip'\n\nexport const Icon = styled(BaseIcon)``\n\nexport const Tooltip = styled(BaseTooltip)`\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    > ${Icon} {\n      color: ${({ foundation }) => foundation?.theme?.['txt-black-darkest']};\n    }\n  }\n`\n"],"names":["Icon","styled","BaseIcon","withConfig","displayName","componentId","Tooltip","BaseTooltip","foundation","theme"],"mappings":";;;;AAKO,MAAMA,IAAI,gBAAGC,gBAAM,CAACC,MAAQ,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AAE/B,MAAMC,OAAO,gBAAGL,gBAAM,CAACM,SAAW,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,qBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAMlCL,CAAAA,CAAAA,CAAAA,mEAAAA,EAAAA,SAAAA,EAAAA,KAAAA,CAAAA,EAAAA,IAAI,EACG,CAAC;AAAEQ,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,KAAK,GAAG,mBAAmB,CAAC;;;;"}

package/dist/esm/components/Icon/Icon.mjs

@@ -0,0 +1,34 @@
+import React__default, { memo, forwardRef } from 'react';
+import { IconSize } from './Icon.types.mjs';
+import Styled from './Icon.styled.mjs';
+
+const ICON_TEST_ID = 'bezier-react-icon';
+const Icon = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(function Icon({
+  source,
+  className,
+  color,
+  testId = ICON_TEST_ID,
+  size = IconSize.Normal,
+  marginTop = 0,
+  marginRight = 0,
+  marginBottom = 0,
+  marginLeft = 0,
+  ...rest
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(Styled, Object.assign({
+    ref: forwardedRef,
+    as: source,
+    className: className,
+    "data-testid": testId,
+    color: color,
+    width: size,
+    height: size,
+    margintop: marginTop,
+    marginright: marginRight,
+    marginbottom: marginBottom,
+    marginleft: marginLeft
+  }, rest));
+}));
+
+export { ICON_TEST_ID, Icon };
+//# sourceMappingURL=Icon.mjs.map

package/dist/esm/components/Icon/Icon.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.mjs","sources":["../../../../src/components/Icon/Icon.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  memo,\n} from 'react'\n\nimport {\n  type IconProps,\n  IconSize,\n} from './Icon.types'\n\nimport Styled from './Icon.styled'\n\nexport const ICON_TEST_ID = 'bezier-react-icon'\n\nexport const Icon = memo(forwardRef<SVGSVGElement, IconProps>(function Icon({\n  source,\n  className,\n  color,\n  testId = ICON_TEST_ID,\n  size = IconSize.Normal,\n  marginTop = 0,\n  marginRight = 0,\n  marginBottom = 0,\n  marginLeft = 0,\n  ...rest\n}, forwardedRef) {\n  return (\n    <Styled\n      ref={forwardedRef}\n      as={source}\n      className={className}\n      data-testid={testId}\n      color={color}\n      width={size}\n      height={size}\n      margintop={marginTop}\n      marginright={marginRight}\n      marginbottom={marginBottom}\n      marginleft={marginLeft}\n      {...rest}\n    />\n  )\n}))\n"],"names":["ICON_TEST_ID","Icon","memo","forwardRef","source","className","color","testId","size","IconSize","Normal","marginTop","marginRight","marginBottom","marginLeft","rest","forwardedRef","React","createElement","Styled","Object","assign","ref","as","width","height","margintop","marginright","marginbottom","marginleft"],"mappings":";;;;AAYO,MAAMA,YAAY,GAAG,oBAAmB;AAExC,MAAMC,IAAI,gBAAGC,IAAI,eAACC,UAAU,CAA2B,SAASF,IAAIA,CAAC;EAC1EG,MAAM;EACNC,SAAS;EACTC,KAAK;AACLC,EAAAA,MAAM,GAAGP,YAAY;EACrBQ,IAAI,GAAGC,QAAQ,CAACC,MAAM;AACtBC,EAAAA,SAAS,GAAG,CAAC;AACbC,EAAAA,WAAW,GAAG,CAAC;AACfC,EAAAA,YAAY,GAAG,CAAC;AAChBC,EAAAA,UAAU,GAAG,CAAC;EACd,GAAGC,IAAAA;AACL,CAAC,EAAEC,YAAY,EAAE;EACf,oBACEC,cAAA,CAAAC,aAAA,CAACC,MAAM,EAAAC,MAAA,CAAAC,MAAA,CAAA;AACLC,IAAAA,GAAG,EAAEN,YAAa;AAClBO,IAAAA,EAAE,EAAEnB,MAAO;AACXC,IAAAA,SAAS,EAAEA,SAAU;AACrB,IAAA,aAAA,EAAaE,MAAO;AACpBD,IAAAA,KAAK,EAAEA,KAAM;AACbkB,IAAAA,KAAK,EAAEhB,IAAK;AACZiB,IAAAA,MAAM,EAAEjB,IAAK;AACbkB,IAAAA,SAAS,EAAEf,SAAU;AACrBgB,IAAAA,WAAW,EAAEf,WAAY;AACzBgB,IAAAA,YAAY,EAAEf,YAAa;AAC3BgB,IAAAA,UAAU,EAAEf,UAAAA;GACRC,EAAAA,IAAI,CACT,CAAC,CAAA;AAEN,CAAC,CAAC;;;;"}

package/dist/esm/components/Icon/Icon.styled.mjs

@@ -0,0 +1,23 @@
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+
+function getMargin({
+  margintop,
+  marginright,
+  marginbottom,
+  marginleft
+}) {
+  return `${margintop}px ${marginright}px ${marginbottom}px ${marginleft}px`;
+}
+const Icon = /*#__PURE__*/FoundationStyled.svg.withConfig({
+  displayName: "Iconstyled__Icon",
+  componentId: "sc-1iqwu2g-0"
+})(["flex:0 0 auto;margin:", ";color:", ";", ""], getMargin, ({
+  foundation,
+  color
+}) => color && foundation?.theme?.[color] || 'inherit', ({
+  foundation
+}) => foundation?.transition?.getTransitionsCSS('color'));
+var Styled = Icon;
+
+export { Styled as default };
+//# sourceMappingURL=Icon.styled.mjs.map

package/dist/esm/components/Icon/Icon.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.styled.mjs","sources":["../../../../src/components/Icon/Icon.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport { type ColorProps } from '~/src/types/ComponentProps'\n\ninterface IconStyledProps extends ColorProps {\n  margintop: number\n  marginright: number\n  marginbottom: number\n  marginleft: number\n}\n\nfunction getMargin({\n  margintop,\n  marginright,\n  marginbottom,\n  marginleft,\n}: IconStyledProps): string {\n  return `${margintop}px ${marginright}px ${marginbottom}px ${marginleft}px`\n}\n\nconst Icon = styled.svg<IconStyledProps>`\n  flex: 0 0 auto;\n  margin: ${getMargin};\n  color: ${({ foundation, color }) => (color && foundation?.theme?.[color]) || 'inherit'};\n  ${({ foundation }) => foundation?.transition?.getTransitionsCSS('color')}\n`\n\nexport default Icon\n"],"names":["getMargin","margintop","marginright","marginbottom","marginleft","Icon","styled","svg","withConfig","displayName","componentId","foundation","color","theme","transition","getTransitionsCSS"],"mappings":";;AAWA,SAASA,SAASA,CAAC;EACjBC,SAAS;EACTC,WAAW;EACXC,YAAY;AACZC,EAAAA,UAAAA;AACe,CAAC,EAAU;EAC1B,OAAQ,CAAA,EAAEH,SAAU,CAAKC,GAAAA,EAAAA,WAAY,MAAKC,YAAa,CAAA,GAAA,EAAKC,UAAW,CAAG,EAAA,CAAA,CAAA;AAC5E,CAAA;AAEA,MAAMC,IAAI,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,kBAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAEXV,CAAAA,CAAAA,CAAAA,uBAAAA,EAAAA,SAAAA,EAAAA,GAAAA,EAAAA,EAAAA,CAAAA,EAAAA,SAAS,EACV,CAAC;EAAEW,UAAU;AAAEC,EAAAA,KAAAA;AAAM,CAAC,KAAMA,KAAK,IAAID,UAAU,EAAEE,KAAK,GAAGD,KAAK,CAAC,IAAK,SAAS,EACpF,CAAC;AAAED,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,UAAU,EAAEC,iBAAiB,CAAC,OAAO,CAAC,CACzE,CAAA;AAED,aAAeV,IAAI;;;;"}

package/dist/esm/components/Icon/Icon.types.mjs

@@ -0,0 +1,13 @@
+let IconSize = /*#__PURE__*/function (IconSize) {
+  IconSize[IconSize["XL"] = 44] = "XL";
+  IconSize[IconSize["L"] = 36] = "L";
+  IconSize[IconSize["Normal"] = 24] = "Normal";
+  IconSize[IconSize["S"] = 20] = "S";
+  IconSize[IconSize["XS"] = 16] = "XS";
+  IconSize[IconSize["XXS"] = 12] = "XXS";
+  IconSize[IconSize["XXXS"] = 10] = "XXXS";
+  return IconSize;
+}({});
+
+export { IconSize };
+//# sourceMappingURL=Icon.types.mjs.map

package/dist/esm/components/Icon/Icon.types.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"Icon.types.mjs","sources":["../../../../src/components/Icon/Icon.types.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  type BezierComponentProps,\n  type ColorProps,\n  type SizeProps,\n} from '~/src/types/ComponentProps'\n\nexport enum IconSize {\n  XL = 44,\n  L = 36,\n  Normal = 24,\n  S = 20,\n  XS = 16,\n  XXS = 12,\n  XXXS = 10,\n}\n\ninterface IconOptions {\n  /**\n   * Controls which icon should be rendered.\n   * Inject the icon component from the @channel.io/bezier-icons package into this prop.\n   *\n   * @example\n   * ```tsx\n   * import { HeartFilledIcon } from '@channel.io/bezier-icons'\n   * import { Icon } from '@channel.io/bezier-react'\n   *\n   * <Icon source={HeartFilledIcon} {...} />\n   * ```\n   */\n  source: React.ElementType<React.SVGProps<SVGSVGElement>>\n\n  /**\n   * Top margin.\n   *\n   * @default 0\n   */\n  marginTop?: number\n\n  /**\n   * Right margin.\n   *\n   * @default 0\n   */\n  marginRight?: number\n\n  /**\n   * Bottom margin.\n   *\n   * @default 0\n   */\n  marginBottom?: number\n\n  /**\n   * Left margin.\n   *\n   * @default 0\n   */\n  marginLeft?: number\n}\n\nexport interface IconProps extends\n  Omit<BezierComponentProps, 'as'>,\n  SizeProps<IconSize>,\n  ColorProps,\n  Omit<React.HTMLAttributes<SVGSVGElement>, keyof ColorProps>,\n  IconOptions {}\n"],"names":["IconSize"],"mappings":"AAQYA,IAAAA,QAAQ,0BAARA,QAAQ,EAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,QAAA,CAAA,GAAA,EAAA,CAAA,GAAA,QAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,GAAA,CAAA,GAAA,EAAA,CAAA,GAAA,GAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,IAAA,CAAA,GAAA,EAAA,CAAA,GAAA,IAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,KAAA,CAAA,GAAA,EAAA,CAAA,GAAA,KAAA,CAAA;AAARA,EAAAA,QAAQ,CAARA,QAAQ,CAAA,MAAA,CAAA,GAAA,EAAA,CAAA,GAAA,MAAA,CAAA;AAAA,EAAA,OAARA,QAAQ,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/esm/components/KeyValueListItem/KeyValueListItem.common.styled.mjs

@@ -0,0 +1,30 @@
+import { styled as FoundationStyled, css as FoundationCSS } from '../../foundation/FoundationStyledComponent.mjs';
+
+const KeyValueListItemWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "KeyValueListItemcommonstyled__KeyValueListItemWrapper",
+  componentId: "sc-1o6gejq-0"
+})(["", " ", " ", ""], ({
+  foundation
+}) => foundation?.rounding?.round6, ({
+  foundation
+}) => foundation?.transition.getTransitionsCSS(['background-color', 'color']), ({
+  interpolation
+}) => interpolation);
+const KeyValueListItemContainer = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "KeyValueListItemcommonstyled__KeyValueListItemContainer",
+  componentId: "sc-1o6gejq-1"
+})(["box-sizing:border-box;display:flex;align-items:flex-start;padding:4px 6px;", ";", ";"], ({
+  foundation
+}) => foundation?.rounding?.round6, ({
+  onClick
+}) => onClick && FoundationCSS`
+    cursor: pointer;
+    &:hover {
+      background-color: ${({
+  foundation
+}) => foundation?.theme?.['bg-black-lighter']};
+    }
+  `);
+
+export { KeyValueListItemContainer, KeyValueListItemWrapper };
+//# sourceMappingURL=KeyValueListItem.common.styled.mjs.map

package/dist/esm/components/KeyValueListItem/KeyValueListItem.common.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueListItem.common.styled.mjs","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.common.styled.ts"],"sourcesContent":["import type React from 'react'\n\nimport {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type InterpolationProps } from '~/src/types/Foundation'\n\nexport const KeyValueListItemWrapper = styled.div<InterpolationProps>`\n  ${({ foundation }) => foundation?.rounding?.round6}\n  ${({ foundation }) => foundation?.transition.getTransitionsCSS(['background-color', 'color'])}\n  ${({ interpolation }) => interpolation}\n`\n\nexport interface KeyValueListItemContainerProps {\n  onClick?: (e: React.MouseEvent<HTMLDivElement>) => void\n}\n\nexport const KeyValueListItemContainer = styled.div<KeyValueListItemContainerProps>`\n  box-sizing: border-box;\n  display: flex;\n  align-items: flex-start;\n  padding: 4px 6px;\n\n  ${({ foundation }) => foundation?.rounding?.round6};\n  ${({ onClick }) => onClick && css`\n    cursor: pointer;\n    &:hover {\n      background-color: ${({ foundation }) => foundation?.theme?.['bg-black-lighter']};\n    }\n  `};\n`\n"],"names":["KeyValueListItemWrapper","styled","div","withConfig","displayName","componentId","foundation","rounding","round6","transition","getTransitionsCSS","interpolation","KeyValueListItemContainer","onClick","css","theme"],"mappings":";;MASaA,uBAAuB,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,uDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,EAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EAC7C,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAChD,CAAC;AAAEF,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,UAAU,CAACC,iBAAiB,CAAC,CAAC,kBAAkB,EAAE,OAAO,CAAC,CAAC,EAC3F,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAMYC,yBAAyB,gBAAGX,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,yDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,4EAAA,EAAA,GAAA,EAAA,GAAA,CAAA,EAM/C,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAChD,CAAC;AAAEK,EAAAA,OAAAA;AAAQ,CAAC,KAAKA,OAAO,IAAIC,aAAI,CAAA;AACpC;AACA;AACA,wBAAA,EAA0B,CAAC;AAAER,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAES,KAAK,GAAG,kBAAkB,CAAE,CAAA;AACtF;AACA,EAAA,CAAG;;;;"}

package/dist/esm/components/KeyValueListItem/KeyValueListItem.const.mjs

@@ -0,0 +1,10 @@
+const TEST_ID_MAP = {
+  ROOT: 'bezier-react-key-value-list-item',
+  MULTILINE_ROOT: 'bezier-react-key-value-list-item-multiline',
+  KEY_ITEM: 'bezier-react-key-value-list-item-key-item',
+  VALUE_ITEM: 'bezier-react-key-value-list-item-value-item',
+  ACTIONS_ITEM: 'bezier-react-key-value-list-item-actions-item'
+};
+
+export { TEST_ID_MAP };
+//# sourceMappingURL=KeyValueListItem.const.mjs.map

package/dist/esm/components/KeyValueListItem/KeyValueListItem.const.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueListItem.const.mjs","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.const.ts"],"sourcesContent":["export const TEST_ID_MAP = {\n  ROOT: 'bezier-react-key-value-list-item',\n  MULTILINE_ROOT: 'bezier-react-key-value-list-item-multiline',\n  KEY_ITEM: 'bezier-react-key-value-list-item-key-item',\n  VALUE_ITEM: 'bezier-react-key-value-list-item-value-item',\n  ACTIONS_ITEM: 'bezier-react-key-value-list-item-actions-item',\n}\n"],"names":["TEST_ID_MAP","ROOT","MULTILINE_ROOT","KEY_ITEM","VALUE_ITEM","ACTIONS_ITEM"],"mappings":"AAAO,MAAMA,WAAW,GAAG;AACzBC,EAAAA,IAAI,EAAE,kCAAkC;AACxCC,EAAAA,cAAc,EAAE,4CAA4C;AAC5DC,EAAAA,QAAQ,EAAE,2CAA2C;AACrDC,EAAAA,UAAU,EAAE,6CAA6C;AACzDC,EAAAA,YAAY,EAAE,+CAAA;AAChB;;;;"}

package/dist/esm/components/KeyValueListItem/KeyValueListItem.mjs

@@ -0,0 +1,44 @@
+import React__default, { forwardRef } from 'react';
+import { TEST_ID_MAP } from './KeyValueListItem.const.mjs';
+import { Wrapper, KeyItemContainer, ValueItemContainer } from './KeyValueListItem.styled.mjs';
+import KeyItem from './common/KeyItem/KeyItem.mjs';
+import ValueItem from './common/ValueItem/ValueItem.mjs';
+import ItemAction from './common/ItemActions/ItemAction.mjs';
+
+function KeyValueListItem({
+  className,
+  interpolation,
+  valueWrapperInterpolation,
+  keyWrapperInterpolation,
+  keyIcon,
+  keyContent,
+  actions,
+  testId = TEST_ID_MAP.ROOT,
+  children,
+  onClickKey,
+  onClickValue,
+  ...props
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(Wrapper, Object.assign({
+    "data-testid": testId
+  }, props, {
+    ref: forwardedRef,
+    interpolation: interpolation,
+    className: className
+  }), /*#__PURE__*/React__default.createElement(KeyItemContainer, {
+    onClick: onClickKey
+  }, /*#__PURE__*/React__default.createElement(KeyItem, {
+    keyIcon: keyIcon,
+    interpolation: keyWrapperInterpolation
+  }, keyContent)), /*#__PURE__*/React__default.createElement(ValueItemContainer, {
+    onClick: onClickValue
+  }, /*#__PURE__*/React__default.createElement(ValueItem, {
+    interpolation: valueWrapperInterpolation
+  }, children), /*#__PURE__*/React__default.createElement(ItemAction, {
+    actions: actions
+  })));
+}
+var KeyValueListItem$1 = /*#__PURE__*/forwardRef(KeyValueListItem);
+
+export { KeyValueListItem$1 as default };
+//# sourceMappingURL=KeyValueListItem.mjs.map

package/dist/esm/components/KeyValueListItem/KeyValueListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueListItem.mjs","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport { TEST_ID_MAP } from './KeyValueListItem.const'\nimport { type KeyValueListItemProps } from './KeyValueListItem.types'\nimport {\n  ItemAction,\n  KeyItem,\n  ValueItem,\n} from './common'\n\nimport * as Styled from './KeyValueListItem.styled'\n\nfunction KeyValueListItem(\n  {\n    className,\n    interpolation,\n    valueWrapperInterpolation,\n    keyWrapperInterpolation,\n    keyIcon,\n    keyContent,\n    actions,\n    testId = TEST_ID_MAP.ROOT,\n    children,\n    onClickKey,\n    onClickValue,\n    ...props\n  }: KeyValueListItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n      className={className}\n    >\n      <Styled.KeyItemContainer onClick={onClickKey}>\n        <KeyItem\n          keyIcon={keyIcon}\n          interpolation={keyWrapperInterpolation}\n        >\n          { keyContent }\n        </KeyItem>\n      </Styled.KeyItemContainer>\n      <Styled.ValueItemContainer onClick={onClickValue}>\n        <ValueItem interpolation={valueWrapperInterpolation}>\n          { children }\n        </ValueItem>\n        <ItemAction actions={actions} />\n      </Styled.ValueItemContainer>\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(KeyValueListItem)\n"],"names":["KeyValueListItem","className","interpolation","valueWrapperInterpolation","keyWrapperInterpolation","keyIcon","keyContent","actions","testId","TEST_ID_MAP","ROOT","children","onClickKey","onClickValue","props","forwardedRef","React","createElement","Styled","Object","assign","ref","onClick","KeyItem","ValueItem","ItemAction","forwardRef"],"mappings":";;;;;;;AAeA,SAASA,gBAAgBA,CACvB;EACEC,SAAS;EACTC,aAAa;EACbC,yBAAyB;EACzBC,uBAAuB;EACvBC,OAAO;EACPC,UAAU;EACVC,OAAO;EACPC,MAAM,GAAGC,WAAW,CAACC,IAAI;EACzBC,QAAQ;EACRC,UAAU;EACVC,YAAY;EACZ,GAAGC,KAAAA;AACkB,CAAC,EACxBC,YAAiC,EACjC;EACA,oBACEC,cAAA,CAAAC,aAAA,CAACC,OAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACb,aAAaZ,EAAAA,MAAAA;AAAO,GAAA,EAChBM,KAAK,EAAA;AACTO,IAAAA,GAAG,EAAEN,YAAa;AAClBb,IAAAA,aAAa,EAAEA,aAAc;AAC7BD,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,CAAA,eAErBe,cAAA,CAAAC,aAAA,CAACC,gBAAuB,EAAA;AAACI,IAAAA,OAAO,EAAEV,UAAAA;AAAW,GAAA,eAC3CI,cAAA,CAAAC,aAAA,CAACM,OAAO,EAAA;AACNlB,IAAAA,OAAO,EAAEA,OAAQ;AACjBH,IAAAA,aAAa,EAAEE,uBAAAA;GAEbE,EAAAA,UACK,CACc,CAAC,eAC1BU,cAAA,CAAAC,aAAA,CAACC,kBAAyB,EAAA;AAACI,IAAAA,OAAO,EAAET,YAAAA;AAAa,GAAA,eAC/CG,cAAA,CAAAC,aAAA,CAACO,SAAS,EAAA;AAACtB,IAAAA,aAAa,EAAEC,yBAAAA;AAA0B,GAAA,EAChDQ,QACO,CAAC,eACZK,cAAA,CAAAC,aAAA,CAACQ,UAAU,EAAA;AAAClB,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CACN,CACb,CAAC,CAAA;AAErB,CAAA;AAEA,yBAAemB,aAAAA,UAAU,CAAC1B,gBAAgB,CAAC;;;;"}

package/dist/esm/components/KeyValueListItem/KeyValueListItem.styled.mjs

@@ -0,0 +1,19 @@
+import { KeyValueListItemWrapper, KeyValueListItemContainer } from './KeyValueListItem.common.styled.mjs';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+import { ellipsis } from '../../foundation/Mixins.mjs';
+
+const Wrapper = /*#__PURE__*/FoundationStyled(KeyValueListItemWrapper).withConfig({
+  displayName: "KeyValueListItemstyled__Wrapper",
+  componentId: "sc-lwvmow-0"
+})(["display:flex;align-items:flex-start;"]);
+const KeyItemContainer = /*#__PURE__*/FoundationStyled(KeyValueListItemContainer).withConfig({
+  displayName: "KeyValueListItemstyled__KeyItemContainer",
+  componentId: "sc-lwvmow-1"
+})(["flex:1;", ";"], ellipsis());
+const ValueItemContainer = /*#__PURE__*/FoundationStyled(KeyValueListItemContainer).withConfig({
+  displayName: "KeyValueListItemstyled__ValueItemContainer",
+  componentId: "sc-lwvmow-2"
+})(["flex:2;justify-content:space-between;min-height:28px;", ";"], ellipsis());
+
+export { KeyItemContainer, ValueItemContainer, Wrapper };
+//# sourceMappingURL=KeyValueListItem.styled.mjs.map

package/dist/esm/components/KeyValueListItem/KeyValueListItem.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueListItem.styled.mjs","sources":["../../../../src/components/KeyValueListItem/KeyValueListItem.styled.ts"],"sourcesContent":["import {\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport {\n  KeyValueListItemContainer,\n  KeyValueListItemWrapper,\n} from './KeyValueListItem.common.styled'\n\nexport const Wrapper = styled(KeyValueListItemWrapper)`\n  display: flex;\n  align-items: flex-start;\n`\n\nexport const KeyItemContainer = styled(KeyValueListItemContainer)`\n  flex: 1;\n  ${ellipsis()};\n`\n\nexport const ValueItemContainer = styled(KeyValueListItemContainer)`\n  flex: 2;\n  justify-content: space-between;\n  min-height: 28px;\n  ${ellipsis()};\n`\n"],"names":["Wrapper","styled","KeyValueListItemWrapper","withConfig","displayName","componentId","KeyItemContainer","KeyValueListItemContainer","ellipsis","ValueItemContainer"],"mappings":";;;;AAUO,MAAMA,OAAO,gBAAGC,gBAAM,CAACC,uBAAuB,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,iCAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAGrD,CAAA,CAAA,CAAA,sCAAA,CAAA,EAAA;AAEM,MAAMC,gBAAgB,gBAAGL,gBAAM,CAACM,yBAAyB,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAE7DG,CAAAA,CAAAA,CAAAA,SAAAA,EAAAA,GAAAA,CAAAA,EAAAA,QAAQ,EAAE,EACb;AAEM,MAAMC,kBAAkB,gBAAGR,gBAAM,CAACM,yBAAyB,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,4CAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAI/DG,CAAAA,CAAAA,CAAAA,uDAAAA,EAAAA,GAAAA,CAAAA,EAAAA,QAAQ,EAAE;;;;"}

package/dist/esm/components/KeyValueListItem/KeyValueMultiLineListItem.mjs

@@ -0,0 +1,45 @@
+import React__default, { forwardRef } from 'react';
+import { TEST_ID_MAP } from './KeyValueListItem.const.mjs';
+import { Wrapper, KeyItemContainer, ValueItemContainer } from './KeyValueMultiLineListItem.styled.mjs';
+import KeyItem from './common/KeyItem/KeyItem.mjs';
+import ItemAction from './common/ItemActions/ItemAction.mjs';
+import ValueItem from './common/ValueItem/ValueItem.mjs';
+
+function KeyValueMultiLineListItem({
+  className,
+  interpolation,
+  valueWrapperInterpolation,
+  keyWrapperInterpolation,
+  keyIcon,
+  keyContent,
+  actions,
+  testId = TEST_ID_MAP.MULTILINE_ROOT,
+  children,
+  onClickKey,
+  onClickValue,
+  ...props
+}, forwardedRef) {
+  return /*#__PURE__*/React__default.createElement(Wrapper, Object.assign({
+    "data-testid": testId
+  }, props, {
+    ref: forwardedRef,
+    interpolation: interpolation,
+    className: className
+  }), /*#__PURE__*/React__default.createElement(KeyItemContainer, {
+    onClick: onClickKey
+  }, /*#__PURE__*/React__default.createElement(KeyItem, {
+    keyIcon: keyIcon,
+    interpolation: keyWrapperInterpolation
+  }, keyContent), /*#__PURE__*/React__default.createElement(ItemAction, {
+    actions: actions
+  })), /*#__PURE__*/React__default.createElement(ValueItemContainer, {
+    onClick: onClickValue
+  }, /*#__PURE__*/React__default.createElement(ValueItem, {
+    interpolation: valueWrapperInterpolation,
+    multiline: true
+  }, children)));
+}
+var KeyValueMultiLineListItem$1 = /*#__PURE__*/forwardRef(KeyValueMultiLineListItem);
+
+export { KeyValueMultiLineListItem$1 as default };
+//# sourceMappingURL=KeyValueMultiLineListItem.mjs.map

package/dist/esm/components/KeyValueListItem/KeyValueMultiLineListItem.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueMultiLineListItem.mjs","sources":["../../../../src/components/KeyValueListItem/KeyValueMultiLineListItem.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n} from 'react'\n\nimport { TEST_ID_MAP } from './KeyValueListItem.const'\nimport { type KeyValueListItemProps } from './KeyValueListItem.types'\nimport {\n  ItemAction,\n  KeyItem,\n  ValueItem,\n} from './common'\n\nimport * as Styled from './KeyValueMultiLineListItem.styled'\n\nfunction KeyValueMultiLineListItem(\n  {\n    className,\n    interpolation,\n    valueWrapperInterpolation,\n    keyWrapperInterpolation,\n    keyIcon,\n    keyContent,\n    actions,\n    testId = TEST_ID_MAP.MULTILINE_ROOT,\n    children,\n    onClickKey,\n    onClickValue,\n    ...props\n  }: KeyValueListItemProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  return (\n    <Styled.Wrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n      interpolation={interpolation}\n      className={className}\n    >\n      <Styled.KeyItemContainer onClick={onClickKey}>\n        <KeyItem\n          keyIcon={keyIcon}\n          interpolation={keyWrapperInterpolation}\n        >\n          { keyContent }\n        </KeyItem>\n        <ItemAction actions={actions} />\n      </Styled.KeyItemContainer>\n      <Styled.ValueItemContainer onClick={onClickValue}>\n        <ValueItem interpolation={valueWrapperInterpolation} multiline>\n          { children }\n        </ValueItem>\n      </Styled.ValueItemContainer>\n    </Styled.Wrapper>\n  )\n}\n\nexport default forwardRef(KeyValueMultiLineListItem)\n"],"names":["KeyValueMultiLineListItem","className","interpolation","valueWrapperInterpolation","keyWrapperInterpolation","keyIcon","keyContent","actions","testId","TEST_ID_MAP","MULTILINE_ROOT","children","onClickKey","onClickValue","props","forwardedRef","React","createElement","Styled","Object","assign","ref","onClick","KeyItem","ItemAction","ValueItem","multiline","forwardRef"],"mappings":";;;;;;;AAeA,SAASA,yBAAyBA,CAChC;EACEC,SAAS;EACTC,aAAa;EACbC,yBAAyB;EACzBC,uBAAuB;EACvBC,OAAO;EACPC,UAAU;EACVC,OAAO;EACPC,MAAM,GAAGC,WAAW,CAACC,cAAc;EACnCC,QAAQ;EACRC,UAAU;EACVC,YAAY;EACZ,GAAGC,KAAAA;AACkB,CAAC,EACxBC,YAAiC,EACjC;EACA,oBACEC,cAAA,CAAAC,aAAA,CAACC,OAAc,EAAAC,MAAA,CAAAC,MAAA,CAAA;IACb,aAAaZ,EAAAA,MAAAA;AAAO,GAAA,EAChBM,KAAK,EAAA;AACTO,IAAAA,GAAG,EAAEN,YAAa;AAClBb,IAAAA,aAAa,EAAEA,aAAc;AAC7BD,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,CAAA,eAErBe,cAAA,CAAAC,aAAA,CAACC,gBAAuB,EAAA;AAACI,IAAAA,OAAO,EAAEV,UAAAA;AAAW,GAAA,eAC3CI,cAAA,CAAAC,aAAA,CAACM,OAAO,EAAA;AACNlB,IAAAA,OAAO,EAAEA,OAAQ;AACjBH,IAAAA,aAAa,EAAEE,uBAAAA;AAAwB,GAAA,EAErCE,UACK,CAAC,eACVU,cAAA,CAAAC,aAAA,CAACO,UAAU,EAAA;AAACjB,IAAAA,OAAO,EAAEA,OAAAA;GAAU,CACR,CAAC,eAC1BS,cAAA,CAAAC,aAAA,CAACC,kBAAyB,EAAA;AAACI,IAAAA,OAAO,EAAET,YAAAA;AAAa,GAAA,eAC/CG,cAAA,CAAAC,aAAA,CAACQ,SAAS,EAAA;AAACvB,IAAAA,aAAa,EAAEC,yBAA0B;IAACuB,SAAS,EAAA,IAAA;GAC1Df,EAAAA,QACO,CACc,CACb,CAAC,CAAA;AAErB,CAAA;AAEA,kCAAegB,aAAAA,UAAU,CAAC3B,yBAAyB,CAAC;;;;"}

package/dist/esm/components/KeyValueListItem/KeyValueMultiLineListItem.styled.mjs

@@ -0,0 +1,18 @@
+import { KeyValueListItemWrapper, KeyValueListItemContainer } from './KeyValueListItem.common.styled.mjs';
+import { styled as FoundationStyled } from '../../foundation/FoundationStyledComponent.mjs';
+
+const Wrapper = /*#__PURE__*/FoundationStyled(KeyValueListItemWrapper).withConfig({
+  displayName: "KeyValueMultiLineListItemstyled__Wrapper",
+  componentId: "sc-11pbskn-0"
+})(["display:flex;flex-direction:column;justify-content:center;"]);
+const KeyItemContainer = /*#__PURE__*/FoundationStyled(KeyValueListItemContainer).withConfig({
+  displayName: "KeyValueMultiLineListItemstyled__KeyItemContainer",
+  componentId: "sc-11pbskn-1"
+})(["flex:1;justify-content:space-between;height:28px;"]);
+const ValueItemContainer = /*#__PURE__*/FoundationStyled(KeyValueListItemContainer).withConfig({
+  displayName: "KeyValueMultiLineListItemstyled__ValueItemContainer",
+  componentId: "sc-11pbskn-2"
+})(["flex:1;min-height:28px;"]);
+
+export { KeyItemContainer, ValueItemContainer, Wrapper };
+//# sourceMappingURL=KeyValueMultiLineListItem.styled.mjs.map

package/dist/esm/components/KeyValueListItem/KeyValueMultiLineListItem.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"KeyValueMultiLineListItem.styled.mjs","sources":["../../../../src/components/KeyValueListItem/KeyValueMultiLineListItem.styled.ts"],"sourcesContent":["import { styled } from '~/src/foundation'\n\nimport {\n  KeyValueListItemContainer,\n  KeyValueListItemWrapper,\n} from './KeyValueListItem.common.styled'\n\nexport const Wrapper = styled(KeyValueListItemWrapper)`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`\n\nexport const KeyItemContainer = styled(KeyValueListItemContainer)`\n  flex: 1;\n  justify-content: space-between;\n  height: 28px;\n`\n\nexport const ValueItemContainer = styled(KeyValueListItemContainer)`\n  flex: 1;\n  min-height: 28px;\n`\n"],"names":["Wrapper","styled","KeyValueListItemWrapper","withConfig","displayName","componentId","KeyItemContainer","KeyValueListItemContainer","ValueItemContainer"],"mappings":";;;AAOO,MAAMA,OAAO,gBAAGC,gBAAM,CAACC,uBAAuB,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,0CAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAIrD,CAAA,CAAA,CAAA,4DAAA,CAAA,EAAA;AAEM,MAAMC,gBAAgB,gBAAGL,gBAAM,CAACM,yBAAyB,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,mDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAIhE,CAAA,CAAA,CAAA,mDAAA,CAAA,EAAA;AAEM,MAAMG,kBAAkB,gBAAGP,gBAAM,CAACM,yBAAyB,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,qDAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAGlE,CAAA,CAAA,CAAA,yBAAA,CAAA;;;;"}

package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.mjs

@@ -0,0 +1,72 @@
+import React__default, { memo, forwardRef, useCallback, useMemo } from 'react';
+import { noop } from '../../../../utils/functionUtils.mjs';
+import { isBoolean, isEmpty, isNil, isArray } from '../../../../utils/typeUtils.mjs';
+import { TEST_ID_MAP } from '../../KeyValueListItem.const.mjs';
+import { ActionIconWrapper, ActionIconTooltip, ItemActionWrapper, ActionLegacyIcon, ActionIcon as ActionIcon$1 } from './ItemAction.styled.mjs';
+import v4 from '../../../../node_modules/uuid/dist/esm-browser/v4.mjs';
+import { IconSize } from '../../../Icon/Icon.types.mjs';
+import { isIconName } from '../../../LegacyIcon/utils.mjs';
+
+function ActionIcon({
+  icon,
+  iconColor
+}) {
+  if (isIconName(icon)) {
+    return /*#__PURE__*/React__default.createElement(ActionLegacyIcon, {
+      name: icon,
+      color: iconColor ?? 'txt-black-dark',
+      size: IconSize.XS
+    });
+  }
+  return /*#__PURE__*/React__default.createElement(ActionIcon$1, {
+    source: icon,
+    color: iconColor ?? 'txt-black-dark',
+    size: IconSize.XS
+  });
+}
+function ItemAction({
+  actions,
+  testId = TEST_ID_MAP.ACTIONS_ITEM,
+  ...props
+}, forwardedRef) {
+  const renderAction = useCallback((action, key) => {
+    if ('icon' in action) {
+      const iconElement = /*#__PURE__*/React__default.createElement(ActionIconWrapper, {
+        key: key,
+        hoverBackgroundColor: action.hoverBackgroundColor ?? 'bg-black-lighter',
+        hoverIconColor: action.hoverIconColor ?? 'txt-black-darkest',
+        show: isBoolean(action.show) ? action.show : true,
+        onClick: action.onClick ?? noop
+      }, /*#__PURE__*/React__default.createElement(ActionIcon, action));
+      if (!isEmpty(action.tooltip)) {
+        return /*#__PURE__*/React__default.createElement(ActionIconTooltip, {
+          key: key,
+          content: action.tooltip
+        }, iconElement);
+      }
+      return iconElement;
+    }
+    return /*#__PURE__*/React__default.cloneElement(action, {
+      key
+    });
+  }, []);
+  const ActionsComponent = useMemo(() => {
+    if (isNil(actions) || isEmpty(actions)) {
+      return null;
+    }
+    const item = isArray(actions) ? actions.map(action => renderAction(action, v4())) : renderAction(actions);
+    return item;
+  }, [actions, renderAction]);
+  if (isNil(actions) || isEmpty(actions)) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement(ItemActionWrapper, Object.assign({
+    "data-testid": testId
+  }, props, {
+    ref: forwardedRef
+  }), ActionsComponent);
+}
+var ItemAction$1 = /*#__PURE__*/memo( /*#__PURE__*/forwardRef(ItemAction));
+
+export { ItemAction$1 as default };
+//# sourceMappingURL=ItemAction.mjs.map

package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemAction.mjs","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.tsx"],"sourcesContent":["import React, {\n  type Ref,\n  forwardRef,\n  memo,\n  useCallback,\n  useMemo,\n} from 'react'\n\nimport { v4 as uuid } from 'uuid'\n\nimport { noop } from '~/src/utils/functionUtils'\nimport {\n  isArray,\n  isBoolean,\n  isEmpty,\n  isNil,\n} from '~/src/utils/typeUtils'\n\nimport { IconSize } from '~/src/components/Icon'\nimport { TEST_ID_MAP } from '~/src/components/KeyValueListItem/KeyValueListItem.const'\nimport { isIconName } from '~/src/components/LegacyIcon'\n\nimport {\n  type ItemActionProps,\n  type ItemActionWithIcon,\n  type KeyValueListItemActionProps,\n} from './ItemAction.types'\n\nimport * as Styled from './ItemAction.styled'\n\nfunction ActionIcon({\n  icon,\n  iconColor,\n}: ItemActionWithIcon) {\n  if (isIconName(icon)) {\n    return (\n      <Styled.ActionLegacyIcon\n        name={icon}\n        color={iconColor ?? 'txt-black-dark'}\n        size={IconSize.XS}\n      />\n    )\n  }\n\n  return (\n    <Styled.ActionIcon\n      source={icon}\n      color={iconColor ?? 'txt-black-dark'}\n      size={IconSize.XS}\n    />\n  )\n}\n\nfunction ItemAction(\n  {\n    actions,\n    testId = TEST_ID_MAP.ACTIONS_ITEM,\n    ...props\n  }: ItemActionProps,\n  forwardedRef: Ref<HTMLDivElement>,\n) {\n  const renderAction = useCallback((action: KeyValueListItemActionProps, key?: string) => {\n    if ('icon' in action) {\n      const iconElement = (\n        <Styled.ActionIconWrapper\n          key={key}\n          hoverBackgroundColor={action.hoverBackgroundColor ?? 'bg-black-lighter'}\n          hoverIconColor={action.hoverIconColor ?? 'txt-black-darkest'}\n          show={isBoolean(action.show) ? action.show : true}\n          onClick={action.onClick ?? noop}\n        >\n          <ActionIcon {...action} />\n        </Styled.ActionIconWrapper>\n      )\n\n      if (!isEmpty(action.tooltip)) {\n        return (\n          <Styled.ActionIconTooltip key={key} content={action.tooltip}>\n            { iconElement }\n          </Styled.ActionIconTooltip>\n        )\n      }\n      return iconElement\n    }\n\n    return React.cloneElement(action, { key })\n  }, [])\n\n  const ActionsComponent = useMemo(() => {\n    if (isNil(actions) || isEmpty(actions)) {\n      return null\n    }\n\n    const item = isArray(actions)\n      ? actions.map((action) => renderAction(action, uuid()))\n      : renderAction(actions)\n\n    return item\n  }, [\n    actions,\n    renderAction,\n  ])\n\n  if (isNil(actions) || isEmpty(actions)) {\n    return null\n  }\n\n  return (\n    <Styled.ItemActionWrapper\n      data-testid={testId}\n      {...props}\n      ref={forwardedRef}\n    >\n      { ActionsComponent }\n    </Styled.ItemActionWrapper>\n  )\n}\n\nexport default memo(forwardRef(ItemAction))\n"],"names":["ActionIcon","icon","iconColor","isIconName","React","createElement","Styled","name","color","size","IconSize","XS","source","ItemAction","actions","testId","TEST_ID_MAP","ACTIONS_ITEM","props","forwardedRef","renderAction","useCallback","action","key","iconElement","hoverBackgroundColor","hoverIconColor","show","isBoolean","onClick","noop","isEmpty","tooltip","content","cloneElement","ActionsComponent","useMemo","isNil","item","isArray","map","uuid","Object","assign","ref","memo","forwardRef"],"mappings":"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"}

package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.styled.mjs

@@ -0,0 +1,48 @@
+import { isNil } from '../../../../utils/typeUtils.mjs';
+import Tooltip from '../../../Tooltip/Tooltip.mjs';
+import { Icon } from '../../../Icon/Icon.mjs';
+import LegacyIcon from '../../../LegacyIcon/LegacyIcon.mjs';
+import { styled as FoundationStyled, css as FoundationCSS } from '../../../../foundation/FoundationStyledComponent.mjs';
+
+const ItemActionWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "ItemActionstyled__ItemActionWrapper",
+  componentId: "sc-1ff9lif-0"
+})(["display:flex;align-items:center;"]);
+const ActionIcon = /*#__PURE__*/FoundationStyled(Icon).withConfig({
+  displayName: "ItemActionstyled__ActionIcon",
+  componentId: "sc-1ff9lif-1"
+})([""]);
+const ActionLegacyIcon = /*#__PURE__*/FoundationStyled(LegacyIcon).withConfig({
+  displayName: "ItemActionstyled__ActionLegacyIcon",
+  componentId: "sc-1ff9lif-2"
+})([""]);
+const ActionIconWrapper = /*#__PURE__*/FoundationStyled.div.withConfig({
+  displayName: "ItemActionstyled__ActionIconWrapper",
+  componentId: "sc-1ff9lif-3"
+})(["display:", ";align-items:center;justify-content:center;padding:2px;margin-left:auto;cursor:pointer;", " &:hover{", " ", "{", "}", "{", "}}"], ({
+  show
+}) => show ? 'flex' : 'none', ({
+  foundation
+}) => foundation?.rounding?.round6, ({
+  foundation,
+  hoverBackgroundColor
+}) => !isNil(hoverBackgroundColor) && FoundationCSS`
+      background-color: ${foundation?.theme?.[hoverBackgroundColor]};
+    `, ActionIcon, ({
+  foundation,
+  hoverIconColor
+}) => !isNil(hoverIconColor) && FoundationCSS`
+        color: ${foundation?.theme?.[hoverIconColor]};
+      `, ActionLegacyIcon, ({
+  foundation,
+  hoverIconColor
+}) => !isNil(hoverIconColor) && FoundationCSS`
+        color: ${foundation?.theme?.[hoverIconColor]};
+      `);
+const ActionIconTooltip = /*#__PURE__*/FoundationStyled(Tooltip).withConfig({
+  displayName: "ItemActionstyled__ActionIconTooltip",
+  componentId: "sc-1ff9lif-4"
+})(["margin-left:auto;"]);
+
+export { ActionIcon, ActionIconTooltip, ActionIconWrapper, ActionLegacyIcon, ItemActionWrapper };
+//# sourceMappingURL=ItemAction.styled.mjs.map

package/dist/esm/components/KeyValueListItem/common/ItemActions/ItemAction.styled.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"ItemAction.styled.mjs","sources":["../../../../../../src/components/KeyValueListItem/common/ItemActions/ItemAction.styled.ts"],"sourcesContent":["import {\n  css,\n  styled,\n} from '~/src/foundation'\n\nimport { type AdditionalColorProps } from '~/src/types/ComponentProps'\nimport { isNil } from '~/src/utils/typeUtils'\n\nimport { Icon } from '~/src/components/Icon'\nimport { LegacyIcon } from '~/src/components/LegacyIcon'\nimport { Tooltip } from '~/src/components/Tooltip'\n\nexport const ItemActionWrapper = styled.div`\n  display: flex;\n  align-items: center;\n`\ninterface ActionWrapperProps extends AdditionalColorProps<['hoverBackground', 'hoverIcon']> {\n  show: boolean\n}\n\nexport const ActionIcon = styled(Icon)``\nexport const ActionLegacyIcon = styled(LegacyIcon)``\n\nexport const ActionIconWrapper = styled.div<ActionWrapperProps>`\n  display: ${({ show }) => (show ? 'flex' : 'none')};\n  align-items: center;\n  justify-content: center;\n  padding: 2px;\n  margin-left: auto;\n  cursor: pointer;\n\n  ${({ foundation }) => foundation?.rounding?.round6}\n\n  &:hover {\n    ${({ foundation, hoverBackgroundColor }) => !isNil(hoverBackgroundColor) && css`\n      background-color: ${foundation?.theme?.[hoverBackgroundColor]};\n    `}\n\n    ${ActionIcon} {\n      ${({ foundation, hoverIconColor }) => !isNil(hoverIconColor) && css`\n        color: ${foundation?.theme?.[hoverIconColor]};\n      `}\n    }\n    \n    ${ActionLegacyIcon} {\n      ${({ foundation, hoverIconColor }) => !isNil(hoverIconColor) && css`\n        color: ${foundation?.theme?.[hoverIconColor]};\n      `}\n    }\n  }\n`\n\nexport const ActionIconTooltip = styled(Tooltip)`\n  margin-left: auto;\n`\n"],"names":["ItemActionWrapper","styled","div","withConfig","displayName","componentId","ActionIcon","Icon","ActionLegacyIcon","LegacyIcon","ActionIconWrapper","show","foundation","rounding","round6","hoverBackgroundColor","isNil","css","theme","hoverIconColor","ActionIconTooltip","Tooltip"],"mappings":";;;;;;MAYaA,iBAAiB,gBAAGC,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAG1C,CAAA,CAAA,CAAA,kCAAA,CAAA,EAAA;AAKM,MAAMC,UAAU,gBAAGL,gBAAM,CAACM,IAAI,CAAC,CAAAJ,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;AACjC,MAAMG,gBAAgB,gBAAGP,gBAAM,CAACQ,UAAU,CAAC,CAAAN,UAAA,CAAA;EAAAC,WAAA,EAAA,oCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAE,CAAA,CAAA,CAAA,EAAA,CAAA,EAAA;MAEvCK,iBAAiB,gBAAGT,gBAAM,CAACC,GAAG,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,qCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAAA,CAAA,CAAA,CAAA,UAAA,EAAA,yFAAA,EAAA,WAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,GAAA,EAAA,IAAA,CAAA,EAC9B,CAAC;AAAEM,EAAAA,IAAAA;AAAK,CAAC,KAAMA,IAAI,GAAG,MAAM,GAAG,MAAO,EAO/C,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,QAAQ,EAAEC,MAAM,EAG9C,CAAC;EAAEF,UAAU;AAAEG,EAAAA,oBAAAA;AAAqB,CAAC,KAAK,CAACC,KAAK,CAACD,oBAAoB,CAAC,IAAIE,aAAI,CAAA;AACpF,wBAAA,EAA0BL,UAAU,EAAEM,KAAK,GAAGH,oBAAoB,CAAE,CAAA;AACpE,IAAK,CAAA,EAECT,UAAU,EACR,CAAC;EAAEM,UAAU;AAAEO,EAAAA,cAAAA;AAAe,CAAC,KAAK,CAACH,KAAK,CAACG,cAAc,CAAC,IAAIF,aAAI,CAAA;AAC1E,eAAA,EAAiBL,UAAU,EAAEM,KAAK,GAAGC,cAAc,CAAE,CAAA;AACrD,MAAO,CAAA,EAGDX,gBAAgB,EACd,CAAC;EAAEI,UAAU;AAAEO,EAAAA,cAAAA;AAAe,CAAC,KAAK,CAACH,KAAK,CAACG,cAAc,CAAC,IAAIF,aAAI,CAAA;AAC1E,eAAA,EAAiBL,UAAU,EAAEM,KAAK,GAAGC,cAAc,CAAE,CAAA;AACrD,MAAA,CAAO,EAGN;AAEM,MAAMC,iBAAiB,gBAAGnB,gBAAM,CAACoB,OAAO,CAAC,CAAAlB,UAAA,CAAA;EAAAC,WAAA,EAAA,qCAAA;EAAAC,WAAA,EAAA,cAAA;AAAA,CAE/C,CAAA,CAAA,CAAA,mBAAA,CAAA;;;;"}