@channel.io/bezier-react 1.7.0 → 1.7.2

package/dist/cjs/components/Toast/ToastContext.js

@@ -1,11 +1,9 @@
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var React = require('react');
 var functionUtils = require('../../utils/functionUtils.js');
+var reactUtils = require('../../utils/reactUtils.js');
 
-const ToastContext = /*#__PURE__*/React.createContext({
+const [ToastContextProvider, useToastContext] = reactUtils.createContext({
   add: () => '',
   update: () => '',
   remove: functionUtils.noop,
@@ -13,7 +11,7 @@ const ToastContext = /*#__PURE__*/React.createContext({
   leftToasts: [],
   rightToasts: []
 });
-var ToastContext$1 = ToastContext;
 
-exports.default = ToastContext$1;
+exports.ToastContextProvider = ToastContextProvider;
+exports.useToastContext = useToastContext;
 //# sourceMappingURL=ToastContext.js.map

package/dist/cjs/components/Toast/ToastContext.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastContext.js","sources":["../../../../src/components/Toast/ToastContext.ts"],"sourcesContent":["import { createContext } from 'react'\n\nimport { noop } from '~/src/utils/functionUtils'\n\nimport { type ToastContextType } from './Toast.types'\n\nconst ToastContext = createContext<ToastContextType>({\n  add: () => '',\n  update: () => '',\n  remove: noop,\n  removeAll: noop,\n  leftToasts: [],\n  rightToasts: [],\n})\n\nexport default ToastContext\n"],"names":["ToastContext","createContext","add","update","remove","noop","removeAll","leftToasts","rightToasts"],"mappings":";;;;;;;AAMA,MAAMA,YAAY,gBAAGC,mBAAa,CAAmB;EACnDC,GAAG,EAAEA,MAAM,EAAE;EACbC,MAAM,EAAEA,MAAM,EAAE;AAChBC,EAAAA,MAAM,EAAEC,kBAAI;AACZC,EAAAA,SAAS,EAAED,kBAAI;AACfE,EAAAA,UAAU,EAAE,EAAE;AACdC,EAAAA,WAAW,EAAE,EAAA;AACf,CAAC,CAAC,CAAA;AAEF,qBAAeR,YAAY;;;;"}
+{"version":3,"file":"ToastContext.js","sources":["../../../../src/components/Toast/ToastContext.ts"],"sourcesContent":["import { noop } from '~/src/utils/functionUtils'\nimport { createContext } from '~/src/utils/reactUtils'\n\nimport { type ToastContextType } from './Toast.types'\n\nexport const [\n  ToastContextProvider,\n  useToastContext,\n] = createContext<ToastContextType>({\n  add: () => '',\n  update: () => '',\n  remove: noop,\n  removeAll: noop,\n  leftToasts: [],\n  rightToasts: [],\n})\n"],"names":["ToastContextProvider","useToastContext","createContext","add","update","remove","noop","removeAll","leftToasts","rightToasts"],"mappings":";;;;;AAKO,MAAM,CACXA,oBAAoB,EACpBC,eAAe,CAChB,GAAGC,wBAAa,CAAmB;EAClCC,GAAG,EAAEA,MAAM,EAAE;EACbC,MAAM,EAAEA,MAAM,EAAE;AAChBC,EAAAA,MAAM,EAAEC,kBAAI;AACZC,EAAAA,SAAS,EAAED,kBAAI;AACfE,EAAAA,UAAU,EAAE,EAAE;AACdC,EAAAA,WAAW,EAAE,EAAA;AACf,CAAC;;;;;"}

package/dist/cjs/components/Toast/ToastProvider.js

@@ -14,9 +14,6 @@ var useToastContextValues = require('./useToastContextValues.js');
 var index = require('../../foundation/Transition/index.js');
 var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
 
-const {
-  Provider
-} = ToastContext.default;
 function ToastProvider({
   autoDismissTimeout = 3000,
   children = []
@@ -56,11 +53,11 @@ function ToastProvider({
     icon: icon,
     component: ToastElement.default,
     onDismiss: () => dismiss(id, onDismiss),
-    transform: FoundationStyledComponent.css([""]),
+    transform: FoundationStyledComponent.css``,
     zIndex: zIndex,
     version: version
   }))), [autoDismissTimeout, dismiss]);
-  return /*#__PURE__*/React.createElement(Provider, {
+  return /*#__PURE__*/React.createElement(ToastContext.ToastContextProvider, {
     value: toastContextValue
   }, children, /*#__PURE__*/ReactDOM.createPortal([createContainer(Toast_types.ToastPlacement.BottomLeft, leftToasts), createContainer(Toast_types.ToastPlacement.BottomRight, rightToasts)], domUtils.getRootElement()));
 }

package/dist/cjs/components/Toast/ToastProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport ToastContext from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nconst { Provider } = ToastContext\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        icon,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          icon={icon}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <Provider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </Provider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["Provider","ToastContext","ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;;;;;AAsBA,MAAM;AAAEA,EAAAA,QAAAA;AAAS,CAAC,GAAGC,oBAAY,CAAA;AAEjC,SAASC,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,6BAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,iBAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,KAAA,CAAAC,aAAA,CAACC,sBAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,KAAA,CAAAC,aAAA,CAACe,uBAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,wBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,oBAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,6BAAG,CAAG,CAAA,EAAA,CAAA,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACf,QAAQ,EAAA;AAACsC,IAAAA,KAAK,EAAEjC,iBAAAA;AAAkB,GAAA,EAC/BD,QAAQ,eACRmC,qBAAY,CACZ,CACE7B,eAAe,CAAC8B,0BAAc,CAACC,UAAU,EAAElC,UAAU,CAAC,EACtDG,eAAe,CAAC8B,0BAAc,CAACE,WAAW,EAAElC,WAAW,CAAC,CACzD,EACDmC,uBAAc,EAChB,CACQ,CAAC,CAAA;AAEf;;;;"}
+{"version":3,"file":"ToastProvider.js","sources":["../../../../src/components/Toast/ToastProvider.tsx"],"sourcesContent":["import React, { useCallback } from 'react'\n\nimport { createPortal } from 'react-dom'\n\nimport {\n  TransitionDuration,\n  css,\n} from '~/src/foundation'\n\nimport { getRootElement } from '~/src/utils/domUtils'\n\nimport {\n  ToastPlacement,\n  type ToastProviderProps,\n  type ToastType,\n} from './Toast.types'\nimport ToastContainer from './ToastContainer'\nimport { ToastContextProvider } from './ToastContext'\nimport ToastController from './ToastController'\nimport ToastElement from './ToastElement'\nimport useToastProviderValues from './useToastContextValues'\n\nfunction ToastProvider({\n  autoDismissTimeout = 3000,\n  children = [],\n}: ToastProviderProps) {\n  const toastContextValue = useToastProviderValues()\n  const {\n    leftToasts,\n    rightToasts,\n    dismiss,\n  } = toastContextValue\n\n  const createContainer = useCallback((placement: ToastPlacement, toasts: ToastType[]) => (\n    <ToastContainer\n      key={placement}\n      placement={placement}\n    >\n      { toasts.map(({\n        autoDismiss,\n        content,\n        preset,\n        appearance,\n        icon,\n        actionContent,\n        onClick,\n        id,\n        onDismiss,\n        zIndex,\n        version,\n      }) => (\n        <ToastController\n          key={id}\n          placement={placement}\n          autoDismiss={autoDismiss ?? true}\n          transitionDuration={TransitionDuration.M}\n          actionContent={actionContent}\n          onClick={onClick}\n          autoDismissTimeout={autoDismissTimeout}\n          preset={preset}\n          appearance={appearance}\n          content={content}\n          icon={icon}\n          component={ToastElement}\n          onDismiss={() => dismiss(id, onDismiss)}\n          transform={css``}\n          zIndex={zIndex}\n          version={version}\n        />\n      )) }\n    </ToastContainer>\n  ), [\n    autoDismissTimeout,\n    dismiss,\n  ])\n\n  return (\n    <ToastContextProvider value={toastContextValue}>\n      { children }\n      { createPortal(\n        [\n          createContainer(ToastPlacement.BottomLeft, leftToasts),\n          createContainer(ToastPlacement.BottomRight, rightToasts),\n        ],\n        getRootElement(),\n      ) }\n    </ToastContextProvider>\n  )\n}\n\nexport default ToastProvider\n"],"names":["ToastProvider","autoDismissTimeout","children","toastContextValue","useToastProviderValues","leftToasts","rightToasts","dismiss","createContainer","useCallback","placement","toasts","React","createElement","ToastContainer","key","map","autoDismiss","content","preset","appearance","icon","actionContent","onClick","id","onDismiss","zIndex","version","ToastController","transitionDuration","TransitionDuration","M","component","ToastElement","transform","css","ToastContextProvider","value","createPortal","ToastPlacement","BottomLeft","BottomRight","getRootElement"],"mappings":";;;;;;;;;;;;;;;;AAsBA,SAASA,aAAaA,CAAC;AACrBC,EAAAA,kBAAkB,GAAG,IAAI;AACzBC,EAAAA,QAAQ,GAAG,EAAA;AACO,CAAC,EAAE;AACrB,EAAA,MAAMC,iBAAiB,GAAGC,6BAAsB,EAAE,CAAA;EAClD,MAAM;IACJC,UAAU;IACVC,WAAW;AACXC,IAAAA,OAAAA;AACF,GAAC,GAAGJ,iBAAiB,CAAA;AAErB,EAAA,MAAMK,eAAe,GAAGC,iBAAW,CAAC,CAACC,SAAyB,EAAEC,MAAmB,kBACjFC,KAAA,CAAAC,aAAA,CAACC,sBAAc,EAAA;AACbC,IAAAA,GAAG,EAAEL,SAAU;AACfA,IAAAA,SAAS,EAAEA,SAAAA;AAAU,GAAA,EAEnBC,MAAM,CAACK,GAAG,CAAC,CAAC;IACZC,WAAW;IACXC,OAAO;IACPC,MAAM;IACNC,UAAU;IACVC,IAAI;IACJC,aAAa;IACbC,OAAO;IACPC,EAAE;IACFC,SAAS;IACTC,MAAM;AACNC,IAAAA,OAAAA;AACF,GAAC,kBACCf,KAAA,CAAAC,aAAA,CAACe,uBAAe,EAAA;AACdb,IAAAA,GAAG,EAAES,EAAG;AACRd,IAAAA,SAAS,EAAEA,SAAU;IACrBO,WAAW,EAAEA,WAAW,IAAI,IAAK;IACjCY,kBAAkB,EAAEC,wBAAkB,CAACC,CAAE;AACzCT,IAAAA,aAAa,EAAEA,aAAc;AAC7BC,IAAAA,OAAO,EAAEA,OAAQ;AACjBtB,IAAAA,kBAAkB,EAAEA,kBAAmB;AACvCkB,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,UAAU,EAAEA,UAAW;AACvBF,IAAAA,OAAO,EAAEA,OAAQ;AACjBG,IAAAA,IAAI,EAAEA,IAAK;AACXW,IAAAA,SAAS,EAAEC,oBAAa;IACxBR,SAAS,EAAEA,MAAMlB,OAAO,CAACiB,EAAE,EAAEC,SAAS,CAAE;IACxCS,SAAS,EAAEC,6BAAI,CAAE,CAAA;AACjBT,IAAAA,MAAM,EAAEA,MAAO;AACfC,IAAAA,OAAO,EAAEA,OAAAA;GACV,CACF,CACa,CACjB,EAAE,CACD1B,kBAAkB,EAClBM,OAAO,CACR,CAAC,CAAA;AAEF,EAAA,oBACEK,KAAA,CAAAC,aAAA,CAACuB,iCAAoB,EAAA;AAACC,IAAAA,KAAK,EAAElC,iBAAAA;AAAkB,GAAA,EAC3CD,QAAQ,eACRoC,qBAAY,CACZ,CACE9B,eAAe,CAAC+B,0BAAc,CAACC,UAAU,EAAEnC,UAAU,CAAC,EACtDG,eAAe,CAAC+B,0BAAc,CAACE,WAAW,EAAEnC,WAAW,CAAC,CACzD,EACDoC,uBAAc,EAChB,CACoB,CAAC,CAAA;AAE3B;;;;"}

package/dist/cjs/components/Toast/ToastService.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var Toast_types = require('./Toast.types.js');
 var v4 = require('../../node_modules/uuid/dist/esm-browser/v4.js');
 
@@ -12,18 +12,18 @@ Notion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#8
 
 class ToastService {
   constructor() {
-    _defineProperty(this, "toasts", []);
-    _defineProperty(this, "getToasts", () => this.toasts);
-    _defineProperty(this, "setToasts", newToasts => {
+    _rollupPluginBabelHelpers.defineProperty(this, "toasts", []);
+    _rollupPluginBabelHelpers.defineProperty(this, "getToasts", () => this.toasts);
+    _rollupPluginBabelHelpers.defineProperty(this, "setToasts", newToasts => {
       this.toasts = newToasts;
     });
-    _defineProperty(this, "has", toastId => {
+    _rollupPluginBabelHelpers.defineProperty(this, "has", toastId => {
       if (!this.toasts.length) {
         return false;
       }
       return this.toasts.reduce((flag, toast) => toast.id === toastId ? true : flag, false);
     });
-    _defineProperty(this, "add", (content, options = Toast_types.defaultOptions) => {
+    _rollupPluginBabelHelpers.defineProperty(this, "add", (content, options = Toast_types.defaultOptions) => {
       const newId = v4.default();
       if (this.has(newId)) {
         return '';
@@ -38,7 +38,7 @@ class ToastService {
       this.setToasts(newToasts);
       return newId;
     });
-    _defineProperty(this, "update", (toastId, content, options = {}) => {
+    _rollupPluginBabelHelpers.defineProperty(this, "update", (toastId, content, options = {}) => {
       if (!this.has(toastId)) {
         return '';
       }
@@ -56,7 +56,7 @@ class ToastService {
       this.setToasts(newToasts);
       return toastId;
     });
-    _defineProperty(this, "remove", id => {
+    _rollupPluginBabelHelpers.defineProperty(this, "remove", id => {
       if (!this.has(id)) {
         return false;
       }
@@ -64,7 +64,7 @@ class ToastService {
       this.setToasts(newToasts);
       return true; // remove success
     });
-    _defineProperty(this, "removeAll", () => {
+    _rollupPluginBabelHelpers.defineProperty(this, "removeAll", () => {
       if (!this.toasts.length) {
         return;
       }

package/dist/cjs/components/Toast/ToastService.js.map

@@ -1 +1 @@
-{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n  defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["ToastService","constructor","_defineProperty","toasts","newToasts","toastId","length","reduce","flag","toast","id","content","options","defaultOptions","newId","uuid","has","newToast","version","setToasts","map","filter"],"mappings":"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"}
+{"version":3,"file":"ToastService.js","sources":["../../../../src/components/Toast/ToastService.ts"],"sourcesContent":["import { v4 as uuid } from 'uuid'\n\nimport {\n  type ToastContent,\n  type ToastId,\n  type ToastOptions,\n  type ToastType,\n  defaultOptions,\n} from './Toast.types'\n\n/* ToastService를 사용하는 이유\nNotion: https://www.notion.so/channelio/Toast-bc13dfbc81314141909250d9cf02c4c7#82b94a73d2f34257ab4799cdeccbc70c\n*/\n\nclass ToastService {\n  toasts: ToastType[] = []\n\n  getToasts = () => this.toasts\n\n  setToasts = (newToasts: ToastType[]) => {\n    this.toasts = newToasts\n  }\n\n  has = (toastId: ToastId) => {\n    if (!this.toasts.length) {\n      return false\n    }\n    return this.toasts.reduce((flag, toast) => (toast.id === toastId ? true : flag), false)\n  }\n\n  add = (content: ToastContent, options: ToastOptions = defaultOptions) => {\n    const newId: ToastId = uuid()\n\n    if (this.has(newId)) {\n      return ''\n    }\n\n    const newToast: ToastType = {\n      id: newId,\n      content,\n      version: 0,\n      ...options,\n    }\n    const newToasts: ToastType[] = [...this.toasts, newToast]\n    this.setToasts(newToasts)\n    return newId\n  }\n\n  update = (toastId: ToastId, content: ToastContent, options: ToastOptions = {}) => {\n    if (!this.has(toastId)) {\n      return ''\n    }\n\n    const newToasts: ToastType[] = this.toasts.map((toast) => {\n      if (toast.id === toastId) {\n        return {\n          ...toast,\n          ...options,\n          version: toast?.version != null ? toast.version + 1 : 0,\n          content,\n        }\n      }\n      return toast\n    })\n    this.setToasts(newToasts)\n    return toastId\n  }\n\n  remove = (id: ToastId): boolean => {\n    if (!this.has(id)) {\n      return false\n    }\n    const newToasts: ToastType[] = this.toasts.filter((toast) => toast.id !== id)\n    this.setToasts(newToasts)\n    return true // remove success\n  }\n\n  removeAll = () => {\n    if (!this.toasts.length) {\n      return\n    }\n\n    this.setToasts([])\n  }\n}\n\nexport default ToastService\n"],"names":["ToastService","constructor","_defineProperty","toasts","newToasts","toastId","length","reduce","flag","toast","id","content","options","defaultOptions","newId","uuid","has","newToast","version","setToasts","map","filter"],"mappings":"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"}

package/dist/cjs/components/Toast/useToast.js

@@ -2,13 +2,12 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
 var ToastContext = require('./ToastContext.js');
 
 function useToast() {
-  const context = React.useContext(ToastContext.default);
+  const context = ToastContext.useToastContext();
   if (!context) {
-    throw Error('ToastProvider가 필요합니다.');
+    throw Error('\'useToast\' must be used within \'ToastProvider\'');
   }
   return {
     addToast: context.add,

package/dist/cjs/components/Toast/useToast.js.map

@@ -1 +1 @@
-{"version":3,"file":"useToast.js","sources":["../../../../src/components/Toast/useToast.ts"],"sourcesContent":["import { useContext } from 'react'\n\nimport ToastContext from './ToastContext'\n\nexport default function useToast() {\n  const context = useContext(ToastContext)\n\n  if (!context) {\n    throw Error('ToastProvider가 필요합니다.')\n  }\n\n  return {\n    addToast: context.add,\n    updateToast: context.update,\n    removeToast: context.remove,\n    removeAllToasts: context.removeAll,\n    leftToasts: context.leftToasts,\n    rightToasts: context.rightToasts,\n  }\n}\n"],"names":["useToast","context","useContext","ToastContext","Error","addToast","add","updateToast","update","removeToast","remove","removeAllToasts","removeAll","leftToasts","rightToasts"],"mappings":";;;;;;;AAIe,SAASA,QAAQA,GAAG;AACjC,EAAA,MAAMC,OAAO,GAAGC,gBAAU,CAACC,oBAAY,CAAC,CAAA;EAExC,IAAI,CAACF,OAAO,EAAE;IACZ,MAAMG,KAAK,CAAC,uBAAuB,CAAC,CAAA;AACtC,GAAA;EAEA,OAAO;IACLC,QAAQ,EAAEJ,OAAO,CAACK,GAAG;IACrBC,WAAW,EAAEN,OAAO,CAACO,MAAM;IAC3BC,WAAW,EAAER,OAAO,CAACS,MAAM;IAC3BC,eAAe,EAAEV,OAAO,CAACW,SAAS;IAClCC,UAAU,EAAEZ,OAAO,CAACY,UAAU;IAC9BC,WAAW,EAAEb,OAAO,CAACa,WAAAA;GACtB,CAAA;AACH;;;;"}
+{"version":3,"file":"useToast.js","sources":["../../../../src/components/Toast/useToast.ts"],"sourcesContent":["import { useToastContext } from './ToastContext'\n\nexport default function useToast() {\n  const context = useToastContext()\n\n  if (!context) {\n    throw Error('\\'useToast\\' must be used within \\'ToastProvider\\'')\n  }\n\n  return {\n    addToast: context.add,\n    updateToast: context.update,\n    removeToast: context.remove,\n    removeAllToasts: context.removeAll,\n    leftToasts: context.leftToasts,\n    rightToasts: context.rightToasts,\n  }\n}\n"],"names":["useToast","context","useToastContext","Error","addToast","add","updateToast","update","removeToast","remove","removeAllToasts","removeAll","leftToasts","rightToasts"],"mappings":";;;;;;AAEe,SAASA,QAAQA,GAAG;AACjC,EAAA,MAAMC,OAAO,GAAGC,4BAAe,EAAE,CAAA;EAEjC,IAAI,CAACD,OAAO,EAAE;IACZ,MAAME,KAAK,CAAC,oDAAoD,CAAC,CAAA;AACnE,GAAA;EAEA,OAAO;IACLC,QAAQ,EAAEH,OAAO,CAACI,GAAG;IACrBC,WAAW,EAAEL,OAAO,CAACM,MAAM;IAC3BC,WAAW,EAAEP,OAAO,CAACQ,MAAM;IAC3BC,eAAe,EAAET,OAAO,CAACU,SAAS;IAClCC,UAAU,EAAEX,OAAO,CAACW,UAAU;IAC9BC,WAAW,EAAEZ,OAAO,CAACY,WAAAA;GACtB,CAAA;AACH;;;;"}

package/dist/cjs/components/Toast/utils.js

@@ -25,19 +25,25 @@ function getIconColor(appearance) {
 function getPlacement(placement) {
   switch (placement) {
     case Toast_types.ToastPlacement.BottomRight:
-      return FoundationStyledComponent.css(["right:0;bottom:0;"]);
+      return FoundationStyledComponent.css`
+          right: 0;
+          bottom: 0;
+        `;
     case Toast_types.ToastPlacement.BottomLeft:
     default:
-      return FoundationStyledComponent.css(["bottom:0;left:", "px;"], GNB_WIDTH);
+      return FoundationStyledComponent.css`
+        bottom: 0;
+        left: ${GNB_WIDTH}px;
+      `;
   }
 }
-const showedToastTranslateXStyle = /*#__PURE__*/FoundationStyledComponent.css([" transform:translateX(0);"]);
+const showedToastTranslateXStyle = FoundationStyledComponent.css` transform: translateX(0); `;
 const initPosition = placement => {
   switch (placement) {
     case Toast_types.ToastPlacement.BottomLeft:
-      return FoundationStyledComponent.css([" transform:translateX(-120%);"]);
+      return FoundationStyledComponent.css` transform: translateX(-120%); `;
     case Toast_types.ToastPlacement.BottomRight:
-      return FoundationStyledComponent.css([" transform:translateX(120%);"]);
+      return FoundationStyledComponent.css` transform: translateX(120%); `;
     default:
       return showedToastTranslateXStyle;
   }

package/dist/cjs/components/Toast/utils.js.map

@@ -1 +1 @@
-{"version":3,"file":"utils.js","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import {\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\n\nimport { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        icon: CheckCircleFilledIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        icon: ErrorTriangleFilledIcon,\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        icon: WifiOffIcon,\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        icon: WifiIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        icon: InfoFilledIcon,\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","icon","CheckCircleFilledIcon","ErrorTriangleFilledIcon","Offline","WifiOffIcon","Online","WifiIcon","Default","InfoFilledIcon"],"mappings":";;;;;;AAkBA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,2BAAe,CAACC,OAAO;MAC1B,OAAOC,0BAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,2BAAe,CAACG,OAAO;MAC1B,OAAOD,0BAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,2BAAe,CAACI,KAAK;MACxB,OAAOF,0BAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,2BAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,0BAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAG,CAAA,CAAA,mBAAA,CAAA,CAAA,CAAA;IAIZ,KAAKF,0BAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;MACE,OAAOD,6BAAG,4BAEAb,SAAS,CAAA,CAAA;AAEvB,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,gBAAGF,6BAAG,CAA6B,CAAA,2BAAA,CAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,6BAAG,CAAA,CAAA,+BAAA,CAAA,CAAA,CAAA;IACZ,KAAKF,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAG,CAAA,CAAA,8BAAA,CAAA,CAAA,CAAA;AACZ,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,uBAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,IAAI,EAAEC,iCAAqB;QAC3BnB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,IAAI,EAAEE,mCAAuB;QAC7BpB,UAAU,EAAEC,2BAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,uBAAW,CAACI,OAAO;MACtB,OAAO;AACLH,QAAAA,IAAI,EAAEI,uBAAW;QACjBtB,UAAU,EAAEC,2BAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,uBAAW,CAACM,MAAM;MACrB,OAAO;AACLL,QAAAA,IAAI,EAAEM,oBAAQ;QACdxB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACQ,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLP,QAAAA,IAAI,EAAEQ,0BAAc;QACpB1B,UAAU,EAAEC,2BAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;;;;;"}
+{"version":3,"file":"utils.js","sources":["../../../../src/components/Toast/utils.ts"],"sourcesContent":["import {\n  CheckCircleFilledIcon,\n  ErrorTriangleFilledIcon,\n  InfoFilledIcon,\n  WifiIcon,\n  WifiOffIcon,\n} from '@channel.io/bezier-icons'\n\nimport { css } from '~/src/foundation'\n\nimport {\n  ToastAppearance,\n  ToastIconColor,\n  ToastPlacement,\n  ToastPreset,\n  type ToastPresetType,\n} from './Toast.types'\n\n/**\n * @deprecated\n * FIXME: Styling dependent on specific applications.\n */\nconst GNB_WIDTH = 68\n\nfunction getIconColor(appearance: ToastAppearance): ToastIconColor {\n  switch (appearance) {\n    case ToastAppearance.Success:\n      return ToastIconColor.Success\n    case ToastAppearance.Warning:\n      return ToastIconColor.Warning\n    case ToastAppearance.Error:\n      return ToastIconColor.Error\n    case ToastAppearance.Info:\n    default:\n      return ToastIconColor.Info\n  }\n}\n\nfunction getPlacement(placement: ToastPlacement) {\n  switch (placement) {\n    case ToastPlacement.BottomRight:\n      return css`\n          right: 0;\n          bottom: 0;\n        `\n    case ToastPlacement.BottomLeft:\n    default:\n      return css`\n        bottom: 0;\n        left: ${GNB_WIDTH}px;\n      `\n  }\n}\n\nconst showedToastTranslateXStyle = css` transform: translateX(0); `\n\nconst initPosition = (placement?: ToastPlacement) => {\n  switch (placement) {\n    case ToastPlacement.BottomLeft:\n      return css` transform: translateX(-120%); `\n    case ToastPlacement.BottomRight:\n      return css` transform: translateX(120%); `\n    default:\n      return showedToastTranslateXStyle\n  }\n}\n\nconst getToastPreset = (preset: ToastPreset): ToastPresetType => {\n  switch (preset) {\n    case ToastPreset.Success:\n      return {\n        icon: CheckCircleFilledIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Error:\n      return {\n        icon: ErrorTriangleFilledIcon,\n        appearance: ToastAppearance.Error,\n      }\n    case ToastPreset.Offline:\n      return {\n        icon: WifiOffIcon,\n        appearance: ToastAppearance.Warning,\n      }\n    case ToastPreset.Online:\n      return {\n        icon: WifiIcon,\n        appearance: ToastAppearance.Success,\n      }\n    case ToastPreset.Default:\n    default:\n      return {\n        icon: InfoFilledIcon,\n        appearance: ToastAppearance.Info,\n      }\n  }\n}\n\nexport {\n  getIconColor,\n  getPlacement,\n  initPosition,\n  showedToastTranslateXStyle,\n  getToastPreset,\n}\n"],"names":["GNB_WIDTH","getIconColor","appearance","ToastAppearance","Success","ToastIconColor","Warning","Error","Info","getPlacement","placement","ToastPlacement","BottomRight","css","BottomLeft","showedToastTranslateXStyle","initPosition","getToastPreset","preset","ToastPreset","icon","CheckCircleFilledIcon","ErrorTriangleFilledIcon","Offline","WifiOffIcon","Online","WifiIcon","Default","InfoFilledIcon"],"mappings":";;;;;;AAkBA;AACA;AACA;AACA;AACA,MAAMA,SAAS,GAAG,EAAE,CAAA;AAEpB,SAASC,YAAYA,CAACC,UAA2B,EAAkB;AACjE,EAAA,QAAQA,UAAU;IAChB,KAAKC,2BAAe,CAACC,OAAO;MAC1B,OAAOC,0BAAc,CAACD,OAAO,CAAA;IAC/B,KAAKD,2BAAe,CAACG,OAAO;MAC1B,OAAOD,0BAAc,CAACC,OAAO,CAAA;IAC/B,KAAKH,2BAAe,CAACI,KAAK;MACxB,OAAOF,0BAAc,CAACE,KAAK,CAAA;IAC7B,KAAKJ,2BAAe,CAACK,IAAI,CAAA;AACzB,IAAA;MACE,OAAOH,0BAAc,CAACG,IAAI,CAAA;AAC9B,GAAA;AACF,CAAA;AAEA,SAASC,YAAYA,CAACC,SAAyB,EAAE;AAC/C,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAI,CAAA;AACjB;AACA;AACA,QAAS,CAAA,CAAA;IACL,KAAKF,0BAAc,CAACG,UAAU,CAAA;AAC9B,IAAA;AACE,MAAA,OAAOD,6BAAI,CAAA;AACjB;AACA,cAAA,EAAgBb,SAAU,CAAA;AAC1B,MAAO,CAAA,CAAA;AACL,GAAA;AACF,CAAA;AAEMe,MAAAA,0BAA0B,GAAGF,6BAAI,CAA4B,2BAAA,EAAA;AAE7DG,MAAAA,YAAY,GAAIN,SAA0B,IAAK;AACnD,EAAA,QAAQA,SAAS;IACf,KAAKC,0BAAc,CAACG,UAAU;AAC5B,MAAA,OAAOD,6BAAI,CAAgC,+BAAA,CAAA,CAAA;IAC7C,KAAKF,0BAAc,CAACC,WAAW;AAC7B,MAAA,OAAOC,6BAAI,CAA+B,8BAAA,CAAA,CAAA;AAC5C,IAAA;AACE,MAAA,OAAOE,0BAA0B,CAAA;AACrC,GAAA;AACF,EAAC;AAEKE,MAAAA,cAAc,GAAIC,MAAmB,IAAsB;AAC/D,EAAA,QAAQA,MAAM;IACZ,KAAKC,uBAAW,CAACf,OAAO;MACtB,OAAO;AACLgB,QAAAA,IAAI,EAAEC,iCAAqB;QAC3BnB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACZ,KAAK;MACpB,OAAO;AACLa,QAAAA,IAAI,EAAEE,mCAAuB;QAC7BpB,UAAU,EAAEC,2BAAe,CAACI,KAAAA;OAC7B,CAAA;IACH,KAAKY,uBAAW,CAACI,OAAO;MACtB,OAAO;AACLH,QAAAA,IAAI,EAAEI,uBAAW;QACjBtB,UAAU,EAAEC,2BAAe,CAACG,OAAAA;OAC7B,CAAA;IACH,KAAKa,uBAAW,CAACM,MAAM;MACrB,OAAO;AACLL,QAAAA,IAAI,EAAEM,oBAAQ;QACdxB,UAAU,EAAEC,2BAAe,CAACC,OAAAA;OAC7B,CAAA;IACH,KAAKe,uBAAW,CAACQ,OAAO,CAAA;AACxB,IAAA;MACE,OAAO;AACLP,QAAAA,IAAI,EAAEQ,0BAAc;QACpB1B,UAAU,EAAEC,2BAAe,CAACK,IAAAA;OAC7B,CAAA;AACL,GAAA;AACF;;;;;;;;"}

package/dist/cjs/components/Tooltip/Tooltip.js

@@ -3,23 +3,11 @@
 var React = require('react');
 var index = require('../../node_modules/@radix-ui/react-tooltip/dist/index.js');
 var domUtils = require('../../utils/domUtils.js');
+var reactUtils = require('../../utils/reactUtils.js');
 var typeUtils = require('../../utils/typeUtils.js');
 var Tooltip_types = require('./Tooltip.types.js');
 var Tooltip_styled = require('./Tooltip.styled.js');
 
-// TODO: (@ed) Evolve it into a commonly reusable function
-// FIXME: duplicate
-function createContext(providerName, defaultValue) {
-  const Context = /*#__PURE__*/React.createContext(defaultValue);
-  function useContext(consumerName) {
-    const contextValue = React.useContext(Context);
-    if (!contextValue) {
-      throw new Error(`'${consumerName}' must be used within '${providerName}'`);
-    }
-    return contextValue;
-  }
-  return [Context.Provider, useContext];
-}
 function getSideAndAlign(placement) {
   switch (placement) {
     case Tooltip_types.TooltipPosition.TopCenter:
@@ -94,7 +82,7 @@ const [
 /**
  * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.
  */
-TooltipGlobalContextProvider, useTooltipGlobalContext] = createContext('TooltipProvider', null);
+TooltipGlobalContextProvider, useTooltipGlobalContext] = reactUtils.createContext(null, 'TooltipProvider');
 
 /**
  * `TooltipProvider` is used to globally provide props to child tooltips.
@@ -110,9 +98,9 @@ TooltipGlobalContextProvider, useTooltipGlobalContext] = createContext('TooltipP
 function TooltipProvider({
   children,
   allowHover = false,
-  delayShow = 0,
+  delayShow = 300,
   delayHide = 0,
-  skipDelayShow = 0
+  skipDelayShow = 500
 }) {
   const contextValue = React.useMemo(() => ({
     delayHide

package/dist/cjs/components/Tooltip/Tooltip.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { document } from '~/src/utils/domUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\n// TODO: (@ed) Evolve it into a commonly reusable function\n// FIXME: duplicate\nfunction createContext<ContextValue>(\n  providerName: string,\n  defaultValue: ContextValue,\n) {\n  const Context = React.createContext<ContextValue>(defaultValue)\n\n  function useContext(consumerName: string) {\n    const contextValue = React.useContext(Context)\n\n    if (!contextValue) {\n      throw new Error(`'${consumerName}' must be used within '${providerName}'`)\n    }\n\n    return contextValue\n  }\n\n  return [\n    Context.Provider,\n    useContext,\n  ] as const\n}\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>('TooltipProvider', null)\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 0,\n  delayHide = 0,\n  skipDelayShow = 0,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  disabled,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container = document.body,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (disabled) { return }\n\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    disabled,\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n"],"names":["createContext","providerName","defaultValue","Context","React","useContext","consumerName","contextValue","Error","Provider","getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","useMemo","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","document","body","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}
+{"version":3,"file":"Tooltip.js","sources":["../../../../src/components/Tooltip/Tooltip.tsx"],"sourcesContent":["import React, {\n  forwardRef,\n  useCallback,\n  useEffect,\n  useMemo,\n  useRef,\n  useState,\n} from 'react'\n\nimport * as TooltipPrimitive from '@radix-ui/react-tooltip'\n\nimport { document } from '~/src/utils/domUtils'\nimport { createContext } from '~/src/utils/reactUtils'\nimport { isBoolean } from '~/src/utils/typeUtils'\n\nimport {\n  TooltipPosition,\n  type TooltipProps,\n  type TooltipProviderProps,\n} from './Tooltip.types'\n\nimport * as Styled from './Tooltip.styled'\n\nfunction getSideAndAlign(\n  placement: TooltipPosition,\n): Pick<TooltipPrimitive.TooltipContentProps, 'side' | 'align'> {\n  switch (placement) {\n    case TooltipPosition.TopCenter:\n      return {\n        side: 'top',\n        align: 'center',\n      }\n    case TooltipPosition.TopLeft:\n      return {\n        side: 'top',\n        align: 'start',\n      }\n    case TooltipPosition.TopRight:\n      return {\n        side: 'top',\n        align: 'end',\n      }\n    case TooltipPosition.RightCenter:\n      return {\n        side: 'right',\n        align: 'center',\n      }\n    case TooltipPosition.RightTop:\n      return {\n        side: 'right',\n        align: 'start',\n      }\n    case TooltipPosition.RightBottom:\n      return {\n        side: 'right',\n        align: 'end',\n      }\n    case TooltipPosition.BottomCenter:\n      return {\n        side: 'bottom',\n        align: 'center',\n      }\n    case TooltipPosition.BottomLeft:\n      return {\n        side: 'bottom',\n        align: 'start',\n      }\n    case TooltipPosition.BottomRight:\n      return {\n        side: 'bottom',\n        align: 'end',\n      }\n    case TooltipPosition.LeftCenter:\n      return {\n        side: 'left',\n        align: 'center',\n      }\n    case TooltipPosition.LeftTop:\n      return {\n        side: 'left',\n        align: 'start',\n      }\n    case TooltipPosition.LeftBottom:\n      return {\n        side: 'left',\n        align: 'end',\n      }\n    default:\n      // NOTE: should not reach here\n      return {\n        side: undefined,\n        align: undefined,\n      }\n  }\n}\n\nconst [\n  /**\n   * NOTE: Custom context use because the radix-ui doesn't support `delayHide`.\n   */\n  TooltipGlobalContextProvider,\n  useTooltipGlobalContext,\n] = createContext<Required<Pick<TooltipProviderProps, 'delayHide'>> | null>(null, 'TooltipProvider')\n\n/**\n * `TooltipProvider` is used to globally provide props to child tooltips.\n *\n * @example\n *\n * ```tsx\n * <TooltipProvider allowHover delayShow={1000}>\n *   <Tooltip />\n * </TooltipProvider>\n * ```\n */\nexport function TooltipProvider({\n  children,\n  allowHover = false,\n  delayShow = 300,\n  delayHide = 0,\n  skipDelayShow = 500,\n}: TooltipProviderProps) {\n  const contextValue = useMemo(() => ({\n    delayHide,\n  }), [delayHide])\n\n  return (\n    <TooltipPrimitive.Provider\n      delayDuration={delayShow}\n      skipDelayDuration={skipDelayShow}\n      disableHoverableContent={!allowHover}\n    >\n      <TooltipGlobalContextProvider value={contextValue}>\n        { children }\n      </TooltipGlobalContextProvider>\n    </TooltipPrimitive.Provider>\n  )\n}\n\n/**\n * `Tooltip` is a component that shows additional information when the mouse hovers or the keyboard is focused.\n *\n * @example\n *\n * ```tsx\n * // Anatomy of the Tooltip\n * <TooltipProvider>\n *   <Tooltip />\n * </TooltipProvider>\n *\n * // Example of a Tooltip with a button\n * <Tooltip content=\"Ta-da!\">\n *   <button>Hover me</button>\n * </Tooltip>\n * ```\n */\nexport const Tooltip = forwardRef<HTMLDivElement, TooltipProps>(function Tooltip({\n  as,\n  children,\n  defaultShow,\n  onShow: onShowProp,\n  onHide: onHideProp,\n  disabled,\n  content,\n  description,\n  icon,\n  placement = TooltipPosition.BottomCenter,\n  offset = 4,\n  container = document.body,\n  keepInContainer = true,\n  allowHover,\n  delayShow,\n  delayHide: delayHideProp,\n  ...rest\n}, forwardedRef) {\n  const [show, setShow] = useState<boolean>(defaultShow ?? false)\n  const timeoutRef = useRef<NodeJS.Timeout>()\n  const { delayHide: globalDelayHide } = useTooltipGlobalContext('Tooltip')\n\n  const delayHide = delayHideProp ?? globalDelayHide\n\n  useEffect(function cleanUpTimeout() {\n    return function cleanUp() {\n      if (timeoutRef.current) {\n        clearTimeout(timeoutRef.current)\n      }\n    }\n  }, [])\n\n  const onShow = useCallback(() => {\n    setShow(true)\n    onShowProp?.()\n  }, [onShowProp])\n\n  const onHide = useCallback(() => {\n    setShow(false)\n    onHideProp?.()\n  }, [onHideProp])\n\n  const onOpenChange = useCallback((open: boolean) => {\n    if (disabled) { return }\n\n    if (open) {\n      onShow()\n      return\n    }\n\n    if (timeoutRef.current) {\n      clearTimeout(timeoutRef.current)\n      timeoutRef.current = undefined\n    }\n\n    if (delayHide > 0) {\n      timeoutRef.current = setTimeout(() => {\n        onHide()\n      }, delayHide)\n      return\n    }\n\n    onHide()\n  }, [\n    disabled,\n    delayHide,\n    onShow,\n    onHide,\n  ])\n\n  return (\n    <TooltipPrimitive.Root\n      open={show}\n      defaultOpen={defaultShow}\n      delayDuration={delayShow}\n      disableHoverableContent={isBoolean(allowHover) ? !allowHover : undefined}\n      onOpenChange={onOpenChange}\n    >\n      <TooltipPrimitive.Trigger asChild>\n        { children }\n      </TooltipPrimitive.Trigger>\n\n      <TooltipPrimitive.Portal container={container}>\n        <TooltipPrimitive.Content\n          {...rest}\n          {...getSideAndAlign(placement)}\n          asChild\n          ref={forwardedRef}\n          sideOffset={offset}\n          avoidCollisions={keepInContainer}\n          collisionPadding={8}\n          hideWhenDetached\n        >\n          <Styled.TooltipContent forwardedAs={as}>\n            <Styled.TextContainer>\n              <Styled.Content>\n                { content }\n              </Styled.Content>\n\n              { description && (\n                <Styled.Description>\n                  { description }\n                </Styled.Description>\n              ) }\n            </Styled.TextContainer>\n\n            { icon && (\n              <Styled.Icon source={icon} />\n            ) }\n          </Styled.TooltipContent>\n        </TooltipPrimitive.Content>\n      </TooltipPrimitive.Portal>\n    </TooltipPrimitive.Root>\n  )\n})\n"],"names":["getSideAndAlign","placement","TooltipPosition","TopCenter","side","align","TopLeft","TopRight","RightCenter","RightTop","RightBottom","BottomCenter","BottomLeft","BottomRight","LeftCenter","LeftTop","LeftBottom","undefined","TooltipGlobalContextProvider","useTooltipGlobalContext","createContext","TooltipProvider","children","allowHover","delayShow","delayHide","skipDelayShow","contextValue","useMemo","React","createElement","TooltipPrimitive","delayDuration","skipDelayDuration","disableHoverableContent","value","Tooltip","forwardRef","as","defaultShow","onShow","onShowProp","onHide","onHideProp","disabled","content","description","icon","offset","container","document","body","keepInContainer","delayHideProp","rest","forwardedRef","show","setShow","useState","timeoutRef","useRef","globalDelayHide","useEffect","cleanUpTimeout","cleanUp","current","clearTimeout","useCallback","onOpenChange","open","setTimeout","defaultOpen","isBoolean","asChild","Object","assign","ref","sideOffset","avoidCollisions","collisionPadding","hideWhenDetached","Styled","forwardedAs","source"],"mappings":"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"}

package/dist/cjs/components/Tooltip/Tooltip.styled.js

@@ -2,77 +2,24 @@
 
 var ZIndex = require('../../constants/ZIndex.js');
 var Text = require('../Text/Text.js');
-var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
 var AlphaStack = require('../AlphaStack/AlphaStack.js');
 var Typography = require('../../foundation/Typography.js');
 var Icon$1 = require('../Icon/Icon.js');
 var Icon_types = require('../Icon/Icon.types.js');
-var index = require('../../foundation/Transition/index.js');
-var styled = require('styled-components');
+var FoundationStyledComponent = require('../../foundation/FoundationStyledComponent.js');
 var Mixins = require('../../foundation/Mixins.js');
 
-const fadeIn = styled.keyframes`
-  from {
-    opacity: 0;
-  }
-
-  to {
-    opacity: 1;
-  }
-`;
-const SLIDE_OFFSET = 2;
-const slideUp = styled.keyframes`
-  from {
-    transform: translateY(${SLIDE_OFFSET}px);
-  }
-
-  to {
-    transform: translateY(0);
-  }
-`;
-const slideRight = styled.keyframes`
-  from {
-    transform: translateX(-${SLIDE_OFFSET}px);
-  }
-
-  to {
-    transform: translateX(0);
-  }
-`;
-const slideDown = styled.keyframes`
-  from {
-    transform: translateY(-${SLIDE_OFFSET}px);
-  }
-
-  to {
-    transform: translateY(0);
-  }
-`;
-const slideLeft = styled.keyframes`
-  from {
-    transform: translateX(${SLIDE_OFFSET}px);
-  }
-
-  to {
-    transform: translateX(0);
-  }
-`;
-const getSlideAnimation = frames => FoundationStyledComponent.css`
-  animation-name: ${() => frames}, ${() => fadeIn};
-  animation-duration: ${index.TransitionDuration.M}ms;
-  animation-timing-function: cubic-bezier(0.3, 0, 0, 1);
-`;
 const TooltipContent = /*#__PURE__*/FoundationStyledComponent.styled(AlphaStack.AlphaStack).attrs({
   direction: 'horizontal',
   spacing: 4
 }).withConfig({
   displayName: "Tooltipstyled__TooltipContent",
   componentId: "sc-51cb65-0"
-})(["z-index:", ";box-sizing:border-box;width:max-content;max-width:260px;height:max-content;padding:5px 8px;word-break:normal;word-wrap:break-word;", ";", ";&[data-side=\"top\"]{", "}&[data-side=\"right\"]{", "}&[data-side=\"bottom\"]{", "}&[data-side=\"left\"]{", "}", ""], ZIndex.ZIndex.Tooltip, ({
+})(["z-index:", ";box-sizing:border-box;width:max-content;max-width:260px;height:max-content;padding:5px 8px;word-break:normal;word-wrap:break-word;", ";", ";", ""], ZIndex.ZIndex.Tooltip, ({
   foundation
 }) => foundation?.elevation?.ev3(true), ({
   foundation
-}) => foundation?.rounding?.round8, getSlideAnimation(slideUp), getSlideAnimation(slideRight), getSlideAnimation(slideDown), getSlideAnimation(slideLeft), ({
+}) => foundation?.rounding?.round8, ({
   interpolation
 }) => interpolation);
 const TextContainer = /*#__PURE__*/FoundationStyledComponent.styled.div.withConfig({

package/dist/cjs/components/Tooltip/Tooltip.styled.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.styled.js","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"sourcesContent":["import {\n  LineHeightAbsoluteNumber,\n  TransitionDuration,\n  Typography,\n  css,\n  ellipsis,\n  keyframes,\n  styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport {\n  Icon as BaseIcon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type TooltipProps } from './Tooltip.types'\n\nconst fadeIn = keyframes`\n  from {\n    opacity: 0;\n  }\n\n  to {\n    opacity: 1;\n  }\n`\n\nconst SLIDE_OFFSET = 2\n\nconst slideUp = keyframes`\n  from {\n    transform: translateY(${SLIDE_OFFSET}px);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n`\n\nconst slideRight = keyframes`\n  from {\n    transform: translateX(-${SLIDE_OFFSET}px);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n`\n\nconst slideDown = keyframes`\n  from {\n    transform: translateY(-${SLIDE_OFFSET}px);\n  }\n\n  to {\n    transform: translateY(0);\n  }\n`\n\nconst slideLeft = keyframes`\n  from {\n    transform: translateX(${SLIDE_OFFSET}px);\n  }\n\n  to {\n    transform: translateX(0);\n  }\n`\n\nconst getSlideAnimation = (frames: ReturnType<typeof keyframes>) => css`\n  animation-name: ${() => frames}, ${() => fadeIn};\n  animation-duration: ${TransitionDuration.M}ms;\n  animation-timing-function: cubic-bezier(0.3, 0, 0, 1);\n`\n\nexport const TooltipContent = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  spacing: 4,\n})<TooltipProps>`\n  z-index: ${ZIndex.Tooltip};\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: 260px;\n  height: max-content;\n  padding: 5px 8px;\n  word-break: normal;\n  word-wrap: break-word;\n\n  ${({ foundation }) => foundation?.elevation?.ev3(true)};\n  ${({ foundation }) => foundation?.rounding?.round8};\n\n  &[data-side=\"top\"] {\n    ${getSlideAnimation(slideUp)}\n  }\n\n  &[data-side=\"right\"] {\n    ${getSlideAnimation(slideRight)}\n  }\n\n  &[data-side=\"bottom\"] {\n    ${getSlideAnimation(slideDown)}\n  }\n\n  &[data-side=\"left\"] {\n    ${getSlideAnimation(slideLeft)}\n  }\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const TextContainer = styled.div`\n  overflow: hidden;\n`\n\nexport const Content = styled(Text).attrs({ typo: Typography.Size13 })`\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n  /* NOTE: Line height of Typography.Size13  */\n  ${ellipsis(20, LineHeightAbsoluteNumber.Lh18)}\n  white-space: pre-wrap;\n`\n\nexport const Description = styled(Text).attrs({ typo: Typography.Size12 })`\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-dark']};\n`\n\nexport const Icon = styled(BaseIcon).attrs({\n  size: IconSize.XS,\n})`\n  padding: 1px;\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n`\n"],"names":["fadeIn","keyframes","SLIDE_OFFSET","slideUp","slideRight","slideDown","slideLeft","getSlideAnimation","frames","css","TransitionDuration","M","TooltipContent","styled","AlphaStack","attrs","direction","spacing","withConfig","displayName","componentId","ZIndex","Tooltip","foundation","elevation","ev3","rounding","round8","interpolation","TextContainer","div","Content","Text","typo","Typography","Size13","subTheme","ellipsis","LineHeightAbsoluteNumber","Lh18","Description","Size12","Icon","BaseIcon","size","IconSize","XS"],"mappings":"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"}
+{"version":3,"file":"Tooltip.styled.js","sources":["../../../../src/components/Tooltip/Tooltip.styled.ts"],"sourcesContent":["import {\n  LineHeightAbsoluteNumber,\n  Typography,\n  ellipsis,\n  styled,\n} from '~/src/foundation'\n\nimport { ZIndex } from '~/src/constants/ZIndex'\n\nimport { AlphaStack } from '~/src/components/AlphaStack'\nimport {\n  Icon as BaseIcon,\n  IconSize,\n} from '~/src/components/Icon'\nimport { Text } from '~/src/components/Text'\n\nimport { type TooltipProps } from './Tooltip.types'\n\nexport const TooltipContent = styled(AlphaStack).attrs({\n  direction: 'horizontal',\n  spacing: 4,\n})<TooltipProps>`\n  z-index: ${ZIndex.Tooltip};\n\n  box-sizing: border-box;\n  width: max-content;\n  max-width: 260px;\n  height: max-content;\n  padding: 5px 8px;\n  word-break: normal;\n  word-wrap: break-word;\n\n  ${({ foundation }) => foundation?.elevation?.ev3(true)};\n  ${({ foundation }) => foundation?.rounding?.round8};\n\n  ${({ interpolation }) => interpolation}\n`\n\nexport const TextContainer = styled.div`\n  overflow: hidden;\n`\n\nexport const Content = styled(Text).attrs({ typo: Typography.Size13 })`\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n  /* NOTE: Line height of Typography.Size13  */\n  ${ellipsis(20, LineHeightAbsoluteNumber.Lh18)}\n  white-space: pre-wrap;\n`\n\nexport const Description = styled(Text).attrs({ typo: Typography.Size12 })`\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-dark']};\n`\n\nexport const Icon = styled(BaseIcon).attrs({\n  size: IconSize.XS,\n})`\n  padding: 1px;\n  color: ${({ foundation }) => foundation?.subTheme?.['txt-black-darkest']};\n`\n"],"names":["TooltipContent","styled","AlphaStack","attrs","direction","spacing","withConfig","displayName","componentId","ZIndex","Tooltip","foundation","elevation","ev3","rounding","round8","interpolation","TextContainer","div","Content","Text","typo","Typography","Size13","subTheme","ellipsis","LineHeightAbsoluteNumber","Lh18","Description","Size12","Icon","BaseIcon","size","IconSize","XS"],"mappings":";;;;;;;;;;;AAkBO,MAAMA,cAAc,gBAAGC,gCAAM,CAACC,qBAAU,CAAC,CAACC,KAAK,CAAC;AACrDC,EAAAA,SAAS,EAAE,YAAY;AACvBC,EAAAA,OAAO,EAAE,CAAA;AACX,CAAC,CAAC,CAAAC,UAAA,CAAA;EAAAC,WAAA,EAAA,+BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,UAAA,EAAA,qIAAA,EAAA,GAAA,EAAA,GAAA,EAAA,EAAA,CAAA,EACWC,aAAM,CAACC,OAAO,EAUvB,CAAC;AAAEC,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEC,SAAS,EAAEC,GAAG,CAAC,IAAI,CAAC,EACpD,CAAC;AAAEF,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEG,QAAQ,EAAEC,MAAM,EAEhD,CAAC;AAAEC,EAAAA,aAAAA;AAAc,CAAC,KAAKA,aAAa,EACvC;MAEYC,aAAa,gBAAGhB,gCAAM,CAACiB,GAAG,CAAAZ,UAAA,CAAA;EAAAC,WAAA,EAAA,8BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAEtC,CAAA,CAAA,CAAA,kBAAA,CAAA,EAAA;AAEM,MAAMW,OAAO,gBAAGlB,gCAAM,CAACmB,YAAI,CAAC,CAACjB,KAAK,CAAC;EAAEkB,IAAI,EAAEC,qBAAU,CAACC,MAAAA;AAAO,CAAC,CAAC,CAAAjB,UAAA,CAAA;EAAAC,WAAA,EAAA,wBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,GAAA,EAAA,wBAAA,CAAA,EAC3D,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,mBAAmB,CAAC,EAEtEC,eAAQ,CAAC,EAAE,EAAEC,mCAAwB,CAACC,IAAI,CAAC,EAE9C;AAEM,MAAMC,WAAW,gBAAG3B,gCAAM,CAACmB,YAAI,CAAC,CAACjB,KAAK,CAAC;EAAEkB,IAAI,EAAEC,qBAAU,CAACO,MAAAA;AAAO,CAAC,CAAC,CAAAvB,UAAA,CAAA;EAAAC,WAAA,EAAA,4BAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,QAAA,EAAA,GAAA,CAAA,EAC/D,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,gBAAgB,CAAC,EACtE;AAEM,MAAMM,IAAI,gBAAG7B,gCAAM,CAAC8B,WAAQ,CAAC,CAAC5B,KAAK,CAAC;EACzC6B,IAAI,EAAEC,mBAAQ,CAACC,EAAAA;AACjB,CAAC,CAAC,CAAA5B,UAAA,CAAA;EAAAC,WAAA,EAAA,qBAAA;EAAAC,WAAA,EAAA,aAAA;AAAA,CAAA,CAAA,CAAA,CAAA,oBAAA,EAAA,GAAA,CAAA,EAES,CAAC;AAAEG,EAAAA,UAAAA;AAAW,CAAC,KAAKA,UAAU,EAAEa,QAAQ,GAAG,mBAAmB,CAAC;;;;;;;;"}

package/dist/cjs/components/Tooltip/Tooltip.types.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\n */\nexport enum TooltipPosition {\n  TopCenter = 'topCenter',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  RightCenter = 'rightCenter',\n  RightTop = 'rightTop',\n  RightBottom = 'rightBottom',\n  BottomCenter = 'bottomCenter',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  LeftCenter = 'leftCenter',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n}\n\ninterface TooltipProviderOptions {\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * @default 0\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @default 0\n   */\n  skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n  /**\n   * The open state of the tooltip when it is initially rendered.\n   */\n  defaultShow?: boolean\n  /**\n   * An element that sits below the tooltip content.\n   */\n  description?: React.ReactNode\n  /**\n   * A decorative icon that sits right of the tooltip content.\n   */\n  icon?: BezierIcon\n  /**\n   * Options to determine the location from the trigger.\n   * @default TooltipPosition.BottomCenter\n   */\n  placement?: TooltipPosition\n  /**\n   * The distance in pixels from the trigger.\n   * @default 4\n   */\n  offset?: number\n  /**\n   * Specify a container element to portal the content into.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n  /**\n   * When `true`, overrides the `position` of the tooltip\n   * to prevent collisions with boundary edges.\n   * @default true\n   */\n  keepInContainer?: boolean\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * Callback function to be called when the tooltip is opened.\n   */\n  onShow?: () => void\n  /**\n   * Callback function to be called when the tooltip is closed.\n   */\n  onHide?: () => void\n  /**\n   * Event handler called when the escape key is down.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the component.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n  ChildrenProps,\n  TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n  BezierComponentProps,\n  ChildrenProps<React.ReactElement>,\n  ContentProps,\n  DisableProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n  TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":";;AASA;AACA;AACA;AACYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}
+{"version":3,"file":"Tooltip.types.js","sources":["../../../../src/components/Tooltip/Tooltip.types.ts"],"sourcesContent":["import { type BezierIcon } from '@channel.io/bezier-icons'\n\nimport {\n  type BezierComponentProps,\n  type ChildrenProps,\n  type ContentProps,\n  type DisableProps,\n} from '~/src/types/ComponentProps'\n\n/**\n * An enumeration that determines the position of `Tooltip`.\n */\nexport enum TooltipPosition {\n  TopCenter = 'topCenter',\n  TopLeft = 'topLeft',\n  TopRight = 'topRight',\n  RightCenter = 'rightCenter',\n  RightTop = 'rightTop',\n  RightBottom = 'rightBottom',\n  BottomCenter = 'bottomCenter',\n  BottomLeft = 'bottomLeft',\n  BottomRight = 'bottomRight',\n  LeftCenter = 'leftCenter',\n  LeftTop = 'leftTop',\n  LeftBottom = 'leftBottom',\n}\n\ninterface TooltipProviderOptions {\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * How much time a user has to enter another trigger without incurring a delay again.\n   * @default 500\n   */\n  skipDelayShow?: number\n}\n\ninterface TooltipOptions {\n  /**\n   * The open state of the tooltip when it is initially rendered.\n   */\n  defaultShow?: boolean\n  /**\n   * An element that sits below the tooltip content.\n   */\n  description?: React.ReactNode\n  /**\n   * A decorative icon that sits right of the tooltip content.\n   */\n  icon?: BezierIcon\n  /**\n   * Options to determine the location from the trigger.\n   * @default TooltipPosition.BottomCenter\n   */\n  placement?: TooltipPosition\n  /**\n   * The distance in pixels from the trigger.\n   * @default 4\n   */\n  offset?: number\n  /**\n   * Specify a container element to portal the content into.\n   * @default document.body\n   */\n  container?: HTMLElement | null\n  /**\n   * When `true`, overrides the `position` of the tooltip\n   * to prevent collisions with boundary edges.\n   * @default true\n   */\n  keepInContainer?: boolean\n  /**\n   * Keeps the content of the tooltip open on hover. Disabling this feature affects accessibility.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default false\n   */\n  allowHover?: boolean\n  /**\n   * The delay from when the mouse enters a tooltip trigger until the tooltip opens.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 300\n   */\n  delayShow?: number\n  /**\n   * The delay from when the mouse leaves a tooltip content until the tooltip hides.\n   * Inherits from the nearest `TooltipProvider`.\n   * @default 0\n   */\n  delayHide?: number\n  /**\n   * Callback function to be called when the tooltip is opened.\n   */\n  onShow?: () => void\n  /**\n   * Callback function to be called when the tooltip is closed.\n   */\n  onHide?: () => void\n  /**\n   * Event handler called when the escape key is down.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onEscapeKeyDown?: (event: KeyboardEvent) => void\n  /**\n   * Event handler called when a pointer event occurs outside the bounds of the component.\n   * It can be prevented by calling `event.preventDefault`.\n   */\n  onPointerDownOutside?: (event: CustomEvent<{ originalEvent: PointerEvent }>) => void\n}\n\nexport interface TooltipProviderProps extends\n  ChildrenProps,\n  TooltipProviderOptions {}\n\nexport interface TooltipProps extends\n  BezierComponentProps,\n  ChildrenProps<React.ReactElement>,\n  ContentProps,\n  DisableProps,\n  Omit<React.HTMLAttributes<HTMLDivElement>, keyof ContentProps | keyof ChildrenProps>,\n  TooltipOptions {}\n"],"names":["TooltipPosition"],"mappings":";;AASA;AACA;AACA;AACYA,IAAAA,eAAe,0BAAfA,eAAe,EAAA;EAAfA,eAAe,CAAA,WAAA,CAAA,GAAA,WAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,UAAA,CAAA,GAAA,UAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,cAAA,CAAA,GAAA,cAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,aAAA,CAAA,GAAA,aAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;EAAfA,eAAe,CAAA,SAAA,CAAA,GAAA,SAAA,CAAA;EAAfA,eAAe,CAAA,YAAA,CAAA,GAAA,YAAA,CAAA;AAAA,EAAA,OAAfA,eAAe,CAAA;AAAA,CAAA,CAAA,EAAA;;;;"}

package/dist/cjs/features/FeatureProvider.js

@@ -1,12 +1,13 @@
 'use strict';
 
 var React = require('react');
+var reactUtils = require('../utils/reactUtils.js');
 var Feature = require('./Feature.js');
 
 const initialFeatureFlag = {
   [Feature.FeatureType.SmoothCorners]: false
 };
-const FeatureFlagContext = /*#__PURE__*/React.createContext(initialFeatureFlag);
+const [FeatureFlagContextProvider, useFeatureFlagContext] = reactUtils.createContext(initialFeatureFlag);
 /**
  * `FeatureProvider` is a component that activates features and provides.
  *
@@ -40,12 +41,12 @@ function FeatureProvider({
       }));
     });
   }, [features]);
-  return /*#__PURE__*/React.createElement(FeatureFlagContext.Provider, {
+  return /*#__PURE__*/React.createElement(FeatureFlagContextProvider, {
     value: featureFlag
   }, children);
 }
 function useFeatureFlag(featureType) {
-  const contextValue = React.useContext(FeatureFlagContext);
+  const contextValue = useFeatureFlagContext();
   return React.useMemo(() => contextValue[featureType], [contextValue, featureType]);
 }
 

package/dist/cjs/features/FeatureProvider.js.map

@@ -1 +1 @@
-{"version":3,"file":"FeatureProvider.js","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n  createContext,\n  useContext,\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport {\n  type Feature,\n  FeatureType,\n} from './Feature'\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst FeatureFlagContext = createContext<FeatureFlag>(initialFeatureFlag)\n\ninterface FeatureProviderProps {\n  children: React.ReactNode\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n *\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({\n  children,\n  features,\n}: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)\n\n  useLayoutEffect(function activateFeatures() {\n    if (!features) {\n      return\n    }\n\n    const promises = features.map(feature => (\n      feature.activate().then(activated => (\n        { [feature.name]: activated }\n      ))\n    ))\n\n    Promise.all(promises).then(flags => {\n      setFeatureFlag(prev => ({\n        ...prev,\n        ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n      }))\n    })\n  }, [features])\n\n  return (\n    <FeatureFlagContext.Provider value={featureFlag}>\n      { children }\n    </FeatureFlagContext.Provider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useContext(FeatureFlagContext)\n\n  return useMemo(() => (\n    contextValue[featureType]\n  ), [\n    contextValue,\n    featureType,\n  ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","React","createElement","Provider","value","useFeatureFlag","featureType","contextValue","useContext","useMemo"],"mappings":";;;;;AAeA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,mBAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAMC,kBAAkB,gBAAGC,mBAAa,CAAcJ,kBAAkB,CAAC,CAAA;AAUzE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASK,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAcV,kBAAkB,CAAC,CAAA;AAE/EW,EAAAA,qBAAe,CAAC,SAASC,gBAAgBA,GAAG;IAC1C,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,MAAMM,QAAQ,GAAGN,QAAQ,CAACO,GAAG,CAACC,OAAO,IACnCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAACC,SAAS,KAC/B;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAC9B,CACF,CAAC,CAAA;IAEFE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAACK,KAAK,IAAI;MAClCb,cAAc,CAACc,IAAI,KAAK;AACtB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEoB,KAAA,CAAAC,aAAA,CAACzB,kBAAkB,CAAC0B,QAAQ,EAAA;AAACC,IAAAA,KAAK,EAAEtB,WAAAA;AAAY,GAAA,EAC5CF,QACyB,CAAC,CAAA;AAElC,CAAA;AAEO,SAASyB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAGC,gBAAU,CAAC/B,kBAAkB,CAAC,CAAA;AAEnD,EAAA,OAAOgC,aAAO,CAAC,MACbF,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;;"}
+{"version":3,"file":"FeatureProvider.js","sources":["../../../src/features/FeatureProvider.tsx"],"sourcesContent":["import React, {\n  useLayoutEffect,\n  useMemo,\n  useState,\n} from 'react'\n\nimport { createContext } from '~/src/utils/reactUtils'\n\nimport {\n  type Feature,\n  FeatureType,\n} from './Feature'\n\nexport type FeatureFlag = Record<FeatureType, boolean>\n\nconst initialFeatureFlag: FeatureFlag = {\n  [FeatureType.SmoothCorners]: false,\n}\n\nconst [\n  FeatureFlagContextProvider,\n  useFeatureFlagContext,\n] = createContext<FeatureFlag>(initialFeatureFlag)\n\ninterface FeatureProviderProps {\n  children: React.ReactNode\n  /**\n   * Features to activate.\n   */\n  features: Feature[]\n}\n\n/**\n * `FeatureProvider` is a component that activates features and provides.\n *\n * @example\n *\n * ```tsx\n * <FeatureProvider features={[SmoothCornersFeature]}>\n *   <App />\n * </FeatureProvider>\n * ```\n */\nexport function FeatureProvider({\n  children,\n  features,\n}: FeatureProviderProps) {\n  const [featureFlag, setFeatureFlag] = useState<FeatureFlag>(initialFeatureFlag)\n\n  useLayoutEffect(function activateFeatures() {\n    if (!features) {\n      return\n    }\n\n    const promises = features.map(feature => (\n      feature.activate().then(activated => (\n        { [feature.name]: activated }\n      ))\n    ))\n\n    Promise.all(promises).then(flags => {\n      setFeatureFlag(prev => ({\n        ...prev,\n        ...flags.reduce((acc, cur) => ({ ...acc, ...cur }), {}),\n      }))\n    })\n  }, [features])\n\n  return (\n    <FeatureFlagContextProvider value={featureFlag}>\n      { children }\n    </FeatureFlagContextProvider>\n  )\n}\n\nexport function useFeatureFlag(featureType: FeatureType) {\n  const contextValue = useFeatureFlagContext()\n\n  return useMemo(() => (\n    contextValue[featureType]\n  ), [\n    contextValue,\n    featureType,\n  ])\n}\n"],"names":["initialFeatureFlag","FeatureType","SmoothCorners","FeatureFlagContextProvider","useFeatureFlagContext","createContext","FeatureProvider","children","features","featureFlag","setFeatureFlag","useState","useLayoutEffect","activateFeatures","promises","map","feature","activate","then","activated","name","Promise","all","flags","prev","reduce","acc","cur","React","createElement","value","useFeatureFlag","featureType","contextValue","useMemo"],"mappings":";;;;;;AAeA,MAAMA,kBAA+B,GAAG;EACtC,CAACC,mBAAW,CAACC,aAAa,GAAG,KAAA;AAC/B,CAAC,CAAA;AAED,MAAM,CACJC,0BAA0B,EAC1BC,qBAAqB,CACtB,GAAGC,wBAAa,CAAcL,kBAAkB,CAAC,CAAA;AAUlD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACO,SAASM,eAAeA,CAAC;EAC9BC,QAAQ;AACRC,EAAAA,QAAAA;AACoB,CAAC,EAAE;EACvB,MAAM,CAACC,WAAW,EAAEC,cAAc,CAAC,GAAGC,cAAQ,CAAcX,kBAAkB,CAAC,CAAA;AAE/EY,EAAAA,qBAAe,CAAC,SAASC,gBAAgBA,GAAG;IAC1C,IAAI,CAACL,QAAQ,EAAE;AACb,MAAA,OAAA;AACF,KAAA;AAEA,IAAA,MAAMM,QAAQ,GAAGN,QAAQ,CAACO,GAAG,CAACC,OAAO,IACnCA,OAAO,CAACC,QAAQ,EAAE,CAACC,IAAI,CAACC,SAAS,KAC/B;MAAE,CAACH,OAAO,CAACI,IAAI,GAAGD,SAAAA;KAAW,CAC9B,CACF,CAAC,CAAA;IAEFE,OAAO,CAACC,GAAG,CAACR,QAAQ,CAAC,CAACI,IAAI,CAACK,KAAK,IAAI;MAClCb,cAAc,CAACc,IAAI,KAAK;AACtB,QAAA,GAAGA,IAAI;QACP,GAAGD,KAAK,CAACE,MAAM,CAAC,CAACC,GAAG,EAAEC,GAAG,MAAM;AAAE,UAAA,GAAGD,GAAG;UAAE,GAAGC,GAAAA;SAAK,CAAC,EAAE,EAAE,CAAA;AACxD,OAAC,CAAC,CAAC,CAAA;AACL,KAAC,CAAC,CAAA;AACJ,GAAC,EAAE,CAACnB,QAAQ,CAAC,CAAC,CAAA;AAEd,EAAA,oBACEoB,KAAA,CAAAC,aAAA,CAAC1B,0BAA0B,EAAA;AAAC2B,IAAAA,KAAK,EAAErB,WAAAA;AAAY,GAAA,EAC3CF,QACwB,CAAC,CAAA;AAEjC,CAAA;AAEO,SAASwB,cAAcA,CAACC,WAAwB,EAAE;AACvD,EAAA,MAAMC,YAAY,GAAG7B,qBAAqB,EAAE,CAAA;AAE5C,EAAA,OAAO8B,aAAO,CAAC,MACbD,YAAY,CAACD,WAAW,CACzB,EAAE,CACDC,YAAY,EACZD,WAAW,CACZ,CAAC,CAAA;AACJ;;;;;"}

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js

@@ -2,7 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var _defineProperty = require('@babel/runtime/helpers/defineProperty');
+var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var Feature = require('../Feature.js');
 var smoothCornersScript = require('./smoothCornersScript.js');
 
@@ -19,7 +19,7 @@ class SmoothCornersFeature extends Feature.Feature {
      * @deprecated (@ed) Upcoming improvements
      * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.
      */
-    _defineProperty(this, "activated", false);
+    _rollupPluginBabelHelpers.defineProperty(this, "activated", false);
   }
   async activate() {
     if (!this.activated && typeof CSS !== 'undefined' && 'paintWorklet' in CSS) {

package/dist/cjs/features/SmoothCornersFeature/SmoothCornersFeature.js.map

@@ -1 +1 @@
-{"version":3,"file":"SmoothCornersFeature.js","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n  Feature,\n  FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature extends Feature {\n  /**\n   * @deprecated (@ed) Upcoming improvements\n   * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.\n   */\n  activated = false\n\n  async activate() {\n    if (\n      !this.activated\n      && typeof CSS !== 'undefined'\n      && 'paintWorklet' in CSS\n    ) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' }),\n      )\n\n      // @ts-ignore\n      const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>\n\n      return promise\n        .then(() => {\n          this.activated = true\n          return this.activated\n        }).catch(() => {\n          this.activated = false\n          return this.activated\n        })\n    }\n\n    return this.activated\n  }\n}\n\nexport default new SmoothCornersFeature(FeatureType.SmoothCorners)\n"],"names":["SmoothCornersFeature","Feature","constructor","args","_defineProperty","activate","activated","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,eAAO,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACzC;AACF;AACA;AACA;AAHEC,IAAAA,eAAA,oBAIY,KAAK,CAAA,CAAA;AAAA,GAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACC,SAAS,IACZ,OAAOC,GAAG,KAAK,WAAW,IAC1B,cAAc,IAAIA,GAAG,EACxB;AACA,MAAA,MAAMC,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,uCAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;;AAED;MACA,MAAMC,OAAO,GAAGP,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACR,UAAU,CAAkB,CAAA;AAEvE,MAAA,OAAOM,OAAO,CACXG,IAAI,CAAC,MAAM;QACV,IAAI,CAACX,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACY,KAAK,CAAC,MAAM;QACb,IAAI,CAACZ,SAAS,GAAG,KAAK,CAAA;QACtB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAAA;AACN,KAAA;IAEA,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIN,oBAAoB,CAACmB,mBAAW,CAACC,aAAa,CAAC;;;;"}
+{"version":3,"file":"SmoothCornersFeature.js","sources":["../../../../src/features/SmoothCornersFeature/SmoothCornersFeature.ts"],"sourcesContent":["// eslint-disable-next-line no-restricted-imports\nimport {\n  Feature,\n  FeatureType,\n} from '../Feature'\n\nimport { smoothCornersScript } from './smoothCornersScript'\n\n/**\n * 🚨 This is an experimental feature! It may not be suitable for use in production.\n *\n * Instead of CSS border-radius, Use *Superellipse* masking using the CSS Houdini API.\n * When enabled, the feature will be applied to components with the `smoothCorners` property set to `true`.\n */\nclass SmoothCornersFeature extends Feature {\n  /**\n   * @deprecated (@ed) Upcoming improvements\n   * Changed to private property, and will be referenced via the useFeatureFlag context rather than directly externally.\n   */\n  activated = false\n\n  async activate() {\n    if (\n      !this.activated\n      && typeof CSS !== 'undefined'\n      && 'paintWorklet' in CSS\n    ) {\n      const workletURL = URL.createObjectURL(\n        new Blob([smoothCornersScript], { type: 'application/javascript' }),\n      )\n\n      // @ts-ignore\n      const promise = CSS.paintWorklet.addModule(workletURL) as Promise<void>\n\n      return promise\n        .then(() => {\n          this.activated = true\n          return this.activated\n        }).catch(() => {\n          this.activated = false\n          return this.activated\n        })\n    }\n\n    return this.activated\n  }\n}\n\nexport default new SmoothCornersFeature(FeatureType.SmoothCorners)\n"],"names":["SmoothCornersFeature","Feature","constructor","args","_defineProperty","activate","activated","CSS","workletURL","URL","createObjectURL","Blob","smoothCornersScript","type","promise","paintWorklet","addModule","then","catch","FeatureType","SmoothCorners"],"mappings":";;;;;;;;AAQA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMA,oBAAoB,SAASC,eAAO,CAAC;AAAAC,EAAAA,WAAAA,CAAA,GAAAC,IAAA,EAAA;AAAA,IAAA,KAAA,CAAA,GAAAA,IAAA,CAAA,CAAA;AACzC;AACF;AACA;AACA;AAHEC,IAAAA,wCAAA,oBAIY,KAAK,CAAA,CAAA;AAAA,GAAA;EAEjB,MAAMC,QAAQA,GAAG;AACf,IAAA,IACE,CAAC,IAAI,CAACC,SAAS,IACZ,OAAOC,GAAG,KAAK,WAAW,IAC1B,cAAc,IAAIA,GAAG,EACxB;AACA,MAAA,MAAMC,UAAU,GAAGC,GAAG,CAACC,eAAe,CACpC,IAAIC,IAAI,CAAC,CAACC,uCAAmB,CAAC,EAAE;AAAEC,QAAAA,IAAI,EAAE,wBAAA;AAAyB,OAAC,CACpE,CAAC,CAAA;;AAED;MACA,MAAMC,OAAO,GAAGP,GAAG,CAACQ,YAAY,CAACC,SAAS,CAACR,UAAU,CAAkB,CAAA;AAEvE,MAAA,OAAOM,OAAO,CACXG,IAAI,CAAC,MAAM;QACV,IAAI,CAACX,SAAS,GAAG,IAAI,CAAA;QACrB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAACY,KAAK,CAAC,MAAM;QACb,IAAI,CAACZ,SAAS,GAAG,KAAK,CAAA;QACtB,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,OAAC,CAAC,CAAA;AACN,KAAA;IAEA,OAAO,IAAI,CAACA,SAAS,CAAA;AACvB,GAAA;AACF,CAAA;AAEA,6BAAe,IAAIN,oBAAoB,CAACmB,mBAAW,CAACC,aAAa,CAAC;;;;"}