@diplodoc/components 0.0.0-rc-pdf-icon-custimization-24387828749

package/build/cjs/components/MobileControls/MobileControls.js

@@ -0,0 +1,139 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/MobileControls/MobileControls.tsx
+var MobileControls_exports = {};
+__export(MobileControls_exports, {
+  default: () => MobileControls_default
+});
+module.exports = __toCommonJS(MobileControls_exports);
+var import_react = __toESM(require("react"));
+var import_icons = require("@gravity-ui/icons");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_langs = __toESM(require("langs"));
+var import_constants = require("../../constants");
+var import_Controls = require("../Controls");
+var import_hooks = require("../../hooks");
+var import_models = require("../../models");
+var import_MobileControl = __toESM(require("./MobileControl/MobileControl"));
+var import_MobileControls = require("./MobileControls.css");
+var b = (0, import_bem_cn_lite.default)("dc-mobile-controls");
+var useLangControl = (t, lang, availableLangs, langs, onChangeLang) => {
+  const langItems = (0, import_react.useMemo)(() => {
+    const preparedLangs = (langs != null ? langs : import_constants.DEFAULT_LANGS).map((code) => {
+      let lang2;
+      let tld;
+      let href;
+      if (typeof code === "string") {
+        lang2 = code;
+      } else {
+        lang2 = code.lang;
+        tld = code.tld;
+        href = code.href;
+      }
+      const locale = lang2.split("-")[0];
+      const langData = import_langs.default.where("1", locale);
+      const regionNames = new Intl.DisplayNames([lang2], { type: "region" });
+      const country = tld ? regionNames.of(tld.toUpperCase()) : void 0;
+      return langData ? {
+        text: langData.local,
+        country,
+        value: lang2,
+        options: {
+          tld,
+          href
+        }
+      } : void 0;
+    }).filter(Boolean);
+    return preparedLangs.length ? preparedLangs : import_constants.LEGACY_LANG_ITEMS;
+  }, [langs]);
+  const selectedItemIndex = (0, import_react.useMemo)(() => langs ? langs.indexOf(lang) : -1, [lang, langs]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_MobileControl.default,
+    {
+      name: "lang",
+      title: t("lang-text"),
+      Icon: import_icons.Globe,
+      selectedItem: lang,
+      selectedItemIndex,
+      displayItems: langItems,
+      availableLangs,
+      onChangeValue: onChangeLang
+    }
+  );
+};
+var themes = [import_models.Theme.Light, import_models.Theme.Dark];
+var useThemeControl = (t, theme, onChangeTheme) => {
+  const themesItems = (0, import_react.useMemo)(
+    () => themes.map((value) => {
+      const text = t(`label_${value}_theme`);
+      return {
+        text,
+        value
+      };
+    }),
+    [t]
+  );
+  const buttonLabel = (0, import_react.useMemo)(() => {
+    for (const item of themesItems) {
+      if (theme !== item.value) {
+        continue;
+      }
+      return t(`full_label_${item.value}_theme`);
+    }
+    return "";
+  }, [t, theme, themesItems]);
+  const selectedItemIndex = (0, import_react.useMemo)(() => theme ? themes.indexOf(theme) : -1, [theme]);
+  return /* @__PURE__ */ import_react.default.createElement(
+    import_MobileControl.default,
+    {
+      name: "theme",
+      title: t("label_theme"),
+      buttonLabel,
+      Icon: import_icons.Sun,
+      selectedItem: theme,
+      selectedItemIndex,
+      displayItems: themesItems,
+      onChangeValue: onChangeTheme
+    }
+  );
+};
+var MobileControls = (0, import_react.memo)(({ controlSize, userSettings }) => {
+  const { t } = (0, import_hooks.useTranslation)("controls");
+  const { onChangeLang, lang, langs, availableLangs = [], onChangeTheme, theme } = userSettings;
+  const langControl = useLangControl(t, lang != null ? lang : import_models.Lang.En, availableLangs, langs, onChangeLang);
+  const themeControl = useThemeControl(t, theme != null ? theme : import_models.Theme.Light, onChangeTheme);
+  if (!onChangeTheme && !onChangeLang) {
+    return null;
+  }
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: b() }, /* @__PURE__ */ import_react.default.createElement(import_Controls.ControlsLayout, { controlClassName: b("control"), controlSize }, onChangeTheme && themeControl, onChangeLang && langControl));
+});
+MobileControls.displayName = "MobileControls";
+var MobileControls_default = MobileControls;
+//# sourceMappingURL=MobileControls.js.map

