intergalactic 15.126.0-prerelease.4 → 15.126.0

package/notice/lib/esm/translations/__intergalactic-dynamic-locales.mjs

@@ -0,0 +1,33 @@
+import r from "./de.json.mjs";
+import o from "./en.json.mjs";
+import m from "./es.json.mjs";
+import t from "./fr.json.mjs";
+import i from "./it.json.mjs";
+import p from "./ja.json.mjs";
+import f from "./ko.json.mjs";
+import e from "./nl.json.mjs";
+import s from "./pt.json.mjs";
+import a from "./tr.json.mjs";
+import l from "./vi.json.mjs";
+import v from "./zh.json.mjs";
+import d from "./pl.json.mjs";
+import n from "./sv.json.mjs";
+var B = {
+  de: r,
+  en: o,
+  es: m,
+  fr: t,
+  it: i,
+  ja: p,
+  ko: f,
+  nl: e,
+  pt: s,
+  tr: a,
+  vi: l,
+  zh: v,
+  pl: d,
+  sv: n
+};
+export {
+  B as localizedMessages
+};

package/notice/lib/esm/translations/de.json.mjs

@@ -0,0 +1,11 @@
+const i = "Benachrichtigung", c = "Kritische Benachrichtigung", t = "Benachrichtigung schließen", n = {
+  notification: i,
+  criticalNotification: c,
+  close: t
+};
+export {
+  t as close,
+  c as criticalNotification,
+  n as default,
+  i as notification
+};

package/notice/lib/esm/translations/en.json.mjs

@@ -0,0 +1,11 @@
+const i = "Notification", t = "Critical notification", o = "Close notification", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/es.json.mjs

@@ -0,0 +1,11 @@
+const i = "Notificación", c = "Notificación crítica", t = "Cerrar notificación", o = {
+  notification: i,
+  criticalNotification: c,
+  close: t
+};
+export {
+  t as close,
+  c as criticalNotification,
+  o as default,
+  i as notification
+};

package/notice/lib/esm/translations/fr.json.mjs

@@ -0,0 +1,11 @@
+const i = "Notification", t = "Notification critique", o = "Fermer la notification", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/it.json.mjs

@@ -0,0 +1,11 @@
+const i = "Notifica", t = "Notifica critica", c = "Chiudi la notifica", o = {
+  notification: i,
+  criticalNotification: t,
+  close: c
+};
+export {
+  c as close,
+  t as criticalNotification,
+  o as default,
+  i as notification
+};

package/notice/lib/esm/translations/ja.json.mjs

@@ -0,0 +1,11 @@
+const i = "通知", t = "重要な通知", o = "通知を閉じる", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/ko.json.mjs

