@prom-ui/core 2.5.0 → 3.0.0

package/ButtonPageUp/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("ts-debounce"),l=require("clsx"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/Portal"),f=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/core/useIsMounted"),p=require("@prom-ui/icons/ArrowUp");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var y,v=b(e),g=b(t),h=b(r),O=b(n),j=b(o),P=m(i),q=b(l),E="L21yK",w=["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex","style","className","onVisibleChange"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),r.push.apply(r,n)}return r}function B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach((function(t){h.default(e,t,r[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))}))}return e}var k={position:"fixed",right:0,bottom:0,width:"100%"},D={position:"sticky",bottom:0,height:0,width:"100%"},I=function(e){var t=e.children,r=e.scrollRef,n=e.onClick,o=e.scrollDelay,i=void 0===o?100:o,l=e.scrollOffset,b=void 0===l?100:l,m=e.margin,h=void 0===m?"0 18px 18px 0":m,x=e.zIndex,I=void 0===x?10:x,z=e.style,L=e.className,U=e.onVisibleChange,C=j.default(e,w),S=f.useBodyStoreTTag().t,T=P.useState(!1),N=O.default(T,2),A=N[0],M=N[1],H=d.useIsMounted(),R=function(){return(null==r?void 0:r.current)||document.documentElement},V=u.debounce((function(){var e=R(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=b;M(t&&r)}),i);if(P.useEffect((function(){H&&"function"==typeof U&&U(A)}),[A]),P.useEffect((function(){var e=(null==r?void 0:r.current)||document;return e.addEventListener("resize",V),e.addEventListener("scroll",V),V(),function(){e.removeEventListener("resize",V),e.removeEventListener("scroll",V)}}),[]),!A)return null;var _=null!=r&&r.current?P.Fragment:s.Portal,F=null!=r&&r.current?D:k;return P.createElement(_,null,P.createElement("div",{style:B(B({},F),{},{zIndex:I})},P.createElement(c.Button,v.default({"button-padding":"xs","button-theme":"white","button-round":"full","button-blackhole":"scroll-button",type:"button","aria-label":S(y||(y=g.default(["Наверх"]))),"data-qaid":"ButtonPageUp","data-testid":"ButtonPageUp"},C,{className:q.default(E,L),style:B(B({},z),{},{margin:h}),onClick:function(e){"function"==typeof n&&n(e),R().scroll({top:0,behavior:"smooth"})}}),t||P.createElement(a.Icon,{"icon-as":p.SvgArrowUp,style:{width:24,height:24}}))))};I.displayName="ButtonPageUp",exports.ButtonPageUp=I,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/taggedTemplateLiteral"),r=require("@babel/runtime/helpers/defineProperty"),n=require("@babel/runtime/helpers/slicedToArray"),o=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),u=require("ts-debounce"),l=require("clsx"),c=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),s=require("@prom-ui/core/Portal"),f=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/core/useIsMounted"),p=require("@prom-ui/icons/ArrowUp");function b(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function m(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var y,v=b(e),g=b(t),h=b(r),O=b(n),j=b(o),P=m(i),q=b(l),E="L21yK",w=["children","scrollRef","onClick","scrollDelay","scrollOffset","margin","zIndex","style","className","onVisibleChange"];function x(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function B(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?x(Object(r),!0).forEach(function(t){h.default(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):x(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}var k={position:"fixed",right:0,bottom:0,width:"100%"},D={position:"sticky",bottom:0,height:0,width:"100%"},I=function(e){var t=e.children,r=e.scrollRef,n=e.onClick,o=e.scrollDelay,i=void 0===o?100:o,l=e.scrollOffset,b=void 0===l?100:l,m=e.margin,h=void 0===m?"0 18px 18px 0":m,x=e.zIndex,I=void 0===x?10:x,z=e.style,L=e.className,U=e.onVisibleChange,C=j.default(e,w),S=f.useBodyStoreTTag().t,T=P.useState(!1),N=O.default(T,2),A=N[0],M=N[1],H=d.useIsMounted(),R=function(){return(null==r?void 0:r.current)||document.documentElement},V=u.debounce(function(){var e=R(),t=e.scrollHeight-e.clientHeight>0,r=e.scrollTop>=b;M(t&&r)},i);if(P.useEffect(function(){H&&"function"==typeof U&&U(A)},[A]),P.useEffect(function(){var e=(null==r?void 0:r.current)||document;return e.addEventListener("resize",V),e.addEventListener("scroll",V),V(),function(){e.removeEventListener("resize",V),e.removeEventListener("scroll",V)}},[]),!A)return null;var _=null!=r&&r.current?P.Fragment:s.Portal,F=null!=r&&r.current?D:k;return P.createElement(_,null,P.createElement("div",{style:B(B({},F),{},{zIndex:I})},P.createElement(c.Button,v.default({"button-padding":"xs","button-theme":"white","button-round":"full","button-blackhole":"scroll-button",type:"button","aria-label":S(y||(y=g.default(["Наверх"]))),"data-qaid":"ButtonPageUp","data-testid":"ButtonPageUp"},C,{className:q.default(E,L),style:B(B({},z),{},{margin:h}),onClick:function(e){"function"==typeof n&&n(e),R().scroll({top:0,behavior:"smooth"})}}),t||P.createElement(a.Icon,{"icon-as":p.SvgArrowUp,style:{width:24,height:24}}))))};I.displayName="ButtonPageUp",exports.ButtonPageUp=I,require("./style.production.v2.css");

package/ButtonPageUp/index.d.ts

@@ -1,18 +1,19 @@
 import * as React from 'react';
 import type { ButtonProps } from '@prom-ui/core/Button';
 export type ButtonPageUpProps = React.ComponentPropsWithoutRef<'button'> & ButtonProps & {
-    /** Задержка в `ms` */
+    /** Затримка у `ms` */
     scrollDelay?: number;
-    /** Смещение скрола для отображения в `px` */
+    /** Зсув скролу для відображення у `px` */
     scrollOffset?: number;
+    /** Ref на контейнер прокрутки. Якщо передано — кнопка прилипає до контейнера (sticky), інакше — до вікна (fixed) */
     scrollRef?: React.RefObject<HTMLElement | null>;
-    /** Для аналитики */
+    /** Для аналітики */
     onClick?: (e: MouseEvent) => void;
-    /** Внешние отступы */
+    /** Зовнішні відступи */
     margin?: number | string;
     /** CSS z-index */
     zIndex?: number;
-    /** Содержимое кнопки, по умолчанию стрелка */
+    /** Вміст кнопки, за замовчуванням — стрілка */
     children?: React.ReactNode;
     /**
      * Викликається зі станом видимості кнопки, <br>
@@ -20,4 +21,12 @@ export type ButtonPageUpProps = React.ComponentPropsWithoutRef<'button'> & Butto
      */
     onVisibleChange?: (visible: boolean) => void;
 };
+/**
+ * Кнопка прокрутки сторінки догори. З'являється після прокрутки на `scrollOffset` пікселів.
+ * Рендериться у `<Portal>` (fixed) або прилипає до контейнера через `scrollRef` (sticky).
+ * @example
+ * import { ButtonPageUp } from '@prom-ui/core/ButtonPageUp'
+ * <ButtonPageUp />
+ * <ButtonPageUp scrollOffset={200} margin='0 24px 24px 0' />
+ */
 export declare const ButtonPageUp: React.FC<ButtonPageUpProps>;

package/ButtonPageUp/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ButtonPageUp",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/Checkbox/cjs/index.development.js

@@ -40,6 +40,12 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"root":"Checkbox__root___QNYqa","view":"Checkbox__view___fLkiL","input":"Checkbox__input___Yi8X2","inputIndeterminate":"Checkbox__inputIndeterminate___PUKW4","inputLoading":"Checkbox__inputLoading___urQKr","spinner":"Checkbox__spinner___HQP5q","spinnerEnterActive":"Checkbox__spinnerEnterActive___PPMb6","spinnerEnterDone":"Checkbox__spinnerEnterDone___TSd-m","spinnerExitActive":"Checkbox__spinnerExitActive___qqZ1T","spinnerExitDone":"Checkbox__spinnerExitDone___ziVu6"};
 
 var _excluded = ["className", "type", "loading", "indeterminate"];
+/**
+ * Чекбокс з підтримкою стану завантаження та проміжного вибору.
+ * @example
+ * import { Checkbox } from '@prom-ui/core/Checkbox'
+ * <Checkbox checked={isChecked} onChange={(e) => setChecked(e.target.checked)} />
+ */
 var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$type = _ref.type,

package/Checkbox/cjs/index.development.v2.js

@@ -40,6 +40,12 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"root":"Checkbox__root___t16TL","view":"Checkbox__view___vqHSH","input":"Checkbox__input___IYq4y","inputIndeterminate":"Checkbox__inputIndeterminate___W0nyo","inputLoading":"Checkbox__inputLoading___HmXKw","spinner":"Checkbox__spinner___YR6PM","spinnerEnterActive":"Checkbox__spinnerEnterActive___Q7DFi","spinnerEnterDone":"Checkbox__spinnerEnterDone___h1wA-","spinnerExitActive":"Checkbox__spinnerExitActive___qjqOb","spinnerExitDone":"Checkbox__spinnerExitDone___t3mB8"};
 
 var _excluded = ["className", "type", "loading", "indeterminate"];
+/**
+ * Чекбокс з підтримкою стану завантаження та проміжного вибору.
+ * @example
+ * import { Checkbox } from '@prom-ui/core/Checkbox'
+ * <Checkbox checked={isChecked} onChange={(e) => setChecked(e.target.checked)} />
+ */
 var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
   var className = _ref.className,
     _ref$type = _ref.type,

package/Checkbox/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach((function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var s=l(e),d=l(r),f=l(t),m=c(i),p=l(a),b="QNYqa",q="fLkiL",v="Yi8X2",y="PUKW4",h="urQKr",x="HQP5q",j="PPMb6",N="TSd-m",P="qqZ1T",O="ziVu6",g=["className","type","loading","indeterminate"],E=m.forwardRef((function(e,r){var t=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,E=e.indeterminate,k=void 0!==E&&E,w=f.default(e,g),R=o.useForwardRef(r,null),S=m.useRef(null);return m.createElement("div",{className:p.default(b,t)},m.createElement("input",s.default({className:p.default(v,d.default(d.default({},h,c),y,k)),ref:R,disabled:c,type:a},w)),m.createElement("div",{className:q},m.createElement(n.CSSTransition,{nodeRef:S,in:c,timeout:100,classNames:{enterActive:j,enterDone:N,exitActive:P,exitDone:O},unmountOnExit:!0},m.createElement(u.Spinner,{ref:S,className:x,width:"100%",height:"100%"}))))}));E.displayName="Checkbox",exports.Checkbox=E,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),r=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var r=Object.create(null);return e&&Object.keys(e).forEach(function(t){if("default"!==t){var i=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,i.get?i:{enumerable:!0,get:function(){return e[t]}})}}),r.default=e,Object.freeze(r)}var s=l(e),d=l(r),f=l(t),m=c(i),p=l(a),b="QNYqa",q="fLkiL",v="Yi8X2",y="PUKW4",h="urQKr",x="HQP5q",j="PPMb6",N="TSd-m",P="qqZ1T",O="ziVu6",g=["className","type","loading","indeterminate"],E=m.forwardRef(function(e,r){var t=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,E=e.indeterminate,k=void 0!==E&&E,w=f.default(e,g),R=o.useForwardRef(r,null),S=m.useRef(null);return m.createElement("div",{className:p.default(b,t)},m.createElement("input",s.default({className:p.default(v,d.default(d.default({},h,c),y,k)),ref:R,disabled:c,type:a},w)),m.createElement("div",{className:q},m.createElement(n.CSSTransition,{nodeRef:S,in:c,timeout:100,classNames:{enterActive:j,enterDone:N,exitActive:P,exitDone:O},unmountOnExit:!0},m.createElement(u.Spinner,{ref:S,className:x,width:"100%",height:"100%"}))))});E.displayName="Checkbox",exports.Checkbox=E,require("./style.production.css");

package/Checkbox/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var s=l(e),d=l(t),f=l(r),m=c(i),p=l(a),b="t16TL",v="vqHSH",y="IYq4y",q="W0nyo",h="HmXKw",j="YR6PM",x="Q7DFi",O="h1wA-",N="qjqOb",g="t3mB8",w=["className","type","loading","indeterminate"],E=m.forwardRef((function(e,t){var r=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,E=e.indeterminate,P=void 0!==E&&E,R=f.default(e,w),S=o.useForwardRef(t,null),k=m.useRef(null);return m.createElement("div",{className:p.default(b,r)},m.createElement("input",s.default({className:p.default(y,d.default(d.default({},h,c),q,P)),ref:S,disabled:c,type:a},R)),m.createElement("div",{className:v},m.createElement(n.CSSTransition,{nodeRef:k,in:c,timeout:100,classNames:{enterActive:x,enterDone:O,exitActive:N,exitDone:g},unmountOnExit:!0},m.createElement(u.Spinner,{ref:k,className:j,width:"100%",height:"100%"}))))}));E.displayName="Checkbox",exports.Checkbox=E,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/defineProperty"),r=require("@babel/runtime/helpers/objectWithoutProperties"),i=require("react"),n=require("react-transition-group"),a=require("clsx"),u=require("@prom-ui/core/Spinner"),o=require("@prom-ui/core/useForwardRef");function l(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var i=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,i.get?i:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var s=l(e),d=l(t),f=l(r),m=c(i),p=l(a),b="t16TL",v="vqHSH",y="IYq4y",q="W0nyo",h="HmXKw",j="YR6PM",x="Q7DFi",O="h1wA-",N="qjqOb",g="t3mB8",w=["className","type","loading","indeterminate"],E=m.forwardRef(function(e,t){var r=e.className,i=e.type,a=void 0===i?"checkbox":i,l=e.loading,c=void 0!==l&&l,E=e.indeterminate,P=void 0!==E&&E,R=f.default(e,w),S=o.useForwardRef(t,null),k=m.useRef(null);return m.createElement("div",{className:p.default(b,r)},m.createElement("input",s.default({className:p.default(y,d.default(d.default({},h,c),q,P)),ref:S,disabled:c,type:a},R)),m.createElement("div",{className:v},m.createElement(n.CSSTransition,{nodeRef:k,in:c,timeout:100,classNames:{enterActive:x,enterDone:O,exitActive:N,exitDone:g},unmountOnExit:!0},m.createElement(u.Spinner,{ref:k,className:j,width:"100%",height:"100%"}))))});E.displayName="Checkbox",exports.Checkbox=E,require("./style.production.v2.css");

package/Checkbox/index.d.ts

@@ -1,9 +1,18 @@
 import * as React from 'react';
 export type CheckboxProps = React.ComponentPropsWithRef<'input'> & {
+    /** Тип поля. `'radio'` — для використання як радіокнопки */
     type?: 'checkbox' | 'radio';
+    /** CSS-клас кореневого елемента */
     className?: string;
     /** Спиннер */
     loading?: boolean;
+    /** Проміжний стан вибору (частково вибрано) */
     indeterminate?: boolean;
 };
+/**
+ * Чекбокс з підтримкою стану завантаження та проміжного вибору.
+ * @example
+ * import { Checkbox } from '@prom-ui/core/Checkbox'
+ * <Checkbox checked={isChecked} onChange={(e) => setChecked(e.target.checked)} />
+ */
 export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;

package/Checkbox/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/Checkbox",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ColorScheme/cjs/index.development.js

@@ -35,25 +35,36 @@ var clsx__default = /*#__PURE__*/_interopDefaultCompat(clsx);
 var css = {"root":"ColorScheme__root___dgQ3J"};
 
 var _excluded = ["value", "children", "className"];
+var ColorSchemeContext = /*#__PURE__*/React__namespace.createContext(null);
+
 /**
- * Компонент для локального керування темою (`light` / `dark`) у межах будь-якого блоку.
+ * Локальне керування темою (`light` / `dark`) у межах будь-якого блоку.
  * Дозволяє вбудовувати світлі секції у темну сторінку або навпаки.
+ * Надає тему через контекст для `useColorScheme`.
+ * @example
+ * import { ColorScheme } from '@prom-ui/core/ColorScheme'
+ * <ColorScheme value='dark'>
+ *   <div>Цей блок завжди темний</div>
+ * </ColorScheme>
  */
 var ColorScheme = function ColorScheme(_ref) {
   var value = _ref.value,
     children = _ref.children,
     className = _ref.className,
     props = _objectWithoutProperties__default.default(_ref, _excluded);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({
+  return /*#__PURE__*/React__namespace.createElement(ColorSchemeContext.Provider, {
+    value: value !== null && value !== void 0 ? value : null
+  }, /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({
     "data-testid": "color_scheme",
     "data-qaid": "color_scheme"
   }, props, {
     className: clsx__default.default(css.root, className),
     "data-pds-color-scheme": value
-  }), children);
+  }), children));
 };
 ColorScheme.displayName = 'ColorScheme';
 
 exports.ColorScheme = ColorScheme;
+exports.ColorSchemeContext = ColorSchemeContext;
 
 require('./style.development.css');

package/ColorScheme/cjs/index.development.v2.js

@@ -35,25 +35,36 @@ var clsx__default = /*#__PURE__*/_interopDefaultCompat(clsx);
 var css = {"root":"ColorScheme__root___V-QUc"};
 
 var _excluded = ["value", "children", "className"];
+var ColorSchemeContext = /*#__PURE__*/React__namespace.createContext(null);
+
 /**
- * Компонент для локального керування темою (`light` / `dark`) у межах будь-якого блоку.
+ * Локальне керування темою (`light` / `dark`) у межах будь-якого блоку.
  * Дозволяє вбудовувати світлі секції у темну сторінку або навпаки.
+ * Надає тему через контекст для `useColorScheme`.
+ * @example
+ * import { ColorScheme } from '@prom-ui/core/ColorScheme'
+ * <ColorScheme value='dark'>
+ *   <div>Цей блок завжди темний</div>
+ * </ColorScheme>
  */
 var ColorScheme = function ColorScheme(_ref) {
   var value = _ref.value,
     children = _ref.children,
     className = _ref.className,
     props = _objectWithoutProperties__default.default(_ref, _excluded);
-  return /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({
+  return /*#__PURE__*/React__namespace.createElement(ColorSchemeContext.Provider, {
+    value: value !== null && value !== void 0 ? value : null
+  }, /*#__PURE__*/React__namespace.createElement("div", _extends__default.default({
     "data-testid": "color_scheme",
     "data-qaid": "color_scheme"
   }, props, {
     className: clsx__default.default(css.root, className),
     "data-pds-color-scheme": value
-  }), children);
+  }), children));
 };
 ColorScheme.displayName = 'ColorScheme';
 
 exports.ColorScheme = ColorScheme;