package/build/cjs/components/MobileControls/MobileControls.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/MobileControls/MobileControls.tsx"],
+  "sourcesContent": ["import type {ControlsProps} from '../Controls';\nimport type {\n    AvailableLangs,\n    ControlSizes,\n    DocSettings,\n    ExtendedLang,\n    LangOptions,\n    ListItem,\n    OnChangeValue,\n    TFunction,\n} from '../../models';\n\nimport React, {memo, useMemo} from 'react';\nimport {Globe, Sun} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\nimport allLangs from 'langs';\n\nimport {DEFAULT_LANGS, LEGACY_LANG_ITEMS} from '../../constants';\nimport {ControlsLayout} from '../Controls';\nimport {useTranslation} from '../../hooks';\nimport {Lang, Theme} from '../../models';\n\nimport MobileControl from './MobileControl/MobileControl';\nimport './MobileControls.scss';\n\nconst b = block('dc-mobile-controls');\n\nexport interface MobileControlsProps {\n    controlSize: ControlSizes;\n    userSettings: DocSettings & ControlsProps;\n}\n\nconst useLangControl = (\n    t: TFunction,\n    lang: `${Lang}` | Lang,\n    availableLangs: AvailableLangs,\n    langs?: (string | ExtendedLang)[],\n    onChangeLang?: (lang: `${Lang}` | Lang, options?: LangOptions) => void,\n) => {\n    const langItems = useMemo(() => {\n        const preparedLangs = (langs ?? DEFAULT_LANGS)\n            .map((code) => {\n                let lang: string;\n                let tld: string | undefined;\n                let href: string | undefined;\n\n                if (typeof code === 'string') {\n                    lang = code;\n                } else {\n                    lang = code.lang;\n                    tld = code.tld;\n                    href = code.href;\n                }\n\n                const locale = lang.split('-')[0];\n                const langData = allLangs.where('1', locale);\n\n                const regionNames = new Intl.DisplayNames([lang], {type: 'region'});\n                const country = tld ? regionNames.of(tld.toUpperCase()) : undefined;\n\n                return langData\n                    ? {\n                          text: langData.local,\n                          country,\n                          value: lang,\n                          options: {\n                              tld,\n                              href,\n                          },\n                      }\n                    : undefined;\n            })\n            .filter(Boolean) as ListItem[];\n\n        return preparedLangs.length ? preparedLangs : LEGACY_LANG_ITEMS;\n    }, [langs]);\n\n    const selectedItemIndex = useMemo(() => (langs ? langs.indexOf(lang) : -1), [lang, langs]);\n\n    return (\n        <MobileControl\n            name={'lang'}\n            title={t('lang-text')}\n            Icon={Globe}\n            selectedItem={lang}\n            selectedItemIndex={selectedItemIndex}\n            displayItems={langItems}\n            availableLangs={availableLangs}\n            onChangeValue={onChangeLang as OnChangeValue}\n        />\n    );\n};\nconst themes = [Theme.Light, Theme.Dark];\n\nconst useThemeControl = (t: TFunction, theme: Theme, onChangeTheme?: (theme: Theme) => void) => {\n    const themesItems = useMemo(\n        () =>\n            themes.map((value) => {\n                const text = t(`label_${value}_theme`);\n\n                return {\n                    text,\n                    value,\n                };\n            }),\n        [t],\n    );\n\n    const buttonLabel = useMemo(() => {\n        for (const item of themesItems) {\n            if (theme !== item.value) {\n                continue;\n            }\n\n            return t(`full_label_${item.value}_theme`);\n        }\n\n        return '';\n    }, [t, theme, themesItems]);\n\n    const selectedItemIndex = useMemo(() => (theme ? themes.indexOf(theme) : -1), [theme]);\n\n    return (\n        <MobileControl\n            name={'theme'}\n            title={t('label_theme')}\n            buttonLabel={buttonLabel}\n            Icon={Sun}\n            selectedItem={theme}\n            selectedItemIndex={selectedItemIndex}\n            displayItems={themesItems}\n            onChangeValue={onChangeTheme as OnChangeValue}\n        />\n    );\n};\n\nconst MobileControls = memo(({controlSize, userSettings}: MobileControlsProps) => {\n    const {t} = useTranslation('controls');\n    const {onChangeLang, lang, langs, availableLangs = [], onChangeTheme, theme} = userSettings;\n\n    const langControl = useLangControl(t, lang ?? Lang.En, availableLangs, langs, onChangeLang);\n    const themeControl = useThemeControl(t, theme ?? Theme.Light, onChangeTheme);\n\n    if (!onChangeTheme && !onChangeLang) {\n        return null;\n    }\n\n    return (\n        <div className={b()}>\n            <ControlsLayout controlClassName={b('control')} controlSize={controlSize}>\n                {onChangeTheme && themeControl}\n                {onChangeLang && langControl}\n            </ControlsLayout>\n        </div>\n    );\n});\n\nMobileControls.displayName = 'MobileControls';\n\nexport default MobileControls;\n"],
+  "mappings": "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",
+  "names": ["block", "lang", "allLangs", "React", "MobileControl"]
+}

package/build/cjs/components/MobileControls/index.d.ts

@@ -0,0 +1,2 @@
+export { default as MobileControls } from './MobileControls';
+export * from './MobileControls';