@@ -0,0 +1,11 @@
+const i = "알림", o = "중요 알림", t = "알림 닫기", c = {
+  notification: i,
+  criticalNotification: o,
+  close: t
+};
+export {
+  t as close,
+  o as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/nl.json.mjs

@@ -0,0 +1,11 @@
+const i = "Melding", n = "Belangrijke melding", t = "Kennisgeving sluiten", o = {
+  notification: i,
+  criticalNotification: n,
+  close: t
+};
+export {
+  t as close,
+  n as criticalNotification,
+  o as default,
+  i as notification
+};

package/notice/lib/esm/translations/pl.json.mjs

@@ -0,0 +1,11 @@
+const i = "Powiadomienie", o = "Powiadomienie krytyczne", t = "Zamknij powiadomienie", c = {
+  notification: i,
+  criticalNotification: o,
+  close: t
+};
+export {
+  t as close,
+  o as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/pt.json.mjs

@@ -0,0 +1,11 @@
+const i = "Notificação", o = "Notificação urgente", t = "Fechar notificação", c = {
+  notification: i,
+  criticalNotification: o,
+  close: t
+};
+export {
+  t as close,
+  o as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/sv.json.mjs

@@ -0,0 +1,11 @@
+const i = "Avisering", t = "Kritisk avisering", o = "Stäng meddelande", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/tr.json.mjs

@@ -0,0 +1,11 @@
+const i = "Bildirim", t = "Kritik bildirim", o = "Bildirimi kapat", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/lib/esm/translations/vi.json.mjs

@@ -0,0 +1,11 @@
+const o = "Thông báo", t = "Thông báo quan trọng", i = "Đóng thông báo", n = {
+  notification: o,
+  criticalNotification: t,
+  close: i
+};
+export {
+  i as close,
+  t as criticalNotification,
+  n as default,
+  o as notification
+};

package/notice/lib/esm/translations/zh.json.mjs

@@ -0,0 +1,11 @@
+const i = "通知", t = "重要通知", o = "关闭通知", c = {
+  notification: i,
+  criticalNotification: t,
+  close: o
+};
+export {
+  o as close,
+  t as criticalNotification,
+  c as default,
+  i as notification
+};

package/notice/package.json

@@ -1 +1 @@
-{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.45.0-prerelease.4","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js"},"dependencies":{"@semcore/animation":"2.41.0-prerelease.4","@semcore/utils":"4.47.1-prerelease.4","@semcore/button":"5.42.0-prerelease.4","@semcore/flex-box":"5.41.0-prerelease.4","@semcore/icon":"4.58.0-prerelease.4","@semcore/notice-global":"2.60.0-prerelease.4","@semcore/typography":"5.52.0-prerelease.4"},"peerDependencies":{"@semcore/core":"^2.39.0-prerelease.4","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}
+{"name":"intergalactic/notice","description":"Semrush Notice Component","version":"5.45.0","main":"lib/cjs/index.js","module":"lib/es6/index.js","typings":"lib/types/index.d.ts","sideEffects":false,"author":"UI-kit team <ui-kit-team@semrush.com>","license":"MIT","scripts":{"build":"pnpm semcore-builder --source=js && pnpm vite build"},"exports":{"require":"./lib/cjs/index.js","import":"./lib/esm/index.mjs","types":"./lib/types/index.d.ts"},"dependencies":{"@semcore/animation":"2.41.0","@semcore/utils":"4.48.0","@semcore/button":"5.42.0","@semcore/flex-box":"5.41.0","@semcore/icon":"4.60.0","@semcore/notice-global":"2.60.0","@semcore/typography":"5.52.0"},"peerDependencies":{"@semcore/core":"^2.17.5","react":"16.8 - 18","react-dom":"16.8 - 18"},"repository":{"type":"git","url":"https://github.com/semrush/intergalactic.git","directory":"semcore/notice"},"devDependencies":{"@types/react":"18.0.21","@semcore/testing-utils":"1.0.0"}}

package/notice-bubble/index.d.ts

@@ -9,7 +9,7 @@ export interface INoticeBubbleContainerProps
 export type NoticeBubbleContainerProps = BoxProps &
   PortalProps & {
     /** Manager copy */
-    manager?: NoticeBubbleManager;
+    manager?: NoticeBubbleManagerClass;
     locale?: string;
   };
 

package/notice-bubble/lib/cjs/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManager;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManagerClass;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}

package/notice-bubble/lib/es6/index.d.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManager;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}
+{"version":3,"file":"index.d.js","names":[],"sources":["../../src/index.d.ts"],"sourcesContent":["import { PortalProps } from '@semcore/portal';\nimport { UnknownProperties, Intergalactic } from '@semcore/core';\nimport { BoxProps } from '@semcore/flex-box';\n\n/** @deprecated */\nexport interface INoticeBubbleContainerProps\n  extends NoticeBubbleContainerProps,\n    UnknownProperties {}\nexport type NoticeBubbleContainerProps = BoxProps &\n  PortalProps & {\n    /** Manager copy */\n    manager?: NoticeBubbleManagerClass;\n    locale?: string;\n  };\n\n/** @deprecated */\nexport interface INoticeBubbleProps extends NoticeBubbleProps, UnknownProperties {}\nexport type NoticeBubbleProps = BoxProps & {\n  /**\n   * Notice visibility.\n   */\n  visible?: boolean;\n  /**\n   * Control under the notice children.\n   * */\n  action?: React.ReactNode;\n  /**\n   * Callback triggered by \"Close\" icon click.\n   * */\n  onClose?: (e?: React.SyntheticEvent) => void;\n  /**\n   * Notice content.\n   * */\n  children?: React.ReactNode;\n  manager?: NoticeBubbleManager;\n  icon?: React.ReactElement;\n};\n/** @deprecated */\nexport interface INoticeBubbleInfoProps extends NoticeBubbleInfoProps, UnknownProperties {}\nexport type NoticeBubbleInfoProps = NoticeBubbleProps & {\n  readonly type?: 'info';\n  /**\n   * Notice display duration. Set to 0 to disable auto-close.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleWarningProps extends NoticeBubbleWarningProps, UnknownProperties {}\nexport type NoticeBubbleWarningProps = NoticeBubbleProps & {\n  readonly type?: 'warning';\n  /**\n   * Notice display duration.\n   */\n  duration?: number;\n  /**\n   * Enables animation on first rendering.\n   * @default false\n   */\n  initialAnimation?: boolean;\n  /**\n   * Use it for complex notices with important controls.\n   * If enabled, browser focus will be locked in the notice\n   * until it's closed. After close focus should return to the element\n   * where it was placed before notice appear.\n   */\n  focusLock?: boolean;\n};\n\n/** @deprecated */\nexport interface INoticeBubbleManager extends NoticeBubbleManagerClass, UnknownProperties {}\nexport type NoticeBubbleManagerClass = {\n  /**\n   * Creates and shows a notice.\n   * */\n  add: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update: (\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ) => boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove: (uid: string) => boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n};\n\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubble: Intergalactic.Component<'div', NoticeBubbleInfoProps>;\n/**\n * @deprecated use `NoticeBubbleManager` instead.\n * */\nexport declare const NoticeBubbleWarning: Intergalactic.Component<'div', NoticeBubbleWarningProps>;\nexport declare const NoticeBubbleContainer: Intergalactic.Component<\n  'div',\n  NoticeBubbleContainerProps\n> & {\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Info: typeof NoticeBubble;\n\n  /**\n   * @deprecated use `NoticeBubbleManager` instead.\n   * */\n  Warning: typeof NoticeBubbleWarning;\n};\nexport declare class NoticeBubbleManager implements NoticeBubbleManagerClass {\n  /**\n   * Creates and shows a notice.\n   * */\n  add(props: NoticeBubbleInfoProps | NoticeBubbleWarningProps): {\n    uid: string;\n    update: (props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>) => boolean;\n    remove: () => boolean;\n    ref: React.RefObject<HTMLDivElement>;\n    focus: () => void;\n  };\n  /**\n   * Updates notice by uid.\n   * */\n  update(\n    uid: string,\n    props: Partial<NoticeBubbleInfoProps> | Partial<NoticeBubbleWarningProps>,\n  ): boolean;\n  /**\n   * Removes notice by uid.\n   * */\n  remove(uid: string): boolean;\n  /**\n   * Replace last notice (if it is existing)\n   */\n  replaceLast: (props: NoticeBubbleInfoProps | NoticeBubbleWarningProps) => void;\n}\n\nexport declare const noticeBubbleDefaultManager: NoticeBubbleManager;\n\n/**\n * @deprecated Use `import { noticeBubbleDefaultManager } from ...` instead\n */\nexport default noticeBubbleDefaultManager;\n"],"mappings":""}

package/notice-bubble/lib/esm/NoticeBubble.mjs

@@ -0,0 +1,298 @@
+import K from "@babel/runtime/helpers/esm/extends";
+import V from "@babel/runtime/helpers/esm/objectWithoutProperties";
+import v from "@babel/runtime/helpers/esm/classCallCheck";
+import h from "@babel/runtime/helpers/esm/createClass";
+import u from "@babel/runtime/helpers/esm/assertThisInitialized";
+import b from "@babel/runtime/helpers/esm/inherits";
+import x from "@babel/runtime/helpers/esm/createSuper";
+import c from "@babel/runtime/helpers/esm/defineProperty";
+import d from "@babel/runtime/helpers/esm/objectSpread2";
+import { sstyled as H } from 'intergalactic/utils/lib/core/index';
+import X, { sstyled as N, assignProps as Y, Component as k } from 'intergalactic/core';
+import r from "react";
+import G from 'intergalactic/portal';
+import P from "./NoticeBubbleManager.mjs";
+import { Animation as J } from 'intergalactic/animation';
+import { Box as O, Flex as I } from 'intergalactic/flex-box';
+import Q from 'intergalactic/utils/lib/fire';
+import C from 'intergalactic/utils/lib/isNode';
+import { callAllEventHandlers as W } from 'intergalactic/utils/lib/assignProps';
+import ee from 'intergalactic/icon/Close/m';
+import { Timer as te } from "./utils.mjs";
+import { localizedMessages as z } from "./translations/__intergalactic-dynamic-locales.mjs";
+import ne from 'intergalactic/utils/lib/enhances/i18nEnhance';
+import { useCssVariable as re } from 'intergalactic/utils/lib/useCssVariable';
+import { contextThemeEnhance as ie } from 'intergalactic/utils/lib/ThemeProvider';
+import A from 'intergalactic/button';
+import { setFocus as ae, useFocusLock as oe } from 'intergalactic/utils/lib/use/useFocusLock';
+import { Hint as se } from 'intergalactic/tooltip';
+import { zIndexStackingEnhance as ce, ZIndexStackingContextProvider as le } from 'intergalactic/utils/lib/zIndexStacking';
+import { forkRef as _e, useForkRef as ge } from 'intergalactic/utils/lib/ref';
+import { getFocusableIn as ue } from 'intergalactic/utils/lib/focus-lock/getFocusableIn';
+var pe = ["focusLock"], fe = ["forwardRef", "styles", "onMouseEnter", "onMouseLeave", "getI18nText", "icon", "children", "action", "type"], me = (
+  /*__reshadow_css_start__*/
+  (H.insert(
+    /*__inner_css_start__*/
+    "@keyframes enter_1qpfg{0%{transform:translate(100%,0);max-height:0;overflow:hidden}to{transform:translate(0,0);max-height:100vh;overflow:hidden}}@keyframes exit_1qpfg{0%{max-height:100vh;overflow:hidden;opacity:1}to{max-height:0;overflow:hidden;opacity:0}}.___SBubble_1qpfg_gg_,.___SView_1qpfg_gg_{position:relative;margin-bottom:var(--intergalactic-spacing-3x, 12px);padding:var(--intergalactic-spacing-3x, 12px);padding-right:calc(var(--intergalactic-spacing-8x, 32px) + var(--intergalactic-spacing-1x, 4px));width:100%;border-radius:var(--intergalactic-popper-rounded, 6px);overflow:hidden;box-sizing:border-box;color:var(--intergalactic-text-primary-invert, #ffffff);gap:var(--intergalactic-spacing-2x, 8px)}.___SBubble_1qpfg_gg_._type_info_1qpfg_gg_,.___SView_1qpfg_gg_._type_info_1qpfg_gg_{background:var(--intergalactic-bg-primary-invert, #191b23)}.___SBubble_1qpfg_gg_._type_warning_1qpfg_gg_,.___SView_1qpfg_gg_._type_warning_1qpfg_gg_{background:var(--intergalactic-bg-primary-critical, #ff4953)}.___SContent_1qpfg_gg_{flex-direction:column;gap:var(--intergalactic-spacing-2x, 8px);flex:1}.___SMessage_1qpfg_gg_{font-size:var(--intergalactic-fs-200, 14px);line-height:var(--intergalactic-lh-200, 142%)}.___SDismiss_1qpfg_gg_{cursor:pointer;position:absolute;right:0;top:0;margin-top:var(--intergalactic-spacing-2x, 8px);margin-right:var(--intergalactic-spacing-2x, 8px);margin-bottom:var(--intergalactic-spacing-2x, 8px);flex-shrink:0;border:0;background:0 0}.___SDismiss_1qpfg_gg_.__use_1qpfg_gg_{padding:0 1px}.___SIcon_1qpfg_gg_{justify-content:center;align-items:center;height:var(--intergalactic-spacing-5x, 20px)}.___SNoticeBubble_1qpfg_gg_{width:300px;position:fixed;right:var(--intergalactic-spacing-3x, 12px);top:var(--intergalactic-spacing-3x, 12px)}@media (max-width:767px){.___SNoticeBubble_1qpfg_gg_{width:calc(100% - var(--intergalactic-spacing-6x, 24px))}}.___SNoticeBubble_1qpfg_gg_.__disablePortal_1qpfg_gg_{position:sticky;margin-left:auto;height:0}.___SMessage_1qpfg_gg_ a{color:var(--intergalactic-text-link-invert, #8ecdff)}.___SNoticeAriaLiveWrapper_1qpfg_gg_{display:contents}",
+    "1qpfg_gg_"
+  ), {
+    __SContent: "___SContent_1qpfg_gg_",
+    __SMessage: "___SMessage_1qpfg_gg_",
+    __SDismiss: "___SDismiss_1qpfg_gg_",
+    _use: "__use_1qpfg_gg_",
+    __SIcon: "___SIcon_1qpfg_gg_",
+    __SNoticeBubble: "___SNoticeBubble_1qpfg_gg_",
+    _disablePortal: "__disablePortal_1qpfg_gg_",
+    __SNoticeAriaLiveWrapper: "___SNoticeAriaLiveWrapper_1qpfg_gg_",
+    "@enter": "enter_1qpfg",
+    "@exit": "exit_1qpfg",
+    __SBubble: "___SBubble_1qpfg_gg_",
+    __SView: "___SView_1qpfg_gg_",
+    _type_info: "_type_info_1qpfg_gg_",
+    _type_warning: "_type_warning_1qpfg_gg_"
+  })
+), D = function(l) {
+  var t = l.styles, e = l.data, n = e === void 0 ? [] : e, i = l.tag, a = i === void 0 ? L : i, o = r.useRef(), s = re("--intergalactic-duration-popper", "200", o), f = r.useMemo(function() {
+    return parseInt(s, 10);
+  }, [s]);
+  return n.map(function(_) {
+    var g, m;
+    return g = N(t), /* @__PURE__ */ r.createElement(J, g.cn("Animation", {
+      key: _.uid,
+      initialAnimation: _.initialAnimation,
+      visible: (m = _.visible) !== null && m !== void 0 ? m : !0,
+      duration: f,
+      keyframes: [t["@enter"], t["@exit"]],
+      ref: o
+    }), /* @__PURE__ */ r.createElement(a, g.cn("SView", d(d({}, _), {}, {
+      styles: _.styles || t,
+      getI18nText: l.getI18nText
+    }))));
+  });
+}, y = /* @__PURE__ */ function(p) {
+  b(t, p);
+  var l = x(t);
+  function t() {
+    var e;
+    v(this, t);
+    for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
+      i[a] = arguments[a];
+    return e = l.call.apply(l, [this].concat(i)), c(u(e), "_unsubscribe", null), c(u(e), "state", {
+      notices: [],
+      warnings: []
+    }), c(u(e), "componentWillUnmount", function() {
+      e._unsubscribe && e._unsubscribe();
+    }), c(u(e), "handleChange", function(o) {
+      var s = o.filter(function(_) {
+        return _.type === "info";
+      }), f = o.filter(function(_) {
+        return _.type === "warning";
+      });
+      e.setState({
+        notices: s,
+        warnings: f
+      });
+    }), e;
+  }
+  return h(t, [{
+    key: "componentDidMount",
+    value: function() {
+      this._unsubscribe = this.asProps.manager.addListener(this.handleChange);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n = this.asProps, i, a = O, o = "div", s = this.asProps, f = s.Children, _ = s.styles, g = s.disablePortal, m = s.getI18nText, B = s.ref, M = s.parentZIndexStacking, S = this.state, w = S.notices, q = S.warnings;
+      return i = N(_), /* @__PURE__ */ r.createElement(le, i.cn("ZIndexStackingContextProvider", {
+        designToken: "z-index-notice-bubble"
+      }), /* @__PURE__ */ r.createElement(G, i.cn("Portal", {
+        disablePortal: g
+      }), /* @__PURE__ */ r.createElement(a, i.cn("SNoticeBubble", d({}, Y({
+        ref: B,
+        tag: "section",
+        role: "region",
+        "aria-label": m("notification"),
+        zIndex: M
+      }, n))), /* @__PURE__ */ r.createElement(f, i.cn("Children", {})), /* @__PURE__ */ r.createElement(D, i.cn("Notices", {
+        styles: _,
+        data: q,
+        tag: $,
+        getI18nText: m
+      })), /* @__PURE__ */ r.createElement(o, i.cn("SNoticeAriaLiveWrapper", {
+        "aria-live": "polite"
+      }), /* @__PURE__ */ r.createElement(D, i.cn("Notices", {
+        styles: _,
+        data: w,
+        tag: L,
+        getI18nText: m
+      }))))));
+    }
+  }]), t;
+}(k);
+c(y, "displayName", "NoticeBubbleContainer");
+c(y, "style", me);
+c(y, "enhance", [ne(z), ie(), ce("z-index-notice-bubble")]);
+c(y, "defaultProps", {
+  manager: P,
+  i18n: z,
+  locale: "en"
+});
+var de = /* @__PURE__ */ r.forwardRef(function(p, l) {
+  var t = p.focusLock, e = V(p, pe), n = r.useRef();
+  oe(n, !1, "auto", !t, !0);
+  var i = ge(l, n);
+  return /* @__PURE__ */ r.createElement(I, K({
+    ref: i
+  }, e));
+}), L = /* @__PURE__ */ function(p) {
+  b(t, p);
+  var l = x(t);
+  function t() {
+    var e;
+    v(this, t);
+    for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
+      i[a] = arguments[a];
+    return e = l.call.apply(l, [this].concat(i)), c(u(e), "timer", null), c(u(e), "ref", /* @__PURE__ */ r.createRef()), c(u(e), "closeButtonRef", /* @__PURE__ */ r.createRef()), c(u(e), "handleClose", function(o) {
+      Q(u(e), "onClose", o), e.clearTimer();
+    }), c(u(e), "handleKeydown", function(o) {
+      o.key === "Escape" && e.handleClose(o);
+    }), c(u(e), "handleMouseEnter", function() {
+      e.timer && e.timer.pause();
+    }), c(u(e), "handleMouseLeave", function() {
+      e.timer && e.timer.resume();
+    }), c(u(e), "handleBodyMouseMove", function(o) {
+      var s;
+      if ((s = e.timer) !== null && s !== void 0 && s.paused) {
+        var f = e.ref.current.getBoundingClientRect(), _ = o.clientX >= f.left && o.clientX <= f.right && o.clientY >= f.top && o.clientY <= f.bottom;
+        _ || e.timer.resume();
+      }
+    }), e;
+  }
+  return h(t, [{
+    key: "componentDidMount",
+    value: function() {
+      var n = this, i = this.props.duration;
+      i && (this.timer = new te(this.handleClose, i), document.body.addEventListener("mousemove", this.handleBodyMouseMove));
+      var a = this.ref.current;
+      if (a) {
+        var o = ue(a).filter(function(s) {
+          return s !== n.closeButtonRef.current;
+        });
+        o.length > 0 && setTimeout(function() {
+          return ae(a);
+        }, 0);
+      }
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      this.clearTimer(), document.body.removeEventListener("mousemove", this.handleBodyMouseMove);
+    }
+  }, {
+    key: "clearTimer",
+    value: function() {
+      this.timer && (this.timer.clear(), this.timer = null);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      var n, i = de, a = se.Trigger, o = I, s = "div", f = "div", _ = I, g = this.props, m = g.forwardRef, B = g.styles, M = g.onMouseEnter, S = g.onMouseLeave, w = g.getI18nText, q = g.icon, T = g.children, E = g.action, Z = g.type, j = V(g, fe);
+      return n = N(B), /* @__PURE__ */ r.createElement(i, n.cn("SBubble", d(d({}, j), {}, {
+        ref: _e(m, this.ref),
+        onMouseEnter: W(M, this.handleMouseEnter),
+        onMouseLeave: W(S, this.handleMouseLeave),
+        onKeyDown: this.handleKeydown,
+        role: Z === "warning" ? "alert" : this.props.role
+      })), /* @__PURE__ */ r.createElement(
+        a,
+        n.cn("SDismiss", {
+          "aria-haspopup": void 0,
+          tag: A,
+          type: "button",
+          use: "tertiary",
+          size: "m",
+          theme: "invert",
+          onClick: this.handleClose,
+          "aria-label": w("close"),
+          active: !1,
+          title: w("close"),
+          ref: this.closeButtonRef
+        }),
+        /* @__PURE__ */ r.createElement(A.Addon, {
+          tag: ee,
+          color: "icon-primary-invert"
+        })
+      ), C(q) ? /* @__PURE__ */ r.createElement(r.Fragment, null, /* @__PURE__ */ r.createElement(_, n.cn("SIcon", {}), q), /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(s, n.cn("SMessage", {}), T), C(E) ? /* @__PURE__ */ r.createElement(f, n.cn("SAction", {}), E) : null)) : /* @__PURE__ */ r.createElement(o, n.cn("SContent", {}), /* @__PURE__ */ r.createElement(s, n.cn("SMessage", {}), T), C(E) ? /* @__PURE__ */ r.createElement(f, n.cn("SAction", {}), E) : null));
+    }
+  }]), t;
+}(k), $ = /* @__PURE__ */ function(p) {
+  b(t, p);
+  var l = x(t);
+  function t() {
+    return v(this, t), l.apply(this, arguments);
+  }
+  return h(t);
+}(L);
+c($, "defaultProps", {
+  type: "warning",
+  duration: 0
+});
+var R = /* @__PURE__ */ function(p) {
+  b(t, p);
+  var l = x(t);
+  function t() {
+    var e;
+    v(this, t);
+    for (var n = arguments.length, i = new Array(n), a = 0; a < n; a++)
+      i[a] = arguments[a];
+    return e = l.call.apply(l, [this].concat(i)), c(u(e), "_notice", null), e;
+  }
+  return h(t, [{
+    key: "componentDidMount",
+    value: function() {
+      this._notice = this.asProps.manager.add(this.asProps);
+    }
+  }, {
+    key: "componentWillUnmount",
+    value: function() {
+      this._notice && this._notice.remove();
+    }
+  }, {
+    key: "componentDidUpdate",
+    value: function() {
+      this._notice && this._notice.update(this.asProps);
+    }
+  }, {
+    key: "render",
+    value: function() {
+      return null;
+    }
+  }]), t;
+}(k);
+c(R, "defaultProps", {
+  duration: 5e3,
+  type: "info",
+  manager: P
+});
+var F = /* @__PURE__ */ function(p) {
+  b(t, p);
+  var l = x(t);
+  function t() {
+    return v(this, t), l.apply(this, arguments);
+  }
+  return h(t);
+}(R);
+c(F, "defaultProps", {
+  duration: 5e3,
+  type: "warning",
+  manager: P
+});
+var U = X(y, {
+  Info: R,
+  Warning: F
+}), Xe = U.Info, Ye = U.Warning;
+export {
+  Xe as NoticeBubble,
+  Ye as NoticeBubbleWarning,
+  U as default
+};