+exports.ColorSchemeContext = ColorSchemeContext;
 
 require('./style.development.v2.css');

package/ColorScheme/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("clsx");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=c(e),o=c(t),i=u(r),n=c(a),s="dgQ3J",d=["value","children","className"],f=function(e){var t=e.value,r=e.children,a=e.className,c=o.default(e,d);return i.createElement("div",l.default({"data-testid":"color_scheme","data-qaid":"color_scheme"},c,{className:n.default(s,a),"data-pds-color-scheme":t}),r)};f.displayName="ColorScheme",exports.ColorScheme=f,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),l=require("clsx");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=a(e),u=a(t),n=c(r),i=a(l),s="dgQ3J",d=["value","children","className"],f=n.createContext(null),m=function(e){var t=e.value,r=e.children,l=e.className,a=u.default(e,d);return n.createElement(f.Provider,{value:null!=t?t:null},n.createElement("div",o.default({"data-testid":"color_scheme","data-qaid":"color_scheme"},a,{className:i.default(s,l),"data-pds-color-scheme":t}),r))};m.displayName="ColorScheme",exports.ColorScheme=m,exports.ColorSchemeContext=f,require("./style.production.css");

package/ColorScheme/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),a=require("clsx");function c(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function u(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var a=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,a.get?a:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var l=c(e),o=c(t),i=u(r),n=c(a),s="V-QUc",d=["value","children","className"],f=function(e){var t=e.value,r=e.children,a=e.className,c=o.default(e,d);return i.createElement("div",l.default({"data-testid":"color_scheme","data-qaid":"color_scheme"},c,{className:n.default(s,a),"data-pds-color-scheme":t}),r)};f.displayName="ColorScheme",exports.ColorScheme=f,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/extends"),t=require("@babel/runtime/helpers/objectWithoutProperties"),r=require("react"),l=require("clsx");function a(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function c(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var l=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,l.get?l:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var o=a(e),u=a(t),n=c(r),i=a(l),s="V-QUc",d=["value","children","className"],f=n.createContext(null),m=function(e){var t=e.value,r=e.children,l=e.className,a=u.default(e,d);return n.createElement(f.Provider,{value:null!=t?t:null},n.createElement("div",o.default({"data-testid":"color_scheme","data-qaid":"color_scheme"},a,{className:i.default(s,l),"data-pds-color-scheme":t}),r))};m.displayName="ColorScheme",exports.ColorScheme=m,exports.ColorSchemeContext=f,require("./style.production.v2.css");

package/ColorScheme/index.d.ts

@@ -1,10 +1,20 @@
 import * as React from 'react';
+export type ColorSchemeValue = 'light' | 'dark';
 export type ColorSchemeProps = React.ComponentPropsWithoutRef<'div'> & React.PropsWithChildren<{
     /** Яку схему застосувати до контейнера: світлу або темну. */
-    value?: 'light' | 'dark';
+    value?: ColorSchemeValue;
 }>;
+declare const ColorSchemeContext: React.Context<ColorSchemeValue | null>;
 /**
- * Компонент для локального керування темою (`light` / `dark`) у межах будь-якого блоку.
+ * Локальне керування темою (`light` / `dark`) у межах будь-якого блоку.
  * Дозволяє вбудовувати світлі секції у темну сторінку або навпаки.
+ * Надає тему через контекст для `useColorScheme`.
+ * @example
+ * import { ColorScheme } from '@prom-ui/core/ColorScheme'
+ * <ColorScheme value='dark'>
+ *   <div>Цей блок завжди темний</div>
+ * </ColorScheme>
  */
 export declare const ColorScheme: React.FC<ColorSchemeProps>;
+/** Контекст локальної теми — null означає, що компонент поза ColorScheme */
+export { ColorSchemeContext };

package/ColorScheme/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ColorScheme",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ContextMenu/cjs/index.development.js

@@ -42,6 +42,14 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"buttonContent":"ContextMenu__buttonContent___k6I7C","buttonIcon":"ContextMenu__buttonIcon___AMl7D","buttonText":"ContextMenu__buttonText___1HzQ4","list":"ContextMenu__list___O4D4q","listItem":"ContextMenu__listItem___LNQ-G","buttonContentColor_red-900":"ContextMenu__buttonContentColor_red-900___A2TgC"};
 
 var _excluded = ["children", "items", "onOpen", "onClose", "isRenderPortal", "placement"];
+/**
+ * Контекстне меню. На десктопі відображається як Tooltip, на мобільному — як Overlay.
+ * @example
+ * import { ContextMenu } from '@prom-ui/core/ContextMenu'
+ * <ContextMenu items={[{ children: 'Редагувати', onClick: () => {} }]}>
+ *   <button>Відкрити меню</button>
+ * </ContextMenu>
+ */
 var ContextMenu = function ContextMenu(_ref) {
   var children = _ref.children,
     items = _ref.items,

package/ContextMenu/cjs/index.development.v2.js

@@ -42,6 +42,14 @@ var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
 var css = {"buttonContent":"ContextMenu__buttonContent___5zen8","buttonIcon":"ContextMenu__buttonIcon___X6HfE","buttonText":"ContextMenu__buttonText___-FPMX","list":"ContextMenu__list___0Zx8o","listItem":"ContextMenu__listItem___bLGxL","buttonContentColor_red-900":"ContextMenu__buttonContentColor_red-900___gQpHo"};
 
 var _excluded = ["children", "items", "onOpen", "onClose", "isRenderPortal", "placement"];
+/**
+ * Контекстне меню. На десктопі відображається як Tooltip, на мобільному — як Overlay.
+ * @example
+ * import { ContextMenu } from '@prom-ui/core/ContextMenu'
+ * <ContextMenu items={[{ children: 'Редагувати', onClick: () => {} }]}>
+ *   <button>Відкрити меню</button>
+ * </ContextMenu>
+ */
 var ContextMenu = function ContextMenu(_ref) {
   var children = _ref.children,
     items = _ref.items,

package/ContextMenu/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),r=require("clsx"),i=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Overlay"),c=require("@prom-ui/core/Tooltip"),l=require("@prom-ui/core/useMedia");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(e),b=d(t),p=d(n),f=s(o),_=d(r),h={buttonContent:"k6I7C",buttonIcon:"AMl7D",buttonText:"_1HzQ4",list:"O4D4q",listItem:"LNQ-G","buttonContentColor_red-900":"A2TgC"},x=["children","items","onOpen","onClose","isRenderPortal","placement"],C=function(e){var t=e.children,n=e.items,o=e.onOpen,r=e.onClose,d=e.isRenderPortal,s=void 0===d||d,C=e.placement,q=void 0===C?"bottom-end":C,y=p.default(e,x),v=f.useState(!1),O=b.default(v,2),g=O[0],E=O[1],j=l.useMedia({minWidth:"medium"}),k=function(){o&&o(),E(!0)},P=function(){r&&r(),E(!1)},w=f.createElement("ul",{className:h.list,"data-qaid":y["data-qaid"]||"context_menu","data-testid":y["data-testid"]||"context_menu"},n.map((function(e,t){var n=e.icon,o=e.onClick,r=e.isCloseOnClick,u=void 0===r||r,c=e.color,l=e.children;return f.createElement("li",{key:t,className:h.listItem,"data-qaid":"context_menu_item","data-testid":"context_menu_item"},f.createElement(i.Button,{type:"button","button-theme":"white","button-width":"1-1","button-round":"none","button-padding":"xs m","button-blackhole":["border-none","awesome-content"],"button-weight":"normal","data-qaid":"context_menu_button","data-testid":"context_menu_button",onClick:function(e){u&&P(),o&&o(e)}},f.createElement("div",{className:_.default(h.buttonContent,m.default({},h["buttonContentColor_".concat(c)],Boolean(c)))},!!n&&f.createElement(a.Icon,{className:h.buttonIcon,"icon-as":n,style:{width:24,height:24},"data-qaid":"context_menu_button_icon","data-testid":"context_menu_button_icon"}),f.createElement("div",{className:h.buttonText,"data-qaid":"context_menu_button_text","data-testid":"context_menu_button_text"},l))))})));return j?f.createElement(c.Tooltip,{isRenderPortal:s,trigger:"click",placement:q,isShowArrow:!1,content:w,isVisible:g,padding:"0",onVisibleChange:function(e){g?e||P():e&&k()}},t):f.createElement(f.Fragment,null,f.cloneElement(t,{onClick:k}),f.createElement(u.Overlay,{isRenderPortal:s,isOpen:g,onClose:P,header:null,padding:"0"},w))};C.displayName="ContextMenu",exports.ContextMenu=C,require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),r=require("clsx"),i=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Overlay"),c=require("@prom-ui/core/Tooltip"),l=require("@prom-ui/core/useMedia");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var m=d(e),b=d(t),p=d(n),f=s(o),_=d(r),h={buttonContent:"k6I7C",buttonIcon:"AMl7D",buttonText:"_1HzQ4",list:"O4D4q",listItem:"LNQ-G","buttonContentColor_red-900":"A2TgC"},x=["children","items","onOpen","onClose","isRenderPortal","placement"],C=function(e){var t=e.children,n=e.items,o=e.onOpen,r=e.onClose,d=e.isRenderPortal,s=void 0===d||d,C=e.placement,q=void 0===C?"bottom-end":C,y=p.default(e,x),v=f.useState(!1),O=b.default(v,2),g=O[0],E=O[1],j=l.useMedia({minWidth:"medium"}),k=function(){o&&o(),E(!0)},P=function(){r&&r(),E(!1)},w=f.createElement("ul",{className:h.list,"data-qaid":y["data-qaid"]||"context_menu","data-testid":y["data-testid"]||"context_menu"},n.map(function(e,t){var n=e.icon,o=e.onClick,r=e.isCloseOnClick,u=void 0===r||r,c=e.color,l=e.children;return f.createElement("li",{key:t,className:h.listItem,"data-qaid":"context_menu_item","data-testid":"context_menu_item"},f.createElement(i.Button,{type:"button","button-theme":"white","button-width":"1-1","button-round":"none","button-padding":"xs m","button-blackhole":["border-none","awesome-content"],"button-weight":"normal","data-qaid":"context_menu_button","data-testid":"context_menu_button",onClick:function(e){u&&P(),o&&o(e)}},f.createElement("div",{className:_.default(h.buttonContent,m.default({},h["buttonContentColor_".concat(c)],Boolean(c)))},!!n&&f.createElement(a.Icon,{className:h.buttonIcon,"icon-as":n,style:{width:24,height:24},"data-qaid":"context_menu_button_icon","data-testid":"context_menu_button_icon"}),f.createElement("div",{className:h.buttonText,"data-qaid":"context_menu_button_text","data-testid":"context_menu_button_text"},l))))}));return j?f.createElement(c.Tooltip,{isRenderPortal:s,trigger:"click",placement:q,isShowArrow:!1,content:w,isVisible:g,padding:"0",onVisibleChange:function(e){g?e||P():e&&k()}},t):f.createElement(f.Fragment,null,f.cloneElement(t,{onClick:k}),f.createElement(u.Overlay,{isRenderPortal:s,isOpen:g,onClose:P,header:null,padding:"0"},w))};C.displayName="ContextMenu",exports.ContextMenu=C,require("./style.production.css");

package/ContextMenu/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),r=require("clsx"),i=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Overlay"),c=require("@prom-ui/core/Tooltip"),l=require("@prom-ui/core/useMedia");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}})),t.default=e,Object.freeze(t)}var m=d(e),b=d(t),p=d(n),f=s(o),_=d(r),x={buttonContent:"_5zen8",buttonIcon:"X6HfE",buttonText:"-FPMX",list:"_0Zx8o",listItem:"bLGxL","buttonContentColor_red-900":"gQpHo"},h=["children","items","onOpen","onClose","isRenderPortal","placement"],q=function(e){var t=e.children,n=e.items,o=e.onOpen,r=e.onClose,d=e.isRenderPortal,s=void 0===d||d,q=e.placement,C=void 0===q?"bottom-end":q,v=p.default(e,h),y=f.useState(!1),g=b.default(y,2),O=g[0],E=g[1],P=l.useMedia({minWidth:"medium"}),j=function(){o&&o(),E(!0)},k=function(){r&&r(),E(!1)},w=f.createElement("ul",{className:x.list,"data-qaid":v["data-qaid"]||"context_menu","data-testid":v["data-testid"]||"context_menu"},n.map((function(e,t){var n=e.icon,o=e.onClick,r=e.isCloseOnClick,u=void 0===r||r,c=e.color,l=e.children;return f.createElement("li",{key:t,className:x.listItem,"data-qaid":"context_menu_item","data-testid":"context_menu_item"},f.createElement(i.Button,{type:"button","button-theme":"white","button-width":"1-1","button-round":"none","button-padding":"xs m","button-blackhole":["border-none","awesome-content"],"button-weight":"normal","data-qaid":"context_menu_button","data-testid":"context_menu_button",onClick:function(e){u&&k(),o&&o(e)}},f.createElement("div",{className:_.default(x.buttonContent,m.default({},x["buttonContentColor_".concat(c)],Boolean(c)))},!!n&&f.createElement(a.Icon,{className:x.buttonIcon,"icon-as":n,style:{width:24,height:24},"data-qaid":"context_menu_button_icon","data-testid":"context_menu_button_icon"}),f.createElement("div",{className:x.buttonText,"data-qaid":"context_menu_button_text","data-testid":"context_menu_button_text"},l))))})));return P?f.createElement(c.Tooltip,{isRenderPortal:s,trigger:"click",placement:C,isShowArrow:!1,content:w,isVisible:O,padding:"0",onVisibleChange:function(e){O?e||k():e&&j()}},t):f.createElement(f.Fragment,null,f.cloneElement(t,{onClick:j}),f.createElement(u.Overlay,{isRenderPortal:s,isOpen:O,onClose:k,header:null,padding:"0"},w))};q.displayName="ContextMenu",exports.ContextMenu=q,require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/defineProperty"),t=require("@babel/runtime/helpers/slicedToArray"),n=require("@babel/runtime/helpers/objectWithoutProperties"),o=require("react"),r=require("clsx"),i=require("@prom-ui/core/Button"),a=require("@prom-ui/core/Icon"),u=require("@prom-ui/core/Overlay"),c=require("@prom-ui/core/Tooltip"),l=require("@prom-ui/core/useMedia");function d(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function s(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(n){if("default"!==n){var o=Object.getOwnPropertyDescriptor(e,n);Object.defineProperty(t,n,o.get?o:{enumerable:!0,get:function(){return e[n]}})}}),t.default=e,Object.freeze(t)}var m=d(e),b=d(t),p=d(n),f=s(o),_=d(r),x={buttonContent:"_5zen8",buttonIcon:"X6HfE",buttonText:"-FPMX",list:"_0Zx8o",listItem:"bLGxL","buttonContentColor_red-900":"gQpHo"},h=["children","items","onOpen","onClose","isRenderPortal","placement"],q=function(e){var t=e.children,n=e.items,o=e.onOpen,r=e.onClose,d=e.isRenderPortal,s=void 0===d||d,q=e.placement,C=void 0===q?"bottom-end":q,v=p.default(e,h),y=f.useState(!1),g=b.default(y,2),O=g[0],E=g[1],P=l.useMedia({minWidth:"medium"}),j=function(){o&&o(),E(!0)},k=function(){r&&r(),E(!1)},w=f.createElement("ul",{className:x.list,"data-qaid":v["data-qaid"]||"context_menu","data-testid":v["data-testid"]||"context_menu"},n.map(function(e,t){var n=e.icon,o=e.onClick,r=e.isCloseOnClick,u=void 0===r||r,c=e.color,l=e.children;return f.createElement("li",{key:t,className:x.listItem,"data-qaid":"context_menu_item","data-testid":"context_menu_item"},f.createElement(i.Button,{type:"button","button-theme":"white","button-width":"1-1","button-round":"none","button-padding":"xs m","button-blackhole":["border-none","awesome-content"],"button-weight":"normal","data-qaid":"context_menu_button","data-testid":"context_menu_button",onClick:function(e){u&&k(),o&&o(e)}},f.createElement("div",{className:_.default(x.buttonContent,m.default({},x["buttonContentColor_".concat(c)],Boolean(c)))},!!n&&f.createElement(a.Icon,{className:x.buttonIcon,"icon-as":n,style:{width:24,height:24},"data-qaid":"context_menu_button_icon","data-testid":"context_menu_button_icon"}),f.createElement("div",{className:x.buttonText,"data-qaid":"context_menu_button_text","data-testid":"context_menu_button_text"},l))))}));return P?f.createElement(c.Tooltip,{isRenderPortal:s,trigger:"click",placement:C,isShowArrow:!1,content:w,isVisible:O,padding:"0",onVisibleChange:function(e){O?e||k():e&&j()}},t):f.createElement(f.Fragment,null,f.cloneElement(t,{onClick:j}),f.createElement(u.Overlay,{isRenderPortal:s,isOpen:O,onClose:k,header:null,padding:"0"},w))};q.displayName="ContextMenu",exports.ContextMenu=q,require("./style.production.v2.css");