package/build/cjs/components/MobileControls/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/MobileControls/index.ts
+var MobileControls_exports = {};
+__export(MobileControls_exports, {
+  MobileControls: () => import_MobileControls.default
+});
+module.exports = __toCommonJS(MobileControls_exports);
+var import_MobileControls = __toESM(require("./MobileControls"));
+__reExport(MobileControls_exports, require("./MobileControls"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/MobileControls/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/MobileControls/index.ts"],
+  "sourcesContent": ["export {default as MobileControls} from './MobileControls';\nexport * from './MobileControls';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,4BAAwC;AACxC,mCAAc,6BADd;",
+  "names": []
+}

package/build/cjs/components/Notification/Notification.css

@@ -0,0 +1,66 @@
+/* src/components/Notification/Notification.scss */
+.dc-note {
+  position: relative;
+  padding: 20px 20px 20px 64px;
+  border-radius: 10px;
+}
+.dc-note__wrapper {
+  margin: 20px 36px;
+}
+.dc-note__xmark {
+  position: absolute;
+  top: 0;
+  right: 0;
+}
+.dc-note__template {
+  padding: 20px;
+  border: 1px solid var(--g-color-line-generic);
+}
+.dc-note__title {
+  font-weight: 700;
+}
+.dc-note > p {
+  margin: 0 0 10px;
+}
+.dc-note > p:first-child::before {
+  box-sizing: content-box;
+  display: block;
+  width: 24px;
+  height: 24px;
+  margin-top: -2px;
+  margin-left: -44px;
+  padding-right: 20px;
+  float: left;
+}
+.dc-note > p:last-child {
+  margin-bottom: 0;
+}
+.dc-note.dc-accent-info > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(2,123,243)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.dc-note.dc-accent-tip > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(86,189,103)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.dc-note.dc-accent-alert > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(255,70,69)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.dc-note.dc-accent-warning > p:first-child::before {
+  content: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 16 16"%3E%3Ccircle cx="8" cy="8" r="8" fill="rgb(241,149,24)"/%3E%3Crect width="1" height="5" x="7.5" y="6.5" stroke="%23fff" rx=".5"/%3E%3Ccircle cx="8" cy="4" r="1" fill="%23fff"/%3E%3C/svg%3E');
+}
+.dc-note.dc-accent-info {
+  background: rgba(2, 123, 243, 0.08);
+}
+.dc-note.dc-accent-tip {
+  background: rgba(63, 201, 46, 0.1);
+}
+.dc-note.dc-accent-alert {
+  background: rgba(235, 50, 38, 0.08);
+}
+.dc-note.dc-accent-warning {
+  background: rgba(255, 136, 0, 0.15);
+}
+.pc-page-constructor__docs .dc-note__wrapper,
+.fullscreen-mode .dc-note__wrapper {
+  margin: 0px 0px 20px;
+}
+/*# sourceMappingURL=Notification.css.map */

package/build/cjs/components/Notification/Notification.css.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Notification/Notification.scss", "../../../../src/components/Notification/%3Cinput css 11CRpS%3E"],
+  "sourcesContent": ["@use 'sass:color';\n@use 'sass:map';\n@use '../../styles/variables';\n@use '../../styles/mixins';\n\n$infoColor: #027bf3;\n$tipColor: #56bd67;\n$warningColor: #f19518;\n$importantColor: #ff4645;\n\n$infoBackgroundColor: rgba(2, 123, 243, 0.08);\n$tipBackgroundColor: rgba(63, 201, 46, 0.1);\n$warningBackgroundColor: rgba(255, 136, 0, 0.15);\n$importantBackgroundColor: rgba(235, 50, 38, 0.08);\n\n.dc-note {\n    position: relative;\n    padding: 20px 20px 20px 64px;\n    border-radius: 10px;\n\n    &__wrapper {\n        margin: 20px 36px;\n    }\n\n    &__xmark {\n        position: absolute;\n        top: 0;\n        right: 0;\n    }\n\n    &__template {\n        padding: 20px;\n        border: 1px solid var(--g-color-line-generic);\n    }\n\n    &__title {\n        font-weight: 700;\n    }\n\n    & > p {\n        margin: 0 0 10px;\n\n        &:first-child {\n            &::before {\n                box-sizing: content-box;\n                display: block;\n                width: 24px;\n                height: 24px;\n                margin-top: -2px;\n                margin-left: -44px;\n                padding-right: 20px;\n                float: left;\n            }\n        }\n\n        &:last-child {\n            margin-bottom: 0;\n        }\n    }\n\n    $colors: (\n        dc-accent-info: $infoColor,\n        dc-accent-tip: $tipColor,\n        dc-accent-alert: $importantColor,\n        dc-accent-warning: $warningColor,\n    );\n\n    @each $type, $color in $colors {\n        &.#{$type} > p:first-child::before {\n            $r: color.channel($color, 'red');\n            $g: color.channel($color, 'green');\n            $b: color.channel($color, 'blue');\n            $rgbColor: 'rgb(' + $r + ',' + $g + ',' + $b + ')';\n            content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"' + $rgbColor + '\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n        }\n    }\n\n    $backgroundColors: (\n        dc-accent-info: $infoBackgroundColor,\n        dc-accent-tip: $tipBackgroundColor,\n        dc-accent-alert: $importantBackgroundColor,\n        dc-accent-warning: $warningBackgroundColor,\n    );\n\n    @each $type, $color in $backgroundColors {\n        &.#{$type} {\n            background: $color;\n        }\n    }\n}\n\n.pc-page-constructor__docs,\n.fullscreen-mode {\n    .dc-note__wrapper {\n        margin: 0px 0px 20px;\n    }\n}\n", ".dc-note {\n  position: relative;\n  padding: 20px 20px 20px 64px;\n  border-radius: 10px;\n}\n.dc-note__wrapper {\n  margin: 20px 36px;\n}\n.dc-note__xmark {\n  position: absolute;\n  top: 0;\n  right: 0;\n}\n.dc-note__template {\n  padding: 20px;\n  border: 1px solid var(--g-color-line-generic);\n}\n.dc-note__title {\n  font-weight: 700;\n}\n.dc-note > p {\n  margin: 0 0 10px;\n}\n.dc-note > p:first-child::before {\n  box-sizing: content-box;\n  display: block;\n  width: 24px;\n  height: 24px;\n  margin-top: -2px;\n  margin-left: -44px;\n  padding-right: 20px;\n  float: left;\n}\n.dc-note > p:last-child {\n  margin-bottom: 0;\n}\n.dc-note.dc-accent-info > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(2,123,243)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-tip > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(86,189,103)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-alert > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(255,70,69)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-warning > p:first-child::before {\n  content: url('data:image/svg+xml,%3Csvg xmlns=\"http://www.w3.org/2000/svg\" width=\"24\" height=\"24\" viewBox=\"0 0 16 16\"%3E%3Ccircle cx=\"8\" cy=\"8\" r=\"8\" fill=\"rgb(241,149,24)\"/%3E%3Crect width=\"1\" height=\"5\" x=\"7.5\" y=\"6.5\" stroke=\"%23fff\" rx=\".5\"/%3E%3Ccircle cx=\"8\" cy=\"4\" r=\"1\" fill=\"%23fff\"/%3E%3C/svg%3E');\n}\n.dc-note.dc-accent-info {\n  background: rgba(2, 123, 243, 0.08);\n}\n.dc-note.dc-accent-tip {\n  background: rgba(63, 201, 46, 0.1);\n}\n.dc-note.dc-accent-alert {\n  background: rgba(235, 50, 38, 0.08);\n}\n.dc-note.dc-accent-warning {\n  background: rgba(255, 136, 0, 0.15);\n}\n\n.pc-page-constructor__docs .dc-note__wrapper,\n.fullscreen-mode .dc-note__wrapper {\n  margin: 0px 0px 20px;\n}\n/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VSb290IjoiL2hvbWUvcnVubmVyL3dvcmsvY29tcG9uZW50cy9jb21wb25lbnRzL3NyYy9jb21wb25lbnRzL05vdGlmaWNhdGlvbiIsInNvdXJjZXMiOlsiTm90aWZpY2F0aW9uLnNjc3MiXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZUE7RUFDSTtFQUNBO0VBQ0E7O0FBRUE7RUFDSTs7QUFHSjtFQUNJO0VBQ0E7RUFDQTs7QUFHSjtFQUNJO0VBQ0E7O0FBR0o7RUFDSTs7QUFHSjtFQUNJOztBQUdJO0VBQ0k7RUFDQTtFQUNBO0VBQ0E7RUFDQTtFQUNBO0VBQ0E7RUFDQTs7QUFJUjtFQUNJOztBQVlKO0VBS0k7O0FBTEo7RUFLSTs7QUFMSjtFQUtJOztBQUxKO0VBS0k7O0FBWUo7RUFDSSxZQVRXOztBQVFmO0VBQ0ksWUFUVzs7QUFRZjtFQUNJLFlBVFc7O0FBUWY7RUFDSSxZQVRXOzs7QUFnQm5CO0FBQUE7RUFDSSIsInNvdXJjZXNDb250ZW50IjpbIkB1c2UgJ3Nhc3M6Y29sb3InO1xuQHVzZSAnc2FzczptYXAnO1xuQHVzZSAnLi4vLi4vc3R5bGVzL3ZhcmlhYmxlcyc7XG5AdXNlICcuLi8uLi9zdHlsZXMvbWl4aW5zJztcblxuJGluZm9Db2xvcjogIzAyN2JmMztcbiR0aXBDb2xvcjogIzU2YmQ2NztcbiR3YXJuaW5nQ29sb3I6ICNmMTk1MTg7XG4kaW1wb3J0YW50Q29sb3I6ICNmZjQ2NDU7XG5cbiRpbmZvQmFja2dyb3VuZENvbG9yOiByZ2JhKDIsIDEyMywgMjQzLCAwLjA4KTtcbiR0aXBCYWNrZ3JvdW5kQ29sb3I6IHJnYmEoNjMsIDIwMSwgNDYsIDAuMSk7XG4kd2FybmluZ0JhY2tncm91bmRDb2xvcjogcmdiYSgyNTUsIDEzNiwgMCwgMC4xNSk7XG4kaW1wb3J0YW50QmFja2dyb3VuZENvbG9yOiByZ2JhKDIzNSwgNTAsIDM4LCAwLjA4KTtcblxuLmRjLW5vdGUge1xuICAgIHBvc2l0aW9uOiByZWxhdGl2ZTtcbiAgICBwYWRkaW5nOiAyMHB4IDIwcHggMjBweCA2NHB4O1xuICAgIGJvcmRlci1yYWRpdXM6IDEwcHg7XG5cbiAgICAmX193cmFwcGVyIHtcbiAgICAgICAgbWFyZ2luOiAyMHB4IDM2cHg7XG4gICAgfVxuXG4gICAgJl9feG1hcmsge1xuICAgICAgICBwb3NpdGlvbjogYWJzb2x1dGU7XG4gICAgICAgIHRvcDogMDtcbiAgICAgICAgcmlnaHQ6IDA7XG4gICAgfVxuXG4gICAgJl9fdGVtcGxhdGUge1xuICAgICAgICBwYWRkaW5nOiAyMHB4O1xuICAgICAgICBib3JkZXI6IDFweCBzb2xpZCB2YXIoLS1nLWNvbG9yLWxpbmUtZ2VuZXJpYyk7XG4gICAgfVxuXG4gICAgJl9fdGl0bGUge1xuICAgICAgICBmb250LXdlaWdodDogNzAwO1xuICAgIH1cblxuICAgICYgPiBwIHtcbiAgICAgICAgbWFyZ2luOiAwIDAgMTBweDtcblxuICAgICAgICAmOmZpcnN0LWNoaWxkIHtcbiAgICAgICAgICAgICY6OmJlZm9yZSB7XG4gICAgICAgICAgICAgICAgYm94LXNpemluZzogY29udGVudC1ib3g7XG4gICAgICAgICAgICAgICAgZGlzcGxheTogYmxvY2s7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDI0cHg7XG4gICAgICAgICAgICAgICAgaGVpZ2h0OiAyNHB4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IC0ycHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC00NHB4O1xuICAgICAgICAgICAgICAgIHBhZGRpbmctcmlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgZmxvYXQ6IGxlZnQ7XG4gICAgICAgICAgICB9XG4gICAgICAgIH1cblxuICAgICAgICAmOmxhc3QtY2hpbGQge1xuICAgICAgICAgICAgbWFyZ2luLWJvdHRvbTogMDtcbiAgICAgICAgfVxuICAgIH1cblxuICAgICRjb2xvcnM6IChcbiAgICAgICAgZGMtYWNjZW50LWluZm86ICRpbmZvQ29sb3IsXG4gICAgICAgIGRjLWFjY2VudC10aXA6ICR0aXBDb2xvcixcbiAgICAgICAgZGMtYWNjZW50LWFsZXJ0OiAkaW1wb3J0YW50Q29sb3IsXG4gICAgICAgIGRjLWFjY2VudC13YXJuaW5nOiAkd2FybmluZ0NvbG9yLFxuICAgICk7XG5cbiAgICBAZWFjaCAkdHlwZSwgJGNvbG9yIGluICRjb2xvcnMge1xuICAgICAgICAmLiN7JHR5cGV9ID4gcDpmaXJzdC1jaGlsZDo6YmVmb3JlIHtcbiAgICAgICAgICAgICRyOiBjb2xvci5jaGFubmVsKCRjb2xvciwgJ3JlZCcpO1xuICAgICAgICAgICAgJGc6IGNvbG9yLmNoYW5uZWwoJGNvbG9yLCAnZ3JlZW4nKTtcbiAgICAgICAgICAgICRiOiBjb2xvci5jaGFubmVsKCRjb2xvciwgJ2JsdWUnKTtcbiAgICAgICAgICAgICRyZ2JDb2xvcjogJ3JnYignICsgJHIgKyAnLCcgKyAkZyArICcsJyArICRiICsgJyknO1xuICAgICAgICAgICAgY29udGVudDogdXJsKCdkYXRhOmltYWdlL3N2Zyt4bWwsJTNDc3ZnIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIiB3aWR0aD1cIjI0XCIgaGVpZ2h0PVwiMjRcIiB2aWV3Qm94PVwiMCAwIDE2IDE2XCIlM0UlM0NjaXJjbGUgY3g9XCI4XCIgY3k9XCI4XCIgcj1cIjhcIiBmaWxsPVwiJyArICRyZ2JDb2xvciArICdcIi8lM0UlM0NyZWN0IHdpZHRoPVwiMVwiIGhlaWdodD1cIjVcIiB4PVwiNy41XCIgeT1cIjYuNVwiIHN0cm9rZT1cIiUyM2ZmZlwiIHJ4PVwiLjVcIi8lM0UlM0NjaXJjbGUgY3g9XCI4XCIgY3k9XCI0XCIgcj1cIjFcIiBmaWxsPVwiJTIzZmZmXCIvJTNFJTNDL3N2ZyUzRScpO1xuICAgICAgICB9XG4gICAgfVxuXG4gICAgJGJhY2tncm91bmRDb2xvcnM6IChcbiAgICAgICAgZGMtYWNjZW50LWluZm86ICRpbmZvQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBkYy1hY2NlbnQtdGlwOiAkdGlwQmFja2dyb3VuZENvbG9yLFxuICAgICAgICBkYy1hY2NlbnQtYWxlcnQ6ICRpbXBvcnRhbnRCYWNrZ3JvdW5kQ29sb3IsXG4gICAgICAgIGRjLWFjY2VudC13YXJuaW5nOiAkd2FybmluZ0JhY2tncm91bmRDb2xvcixcbiAgICApO1xuXG4gICAgQGVhY2ggJHR5cGUsICRjb2xvciBpbiAkYmFja2dyb3VuZENvbG9ycyB7XG4gICAgICAgICYuI3skdHlwZX0ge1xuICAgICAgICAgICAgYmFja2dyb3VuZDogJGNvbG9yO1xuICAgICAgICB9XG4gICAgfVxufVxuXG4ucGMtcGFnZS1jb25zdHJ1Y3Rvcl9fZG9jcyxcbi5mdWxsc2NyZWVuLW1vZGUge1xuICAgIC5kYy1ub3RlX193cmFwcGVyIHtcbiAgICAgICAgbWFyZ2luOiAwcHggMHB4IDIwcHg7XG4gICAgfVxufVxuIl19 */"],
+  "mappings": ";AAeA,CAAA;AACI,YAAA;AACA,WAAA,KAAA,KAAA,KAAA;AACA,iBAAA;ACdJ;ADgBI,CAAA;AACI,UAAA,KAAA;ACdR;ADiBI,CAAA;AACI,YAAA;AACA,OAAA;AACA,SAAA;ACfR;ADkBI,CAAA;AACI,WAAA;AACA,UAAA,IAAA,MAAA,IAAA;AChBR;ADmBI,CAAA;AACI,eAAA;ACjBR;ADoBI,CAxBJ,QAwBI,EAAA;AACI,UAAA,EAAA,EAAA;AClBR;ADqBY,CA5BZ,QA4BY,EAAA,CAAA,YAAA;AACI,cAAA;AACA,WAAA;AACA,SAAA;AACA,UAAA;AACA,cAAA;AACA,eAAA;AACA,iBAAA;AACA,SAAA;ACnBhB;ADuBQ,CAxCR,QAwCQ,EAAA,CAAA;AACI,iBAAA;ACrBZ;ADiCQ,CArDR,OAqDQ,CAAA,eAAA,EAAA,CAAA,YAAA;AAKI,WAAA;ACnCZ;AD8BQ,CArDR,OAqDQ,CAAA,cAAA,EAAA,CAAA,YAAA;AAKI,WAAA;AChCZ;AD2BQ,CArDR,OAqDQ,CAAA,gBAAA,EAAA,CAAA,YAAA;AAKI,WAAA;AC7BZ;ADwBQ,CArDR,OAqDQ,CAAA,kBAAA,EAAA,CAAA,YAAA;AAKI,WAAA;AC1BZ;ADsCQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,CAAA,EAAA,GAAA,EAAA,GAAA,EAAA;ACpCZ;ADmCQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,EAAA,EAAA,GAAA,EAAA,EAAA,EAAA;ACjCZ;ADgCQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,GAAA,EAAA,EAAA,EAAA,EAAA,EAAA;AC9BZ;AD6BQ,CAtER,OAsEQ,CAjBA;AAkBI,cAAA,KAAA,GAAA,EAAA,GAAA,EAAA,CAAA,EAAA;AC3BZ;ADkCI,CAAA,0BAAA,CAzEA;kBAAA;AA0EI,UAAA,IAAA,IAAA;AC9BR;",
+  "names": []
+}

package/build/cjs/components/Notification/Notification.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+import './Notification.scss';
+export interface NotificationProps {
+    notification?: {
+        title?: string;
+        content?: string;
+        type?: string;
+        permanent?: boolean;
+    };
+    notificationCb?: () => void;
+}
+declare const Notification: React.FC<NotificationProps>;
+export default Notification;

package/build/cjs/components/Notification/Notification.js

@@ -0,0 +1,67 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Notification/Notification.tsx
+var Notification_exports = {};
+__export(Notification_exports, {
+  default: () => Notification_default
+});
+module.exports = __toCommonJS(Notification_exports);
+var import_react = __toESM(require("react"));
+var import_uikit = require("@gravity-ui/uikit");
+var import_icons = require("@gravity-ui/icons");
+var import_bem_cn_lite = __toESM(require("bem-cn-lite"));
+var import_HTML = require("../HTML");
+var import_Notification = require("./Notification.css");
+var bNote = (0, import_bem_cn_lite.default)("dc-note");
+var Notification = ({ notification, notificationCb }) => {
+  const [showNotification, setShowNotification] = (0, import_react.useState)(true);
+  if (!notification || !showNotification) {
+    return null;
+  }
+  const { title = "", content = "", type = "", permanent } = notification;
+  const isNoteTypeCorrect = ["info", "tip", "warning", "alert"].includes(type.toLowerCase());
+  return /* @__PURE__ */ import_react.default.createElement("div", { className: bNote("wrapper") }, /* @__PURE__ */ import_react.default.createElement("div", { className: bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote("template")) }, title && /* @__PURE__ */ import_react.default.createElement("p", { className: bNote("title") }, title), !permanent && /* @__PURE__ */ import_react.default.createElement(
+    import_uikit.Button,
+    {
+      view: "flat",
+      className: bNote("xmark"),
+      style: { position: "absolute" },
+      onClick: () => {
+        if (notificationCb) {
+          notificationCb();
+        }
+        setShowNotification(false);
+      }
+    },
+    /* @__PURE__ */ import_react.default.createElement(import_uikit.Icon, { data: import_icons.Xmark })
+  ), content && /* @__PURE__ */ import_react.default.createElement(import_HTML.HTML, { className: bNote("content") }, content)));
+};
+var Notification_default = Notification;
+//# sourceMappingURL=Notification.js.map

