@prom-ui/core 1.18.0 → 1.19.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/Avatar/package.json +1 -1
- package/Backdrop/package.json +1 -1
- package/Badge/package.json +1 -1
- package/Body/package.json +1 -1
- package/BodyContext/package.json +1 -1
- package/BodyProvider/cjs/index.development.js +18 -18
- package/BodyProvider/cjs/index.development.v2.js +18 -18
- package/BodyProvider/cjs/index.production.js +1 -1
- package/BodyProvider/cjs/index.production.v2.js +1 -1
- package/BodyProvider/package.json +1 -1
- package/BodyScrollLock/package.json +1 -1
- package/Box/cjs/index.development.js +1 -1
- package/Box/cjs/index.development.v2.js +1 -1
- package/Box/cjs/index.production.js +1 -1
- package/Box/cjs/index.production.v2.js +1 -1
- package/Box/cjs/style.development.css +1 -1
- package/Box/cjs/style.development.v2.css +1 -1
- package/Box/cjs/style.production.css +1 -1
- package/Box/cjs/style.production.v2.css +1 -1
- package/Box/index.d.ts +2 -2
- package/Box/package.json +1 -1
- package/Button/package.json +1 -1
- package/ButtonPageUp/package.json +1 -1
- package/Checkbox/cjs/index.development.js +9 -4
- package/Checkbox/cjs/index.development.v2.js +9 -4
- package/Checkbox/cjs/index.production.js +1 -1
- package/Checkbox/cjs/index.production.v2.js +1 -1
- package/Checkbox/cjs/style.development.css +1 -1
- package/Checkbox/cjs/style.development.v2.css +1 -1
- package/Checkbox/cjs/style.production.css +1 -1
- package/Checkbox/cjs/style.production.v2.css +1 -1
- package/Checkbox/index.d.ts +1 -0
- package/Checkbox/package.json +1 -1
- package/ContextMenu/cjs/index.development.js +262 -0
- package/ContextMenu/cjs/index.development.v2.js +262 -0
- package/ContextMenu/cjs/index.production.js +1 -0
- package/ContextMenu/cjs/index.production.v2.js +1 -0
- package/ContextMenu/cjs/style.development.css +1 -0
- package/ContextMenu/cjs/style.development.v2.css +1 -0
- package/ContextMenu/cjs/style.production.css +1 -0
- package/ContextMenu/cjs/style.production.v2.css +1 -0
- package/ContextMenu/index.d.ts +25 -0
- package/ContextMenu/index.js +7 -0
- package/ContextMenu/index.v2.js +7 -0
- package/ContextMenu/package.json +12 -0
- package/ErrorCatch/ErrorCatch.d.ts +30 -0
- package/ErrorCatch/cjs/index.development.js +367 -0
- package/ErrorCatch/cjs/index.development.v2.js +367 -0
- package/ErrorCatch/cjs/index.production.js +1 -0
- package/ErrorCatch/cjs/index.production.v2.js +1 -0
- package/ErrorCatch/cjs/style.development.css +1 -0
- package/ErrorCatch/cjs/style.development.v2.css +1 -0
- package/ErrorCatch/cjs/style.production.css +1 -0
- package/ErrorCatch/cjs/style.production.v2.css +1 -0
- package/ErrorCatch/components/ErrorView.d.ts +7 -0
- package/ErrorCatch/index.d.ts +4 -0
- package/ErrorCatch/index.js +7 -0
- package/ErrorCatch/index.v2.js +7 -0
- package/ErrorCatch/package.json +9 -0
- package/ErrorCatch/utils.d.ts +4 -0
- package/ErrorCatch/withErrorCatch.d.ts +3 -0
- package/Flex/package.json +1 -1
- package/Grid/package.json +1 -1
- package/Icon/package.json +1 -1
- package/Image/package.json +1 -1
- package/ImageEmoji/package.json +1 -1
- package/Input/cjs/style.development.css +1 -1
- package/Input/cjs/style.development.v2.css +1 -1
- package/Input/cjs/style.production.css +1 -1
- package/Input/cjs/style.production.v2.css +1 -1
- package/Input/package.json +1 -1
- package/InputField/package.json +1 -1
- package/KeyPress/package.json +1 -1
- package/Label/package.json +1 -1
- package/Line/package.json +1 -1
- package/Link/package.json +1 -1
- package/List/package.json +1 -1
- package/Media/package.json +1 -1
- package/Modal/cjs/index.development.js +2 -2
- package/Modal/cjs/index.development.v2.js +2 -2
- package/Modal/cjs/index.production.js +1 -1
- package/Modal/cjs/index.production.v2.js +1 -1
- package/Modal/package.json +1 -1
- package/OutsideClick/package.json +1 -1
- package/Overlay/cjs/index.development.js +6 -6
- package/Overlay/cjs/index.development.v2.js +6 -6
- package/Overlay/cjs/index.production.js +1 -1
- package/Overlay/cjs/index.production.v2.js +1 -1
- package/Overlay/package.json +1 -2
- package/PhotoGallery/cjs/index.development.js +4 -1
- package/PhotoGallery/cjs/index.development.v2.js +4 -1
- package/PhotoGallery/cjs/index.production.js +1 -1
- package/PhotoGallery/cjs/index.production.v2.js +1 -1
- package/PhotoGallery/cjs/style.development.css +1 -1
- package/PhotoGallery/cjs/style.development.v2.css +1 -1
- package/PhotoGallery/cjs/style.production.css +1 -1
- package/PhotoGallery/cjs/style.production.v2.css +1 -1
- package/PhotoGallery/index.d.ts +1 -1
- package/PhotoGallery/package.json +1 -1
- package/Picture/cjs/index.development.js +1 -1
- package/Picture/cjs/index.development.v2.js +1 -1
- package/Picture/cjs/index.production.js +1 -1
- package/Picture/cjs/index.production.v2.js +1 -1
- package/Picture/cjs/style.development.css +1 -1
- package/Picture/cjs/style.development.v2.css +1 -1
- package/Picture/cjs/style.production.css +1 -1
- package/Picture/cjs/style.production.v2.css +1 -1
- package/Picture/index.d.ts +1 -1
- package/Picture/package.json +1 -1
- package/Portal/package.json +1 -1
- package/Progress/cjs/index.development.js +3 -9
- package/Progress/cjs/index.development.v2.js +3 -9
- package/Progress/cjs/index.production.js +1 -1
- package/Progress/cjs/index.production.v2.js +1 -1
- package/Progress/package.json +1 -1
- package/QRCode/package.json +1 -1
- package/Rating/package.json +1 -1
- package/RatingSelect/package.json +1 -1
- package/SafeQuery/cjs/index.development.js +3 -157
- package/SafeQuery/cjs/index.development.v2.js +3 -157
- package/SafeQuery/cjs/index.production.js +1 -1
- package/SafeQuery/cjs/index.production.v2.js +1 -1
- package/SafeQuery/package.json +2 -5
- package/Scroll/package.json +1 -1
- package/ScrollControls/ScrollControlsButton.d.ts +2 -2
- package/ScrollControls/cjs/index.development.js +4 -4
- package/ScrollControls/cjs/index.development.v2.js +4 -4
- package/ScrollControls/cjs/index.production.js +1 -1
- package/ScrollControls/cjs/index.production.v2.js +1 -1
- package/ScrollControls/index.d.ts +5 -4
- package/ScrollControls/package.json +1 -1
- package/SimpleSlider/cjs/style.development.css +1 -1
- package/SimpleSlider/cjs/style.development.v2.css +1 -1
- package/SimpleSlider/cjs/style.production.css +1 -1
- package/SimpleSlider/cjs/style.production.v2.css +1 -1
- package/SimpleSlider/package.json +1 -1
- package/Skeleton/package.json +1 -1
- package/SnackBar/package.json +1 -1
- package/SnackBarManager/package.json +1 -1
- package/Spinner/package.json +1 -1
- package/Text/package.json +1 -1
- package/TextEmoji/package.json +1 -1
- package/Tooltip/cjs/index.development.js +1 -1
- package/Tooltip/cjs/index.development.v2.js +1 -1
- package/Tooltip/cjs/index.production.js +1 -1
- package/Tooltip/cjs/index.production.v2.js +1 -1
- package/Tooltip/package.json +1 -1
- package/Tumbler/cjs/style.development.css +1 -1
- package/Tumbler/cjs/style.development.v2.css +1 -1
- package/Tumbler/cjs/style.production.css +1 -1
- package/Tumbler/cjs/style.production.v2.css +1 -1
- package/Tumbler/package.json +1 -1
- package/Viewport/cjs/index.development.js +113 -0
- package/Viewport/cjs/index.development.v2.js +113 -0
- package/Viewport/cjs/index.production.js +1 -0
- package/Viewport/cjs/index.production.v2.js +1 -0
- package/Viewport/index.d.ts +15 -0
- package/Viewport/index.js +7 -0
- package/Viewport/index.v2.js +7 -0
- package/Viewport/package.json +9 -0
- package/package.json +3 -3
- package/useBodyTTag/package.json +1 -1
- package/useBrowserLayoutEffect/package.json +1 -1
- package/useDebounce/package.json +1 -1
- package/useForwardRef/package.json +1 -1
- package/useId/package.json +1 -1
- package/useInView/cjs/index.development.js +15 -0
- package/useInView/cjs/index.development.v2.js +15 -0
- package/useInView/cjs/index.production.js +1 -0
- package/useInView/cjs/index.production.v2.js +1 -0
- package/useInView/index.d.ts +9 -0
- package/useInView/index.js +7 -0
- package/useInView/index.v2.js +7 -0
- package/useInView/package.json +13 -0
- package/useIsMounted/package.json +1 -1
- package/useKeyPress/package.json +1 -1
- package/useMedia/package.json +1 -1
- package/useOutsideClick/package.json +1 -1
- package/usePortal/package.json +1 -1
- package/useScrollPosition/package.json +1 -1
- package/useSnackBar/package.json +1 -1
- package/SafeQuery/cjs/style.development.css +0 -1
- package/SafeQuery/cjs/style.development.v2.css +0 -1
- package/SafeQuery/cjs/style.production.css +0 -1
- package/SafeQuery/cjs/style.production.v2.css +0 -1
- package/SafeQuery/components/Error.d.ts +0 -7
package/Box/index.d.ts
CHANGED
|
@@ -1,12 +1,12 @@
|
|
|
1
1
|
import type { CreateBlock, EvokitProp, EvokitMediaSufix } from '@prom-ui/core/base/types';
|
|
2
|
-
type BoxThemes = EvokitMediaSufix<'black-50' | 'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'blue-50' | 'blue-500' | 'green-50' | 'green-500' | 'green-700' | 'orange-50' | 'red-100' | 'red-50' | 'red-500' | 'violet-100' | 'violet-50' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-100' | 'yellow-200' | 'yellow-50' | 'yellow-500' | 'yellow-700'>;
|
|
2
|
+
type BoxThemes = EvokitMediaSufix<'black-50' | 'black-100' | 'black-200' | 'black-300' | 'black-400' | 'black-600' | 'black-700' | 'black-800' | 'black-900' | 'blue-50' | 'blue-500' | 'green-50' | 'green-500' | 'green-700' | 'orange-50' | 'red-100' | 'red-50' | 'red-500' | 'violet-100' | 'violet-300' | 'violet-50' | 'violet-500' | 'violet-700' | 'violet-800' | 'white' | 'yellow-100' | 'yellow-200' | 'yellow-50' | 'yellow-500' | 'yellow-700'>;
|
|
3
3
|
type BoxBorderWidth = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
|
|
4
4
|
type BoxBorderStyle = EvokitMediaSufix<'solid' | 'dotted' | 'dashed'>;
|
|
5
5
|
type BoxAlign = EvokitMediaSufix<'none' | 'left' | 'center' | 'right'>;
|
|
6
6
|
type BoxDisplay = EvokitMediaSufix<'none' | 'none:empty' | 'block' | 'inline-block' | 'inline'>;
|
|
7
7
|
type BoxHeight = EvokitMediaSufix<'auto' | '1-1'>;
|
|
8
8
|
type BoxMargin = EvokitMediaSufix<'none' | 'auto' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
|
|
9
|
-
type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 100>;
|
|
9
|
+
type BoxOpacity = EvokitMediaSufix<0 | 10 | 20 | 30 | 40 | 50 | 60 | 70 | 80 | 90 | 100>;
|
|
10
10
|
type BoxOverflow = EvokitMediaSufix<'auto' | 'hidden' | 'scroll' | 'visible'>;
|
|
11
11
|
type BoxPadding = EvokitMediaSufix<'none' | 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 'xxl' | '3xl' | '4xl' | '5xl'>;
|
|
12
12
|
type BoxPlace = EvokitMediaSufix<'none' | 'top' | 'top-left' | 'top-right' | 'center' | 'center-left' | 'center-right' | 'bottom' | 'bottom-left' | 'bottom-right'>;
|
package/Box/package.json
CHANGED
package/Button/package.json
CHANGED
|
@@ -6,6 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var reactTransitionGroup = require('react-transition-group');
|
|
7
7
|
var classNames = require('clsx');
|
|
8
8
|
var Spinner = require('@prom-ui/core/Spinner');
|
|
9
|
+
var useForwardRef = require('@prom-ui/core/useForwardRef');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
12
|
|
|
@@ -100,21 +101,25 @@ function _toPropertyKey(arg) {
|
|
|
100
101
|
return typeof key === "symbol" ? key : String(key);
|
|
101
102
|
}
|
|
102
103
|
|
|
103
|
-
var css = {"root":"Checkbox__root___JbPkR","view":"Checkbox__view___Smb1v","input":"Checkbox__input___-KDH8","inputLoading":"Checkbox__inputLoading___3-2zC","spinner":"Checkbox__spinner___K7NKz","spinnerEnterActive":"Checkbox__spinnerEnterActive___ASYih","spinnerEnterDone":"Checkbox__spinnerEnterDone___vsNQ-","spinnerExitActive":"Checkbox__spinnerExitActive___X-b7M","spinnerExitDone":"Checkbox__spinnerExitDone___MP3D6"};
|
|
104
|
+
var css = {"root":"Checkbox__root___JbPkR","view":"Checkbox__view___Smb1v","input":"Checkbox__input___-KDH8","inputIndeterminate":"Checkbox__inputIndeterminate___S5zL6","inputLoading":"Checkbox__inputLoading___3-2zC","spinner":"Checkbox__spinner___K7NKz","spinnerEnterActive":"Checkbox__spinnerEnterActive___ASYih","spinnerEnterDone":"Checkbox__spinnerEnterDone___vsNQ-","spinnerExitActive":"Checkbox__spinnerExitActive___X-b7M","spinnerExitDone":"Checkbox__spinnerExitDone___MP3D6"};
|
|
104
105
|
|
|
105
|
-
var _excluded = ["className", "type", "loading"];
|
|
106
|
+
var _excluded = ["className", "type", "loading", "indeterminate"];
|
|
106
107
|
var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
108
|
+
var _classNames;
|
|
107
109
|
var className = _ref.className,
|
|
108
110
|
_ref$type = _ref.type,
|
|
109
111
|
type = _ref$type === void 0 ? 'checkbox' : _ref$type,
|
|
110
112
|
_ref$loading = _ref.loading,
|
|
111
113
|
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
114
|
+
_ref$indeterminate = _ref.indeterminate,
|
|
115
|
+
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
112
116
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
117
|
+
var inputRef = useForwardRef.useForwardRef(ref, null);
|
|
113
118
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
114
119
|
className: classNames__default.default(css.root, className)
|
|
115
120
|
}, /*#__PURE__*/React__namespace.createElement("input", _extends({
|
|
116
|
-
className: classNames__default.default(css.input,
|
|
117
|
-
ref:
|
|
121
|
+
className: classNames__default.default(css.input, (_classNames = {}, _defineProperty(_classNames, css.inputLoading, loading), _defineProperty(_classNames, css.inputIndeterminate, indeterminate), _classNames)),
|
|
122
|
+
ref: inputRef,
|
|
118
123
|
disabled: loading,
|
|
119
124
|
type: type
|
|
120
125
|
}, props)), /*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -6,6 +6,7 @@ var React = require('react');
|
|
|
6
6
|
var reactTransitionGroup = require('react-transition-group');
|
|
7
7
|
var classNames = require('clsx');
|
|
8
8
|
var Spinner = require('@prom-ui/core/Spinner');
|
|
9
|
+
var useForwardRef = require('@prom-ui/core/useForwardRef');
|
|
9
10
|
|
|
10
11
|
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
11
12
|
|
|
@@ -100,21 +101,25 @@ function _toPropertyKey(arg) {
|
|
|
100
101
|
return typeof key === "symbol" ? key : String(key);
|
|
101
102
|
}
|
|
102
103
|
|
|
103
|
-
var css = {"root":"Checkbox__root___10rVJ","view":"Checkbox__view___28qka","input":"Checkbox__input___qmAq9","inputLoading":"Checkbox__inputLoading___R-ARx","spinner":"Checkbox__spinner___8SelS","spinnerEnterActive":"Checkbox__spinnerEnterActive___KxSc9","spinnerEnterDone":"Checkbox__spinnerEnterDone___MNkDZ","spinnerExitActive":"Checkbox__spinnerExitActive___yE5Eg","spinnerExitDone":"Checkbox__spinnerExitDone___1qltp"};
|
|
104
|
+
var css = {"root":"Checkbox__root___10rVJ","view":"Checkbox__view___28qka","input":"Checkbox__input___qmAq9","inputIndeterminate":"Checkbox__inputIndeterminate___Ivv1c","inputLoading":"Checkbox__inputLoading___R-ARx","spinner":"Checkbox__spinner___8SelS","spinnerEnterActive":"Checkbox__spinnerEnterActive___KxSc9","spinnerEnterDone":"Checkbox__spinnerEnterDone___MNkDZ","spinnerExitActive":"Checkbox__spinnerExitActive___yE5Eg","spinnerExitDone":"Checkbox__spinnerExitDone___1qltp"};
|
|
104
105
|
|
|
105
|
-
var _excluded = ["className", "type", "loading"];
|
|
106
|
+
var _excluded = ["className", "type", "loading", "indeterminate"];
|
|
106
107
|
var Checkbox = /*#__PURE__*/React__namespace.forwardRef(function (_ref, ref) {
|
|
108
|
+
var _classNames;
|
|
107
109
|
var className = _ref.className,
|
|
108
110
|
_ref$type = _ref.type,
|
|
109
111
|
type = _ref$type === void 0 ? 'checkbox' : _ref$type,
|
|
110
112
|
_ref$loading = _ref.loading,
|
|
111
113
|
loading = _ref$loading === void 0 ? false : _ref$loading,
|
|
114
|
+
_ref$indeterminate = _ref.indeterminate,
|
|
115
|
+
indeterminate = _ref$indeterminate === void 0 ? false : _ref$indeterminate,
|
|
112
116
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
117
|
+
var inputRef = useForwardRef.useForwardRef(ref, null);
|
|
113
118
|
return /*#__PURE__*/React__namespace.createElement("div", {
|
|
114
119
|
className: classNames__default.default(css.root, className)
|
|
115
120
|
}, /*#__PURE__*/React__namespace.createElement("input", _extends({
|
|
116
|
-
className: classNames__default.default(css.input,
|
|
117
|
-
ref:
|
|
121
|
+
className: classNames__default.default(css.input, (_classNames = {}, _defineProperty(_classNames, css.inputLoading, loading), _defineProperty(_classNames, css.inputIndeterminate, indeterminate), _classNames)),
|
|
122
|
+
ref: inputRef,
|
|
118
123
|
disabled: loading,
|
|
119
124
|
type: type
|
|
120
125
|
}, props)), /*#__PURE__*/React__namespace.createElement("div", {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("clsx"),n=require("@prom-ui/core/Spinner"),i=require("@prom-ui/core/useForwardRef");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(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 n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=a(e),c=o(t);function l(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},f.apply(this,arguments)}function s(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var b="JbPkR",p="Smb1v",d="-KDH8",m="S5zL6",v="_3-2zC",y="K7NKz",O="ASYih",g="vsNQ-",j="X-b7M",h="MP3D6",S=["className","type","loading","indeterminate"],w=u.forwardRef((function(e,t){var o,a=e.className,w=e.type,x=void 0===w?"checkbox":w,N=e.loading,P=void 0!==N&&N,E=e.indeterminate,k=void 0!==E&&E,q=s(e,S),D=i.useForwardRef(t,null);return u.createElement("div",{className:c.default(b,a)},u.createElement("input",f({className:c.default(d,(o={},l(o,v,P),l(o,m,k),o)),ref:D,disabled:P,type:x},q)),u.createElement("div",{className:p},u.createElement(r.CSSTransition,{in:P,timeout:100,classNames:{enterActive:O,enterDone:g,exitActive:j,exitDone:h},unmountOnExit:!0},u.createElement(n.Spinner,{className:y,width:"100%",height:"100%"}))))}));w.displayName="Checkbox",exports.Checkbox=w,require("./style.production.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),
|
|
1
|
+
"use strict";Object.defineProperty(exports,"__esModule",{value:!0});var e=require("react"),r=require("react-transition-group"),t=require("clsx"),n=require("@prom-ui/core/Spinner"),i=require("@prom-ui/core/useForwardRef");function o(e){return e&&"object"==typeof e&&"default"in e?e:{default:e}}function a(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 n=Object.getOwnPropertyDescriptor(e,t);Object.defineProperty(r,t,n.get?n:{enumerable:!0,get:function(){return e[t]}})}})),r.default=e,Object.freeze(r)}var u=a(e),c=o(t);function l(e,r,t){return(r=function(e){var r=function(e,r){if("object"!=typeof e||null===e)return e;var t=e[Symbol.toPrimitive];if(void 0!==t){var n=t.call(e,r||"default");if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===r?String:Number)(e)}(e,"string");return"symbol"==typeof r?r:String(r)}(r))in e?Object.defineProperty(e,r,{value:t,enumerable:!0,configurable:!0,writable:!0}):e[r]=t,e}function f(){return f=Object.assign?Object.assign.bind():function(e){for(var r=1;r<arguments.length;r++){var t=arguments[r];for(var n in t)Object.prototype.hasOwnProperty.call(t,n)&&(e[n]=t[n])}return e},f.apply(this,arguments)}function s(e,r){if(null==e)return{};var t,n,i=function(e,r){if(null==e)return{};var t,n,i={},o=Object.keys(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||(i[t]=e[t]);return i}(e,r);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(e);for(n=0;n<o.length;n++)t=o[n],r.indexOf(t)>=0||Object.prototype.propertyIsEnumerable.call(e,t)&&(i[t]=e[t])}return i}var p="_10rVJ",b="_28qka",d="qmAq9",m="Ivv1c",v="R-ARx",y="_8SelS",O="KxSc9",g="MNkDZ",j="yE5Eg",h="_1qltp",x=["className","type","loading","indeterminate"],S=u.forwardRef((function(e,t){var o,a=e.className,S=e.type,w=void 0===S?"checkbox":S,E=e.loading,q=void 0!==E&&E,N=e.indeterminate,P=void 0!==N&&N,k=s(e,x),_=i.useForwardRef(t,null);return u.createElement("div",{className:c.default(p,a)},u.createElement("input",f({className:c.default(d,(o={},l(o,v,q),l(o,m,P),o)),ref:_,disabled:q,type:w},k)),u.createElement("div",{className:b},u.createElement(r.CSSTransition,{in:q,timeout:100,classNames:{enterActive:O,enterDone:g,exitActive:j,exitDone:h},unmountOnExit:!0},u.createElement(n.Spinner,{className:y,width:"100%",height:"100%"}))))}));S.displayName="Checkbox",exports.Checkbox=S,require("./style.production.v2.css");
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Checkbox__root___JbPkR{display:block;box-sizing:border-box;width:
|
|
1
|
+
.Checkbox__root___JbPkR{display:block;box-sizing:border-box;width:20px;height:20px;position:relative;flex-shrink:0}.Checkbox__view___Smb1v{width:100%;height:100%;position:relative}.Checkbox__view___Smb1v::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity;border-radius:var(--pds-round-xxs);border:2px var(--black-600) solid;background:var(--white)}.Checkbox__view___Smb1v::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-color,color,opacity;opacity:0;color:var(--white)}.Checkbox__input___-KDH8{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.Checkbox__input___-KDH8:disabled{cursor:default}.Checkbox__input___-KDH8[type=checkbox]+.Checkbox__view___Smb1v::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:6px;height:12px;transform:rotate(45deg) translate(-120%,-30%)}.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type=checkbox]+.Checkbox__view___Smb1v::before{background-color:var(--violet-500);border-color:var(--violet-500)}.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type=checkbox]+.Checkbox__view___Smb1v::after{width:10px;height:0;transform:rotate(0) translate(-50%,-50%);opacity:1}.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type=checkbox]:disabled+.Checkbox__view___Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.Checkbox__input___-KDH8.Checkbox__inputIndeterminate___S5zL6[type=checkbox]:disabled:checked+.Checkbox__view___Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.Checkbox__input___-KDH8[type=radio]+.Checkbox__view___Smb1v::before{border-radius:50%}.Checkbox__input___-KDH8[type=radio]+.Checkbox__view___Smb1v::after{width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px currentColor solid}.Checkbox__input___-KDH8:focus-visible+.Checkbox__view___Smb1v::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Checkbox__input___-KDH8:checked+.Checkbox__view___Smb1v::before{background-color:var(--violet-500);border-color:var(--violet-500)}.Checkbox__input___-KDH8:checked+.Checkbox__view___Smb1v::after{opacity:1}.Checkbox__input___-KDH8:disabled+.Checkbox__view___Smb1v::before{background-color:var(--white);border-color:var(--black-400)}.Checkbox__input___-KDH8:disabled:checked+.Checkbox__view___Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC{pointer-events:none}.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC+.Checkbox__view___Smb1v::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}.Checkbox__spinner___K7NKz{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.Checkbox__spinnerEnterActive___ASYih,.Checkbox__spinnerEnterDone___vsNQ-{opacity:1}.Checkbox__spinnerExitActive___X-b7M,.Checkbox__spinnerExitDone___MP3D6{opacity:0}@media (hover){.Checkbox__input___-KDH8:hover+.Checkbox__view___Smb1v::before{border-color:var(--black-700)}.Checkbox__input___-KDH8:checked:hover+.Checkbox__view___Smb1v::before{background-color:var(--violet-700);border-color:var(--violet-700)}.Checkbox__input___-KDH8:disabled:hover+.Checkbox__view___Smb1v::before{border-color:var(--black-400)}.Checkbox__input___-KDH8.Checkbox__inputLoading___3-2zC:hover+.Checkbox__view___Smb1v::before{background-color:var(--white);border-color:var(--black-400)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.Checkbox__root___10rVJ{display:block;box-sizing:border-box;width:
|
|
1
|
+
.Checkbox__root___10rVJ{display:block;box-sizing:border-box;width:20px;height:20px;position:relative;flex-shrink:0}.Checkbox__view___28qka{width:100%;height:100%;position:relative}.Checkbox__view___28qka::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity;border-radius:var(--pds-round-xxs);border:2px var(--black-600) solid;background:var(--white)}.Checkbox__view___28qka::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-color,color,opacity;opacity:0;color:var(--white)}.Checkbox__input___qmAq9{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.Checkbox__input___qmAq9:disabled{cursor:default}.Checkbox__input___qmAq9[type=checkbox]+.Checkbox__view___28qka::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:6px;height:12px;transform:rotate(45deg) translate(-120%,-30%)}.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type=checkbox]+.Checkbox__view___28qka::before{background-color:var(--violet-500);border-color:var(--violet-500)}.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type=checkbox]+.Checkbox__view___28qka::after{width:10px;height:0;transform:rotate(0) translate(-50%,-50%);opacity:1}.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type=checkbox]:disabled+.Checkbox__view___28qka::before{background-color:var(--black-400);border-color:var(--black-400)}.Checkbox__input___qmAq9.Checkbox__inputIndeterminate___Ivv1c[type=checkbox]:disabled:checked+.Checkbox__view___28qka::before{background-color:var(--black-400);border-color:var(--black-400)}.Checkbox__input___qmAq9[type=radio]+.Checkbox__view___28qka::before{border-radius:50%}.Checkbox__input___qmAq9[type=radio]+.Checkbox__view___28qka::after{width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px currentColor solid}.Checkbox__input___qmAq9:focus-visible+.Checkbox__view___28qka::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.Checkbox__input___qmAq9:checked+.Checkbox__view___28qka::before{background-color:var(--violet-500);border-color:var(--violet-500)}.Checkbox__input___qmAq9:checked+.Checkbox__view___28qka::after{opacity:1}.Checkbox__input___qmAq9:disabled+.Checkbox__view___28qka::before{background-color:var(--white);border-color:var(--black-400)}.Checkbox__input___qmAq9:disabled:checked+.Checkbox__view___28qka::before{background-color:var(--black-400);border-color:var(--black-400)}.Checkbox__input___qmAq9.Checkbox__inputLoading___R-ARx{pointer-events:none}.Checkbox__input___qmAq9.Checkbox__inputLoading___R-ARx+.Checkbox__view___28qka::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}.Checkbox__spinner___8SelS{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.Checkbox__spinnerEnterActive___KxSc9,.Checkbox__spinnerEnterDone___MNkDZ{opacity:1}.Checkbox__spinnerExitActive___yE5Eg,.Checkbox__spinnerExitDone___1qltp{opacity:0}@media (hover){.Checkbox__input___qmAq9:hover+.Checkbox__view___28qka::before{border-color:var(--black-700)}.Checkbox__input___qmAq9:checked:hover+.Checkbox__view___28qka::before{background-color:var(--violet-700);border-color:var(--violet-700)}.Checkbox__input___qmAq9:disabled:hover+.Checkbox__view___28qka::before{border-color:var(--black-400)}.Checkbox__input___qmAq9.Checkbox__inputLoading___R-ARx:hover+.Checkbox__view___28qka::before{background-color:var(--white);border-color:var(--black-400)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.JbPkR{display:block;box-sizing:border-box;width:
|
|
1
|
+
.JbPkR{display:block;box-sizing:border-box;width:20px;height:20px;position:relative;flex-shrink:0}.Smb1v{width:100%;height:100%;position:relative}.Smb1v::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity;border-radius:var(--pds-round-xxs);border:2px var(--black-600) solid;background:var(--white)}.Smb1v::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-color,color,opacity;opacity:0;color:var(--white)}.-KDH8{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.-KDH8:disabled{cursor:default}.-KDH8[type=checkbox]+.Smb1v::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:6px;height:12px;transform:rotate(45deg) translate(-120%,-30%)}.-KDH8.S5zL6[type=checkbox]+.Smb1v::before{background-color:var(--violet-500);border-color:var(--violet-500)}.-KDH8.S5zL6[type=checkbox]+.Smb1v::after{width:10px;height:0;transform:rotate(0) translate(-50%,-50%);opacity:1}.-KDH8.S5zL6[type=checkbox]:disabled+.Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.-KDH8.S5zL6[type=checkbox]:disabled:checked+.Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.-KDH8[type=radio]+.Smb1v::before{border-radius:50%}.-KDH8[type=radio]+.Smb1v::after{width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px currentColor solid}.-KDH8:focus-visible+.Smb1v::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.-KDH8:checked+.Smb1v::before{background-color:var(--violet-500);border-color:var(--violet-500)}.-KDH8:checked+.Smb1v::after{opacity:1}.-KDH8:disabled+.Smb1v::before{background-color:var(--white);border-color:var(--black-400)}.-KDH8:disabled:checked+.Smb1v::before{background-color:var(--black-400);border-color:var(--black-400)}.-KDH8._3-2zC{pointer-events:none}.-KDH8._3-2zC+.Smb1v::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}.K7NKz{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.ASYih,.vsNQ-{opacity:1}.X-b7M,.MP3D6{opacity:0}@media (hover){.-KDH8:hover+.Smb1v::before{border-color:var(--black-700)}.-KDH8:checked:hover+.Smb1v::before{background-color:var(--violet-700);border-color:var(--violet-700)}.-KDH8:disabled:hover+.Smb1v::before{border-color:var(--black-400)}.-KDH8._3-2zC:hover+.Smb1v::before{background-color:var(--white);border-color:var(--black-400)}}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
._10rVJ{display:block;box-sizing:border-box;width:
|
|
1
|
+
._10rVJ{display:block;box-sizing:border-box;width:20px;height:20px;position:relative;flex-shrink:0}._28qka{width:100%;height:100%;position:relative}._28qka::before{content:"";position:absolute;left:0;top:0;width:100%;height:100%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-radius,background-color,border-color,opacity;border-radius:var(--pds-round-xxs);border:2px var(--black-600) solid;background:var(--white)}._28qka::after{content:"";position:absolute;left:50%;top:50%;box-sizing:border-box;transition:140ms ease-in-out;transition-property:border-color,color,opacity;opacity:0;color:var(--white)}.qmAq9{position:absolute;left:0;top:0;width:100%;height:100%;z-index:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;opacity:0;padding:0;margin:0;cursor:pointer}.qmAq9:disabled{cursor:default}.qmAq9[type=checkbox]+._28qka::after{border-bottom:2px solid currentColor;border-right:2px solid currentColor;width:6px;height:12px;transform:rotate(45deg) translate(-120%,-30%)}.qmAq9.Ivv1c[type=checkbox]+._28qka::before{background-color:var(--violet-500);border-color:var(--violet-500)}.qmAq9.Ivv1c[type=checkbox]+._28qka::after{width:10px;height:0;transform:rotate(0) translate(-50%,-50%);opacity:1}.qmAq9.Ivv1c[type=checkbox]:disabled+._28qka::before{background-color:var(--black-400);border-color:var(--black-400)}.qmAq9.Ivv1c[type=checkbox]:disabled:checked+._28qka::before{background-color:var(--black-400);border-color:var(--black-400)}.qmAq9[type=radio]+._28qka::before{border-radius:50%}.qmAq9[type=radio]+._28qka::after{width:16px;height:16px;transform:translate(-50%,-50%);border-radius:50%;background-color:transparent;border:3px currentColor solid}.qmAq9:focus-visible+._28qka::before{outline:var(--pds-round-xxs) auto Highlight;outline:var(--pds-round-xxs) auto -webkit-focus-ring-color}.qmAq9:checked+._28qka::before{background-color:var(--violet-500);border-color:var(--violet-500)}.qmAq9:checked+._28qka::after{opacity:1}.qmAq9:disabled+._28qka::before{background-color:var(--white);border-color:var(--black-400)}.qmAq9:disabled:checked+._28qka::before{background-color:var(--black-400);border-color:var(--black-400)}.qmAq9.R-ARx{pointer-events:none}.qmAq9.R-ARx+._28qka::before{border-radius:50%;background-color:var(--white);border-color:var(--black-400)}._8SelS{color:var(--violet-500);opacity:0;transition:opacity 100ms ease-in-out}.KxSc9,.MNkDZ{opacity:1}.yE5Eg,._1qltp{opacity:0}@media (hover){.qmAq9:hover+._28qka::before{border-color:var(--black-700)}.qmAq9:checked:hover+._28qka::before{background-color:var(--violet-700);border-color:var(--violet-700)}.qmAq9:disabled:hover+._28qka::before{border-color:var(--black-400)}.qmAq9.R-ARx:hover+._28qka::before{background-color:var(--white);border-color:var(--black-400)}}
|
package/Checkbox/index.d.ts
CHANGED
|
@@ -4,5 +4,6 @@ export type CheckboxProps = React.ComponentPropsWithRef<'input'> & {
|
|
|
4
4
|
className?: string;
|
|
5
5
|
/** Спиннер */
|
|
6
6
|
loading?: boolean;
|
|
7
|
+
indeterminate?: boolean;
|
|
7
8
|
};
|
|
8
9
|
export declare const Checkbox: React.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
|
package/Checkbox/package.json
CHANGED
|
@@ -0,0 +1,262 @@
|
|
|
1
|
+
'use strict';
|
|
2
|
+
|
|
3
|
+
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
|
+
|
|
5
|
+
var React = require('react');
|
|
6
|
+
var classNames = require('clsx');
|
|
7
|
+
var Button = require('@prom-ui/core/Button');
|
|
8
|
+
var Icon = require('@prom-ui/core/Icon');
|
|
9
|
+
var Overlay = require('@prom-ui/core/Overlay');
|
|
10
|
+
var Tooltip = require('@prom-ui/core/Tooltip');
|
|
11
|
+
var useMedia = require('@prom-ui/core/useMedia');
|
|
12
|
+
|
|
13
|
+
function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
|
|
14
|
+
|
|
15
|
+
function _interopNamespaceCompat(e) {
|
|
16
|
+
if (e && typeof e === 'object' && 'default' in e) return e;
|
|
17
|
+
var n = Object.create(null);
|
|
18
|
+
if (e) {
|
|
19
|
+
Object.keys(e).forEach(function (k) {
|
|
20
|
+
if (k !== 'default') {
|
|
21
|
+
var d = Object.getOwnPropertyDescriptor(e, k);
|
|
22
|
+
Object.defineProperty(n, k, d.get ? d : {
|
|
23
|
+
enumerable: true,
|
|
24
|
+
get: function () { return e[k]; }
|
|
25
|
+
});
|
|
26
|
+
}
|
|
27
|
+
});
|
|
28
|
+
}
|
|
29
|
+
n.default = e;
|
|
30
|
+
return Object.freeze(n);
|
|
31
|
+
}
|
|
32
|
+
|
|
33
|
+
var React__namespace = /*#__PURE__*/_interopNamespaceCompat(React);
|
|
34
|
+
var classNames__default = /*#__PURE__*/_interopDefaultCompat(classNames);
|
|
35
|
+
|
|
36
|
+
function _iterableToArrayLimit(arr, i) {
|
|
37
|
+
var _i = null == arr ? null : "undefined" != typeof Symbol && arr[Symbol.iterator] || arr["@@iterator"];
|
|
38
|
+
if (null != _i) {
|
|
39
|
+
var _s,
|
|
40
|
+
_e,
|
|
41
|
+
_x,
|
|
42
|
+
_r,
|
|
43
|
+
_arr = [],
|
|
44
|
+
_n = !0,
|
|
45
|
+
_d = !1;
|
|
46
|
+
try {
|
|
47
|
+
if (_x = (_i = _i.call(arr)).next, 0 === i) {
|
|
48
|
+
if (Object(_i) !== _i) return;
|
|
49
|
+
_n = !1;
|
|
50
|
+
} else for (; !(_n = (_s = _x.call(_i)).done) && (_arr.push(_s.value), _arr.length !== i); _n = !0);
|
|
51
|
+
} catch (err) {
|
|
52
|
+
_d = !0, _e = err;
|
|
53
|
+
} finally {
|
|
54
|
+
try {
|
|
55
|
+
if (!_n && null != _i.return && (_r = _i.return(), Object(_r) !== _r)) return;
|
|
56
|
+
} finally {
|
|
57
|
+
if (_d) throw _e;
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
return _arr;
|
|
61
|
+
}
|
|
62
|
+
}
|
|
63
|
+
function _defineProperty(obj, key, value) {
|
|
64
|
+
key = _toPropertyKey(key);
|
|
65
|
+
if (key in obj) {
|
|
66
|
+
Object.defineProperty(obj, key, {
|
|
67
|
+
value: value,
|
|
68
|
+
enumerable: true,
|
|
69
|
+
configurable: true,
|
|
70
|
+
writable: true
|
|
71
|
+
});
|
|
72
|
+
} else {
|
|
73
|
+
obj[key] = value;
|
|
74
|
+
}
|
|
75
|
+
return obj;
|
|
76
|
+
}
|
|
77
|
+
function _objectWithoutPropertiesLoose(source, excluded) {
|
|
78
|
+
if (source == null) return {};
|
|
79
|
+
var target = {};
|
|
80
|
+
var sourceKeys = Object.keys(source);
|
|
81
|
+
var key, i;
|
|
82
|
+
for (i = 0; i < sourceKeys.length; i++) {
|
|
83
|
+
key = sourceKeys[i];
|
|
84
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
85
|
+
target[key] = source[key];
|
|
86
|
+
}
|
|
87
|
+
return target;
|
|
88
|
+
}
|
|
89
|
+
function _objectWithoutProperties(source, excluded) {
|
|
90
|
+
if (source == null) return {};
|
|
91
|
+
var target = _objectWithoutPropertiesLoose(source, excluded);
|
|
92
|
+
var key, i;
|
|
93
|
+
if (Object.getOwnPropertySymbols) {
|
|
94
|
+
var sourceSymbolKeys = Object.getOwnPropertySymbols(source);
|
|
95
|
+
for (i = 0; i < sourceSymbolKeys.length; i++) {
|
|
96
|
+
key = sourceSymbolKeys[i];
|
|
97
|
+
if (excluded.indexOf(key) >= 0) continue;
|
|
98
|
+
if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue;
|
|
99
|
+
target[key] = source[key];
|
|
100
|
+
}
|
|
101
|
+
}
|
|
102
|
+
return target;
|
|
103
|
+
}
|
|
104
|
+
function _slicedToArray(arr, i) {
|
|
105
|
+
return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest();
|
|
106
|
+
}
|
|
107
|
+
function _arrayWithHoles(arr) {
|
|
108
|
+
if (Array.isArray(arr)) return arr;
|
|
109
|
+
}
|
|
110
|
+
function _unsupportedIterableToArray(o, minLen) {
|
|
111
|
+
if (!o) return;
|
|
112
|
+
if (typeof o === "string") return _arrayLikeToArray(o, minLen);
|
|
113
|
+
var n = Object.prototype.toString.call(o).slice(8, -1);
|
|
114
|
+
if (n === "Object" && o.constructor) n = o.constructor.name;
|
|
115
|
+
if (n === "Map" || n === "Set") return Array.from(o);
|
|
116
|
+
if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen);
|
|
117
|
+
}
|
|
118
|
+
function _arrayLikeToArray(arr, len) {
|
|
119
|
+
if (len == null || len > arr.length) len = arr.length;
|
|
120
|
+
for (var i = 0, arr2 = new Array(len); i < len; i++) arr2[i] = arr[i];
|
|
121
|
+
return arr2;
|
|
122
|
+
}
|
|
123
|
+
function _nonIterableRest() {
|
|
124
|
+
throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
|
|
125
|
+
}
|
|
126
|
+
function _toPrimitive(input, hint) {
|
|
127
|
+
if (typeof input !== "object" || input === null) return input;
|
|
128
|
+
var prim = input[Symbol.toPrimitive];
|
|
129
|
+
if (prim !== undefined) {
|
|
130
|
+
var res = prim.call(input, hint || "default");
|
|
131
|
+
if (typeof res !== "object") return res;
|
|
132
|
+
throw new TypeError("@@toPrimitive must return a primitive value.");
|
|
133
|
+
}
|
|
134
|
+
return (hint === "string" ? String : Number)(input);
|
|
135
|
+
}
|
|
136
|
+
function _toPropertyKey(arg) {
|
|
137
|
+
var key = _toPrimitive(arg, "string");
|
|
138
|
+
return typeof key === "symbol" ? key : String(key);
|
|
139
|
+
}
|
|
140
|
+
|
|
141
|
+
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"};
|
|
142
|
+
|
|
143
|
+
var _excluded = ["children", "items", "onOpen", "onClose", "isRenderPortal", "placement"];
|
|
144
|
+
var ContextMenu = function ContextMenu(_ref) {
|
|
145
|
+
var children = _ref.children,
|
|
146
|
+
items = _ref.items,
|
|
147
|
+
onOpen = _ref.onOpen,
|
|
148
|
+
onClose = _ref.onClose,
|
|
149
|
+
_ref$isRenderPortal = _ref.isRenderPortal,
|
|
150
|
+
isRenderPortal = _ref$isRenderPortal === void 0 ? true : _ref$isRenderPortal,
|
|
151
|
+
_ref$placement = _ref.placement,
|
|
152
|
+
placement = _ref$placement === void 0 ? 'bottom-end' : _ref$placement,
|
|
153
|
+
props = _objectWithoutProperties(_ref, _excluded);
|
|
154
|
+
var _React$useState = React__namespace.useState(false),
|
|
155
|
+
_React$useState2 = _slicedToArray(_React$useState, 2),
|
|
156
|
+
isOpen = _React$useState2[0],
|
|
157
|
+
setOpen = _React$useState2[1];
|
|
158
|
+
var isMinWidthMedium = useMedia.useMedia({
|
|
159
|
+
minWidth: 'medium'
|
|
160
|
+
});
|
|
161
|
+
var handleOnOpen = function handleOnOpen() {
|
|
162
|
+
if (onOpen) {
|
|
163
|
+
onOpen();
|
|
164
|
+
}
|
|
165
|
+
setOpen(true);
|
|
166
|
+
};
|
|
167
|
+
var handleOnClose = function handleOnClose() {
|
|
168
|
+
if (onClose) {
|
|
169
|
+
onClose();
|
|
170
|
+
}
|
|
171
|
+
setOpen(false);
|
|
172
|
+
};
|
|
173
|
+
var handleOnTooltipVisibleChange = function handleOnTooltipVisibleChange(visible) {
|
|
174
|
+
if (isOpen) {
|
|
175
|
+
if (!visible) {
|
|
176
|
+
handleOnClose();
|
|
177
|
+
}
|
|
178
|
+
} else {
|
|
179
|
+
if (visible) {
|
|
180
|
+
handleOnOpen();
|
|
181
|
+
}
|
|
182
|
+
}
|
|
183
|
+
};
|
|
184
|
+
var content = /*#__PURE__*/React__namespace.createElement("ul", {
|
|
185
|
+
className: css.list,
|
|
186
|
+
"data-qaid": props['data-qaid'] || 'context_menu',
|
|
187
|
+
"data-testid": props['data-testid'] || 'context_menu'
|
|
188
|
+
}, items.map(function (_ref2, index) {
|
|
189
|
+
var icon = _ref2.icon,
|
|
190
|
+
_onClick = _ref2.onClick,
|
|
191
|
+
_ref2$isCloseOnClick = _ref2.isCloseOnClick,
|
|
192
|
+
isCloseOnClick = _ref2$isCloseOnClick === void 0 ? true : _ref2$isCloseOnClick,
|
|
193
|
+
color = _ref2.color,
|
|
194
|
+
children = _ref2.children;
|
|
195
|
+
return /*#__PURE__*/React__namespace.createElement("li", {
|
|
196
|
+
key: index,
|
|
197
|
+
className: css.listItem,
|
|
198
|
+
"data-qaid": "context_menu_item",
|
|
199
|
+
"data-testid": "context_menu_item"
|
|
200
|
+
}, /*#__PURE__*/React__namespace.createElement(Button.Button, {
|
|
201
|
+
type: "button",
|
|
202
|
+
"button-theme": "white",
|
|
203
|
+
"button-width": "1-1",
|
|
204
|
+
"button-round": "none",
|
|
205
|
+
"button-padding": "xs m",
|
|
206
|
+
"button-blackhole": ['border-none', 'awesome-content'],
|
|
207
|
+
"button-weight": "normal",
|
|
208
|
+
"data-qaid": "context_menu_button",
|
|
209
|
+
"data-testid": "context_menu_button",
|
|
210
|
+
onClick: function onClick(e) {
|
|
211
|
+
if (isCloseOnClick) {
|
|
212
|
+
handleOnClose();
|
|
213
|
+
}
|
|
214
|
+
if (_onClick) {
|
|
215
|
+
_onClick(e);
|
|
216
|
+
}
|
|
217
|
+
}
|
|
218
|
+
}, /*#__PURE__*/React__namespace.createElement("div", {
|
|
219
|
+
className: classNames__default.default(css.buttonContent, _defineProperty({}, css["buttonContentColor_".concat(color)], Boolean(color)))
|
|
220
|
+
}, !!icon && /*#__PURE__*/React__namespace.createElement(Icon.Icon, {
|
|
221
|
+
className: css.buttonIcon,
|
|
222
|
+
"icon-as": icon,
|
|
223
|
+
style: {
|
|
224
|
+
width: 24,
|
|
225
|
+
height: 24
|
|
226
|
+
},
|
|
227
|
+
"data-qaid": "context_menu_button_icon",
|
|
228
|
+
"data-testid": "context_menu_button_icon"
|
|
229
|
+
}), /*#__PURE__*/React__namespace.createElement("div", {
|
|
230
|
+
className: css.buttonText,
|
|
231
|
+
"data-qaid": "context_menu_button_text",
|
|
232
|
+
"data-testid": "context_menu_button_text"
|
|
233
|
+
}, children))));
|
|
234
|
+
}));
|
|
235
|
+
if (isMinWidthMedium) {
|
|
236
|
+
return /*#__PURE__*/React__namespace.createElement(Tooltip.Tooltip, {
|
|
237
|
+
isRenderPortal: isRenderPortal,
|
|
238
|
+
trigger: "click",
|
|
239
|
+
placement: placement,
|
|
240
|
+
isShowArrow: false,
|
|
241
|
+
content: content,
|
|
242
|
+
isVisible: isOpen,
|
|
243
|
+
padding: "0",
|
|
244
|
+
onVisibleChange: handleOnTooltipVisibleChange
|
|
245
|
+
}, children);
|
|
246
|
+
} else {
|
|
247
|
+
return /*#__PURE__*/React__namespace.createElement(React__namespace.Fragment, null, /*#__PURE__*/React__namespace.cloneElement(children, {
|
|
248
|
+
onClick: handleOnOpen
|
|
249
|
+
}), /*#__PURE__*/React__namespace.createElement(Overlay.Overlay, {
|
|
250
|
+
isRenderPortal: isRenderPortal,
|
|
251
|
+
isOpen: isOpen,
|
|
252
|
+
onClose: handleOnClose,
|
|
253
|
+
header: null,
|
|
254
|
+
padding: "0"
|
|
255
|
+
}, content));
|
|
256
|
+
}
|
|
257
|
+
};
|
|
258
|
+
ContextMenu.displayName = 'ContextMenu';
|
|
259
|
+
|
|
260
|
+
exports.ContextMenu = ContextMenu;
|
|
261
|
+
|
|
262
|
+
require('./style.development.css');
|