package/ContextMenu/index.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
 export type ContextMenuProps = {
+    /** Бажане розташування меню відносно тригера */
     placement?: 'bottom-start' | 'bottom-end';
-    /** Элемент триггера DOM */
+    /** DOM-елемент тригера */
     children: React.ReactElement<any, any>;
-    /** Срабатывает когда меню открыто */
+    /** Спрацьовує, коли меню відкрито */
     onOpen?: () => void;
-    /** Срабатывает когда меню закрыто */
+    /** Спрацьовує, коли меню закрито */
     onClose?: () => void;
-    /** Рендер в конец `<body>` */
+    /** Рендер у кінець `<body>` */
     isRenderPortal?: boolean;
-    /** items */
+    /** Елементи меню */
     items: {
         icon?: React.ElementType;
         onClick?: React.ComponentPropsWithoutRef<'button'>['onClick'];
@@ -22,4 +23,12 @@ export type ContextMenuProps = {
     /** @ignore */
     ['data-testid']?: string;
 };
+/**
+ * Контекстне меню. На десктопі відображається як Tooltip, на мобільному — як Overlay.
+ * @example
+ * import { ContextMenu } from '@prom-ui/core/ContextMenu'
+ * <ContextMenu items={[{ children: 'Редагувати', onClick: () => {} }]}>
+ *   <button>Відкрити меню</button>
+ * </ContextMenu>
+ */
 export declare const ContextMenu: React.FC<ContextMenuProps>;

package/ContextMenu/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ContextMenu",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [

package/ErrorCatch/ErrorCatch.d.ts

@@ -1,10 +1,11 @@
 import * as React from 'react';
 import { type ErrorViewProps } from './components/ErrorView';
 export type ErrorCatchProps = {
-    /** Component display name */
+    /** Назва компонента — використовується у повідомленні про помилку */
     name: string;
+    /** Дочірнє дерево, яке захищається від помилок рендерингу */
     children: React.ReactNode;
-    /** Custom error view */
+    /** Кастомний UI для відображення у разі помилки */
     errorView?: React.ReactElement<ErrorViewProps>;
 };
 type ErrorCatchState = {
@@ -12,7 +13,12 @@ type ErrorCatchState = {
     isHidden: boolean;
 };
 /**
- * React-компонент, що перехоплює помилки JavaScript у будь-якому місці свого дочірнього дерева компонентів, реєструє ці помилки та відображає резервний користувацький інтерфейс.
+ * Error Boundary: перехоплює помилки у дочірньому дереві, реєструє їх та показує резервний UI.
+ * @example
+ * import { ErrorCatch } from '@prom-ui/core/ErrorCatch'
+ * <ErrorCatch name='MyComponent'>
+ *   <MyComponent />
+ * </ErrorCatch>
  */
 export declare class ErrorCatch extends React.Component<ErrorCatchProps, ErrorCatchState> {
     constructor(props: ErrorCatchProps);

package/ErrorCatch/cjs/index.development.js

@@ -124,7 +124,12 @@ ErrorView.displayName = 'ErrorView';
 function _callSuper(t, o, e) { return o = _getPrototypeOf__default.default(o), _possibleConstructorReturn__default.default(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default.default(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
- * React-компонент, що перехоплює помилки JavaScript у будь-якому місці свого дочірнього дерева компонентів, реєструє ці помилки та відображає резервний користувацький інтерфейс.
+ * Error Boundary: перехоплює помилки у дочірньому дереві, реєструє їх та показує резервний UI.
+ * @example
+ * import { ErrorCatch } from '@prom-ui/core/ErrorCatch'
+ * <ErrorCatch name='MyComponent'>
+ *   <MyComponent />
+ * </ErrorCatch>
  */
 var ErrorCatch = /*#__PURE__*/function (_React$Component) {
   function ErrorCatch(props) {

package/ErrorCatch/cjs/index.development.v2.js

@@ -124,7 +124,12 @@ ErrorView.displayName = 'ErrorView';
 function _callSuper(t, o, e) { return o = _getPrototypeOf__default.default(o), _possibleConstructorReturn__default.default(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default.default(t).constructor) : o.apply(t, e)); }
 function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
 /**
- * React-компонент, що перехоплює помилки JavaScript у будь-якому місці свого дочірнього дерева компонентів, реєструє ці помилки та відображає резервний користувацький інтерфейс.
+ * Error Boundary: перехоплює помилки у дочірньому дереві, реєструє їх та показує резервний UI.
+ * @example
+ * import { ErrorCatch } from '@prom-ui/core/ErrorCatch'
+ * <ErrorCatch name='MyComponent'>
+ *   <MyComponent />
+ * </ErrorCatch>
  */
 var ErrorCatch = /*#__PURE__*/function (_React$Component) {
   function ErrorCatch(props) {

package/ErrorCatch/cjs/index.production.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),r=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/defineProperty"),i=require("react"),l=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Reload"),f=require("@prom-ui/icons/Close");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var h,b,_,E=m(e),v=m(t),y=m(r),g=m(n),q=m(o),C=m(a),O=p(i),w=m(l),x=m(u),k=function(e,t,r){console.error(e,t,r)},N="MgWkO",R="mFI5O",j="-bzUk",B="_9tlvu",P=function(e){var t=e.name,r=e.onClose,n=e.onReload,o=O.useState(!1),a=x.default(o,2),i=a[0],l=a[1],u=s.useBodyStoreTTag().t;return"production"!==process.env.NODE_ENV?O.createElement("div",{className:N,"data-qaid":"error_catch","data-testid":"error_catch","data-pds-color-scheme":"light"},O.createElement("div",{className:R,"data-qaid":"error_catch_text","data-testid":"error_catch_text"},u(h||(h=w.default(["Ошибка:"]))),!!t&&O.createElement(O.Fragment,null," ",O.createElement("span",{className:j,"data-qaid":"error_catch_component_name","data-testid":"error_catch_component_name"},t))),n&&O.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",className:B,onClick:function(){l(!0),setTimeout((function(){l(!1),n&&n()}),500)},title:u(b||(b=w.default(["Обновить"]))),loading:i,"data-qaid":"error_catch_button_reload","data-testid":"error_catch_button_reload"},O.createElement(d.SvgReload,{width:18,height:18})),r&&O.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",disabled:i,className:B,onClick:r,title:u(_||(_=w.default(["Скрыть"]))),"data-qaid":"error_catch_button_close","data-testid":"error_catch_button_close"},O.createElement(f.SvgClose,{width:18,height:18}))):null};function S(e,t,r){return t=g.default(t),y.default(e,T()?Reflect.construct(t,r||[],g.default(e).constructor):t.apply(e,r))}function T(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(T=function(){return!!e})()}P.displayName="ErrorView";var V=function(e){function t(e){var r;return E.default(this,t),r=S(this,t,[e]),C.default(r,"onClose",(function(){r.setState({isHidden:!0})})),C.default(r,"onReload",(function(){r.setState({isError:!1})})),r.state={isError:!1,isHidden:!1},r}return q.default(t,e),v.default(t,[{key:"componentDidCatch",value:function(e,t){var r=this.props.name;k("".concat(r,": Failed to render component"),e,t)}},{key:"render",value:function(){var e=this.props,t=e.name,r=e.errorView,n=e.children,o=this.state,a=o.isError;return o.isHidden?null:a?"undefined"==typeof window?null:r&&O.isValidElement(r)?O.cloneElement(r,{name:t,onReload:this.onReload,onClose:this.onClose}):null:n}}],[{key:"getDerivedStateFromError",value:function(){return{isError:!0}}}])}(O.Component);C.default(V,"defaultProps",{errorView:O.createElement(P,null)});exports.ErrorCatch=V,exports.setErrorCatchLog=function(e){k=e},exports.withErrorCatch=function(e,t){var r=function(r){return O.createElement(V,t,O.createElement(e,r))};return r.displayName="WithErrorCatch",r},require("./style.production.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),r=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),a=require("@babel/runtime/helpers/inherits"),o=require("@babel/runtime/helpers/defineProperty"),i=require("react"),l=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Reload"),f=require("@prom-ui/icons/Close");function m(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function p(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var h,b,_,E=m(e),v=m(t),y=m(r),g=m(n),q=m(a),C=m(o),O=p(i),w=m(l),x=m(u),k=function(e,t,r){console.error(e,t,r)},N="MgWkO",R="mFI5O",j="-bzUk",B="_9tlvu",P=function(e){var t=e.name,r=e.onClose,n=e.onReload,a=O.useState(!1),o=x.default(a,2),i=o[0],l=o[1],u=s.useBodyStoreTTag().t;return"production"!==process.env.NODE_ENV?O.createElement("div",{className:N,"data-qaid":"error_catch","data-testid":"error_catch","data-pds-color-scheme":"light"},O.createElement("div",{className:R,"data-qaid":"error_catch_text","data-testid":"error_catch_text"},u(h||(h=w.default(["Ошибка:"]))),!!t&&O.createElement(O.Fragment,null," ",O.createElement("span",{className:j,"data-qaid":"error_catch_component_name","data-testid":"error_catch_component_name"},t))),n&&O.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",className:B,onClick:function(){l(!0),setTimeout(function(){l(!1),n&&n()},500)},title:u(b||(b=w.default(["Обновить"]))),loading:i,"data-qaid":"error_catch_button_reload","data-testid":"error_catch_button_reload"},O.createElement(d.SvgReload,{width:18,height:18})),r&&O.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",disabled:i,className:B,onClick:r,title:u(_||(_=w.default(["Скрыть"]))),"data-qaid":"error_catch_button_close","data-testid":"error_catch_button_close"},O.createElement(f.SvgClose,{width:18,height:18}))):null};function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}P.displayName="ErrorView";var T=function(e){function t(e){var r,n,a,o;return E.default(this,t),n=this,a=t,o=[e],a=g.default(a),r=y.default(n,S()?Reflect.construct(a,o||[],g.default(n).constructor):a.apply(n,o)),C.default(r,"onClose",function(){r.setState({isHidden:!0})}),C.default(r,"onReload",function(){r.setState({isError:!1})}),r.state={isError:!1,isHidden:!1},r}return q.default(t,e),v.default(t,[{key:"componentDidCatch",value:function(e,t){var r=this.props.name;k("".concat(r,": Failed to render component"),e,t)}},{key:"render",value:function(){var e=this.props,t=e.name,r=e.errorView,n=e.children,a=this.state,o=a.isError;return a.isHidden?null:o?"undefined"==typeof window?null:r&&O.isValidElement(r)?O.cloneElement(r,{name:t,onReload:this.onReload,onClose:this.onClose}):null:n}}],[{key:"getDerivedStateFromError",value:function(){return{isError:!0}}}])}(O.Component);C.default(T,"defaultProps",{errorView:O.createElement(P,null)});exports.ErrorCatch=T,exports.setErrorCatchLog=function(e){k=e},exports.withErrorCatch=function(e,t){var r=function(r){return O.createElement(T,t,O.createElement(e,r))};return r.displayName="WithErrorCatch",r},require("./style.production.css");

package/ErrorCatch/cjs/index.production.v2.js

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),r=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/defineProperty"),i=require("react"),l=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Reload"),f=require("@prom-ui/icons/Close");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach((function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}})),t.default=e,Object.freeze(t)}var m,b,E,_=p(e),v=p(t),y=p(r),q=p(n),g=p(o),C=p(a),w=h(i),x=p(l),O=p(u),R=function(e,t,r){console.error(e,t,r)},N="EI1z9",j="E5oQs",k="RhcQc",B="mrpfL",P=function(e){var t=e.name,r=e.onClose,n=e.onReload,o=w.useState(!1),a=O.default(o,2),i=a[0],l=a[1],u=s.useBodyStoreTTag().t;return"production"!==process.env.NODE_ENV?w.createElement("div",{className:N,"data-qaid":"error_catch","data-testid":"error_catch","data-pds-color-scheme":"light"},w.createElement("div",{className:j,"data-qaid":"error_catch_text","data-testid":"error_catch_text"},u(m||(m=x.default(["Ошибка:"]))),!!t&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:k,"data-qaid":"error_catch_component_name","data-testid":"error_catch_component_name"},t))),n&&w.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",className:B,onClick:function(){l(!0),setTimeout((function(){l(!1),n&&n()}),500)},title:u(b||(b=x.default(["Обновить"]))),loading:i,"data-qaid":"error_catch_button_reload","data-testid":"error_catch_button_reload"},w.createElement(d.SvgReload,{width:18,height:18})),r&&w.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",disabled:i,className:B,onClick:r,title:u(E||(E=x.default(["Скрыть"]))),"data-qaid":"error_catch_button_close","data-testid":"error_catch_button_close"},w.createElement(f.SvgClose,{width:18,height:18}))):null};function S(e,t,r){return t=q.default(t),y.default(e,T()?Reflect.construct(t,r||[],q.default(e).constructor):t.apply(e,r))}function T(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){})))}catch(e){}return(T=function(){return!!e})()}P.displayName="ErrorView";var V=function(e){function t(e){var r;return _.default(this,t),r=S(this,t,[e]),C.default(r,"onClose",(function(){r.setState({isHidden:!0})})),C.default(r,"onReload",(function(){r.setState({isError:!1})})),r.state={isError:!1,isHidden:!1},r}return g.default(t,e),v.default(t,[{key:"componentDidCatch",value:function(e,t){var r=this.props.name;R("".concat(r,": Failed to render component"),e,t)}},{key:"render",value:function(){var e=this.props,t=e.name,r=e.errorView,n=e.children,o=this.state,a=o.isError;return o.isHidden?null:a?"undefined"==typeof window?null:r&&w.isValidElement(r)?w.cloneElement(r,{name:t,onReload:this.onReload,onClose:this.onClose}):null:n}}],[{key:"getDerivedStateFromError",value:function(){return{isError:!0}}}])}(w.Component);C.default(V,"defaultProps",{errorView:w.createElement(P,null)});exports.ErrorCatch=V,exports.setErrorCatchLog=function(e){R=e},exports.withErrorCatch=function(e,t){var r=function(r){return w.createElement(V,t,w.createElement(e,r))};return r.displayName="WithErrorCatch",r},require("./style.production.v2.css");
+"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("@babel/runtime/helpers/classCallCheck"),t=require("@babel/runtime/helpers/createClass"),r=require("@babel/runtime/helpers/possibleConstructorReturn"),n=require("@babel/runtime/helpers/getPrototypeOf"),o=require("@babel/runtime/helpers/inherits"),a=require("@babel/runtime/helpers/defineProperty"),i=require("react"),l=require("@babel/runtime/helpers/taggedTemplateLiteral"),u=require("@babel/runtime/helpers/slicedToArray"),c=require("@prom-ui/core/Button"),s=require("@prom-ui/core/BodyProvider"),d=require("@prom-ui/icons/Reload"),f=require("@prom-ui/icons/Close");function p(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function h(e){if(e&&"object"==typeof e&&"default"in e)return e;var t=Object.create(null);return e&&Object.keys(e).forEach(function(r){if("default"!==r){var n=Object.getOwnPropertyDescriptor(e,r);Object.defineProperty(t,r,n.get?n:{enumerable:!0,get:function(){return e[r]}})}}),t.default=e,Object.freeze(t)}var m,b,E,_=p(e),v=p(t),y=p(r),q=p(n),g=p(o),C=p(a),w=h(i),x=p(l),O=p(u),R=function(e,t,r){console.error(e,t,r)},N="EI1z9",j="E5oQs",k="RhcQc",B="mrpfL",P=function(e){var t=e.name,r=e.onClose,n=e.onReload,o=w.useState(!1),a=O.default(o,2),i=a[0],l=a[1],u=s.useBodyStoreTTag().t;return"production"!==process.env.NODE_ENV?w.createElement("div",{className:N,"data-qaid":"error_catch","data-testid":"error_catch","data-pds-color-scheme":"light"},w.createElement("div",{className:j,"data-qaid":"error_catch_text","data-testid":"error_catch_text"},u(m||(m=x.default(["Ошибка:"]))),!!t&&w.createElement(w.Fragment,null," ",w.createElement("span",{className:k,"data-qaid":"error_catch_component_name","data-testid":"error_catch_component_name"},t))),n&&w.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",className:B,onClick:function(){l(!0),setTimeout(function(){l(!1),n&&n()},500)},title:u(b||(b=x.default(["Обновить"]))),loading:i,"data-qaid":"error_catch_button_reload","data-testid":"error_catch_button_reload"},w.createElement(d.SvgReload,{width:18,height:18})),r&&w.createElement(c.Button,{"button-theme":"white-inherit","button-padding":"xxs",type:"button",disabled:i,className:B,onClick:r,title:u(E||(E=x.default(["Скрыть"]))),"data-qaid":"error_catch_button_close","data-testid":"error_catch_button_close"},w.createElement(f.SvgClose,{width:18,height:18}))):null};function S(){try{var e=!Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],function(){}))}catch(e){}return(S=function(){return!!e})()}P.displayName="ErrorView";var T=function(e){function t(e){var r,n,o,a;return _.default(this,t),n=this,o=t,a=[e],o=q.default(o),r=y.default(n,S()?Reflect.construct(o,a||[],q.default(n).constructor):o.apply(n,a)),C.default(r,"onClose",function(){r.setState({isHidden:!0})}),C.default(r,"onReload",function(){r.setState({isError:!1})}),r.state={isError:!1,isHidden:!1},r}return g.default(t,e),v.default(t,[{key:"componentDidCatch",value:function(e,t){var r=this.props.name;R("".concat(r,": Failed to render component"),e,t)}},{key:"render",value:function(){var e=this.props,t=e.name,r=e.errorView,n=e.children,o=this.state,a=o.isError;return o.isHidden?null:a?"undefined"==typeof window?null:r&&w.isValidElement(r)?w.cloneElement(r,{name:t,onReload:this.onReload,onClose:this.onClose}):null:n}}],[{key:"getDerivedStateFromError",value:function(){return{isError:!0}}}])}(w.Component);C.default(T,"defaultProps",{errorView:w.createElement(P,null)});exports.ErrorCatch=T,exports.setErrorCatchLog=function(e){R=e},exports.withErrorCatch=function(e,t){var r=function(r){return w.createElement(T,t,w.createElement(e,r))};return r.displayName="WithErrorCatch",r},require("./style.production.v2.css");

package/ErrorCatch/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@prom-ui/core/ErrorCatch",
-  "version": "2.5.0",
+  "version": "3.0.0",
   "main": "index.js",
   "types": "index.d.ts",
   "sideEffects": [