package/build/cjs/components/Notification/Notification.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Notification/Notification.tsx"],
+  "sourcesContent": ["import React, {useState} from 'react';\nimport {Button, Icon} from '@gravity-ui/uikit';\nimport {Xmark} from '@gravity-ui/icons';\nimport block from 'bem-cn-lite';\n\nimport {HTML} from '../HTML';\n\nimport './Notification.scss';\n\nconst bNote = block('dc-note');\n\nexport interface NotificationProps {\n    notification?: {\n        title?: string;\n        content?: string;\n        type?: string;\n        permanent?: boolean;\n    };\n    notificationCb?: () => void;\n}\n\nconst Notification: React.FC<NotificationProps> = ({notification, notificationCb}) => {\n    const [showNotification, setShowNotification] = useState(true);\n\n    if (!notification || !showNotification) {\n        return null;\n    }\n\n    const {title = '', content = '', type = '', permanent} = notification;\n    const isNoteTypeCorrect = ['info', 'tip', 'warning', 'alert'].includes(type.toLowerCase());\n\n    return (\n        <div className={bNote('wrapper')}>\n            <div className={bNote({}, isNoteTypeCorrect ? `dc-accent-${type}` : bNote('template'))}>\n                {title && <p className={bNote('title')}>{title}</p>}\n                {!permanent && (\n                    <Button\n                        view={'flat'}\n                        className={bNote('xmark')}\n                        style={{position: 'absolute'}}\n                        onClick={() => {\n                            if (notificationCb) {\n                                notificationCb();\n                            }\n                            setShowNotification(false);\n                        }}\n                    >\n                        <Icon data={Xmark} />\n                    </Button>\n                )}\n                {content && <HTML className={bNote('content')}>{content}</HTML>}\n            </div>\n        </div>\n    );\n};\n\nexport default Notification;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA8B;AAC9B,mBAA2B;AAC3B,mBAAoB;AACpB,yBAAkB;AAElB,kBAAmB;AAEnB,0BAAO;AAEP,IAAM,YAAQ,mBAAAA,SAAM,SAAS;AAY7B,IAAM,eAA4C,CAAC,EAAC,cAAc,eAAc,MAAM;AAClF,QAAM,CAAC,kBAAkB,mBAAmB,QAAI,uBAAS,IAAI;AAE7D,MAAI,CAAC,gBAAgB,CAAC,kBAAkB;AACpC,WAAO;AAAA,EACX;AAEA,QAAM,EAAC,QAAQ,IAAI,UAAU,IAAI,OAAO,IAAI,UAAS,IAAI;AACzD,QAAM,oBAAoB,CAAC,QAAQ,OAAO,WAAW,OAAO,EAAE,SAAS,KAAK,YAAY,CAAC;AAEzF,SACI,6BAAAC,QAAA,cAAC,SAAI,WAAW,MAAM,SAAS,KAC3B,6BAAAA,QAAA,cAAC,SAAI,WAAW,MAAM,CAAC,GAAG,oBAAoB,aAAa,IAAI,KAAK,MAAM,UAAU,CAAC,KAChF,SAAS,6BAAAA,QAAA,cAAC,OAAE,WAAW,MAAM,OAAO,KAAI,KAAM,GAC9C,CAAC,aACE,6BAAAA,QAAA;AAAA,IAAC;AAAA;AAAA,MACG,MAAM;AAAA,MACN,WAAW,MAAM,OAAO;AAAA,MACxB,OAAO,EAAC,UAAU,WAAU;AAAA,MAC5B,SAAS,MAAM;AACX,YAAI,gBAAgB;AAChB,yBAAe;AAAA,QACnB;AACA,4BAAoB,KAAK;AAAA,MAC7B;AAAA;AAAA,IAEA,6BAAAA,QAAA,cAAC,qBAAK,MAAM,oBAAO;AAAA,EACvB,GAEH,WAAW,6BAAAA,QAAA,cAAC,oBAAK,WAAW,MAAM,SAAS,KAAI,OAAQ,CAC5D,CACJ;AAER;AAEA,IAAO,uBAAQ;",
+  "names": ["block", "React"]
+}

package/build/cjs/components/Notification/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Notification } from './Notification';
+export * from './Notification';

package/build/cjs/components/Notification/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/Notification/index.ts
+var Notification_exports = {};
+__export(Notification_exports, {
+  Notification: () => import_Notification.default
+});
+module.exports = __toCommonJS(Notification_exports);
+var import_Notification = __toESM(require("./Notification"));
+__reExport(Notification_exports, require("./Notification"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/Notification/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/Notification/index.ts"],
+  "sourcesContent": ["export {default as Notification} from './Notification';\nexport * from './Notification';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAsC;AACtC,iCAAc,2BADd;",
+  "names": []
+}

package/build/cjs/components/OutsideClick/OutsideClick.d.ts

@@ -0,0 +1,14 @@
+import type { PropsWithChildren, RefObject } from 'react';
+import type { ClassNameProps } from 'src/models';
+import React from 'react';
+export interface OutsideClickProps extends ClassNameProps {
+    onOutsideClick: () => void;
+    anchor?: HTMLElement | RefObject<HTMLElement> | null;
+}
+export default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {
+    ref: RefObject<HTMLDivElement>;
+    componentDidMount(): void;
+    componentWillUnmount(): void;
+    render(): React.JSX.Element;
+    handleOutsideClick: (e: MouseEvent) => void;
+}

package/build/cjs/components/OutsideClick/OutsideClick.js

@@ -0,0 +1,62 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+var __publicField = (obj, key, value) => __defNormalProp(obj, typeof key !== "symbol" ? key + "" : key, value);
+
+// src/components/OutsideClick/OutsideClick.tsx
+var OutsideClick_exports = {};
+__export(OutsideClick_exports, {
+  default: () => OutsideClick
+});
+module.exports = __toCommonJS(OutsideClick_exports);
+var import_react = __toESM(require("react"));
+var OutsideClick = class extends import_react.default.Component {
+  constructor() {
+    super(...arguments);
+    __publicField(this, "ref", (0, import_react.createRef)());
+    __publicField(this, "handleOutsideClick", (e) => {
+      var _a, _b, _c;
+      const { onOutsideClick, anchor } = this.props;
+      if (e.target && !(((_b = (_a = this.ref) == null ? void 0 : _a.current) == null ? void 0 : _b.contains(e.target)) || anchor && "contains" in anchor && anchor.contains(e.target) || anchor && "current" in anchor && ((_c = anchor.current) == null ? void 0 : _c.contains(e.target)))) {
+        onOutsideClick();
+      }
+    });
+  }
+  componentDidMount() {
+    document.addEventListener("mousedown", this.handleOutsideClick);
+  }
+  componentWillUnmount() {
+    document.removeEventListener("mousedown", this.handleOutsideClick);
+  }
+  render() {
+    const { children, className } = this.props;
+    return /* @__PURE__ */ import_react.default.createElement("div", { className, ref: this.ref }, children);
+  }
+};
+//# sourceMappingURL=OutsideClick.js.map

package/build/cjs/components/OutsideClick/OutsideClick.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/OutsideClick/OutsideClick.tsx"],
+  "sourcesContent": ["import type {PropsWithChildren, RefObject} from 'react';\nimport type {ClassNameProps} from 'src/models';\n\nimport React, {createRef} from 'react';\n\nexport interface OutsideClickProps extends ClassNameProps {\n    onOutsideClick: () => void;\n    anchor?: HTMLElement | RefObject<HTMLElement> | null;\n}\n\nexport default class OutsideClick extends React.Component<PropsWithChildren<OutsideClickProps>> {\n    ref = createRef<HTMLDivElement>();\n\n    componentDidMount() {\n        document.addEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    componentWillUnmount() {\n        document.removeEventListener('mousedown', this.handleOutsideClick);\n    }\n\n    render() {\n        const {children, className} = this.props;\n\n        return (\n            <div className={className} ref={this.ref}>\n                {children}\n            </div>\n        );\n    }\n\n    handleOutsideClick = (e: MouseEvent) => {\n        const {onOutsideClick, anchor} = this.props;\n\n        if (\n            e.target &&\n            !(\n                this.ref?.current?.contains(e.target as Node) ||\n                (anchor && 'contains' in anchor && anchor.contains(e.target as Node)) ||\n                (anchor && 'current' in anchor && anchor.current?.contains(e.target as Node))\n            )\n        ) {\n            onOutsideClick();\n        }\n    };\n}\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAGA,mBAA+B;AAO/B,IAAqB,eAArB,cAA0C,aAAAA,QAAM,UAAgD;AAAA,EAAhG;AAAA;AACI,mCAAM,wBAA0B;AAoBhC,8CAAqB,CAAC,MAAkB;AA/B5C;AAgCQ,YAAM,EAAC,gBAAgB,OAAM,IAAI,KAAK;AAEtC,UACI,EAAE,UACF,IACI,gBAAK,QAAL,mBAAU,YAAV,mBAAmB,SAAS,EAAE,YAC7B,UAAU,cAAc,UAAU,OAAO,SAAS,EAAE,MAAc,KAClE,UAAU,aAAa,YAAU,YAAO,YAAP,mBAAgB,SAAS,EAAE,WAEnE;AACE,uBAAe;AAAA,MACnB;AAAA,IACJ;AAAA;AAAA,EA/BA,oBAAoB;AAChB,aAAS,iBAAiB,aAAa,KAAK,kBAAkB;AAAA,EAClE;AAAA,EAEA,uBAAuB;AACnB,aAAS,oBAAoB,aAAa,KAAK,kBAAkB;AAAA,EACrE;AAAA,EAEA,SAAS;AACL,UAAM,EAAC,UAAU,UAAS,IAAI,KAAK;AAEnC,WACI,6BAAAA,QAAA,cAAC,SAAI,WAAsB,KAAK,KAAK,OAChC,QACL;AAAA,EAER;AAgBJ;",
+  "names": ["React"]
+}

package/build/cjs/components/OutsideClick/index.d.ts

@@ -0,0 +1,2 @@
+export { default as OutsideClick } from './OutsideClick';
+export * from './OutsideClick';

package/build/cjs/components/OutsideClick/index.js

@@ -0,0 +1,39 @@
+"use strict";
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/OutsideClick/index.ts
+var OutsideClick_exports = {};
+__export(OutsideClick_exports, {
+  OutsideClick: () => import_OutsideClick.default
+});
+module.exports = __toCommonJS(OutsideClick_exports);
+var import_OutsideClick = __toESM(require("./OutsideClick"));
+__reExport(OutsideClick_exports, require("./OutsideClick"), module.exports);
+//# sourceMappingURL=index.js.map

package/build/cjs/components/OutsideClick/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/OutsideClick/index.ts"],
+  "sourcesContent": ["export {default as OutsideClick} from './OutsideClick';\nexport * from './OutsideClick';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAAsC;AACtC,iCAAc,2BADd;",
+  "names": []
+}