@lumx/react 3.0.2-alpha-react-utils.2 → 3.0.2-alpha-react-utils.3
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/_internal/{6340c129.js → ClickAwayProvider.js} +107 -2
- package/_internal/ClickAwayProvider.js.map +1 -0
- package/_internal/{eca6d4dc.d.ts → types.d.ts} +1 -1
- package/index.d.ts +2627 -56
- package/index.js +12438 -56
- package/index.js.map +1 -1
- package/package.json +4 -4
- package/utils/index.d.ts +1 -1
- package/utils/index.js +1 -1
- package/_internal/0062d1bc.js +0 -220
- package/_internal/0062d1bc.js.map +0 -1
- package/_internal/03e8323d.d.ts +0 -118
- package/_internal/0402f9bc.d.ts +0 -183
- package/_internal/0b370acc.js +0 -796
- package/_internal/0b370acc.js.map +0 -1
- package/_internal/0d154d73.d.ts +0 -67
- package/_internal/113e3b40.d.ts +0 -31
- package/_internal/12ab39e4.js +0 -58
- package/_internal/12ab39e4.js.map +0 -1
- package/_internal/13e759f3.js +0 -343
- package/_internal/13e759f3.js.map +0 -1
- package/_internal/158b46d5.js +0 -151
- package/_internal/158b46d5.js.map +0 -1
- package/_internal/17b74e16.d.ts +0 -31
- package/_internal/1b1530a4.d.ts +0 -43
- package/_internal/20976405.js +0 -87
- package/_internal/20976405.js.map +0 -1
- package/_internal/20b0e9a5.d.ts +0 -77
- package/_internal/26cd9c63.js +0 -118
- package/_internal/26cd9c63.js.map +0 -1
- package/_internal/27f21164.js +0 -79
- package/_internal/27f21164.js.map +0 -1
- package/_internal/288dfd0f.js +0 -13
- package/_internal/288dfd0f.js.map +0 -1
- package/_internal/28aaf23a.d.ts +0 -41
- package/_internal/2c829c0b.d.ts +0 -57
- package/_internal/2cc0aec5.js +0 -86
- package/_internal/2cc0aec5.js.map +0 -1
- package/_internal/2d0a5b28.js +0 -23
- package/_internal/2d0a5b28.js.map +0 -1
- package/_internal/2d4b5a5e.d.ts +0 -92
- package/_internal/2d770113.d.ts +0 -38
- package/_internal/2fe97f00.js +0 -291
- package/_internal/2fe97f00.js.map +0 -1
- package/_internal/31c16fa0.d.ts +0 -37
- package/_internal/329a01d3.js +0 -25
- package/_internal/329a01d3.js.map +0 -1
- package/_internal/3326e990.js +0 -168
- package/_internal/3326e990.js.map +0 -1
- package/_internal/377b2f44.js +0 -70
- package/_internal/377b2f44.js.map +0 -1
- package/_internal/3b8d2a6e.js +0 -124
- package/_internal/3b8d2a6e.js.map +0 -1
- package/_internal/3bd3186e.d.ts +0 -57
- package/_internal/48e40868.js +0 -101
- package/_internal/48e40868.js.map +0 -1
- package/_internal/490ec1da.js +0 -322
- package/_internal/490ec1da.js.map +0 -1
- package/_internal/49127d69.d.ts +0 -52
- package/_internal/4dcd87cb.js +0 -78
- package/_internal/4dcd87cb.js.map +0 -1
- package/_internal/4f44d848.js +0 -157
- package/_internal/4f44d848.js.map +0 -1
- package/_internal/4fc64a2e.js +0 -27
- package/_internal/4fc64a2e.js.map +0 -1
- package/_internal/53a831be.js +0 -108
- package/_internal/53a831be.js.map +0 -1
- package/_internal/55271fa1.d.ts +0 -34
- package/_internal/55d30377.d.ts +0 -22
- package/_internal/56385b04.js +0 -116
- package/_internal/56385b04.js.map +0 -1
- package/_internal/599e250a.d.ts +0 -88
- package/_internal/5a054691.d.ts +0 -33
- package/_internal/5a127b58.js +0 -82
- package/_internal/5a127b58.js.map +0 -1
- package/_internal/5a1c0db4.js +0 -156
- package/_internal/5a1c0db4.js.map +0 -1
- package/_internal/5babcc39.js +0 -147
- package/_internal/5babcc39.js.map +0 -1
- package/_internal/5c1bf4d4.d.ts +0 -81
- package/_internal/5d8ed4ee.js +0 -113
- package/_internal/5d8ed4ee.js.map +0 -1
- package/_internal/616f2912.js +0 -301
- package/_internal/616f2912.js.map +0 -1
- package/_internal/61f915de.d.ts +0 -49
- package/_internal/620081fa.js +0 -122
- package/_internal/620081fa.js.map +0 -1
- package/_internal/6340c129.js.map +0 -1
- package/_internal/6581c863.d.ts +0 -34
- package/_internal/66de4d45.d.ts +0 -32
- package/_internal/6735c5c8.d.ts +0 -62
- package/_internal/69dd1472.js +0 -112
- package/_internal/69dd1472.js.map +0 -1
- package/_internal/6a0e1c77.js +0 -327
- package/_internal/6a0e1c77.js.map +0 -1
- package/_internal/701c20b0.d.ts +0 -24
- package/_internal/7391188a.js +0 -81
- package/_internal/7391188a.js.map +0 -1
- package/_internal/74cb6c26.js +0 -136
- package/_internal/74cb6c26.js.map +0 -1
- package/_internal/761031bf.js +0 -314
- package/_internal/761031bf.js.map +0 -1
- package/_internal/76fed69d.js +0 -50
- package/_internal/76fed69d.js.map +0 -1
- package/_internal/78ef8e34.js +0 -40
- package/_internal/78ef8e34.js.map +0 -1
- package/_internal/7b906e16.d.ts +0 -17
- package/_internal/7be11ddc.d.ts +0 -35
- package/_internal/7d39705e.d.ts +0 -20
- package/_internal/7e03266f.js +0 -47
- package/_internal/7e03266f.js.map +0 -1
- package/_internal/7e8d0ac5.js +0 -84
- package/_internal/7e8d0ac5.js.map +0 -1
- package/_internal/7ffa45f6.js +0 -48
- package/_internal/7ffa45f6.js.map +0 -1
- package/_internal/84c1ec44.js +0 -257
- package/_internal/84c1ec44.js.map +0 -1
- package/_internal/8518279f.js +0 -96
- package/_internal/8518279f.js.map +0 -1
- package/_internal/853713cd.js +0 -25
- package/_internal/853713cd.js.map +0 -1
- package/_internal/86566d75.d.ts +0 -27
- package/_internal/86d22dde.d.ts +0 -57
- package/_internal/8e755ded.d.ts +0 -101
- package/_internal/901471f5.d.ts +0 -37
- package/_internal/935ce959.d.ts +0 -49
- package/_internal/97089888.d.ts +0 -16
- package/_internal/97cc728c.d.ts +0 -26
- package/_internal/9ab3c637.js +0 -2474
- package/_internal/9ab3c637.js.map +0 -1
- package/_internal/9ca3f59c.js +0 -60
- package/_internal/9ca3f59c.js.map +0 -1
- package/_internal/9e95ea38.d.ts +0 -43
- package/_internal/a0108f92.js +0 -84
- package/_internal/a0108f92.js.map +0 -1
- package/_internal/a493a193.d.ts +0 -65
- package/_internal/a521723d.js +0 -120
- package/_internal/a521723d.js.map +0 -1
- package/_internal/a6fad025.d.ts +0 -107
- package/_internal/a8fa525f.js +0 -124
- package/_internal/a8fa525f.js.map +0 -1
- package/_internal/aca2ecf5.js +0 -141
- package/_internal/aca2ecf5.js.map +0 -1
- package/_internal/aef2ef1c.js +0 -53
- package/_internal/aef2ef1c.js.map +0 -1
- package/_internal/af048b0c.js +0 -89
- package/_internal/af048b0c.js.map +0 -1
- package/_internal/af2cd0cd.d.ts +0 -17
- package/_internal/afec6b62.js +0 -864
- package/_internal/afec6b62.js.map +0 -1
- package/_internal/b0eb3a30.js +0 -72
- package/_internal/b0eb3a30.js.map +0 -1
- package/_internal/b89517ea.js +0 -275
- package/_internal/b89517ea.js.map +0 -1
- package/_internal/bafa6fcc.js +0 -116
- package/_internal/bafa6fcc.js.map +0 -1
- package/_internal/bbbeb49e.js +0 -47
- package/_internal/bbbeb49e.js.map +0 -1
- package/_internal/c11f6162.d.ts +0 -52
- package/_internal/c723dab4.js +0 -133
- package/_internal/c723dab4.js.map +0 -1
- package/_internal/c87cc857.d.ts +0 -42
- package/_internal/c97f8d04.js +0 -424
- package/_internal/c97f8d04.js.map +0 -1
- package/_internal/cbb373ea.d.ts +0 -6
- package/_internal/cbef23b6.d.ts +0 -104
- package/_internal/cdf77f06.d.ts +0 -88
- package/_internal/d350f2ff.js +0 -105
- package/_internal/d350f2ff.js.map +0 -1
- package/_internal/d71a8cf7.js +0 -54
- package/_internal/d71a8cf7.js.map +0 -1
- package/_internal/d9337952.js +0 -96
- package/_internal/d9337952.js.map +0 -1
- package/_internal/def14e1a.d.ts +0 -24
- package/_internal/e0cd29c7.d.ts +0 -35
- package/_internal/e354228f.js +0 -145
- package/_internal/e354228f.js.map +0 -1
- package/_internal/e3922a05.d.ts +0 -22
- package/_internal/e3cb6177.d.ts +0 -75
- package/_internal/e810c841.d.ts +0 -182
- package/_internal/ea700b01.d.ts +0 -43
- package/_internal/eed07003.js +0 -122
- package/_internal/eed07003.js.map +0 -1
- package/_internal/f1c9b334.d.ts +0 -22
- package/_internal/f3c3a674.js +0 -281
- package/_internal/f3c3a674.js.map +0 -1
- package/_internal/f571cdcd.js +0 -132
- package/_internal/f571cdcd.js.map +0 -1
- package/_internal/f5bdff7e.js +0 -282
- package/_internal/f5bdff7e.js.map +0 -1
- package/_internal/f851fc00.d.ts +0 -34
- package/_internal/f859b007.d.ts +0 -49
- package/_internal/fb384b79.d.ts +0 -38
- package/_internal/fc4c034b.js +0 -63
- package/_internal/fc4c034b.js.map +0 -1
- package/_internal/fc608bd9.js +0 -16
- package/_internal/fc608bd9.js.map +0 -1
- package/_internal/fd1f4d68.d.ts +0 -36
- package/_internal/fd867c9d.js +0 -346
- package/_internal/fd867c9d.js.map +0 -1
- package/_internal/ff8081e5.js +0 -57
- package/_internal/ff8081e5.js.map +0 -1
- package/_internal/ffd1bfe3.js +0 -123
- package/_internal/ffd1bfe3.js.map +0 -1
- package/components/alert-dialog.d.ts +0 -6
- package/components/alert-dialog.js +0 -2
- package/components/alert-dialog.js.map +0 -1
- package/components/autocomplete.d.ts +0 -8
- package/components/autocomplete.js +0 -2
- package/components/autocomplete.js.map +0 -1
- package/components/avatar.d.ts +0 -4
- package/components/avatar.js +0 -2
- package/components/avatar.js.map +0 -1
- package/components/badge.d.ts +0 -3
- package/components/badge.js +0 -2
- package/components/badge.js.map +0 -1
- package/components/button.d.ts +0 -8
- package/components/button.js +0 -4
- package/components/button.js.map +0 -1
- package/components/checkbox.d.ts +0 -3
- package/components/checkbox.js +0 -2
- package/components/checkbox.js.map +0 -1
- package/components/chip.d.ts +0 -3
- package/components/chip.js +0 -3
- package/components/chip.js.map +0 -1
- package/components/comment-block.d.ts +0 -5
- package/components/comment-block.js +0 -2
- package/components/comment-block.js.map +0 -1
- package/components/date-picker.d.ts +0 -7
- package/components/date-picker.js +0 -2
- package/components/date-picker.js.map +0 -1
- package/components/dialog.d.ts +0 -3
- package/components/dialog.js +0 -2
- package/components/dialog.js.map +0 -1
- package/components/divider.d.ts +0 -3
- package/components/divider.js +0 -2
- package/components/divider.js.map +0 -1
- package/components/drag-handle.d.ts +0 -3
- package/components/drag-handle.js +0 -2
- package/components/drag-handle.js.map +0 -1
- package/components/dropdown.d.ts +0 -4
- package/components/dropdown.js +0 -2
- package/components/dropdown.js.map +0 -1
- package/components/expansion-panel.d.ts +0 -7
- package/components/expansion-panel.js +0 -2
- package/components/expansion-panel.js.map +0 -1
- package/components/flag.d.ts +0 -3
- package/components/flag.js +0 -2
- package/components/flag.js.map +0 -1
- package/components/flex-box.d.ts +0 -3
- package/components/flex-box.js +0 -2
- package/components/flex-box.js.map +0 -1
- package/components/generic-block.d.ts +0 -4
- package/components/generic-block.js +0 -2
- package/components/generic-block.js.map +0 -1
- package/components/grid.d.ts +0 -3
- package/components/grid.js +0 -2
- package/components/grid.js.map +0 -1
- package/components/heading.d.ts +0 -4
- package/components/heading.js +0 -2
- package/components/heading.js.map +0 -1
- package/components/icon.d.ts +0 -3
- package/components/icon.js +0 -2
- package/components/icon.js.map +0 -1
- package/components/image-block.d.ts +0 -4
- package/components/image-block.js +0 -2
- package/components/image-block.js.map +0 -1
- package/components/input-helper.d.ts +0 -3
- package/components/input-helper.js +0 -2
- package/components/input-helper.js.map +0 -1
- package/components/input-label.d.ts +0 -3
- package/components/input-label.js +0 -2
- package/components/input-label.js.map +0 -1
- package/components/lightbox.d.ts +0 -7
- package/components/lightbox.js +0 -2
- package/components/lightbox.js.map +0 -1
- package/components/link-preview.d.ts +0 -5
- package/components/link-preview.js +0 -2
- package/components/link-preview.js.map +0 -1
- package/components/link.d.ts +0 -3
- package/components/link.js +0 -2
- package/components/link.js.map +0 -1
- package/components/list.d.ts +0 -3
- package/components/list.js +0 -3
- package/components/list.js.map +0 -1
- package/components/message.d.ts +0 -3
- package/components/message.js +0 -2
- package/components/message.js.map +0 -1
- package/components/mosaic.d.ts +0 -4
- package/components/mosaic.js +0 -2
- package/components/mosaic.js.map +0 -1
- package/components/notification.d.ts +0 -3
- package/components/notification.js +0 -2
- package/components/notification.js.map +0 -1
- package/components/popover.d.ts +0 -3
- package/components/popover.js +0 -2
- package/components/popover.js.map +0 -1
- package/components/post-block.d.ts +0 -4
- package/components/post-block.js +0 -2
- package/components/post-block.js.map +0 -1
- package/components/progress-tracker.d.ts +0 -3
- package/components/progress-tracker.js +0 -2
- package/components/progress-tracker.js.map +0 -1
- package/components/progress.d.ts +0 -3
- package/components/progress.js +0 -2
- package/components/progress.js.map +0 -1
- package/components/radio-button.d.ts +0 -3
- package/components/radio-button.js +0 -2
- package/components/radio-button.js.map +0 -1
- package/components/select.d.ts +0 -7
- package/components/select.js +0 -2
- package/components/select.js.map +0 -1
- package/components/side-navigation.d.ts +0 -7
- package/components/side-navigation.js +0 -2
- package/components/side-navigation.js.map +0 -1
- package/components/skeleton.d.ts +0 -3
- package/components/skeleton.js +0 -2
- package/components/skeleton.js.map +0 -1
- package/components/slider.d.ts +0 -3
- package/components/slider.js +0 -2
- package/components/slider.js.map +0 -1
- package/components/slideshow.d.ts +0 -7
- package/components/slideshow.js +0 -2
- package/components/slideshow.js.map +0 -1
- package/components/switch.d.ts +0 -3
- package/components/switch.js +0 -2
- package/components/switch.js.map +0 -1
- package/components/table.d.ts +0 -3
- package/components/table.js +0 -2
- package/components/table.js.map +0 -1
- package/components/tabs.d.ts +0 -4
- package/components/tabs.js +0 -2
- package/components/tabs.js.map +0 -1
- package/components/text-field.d.ts +0 -7
- package/components/text-field.js +0 -2
- package/components/text-field.js.map +0 -1
- package/components/text.d.ts +0 -3
- package/components/text.js +0 -2
- package/components/text.js.map +0 -1
- package/components/thumbnail.d.ts +0 -4
- package/components/thumbnail.js +0 -3
- package/components/thumbnail.js.map +0 -1
- package/components/toolbar.d.ts +0 -3
- package/components/toolbar.js +0 -2
- package/components/toolbar.js.map +0 -1
- package/components/tooltip.d.ts +0 -4
- package/components/tooltip.js +0 -2
- package/components/tooltip.js.map +0 -1
- package/components/uploader.d.ts +0 -3
- package/components/uploader.js +0 -2
- package/components/uploader.js.map +0 -1
- package/components/user-block.d.ts +0 -5
- package/components/user-block.js +0 -2
- package/components/user-block.js.map +0 -1
- package/components.d.ts +0 -2
- package/components.js +0 -156
- package/components.js.map +0 -1
package/_internal/7e8d0ac5.js
DELETED
|
@@ -1,84 +0,0 @@
|
|
|
1
|
-
import { b as _objectWithoutProperties, c as _extends, _ as _objectSpread2 } from './6340c129.js';
|
|
2
|
-
import { Emphasis, Size, Theme } from '../components.js';
|
|
3
|
-
import React, { forwardRef } from 'react';
|
|
4
|
-
import { g as getRootClassName, c as classnames, a as getBasicClass } from './fd867c9d.js';
|
|
5
|
-
import { I as Icon } from './a521723d.js';
|
|
6
|
-
import isEmpty from 'lodash/isEmpty';
|
|
7
|
-
import { B as ButtonRoot } from './74cb6c26.js';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Button emphasis definition.
|
|
11
|
-
* @deprecated Use Emphasis instead.
|
|
12
|
-
*/
|
|
13
|
-
|
|
14
|
-
var ButtonEmphasis = Emphasis;
|
|
15
|
-
/**
|
|
16
|
-
* Defines the props of the component.
|
|
17
|
-
*/
|
|
18
|
-
|
|
19
|
-
/**
|
|
20
|
-
* Component display name.
|
|
21
|
-
*/
|
|
22
|
-
var COMPONENT_NAME = 'Button';
|
|
23
|
-
/**
|
|
24
|
-
* Component default class name and class prefix.
|
|
25
|
-
*/
|
|
26
|
-
|
|
27
|
-
var CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
28
|
-
/**
|
|
29
|
-
* Component default props.
|
|
30
|
-
*/
|
|
31
|
-
|
|
32
|
-
var DEFAULT_PROPS = {
|
|
33
|
-
emphasis: Emphasis.high,
|
|
34
|
-
size: Size.m,
|
|
35
|
-
theme: Theme.light
|
|
36
|
-
};
|
|
37
|
-
/**
|
|
38
|
-
* Button component.
|
|
39
|
-
*
|
|
40
|
-
* @param props Component props.
|
|
41
|
-
* @param ref Component ref.
|
|
42
|
-
* @return React element.
|
|
43
|
-
*/
|
|
44
|
-
|
|
45
|
-
var Button = forwardRef(function (props, ref) {
|
|
46
|
-
var children = props.children,
|
|
47
|
-
className = props.className,
|
|
48
|
-
emphasis = props.emphasis,
|
|
49
|
-
leftIcon = props.leftIcon,
|
|
50
|
-
rightIcon = props.rightIcon,
|
|
51
|
-
size = props.size,
|
|
52
|
-
theme = props.theme,
|
|
53
|
-
forwardedProps = _objectWithoutProperties(props, ["children", "className", "emphasis", "leftIcon", "rightIcon", "size", "theme"]);
|
|
54
|
-
|
|
55
|
-
var buttonClassName = classnames(className, getBasicClass({
|
|
56
|
-
prefix: CLASSNAME,
|
|
57
|
-
type: 'hasLeftIcon',
|
|
58
|
-
value: !isEmpty(leftIcon)
|
|
59
|
-
}), getBasicClass({
|
|
60
|
-
prefix: CLASSNAME,
|
|
61
|
-
type: 'hasRightIcon',
|
|
62
|
-
value: !isEmpty(rightIcon)
|
|
63
|
-
}));
|
|
64
|
-
return React.createElement(ButtonRoot, _extends({
|
|
65
|
-
ref: ref
|
|
66
|
-
}, _objectSpread2({
|
|
67
|
-
emphasis: emphasis,
|
|
68
|
-
size: size,
|
|
69
|
-
theme: theme
|
|
70
|
-
}, forwardedProps), {
|
|
71
|
-
className: buttonClassName,
|
|
72
|
-
variant: "button"
|
|
73
|
-
}), leftIcon && !isEmpty(leftIcon) && React.createElement(Icon, {
|
|
74
|
-
icon: leftIcon
|
|
75
|
-
}), children && React.createElement("span", null, children), rightIcon && !isEmpty(rightIcon) && React.createElement(Icon, {
|
|
76
|
-
icon: rightIcon
|
|
77
|
-
}));
|
|
78
|
-
});
|
|
79
|
-
Button.displayName = COMPONENT_NAME;
|
|
80
|
-
Button.className = CLASSNAME;
|
|
81
|
-
Button.defaultProps = DEFAULT_PROPS;
|
|
82
|
-
|
|
83
|
-
export { ButtonEmphasis as B, Button as a };
|
|
84
|
-
//# sourceMappingURL=7e8d0ac5.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"7e8d0ac5.js","sources":["../../src/components/button/Button.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\nimport isEmpty from 'lodash/isEmpty';\n\nimport { Emphasis, Icon, Size, Theme } from '@lumx/react';\nimport { Comp } from '@lumx/react/utils/type';\nimport { getBasicClass, getRootClassName } from '@lumx/react/utils/className';\nimport { BaseButtonProps, ButtonRoot } from './ButtonRoot';\n\n/**\n * Button emphasis definition.\n * @deprecated Use Emphasis instead.\n */\nexport const ButtonEmphasis = Emphasis;\n\n/**\n * Defines the props of the component.\n */\nexport interface ButtonProps extends BaseButtonProps {\n /** Button content. */\n children?: ReactNode;\n /** Left icon (SVG path). */\n leftIcon?: string;\n /** Right icon (SVG path). */\n rightIcon?: string;\n /** When `true`, the button gets as large as possible. */\n fullWidth?: boolean;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Button';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<ButtonProps> = {\n emphasis: Emphasis.high,\n size: Size.m,\n theme: Theme.light,\n};\n\n/**\n * Button component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Button: Comp<ButtonProps, HTMLButtonElement | HTMLAnchorElement> = forwardRef((props, ref) => {\n const { children, className, emphasis, leftIcon, rightIcon, size, theme, ...forwardedProps } = props;\n\n const buttonClassName = classNames(\n className,\n getBasicClass({ prefix: CLASSNAME, type: 'hasLeftIcon', value: !isEmpty(leftIcon) }),\n getBasicClass({ prefix: CLASSNAME, type: 'hasRightIcon', value: !isEmpty(rightIcon) }),\n );\n\n return (\n <ButtonRoot\n ref={ref}\n {...{ emphasis, size, theme, ...forwardedProps }}\n className={buttonClassName}\n variant=\"button\"\n >\n {leftIcon && !isEmpty(leftIcon) && <Icon icon={leftIcon} />}\n {children && <span>{children}</span>}\n {rightIcon && !isEmpty(rightIcon) && <Icon icon={rightIcon} />}\n </ButtonRoot>\n );\n});\nButton.displayName = COMPONENT_NAME;\nButton.className = CLASSNAME;\nButton.defaultProps = DEFAULT_PROPS;\n"],"names":["ButtonEmphasis","Emphasis","COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","emphasis","high","size","Size","m","theme","Theme","light","Button","forwardRef","props","ref","children","className","leftIcon","rightIcon","forwardedProps","buttonClassName","classNames","getBasicClass","prefix","type","value","isEmpty","displayName","defaultProps"],"mappings":";;;;;;;;AAUA;;;;;IAIaA,cAAc,GAAGC;AAE9B;;;;AAcA;;;AAGA,IAAMC,cAAc,GAAG,QAAvB;AAEA;;;;AAGA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AAEA;;;;AAGA,IAAMG,aAAmC,GAAG;AACxCC,EAAAA,QAAQ,EAAEL,QAAQ,CAACM,IADqB;AAExCC,EAAAA,IAAI,EAAEC,IAAI,CAACC,CAF6B;AAGxCC,EAAAA,KAAK,EAAEC,KAAK,CAACC;AAH2B,CAA5C;AAMA;;;;;;;;IAOaC,MAAgE,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MAC/FC,QAD+F,GACRF,KADQ,CAC/FE,QAD+F;AAAA,MACrFC,SADqF,GACRH,KADQ,CACrFG,SADqF;AAAA,MAC1Eb,QAD0E,GACRU,KADQ,CAC1EV,QAD0E;AAAA,MAChEc,QADgE,GACRJ,KADQ,CAChEI,QADgE;AAAA,MACtDC,SADsD,GACRL,KADQ,CACtDK,SADsD;AAAA,MAC3Cb,IAD2C,GACRQ,KADQ,CAC3CR,IAD2C;AAAA,MACrCG,KADqC,GACRK,KADQ,CACrCL,KADqC;AAAA,MAC3BW,cAD2B,4BACRN,KADQ;;AAGvG,MAAMO,eAAe,GAAGC,UAAU,CAC9BL,SAD8B,EAE9BM,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEvB,SAAV;AAAqBwB,IAAAA,IAAI,EAAE,aAA3B;AAA0CC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACT,QAAD;AAAzD,GAAD,CAFiB,EAG9BK,aAAa,CAAC;AAAEC,IAAAA,MAAM,EAAEvB,SAAV;AAAqBwB,IAAAA,IAAI,EAAE,cAA3B;AAA2CC,IAAAA,KAAK,EAAE,CAACC,OAAO,CAACR,SAAD;AAA1D,GAAD,CAHiB,CAAlC;AAMA,SACI,oBAAC,UAAD;AACI,IAAA,GAAG,EAAEJ;AADT;AAEUX,IAAAA,QAAQ,EAARA,QAFV;AAEoBE,IAAAA,IAAI,EAAJA,IAFpB;AAE0BG,IAAAA,KAAK,EAALA;AAF1B,KAEoCW,cAFpC;AAGI,IAAA,SAAS,EAAEC,eAHf;AAII,IAAA,OAAO,EAAC;AAJZ,MAMKH,QAAQ,IAAI,CAACS,OAAO,CAACT,QAAD,CAApB,IAAkC,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEA;AAAZ,IANvC,EAOKF,QAAQ,IAAI,kCAAOA,QAAP,CAPjB,EAQKG,SAAS,IAAI,CAACQ,OAAO,CAACR,SAAD,CAArB,IAAoC,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEA;AAAZ,IARzC,CADJ;AAYH,CArByF;AAsB1FP,MAAM,CAACgB,WAAP,GAAqB5B,cAArB;AACAY,MAAM,CAACK,SAAP,GAAmBhB,SAAnB;AACAW,MAAM,CAACiB,YAAP,GAAsB1B,aAAtB;;;;"}
|
package/_internal/7ffa45f6.js
DELETED
|
@@ -1,48 +0,0 @@
|
|
|
1
|
-
import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
|
|
2
|
-
import { Size, Theme, ColorPalette } from '../components.js';
|
|
3
|
-
import React, { forwardRef } from 'react';
|
|
4
|
-
import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
|
|
5
|
-
import { I as Icon } from './a521723d.js';
|
|
6
|
-
|
|
7
|
-
var COMPONENT_NAME = 'Flag';
|
|
8
|
-
var CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
9
|
-
var DEFAULT_PROPS = {
|
|
10
|
-
theme: Theme.light
|
|
11
|
-
};
|
|
12
|
-
/**
|
|
13
|
-
* Flag component.
|
|
14
|
-
*
|
|
15
|
-
* @param props Component props.
|
|
16
|
-
* @param ref Component ref.
|
|
17
|
-
* @return React element.
|
|
18
|
-
*/
|
|
19
|
-
|
|
20
|
-
var Flag = forwardRef(function (props, ref) {
|
|
21
|
-
var label = props.label,
|
|
22
|
-
icon = props.icon,
|
|
23
|
-
color = props.color,
|
|
24
|
-
className = props.className,
|
|
25
|
-
theme = props.theme,
|
|
26
|
-
forwardedProps = _objectWithoutProperties(props, ["label", "icon", "color", "className", "theme"]);
|
|
27
|
-
|
|
28
|
-
var flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);
|
|
29
|
-
return React.createElement("div", _extends({}, forwardedProps, {
|
|
30
|
-
className: classnames(className, handleBasicClasses({
|
|
31
|
-
prefix: CLASSNAME,
|
|
32
|
-
color: flagColor
|
|
33
|
-
})),
|
|
34
|
-
ref: ref
|
|
35
|
-
}), icon && React.createElement(Icon, {
|
|
36
|
-
icon: icon,
|
|
37
|
-
size: Size.xxs,
|
|
38
|
-
className: "".concat(CLASSNAME, "__icon")
|
|
39
|
-
}), React.createElement("span", {
|
|
40
|
-
className: "".concat(CLASSNAME, "__label")
|
|
41
|
-
}, label));
|
|
42
|
-
});
|
|
43
|
-
Flag.displayName = COMPONENT_NAME;
|
|
44
|
-
Flag.className = CLASSNAME;
|
|
45
|
-
Flag.defaultProps = DEFAULT_PROPS;
|
|
46
|
-
|
|
47
|
-
export { Flag as F };
|
|
48
|
-
//# sourceMappingURL=7ffa45f6.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"7ffa45f6.js","sources":["../../src/components/flag/Flag.tsx"],"sourcesContent":["import React, { forwardRef } from 'react';\nimport classNames from 'classnames';\n\nimport { ColorPalette, Icon, Size, Theme } from '@lumx/react';\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nexport interface FlagProps extends GenericProps, HasTheme {\n /** Color of the component. */\n color?: ColorPalette;\n /** Icon to use before the label. */\n icon?: string;\n /** Text label of the flag. */\n label: string;\n}\n\nconst COMPONENT_NAME = 'Flag';\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\nconst DEFAULT_PROPS: Partial<FlagProps> = {\n theme: Theme.light,\n};\n\n/**\n * Flag component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Flag: Comp<FlagProps, HTMLDivElement> = forwardRef((props, ref) => {\n const { label, icon, color, className, theme, ...forwardedProps } = props;\n const flagColor = color || (theme === Theme.light ? ColorPalette.dark : ColorPalette.light);\n\n return (\n <div\n {...forwardedProps}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, color: flagColor }))}\n ref={ref}\n >\n {icon && <Icon icon={icon} size={Size.xxs} className={`${CLASSNAME}__icon`} />}\n <span className={`${CLASSNAME}__label`}>{label}</span>\n </div>\n );\n});\nFlag.displayName = COMPONENT_NAME;\nFlag.className = CLASSNAME;\nFlag.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","theme","Theme","light","Flag","forwardRef","props","ref","label","icon","color","className","forwardedProps","flagColor","ColorPalette","dark","classNames","handleBasicClasses","prefix","Size","xxs","displayName","defaultProps"],"mappings":";;;;;;AAgBA,IAAMA,cAAc,GAAG,MAAvB;AACA,IAAMC,SAAS,GAAGC,gBAAgB,CAACF,cAAD,CAAlC;AACA,IAAMG,aAAiC,GAAG;AACtCC,EAAAA,KAAK,EAAEC,KAAK,CAACC;AADyB,CAA1C;AAIA;;;;;;;;IAOaC,IAAqC,GAAGC,UAAU,CAAC,UAACC,KAAD,EAAQC,GAAR,EAAgB;AAAA,MACpEC,KADoE,GACRF,KADQ,CACpEE,KADoE;AAAA,MAC7DC,IAD6D,GACRH,KADQ,CAC7DG,IAD6D;AAAA,MACvDC,KADuD,GACRJ,KADQ,CACvDI,KADuD;AAAA,MAChDC,SADgD,GACRL,KADQ,CAChDK,SADgD;AAAA,MACrCV,KADqC,GACRK,KADQ,CACrCL,KADqC;AAAA,MAC3BW,cAD2B,4BACRN,KADQ;;AAE5E,MAAMO,SAAS,GAAGH,KAAK,KAAKT,KAAK,KAAKC,KAAK,CAACC,KAAhB,GAAwBW,YAAY,CAACC,IAArC,GAA4CD,YAAY,CAACX,KAA9D,CAAvB;AAEA,SACI,wCACQS,cADR;AAEI,IAAA,SAAS,EAAEI,UAAU,CAACL,SAAD,EAAYM,kBAAkB,CAAC;AAAEC,MAAAA,MAAM,EAAEpB,SAAV;AAAqBY,MAAAA,KAAK,EAAEG;AAA5B,KAAD,CAA9B,CAFzB;AAGI,IAAA,GAAG,EAAEN;AAHT,MAKKE,IAAI,IAAI,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEA,IAAZ;AAAkB,IAAA,IAAI,EAAEU,IAAI,CAACC,GAA7B;AAAkC,IAAA,SAAS,YAAKtB,SAAL;AAA3C,IALb,EAMI;AAAM,IAAA,SAAS,YAAKA,SAAL;AAAf,KAAyCU,KAAzC,CANJ,CADJ;AAUH,CAd8D;AAe/DJ,IAAI,CAACiB,WAAL,GAAmBxB,cAAnB;AACAO,IAAI,CAACO,SAAL,GAAiBb,SAAjB;AACAM,IAAI,CAACkB,YAAL,GAAoBtB,aAApB;;;;"}
|
package/_internal/84c1ec44.js
DELETED
|
@@ -1,257 +0,0 @@
|
|
|
1
|
-
import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
|
|
2
|
-
import { Size } from '../components.js';
|
|
3
|
-
import React, { forwardRef, useRef } from 'react';
|
|
4
|
-
import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
|
|
5
|
-
import { I as Icon, d as mdiClose } from './a521723d.js';
|
|
6
|
-
import { u as useFocus } from './9ab3c637.js';
|
|
7
|
-
import { m as mergeRefs } from './853713cd.js';
|
|
8
|
-
import { C as Chip } from './26cd9c63.js';
|
|
9
|
-
import { D as Dropdown } from './4f44d848.js';
|
|
10
|
-
import { T as TextField } from './490ec1da.js';
|
|
11
|
-
|
|
12
|
-
/**
|
|
13
|
-
* Defines the props of the component.
|
|
14
|
-
*/
|
|
15
|
-
|
|
16
|
-
/**
|
|
17
|
-
* Component display name.
|
|
18
|
-
*/
|
|
19
|
-
var COMPONENT_NAME = 'Autocomplete';
|
|
20
|
-
/**
|
|
21
|
-
* Component default class name and class prefix.
|
|
22
|
-
*/
|
|
23
|
-
|
|
24
|
-
var CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
25
|
-
/**
|
|
26
|
-
* Component default props.
|
|
27
|
-
*/
|
|
28
|
-
|
|
29
|
-
var DEFAULT_PROPS = {
|
|
30
|
-
anchorToInput: false,
|
|
31
|
-
closeOnClick: false,
|
|
32
|
-
closeOnClickAway: true,
|
|
33
|
-
closeOnEscape: true,
|
|
34
|
-
shouldFocusOnClose: false
|
|
35
|
-
};
|
|
36
|
-
/**
|
|
37
|
-
* Autocomplete component.
|
|
38
|
-
*
|
|
39
|
-
* @param props Component props.
|
|
40
|
-
* @param ref Component ref.
|
|
41
|
-
* @return React element.
|
|
42
|
-
*/
|
|
43
|
-
|
|
44
|
-
var Autocomplete = forwardRef(function (props, ref) {
|
|
45
|
-
var anchorToInput = props.anchorToInput,
|
|
46
|
-
children = props.children,
|
|
47
|
-
chips = props.chips,
|
|
48
|
-
className = props.className,
|
|
49
|
-
closeOnClick = props.closeOnClick,
|
|
50
|
-
closeOnClickAway = props.closeOnClickAway,
|
|
51
|
-
closeOnEscape = props.closeOnEscape,
|
|
52
|
-
disabled = props.disabled,
|
|
53
|
-
error = props.error,
|
|
54
|
-
fitToAnchorWidth = props.fitToAnchorWidth,
|
|
55
|
-
hasError = props.hasError,
|
|
56
|
-
helper = props.helper,
|
|
57
|
-
icon = props.icon,
|
|
58
|
-
inputRef = props.inputRef,
|
|
59
|
-
clearButtonProps = props.clearButtonProps,
|
|
60
|
-
_props$isDisabled = props.isDisabled,
|
|
61
|
-
isDisabled = _props$isDisabled === void 0 ? disabled : _props$isDisabled,
|
|
62
|
-
isRequired = props.isRequired,
|
|
63
|
-
isOpen = props.isOpen,
|
|
64
|
-
isValid = props.isValid,
|
|
65
|
-
label = props.label,
|
|
66
|
-
name = props.name,
|
|
67
|
-
offset = props.offset,
|
|
68
|
-
onBlur = props.onBlur,
|
|
69
|
-
onChange = props.onChange,
|
|
70
|
-
onClose = props.onClose,
|
|
71
|
-
onFocus = props.onFocus,
|
|
72
|
-
onInfiniteScroll = props.onInfiniteScroll,
|
|
73
|
-
placeholder = props.placeholder,
|
|
74
|
-
placement = props.placement,
|
|
75
|
-
shouldFocusOnClose = props.shouldFocusOnClose,
|
|
76
|
-
theme = props.theme,
|
|
77
|
-
value = props.value,
|
|
78
|
-
forwardedProps = _objectWithoutProperties(props, ["anchorToInput", "children", "chips", "className", "closeOnClick", "closeOnClickAway", "closeOnEscape", "disabled", "error", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClose", "onFocus", "onInfiniteScroll", "placeholder", "placement", "shouldFocusOnClose", "theme", "value"]);
|
|
79
|
-
|
|
80
|
-
var inputAnchorRef = useRef(null);
|
|
81
|
-
var textFieldRef = useRef(null);
|
|
82
|
-
useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);
|
|
83
|
-
return React.createElement("div", _extends({
|
|
84
|
-
ref: ref
|
|
85
|
-
}, forwardedProps, {
|
|
86
|
-
className: classnames(className, handleBasicClasses({
|
|
87
|
-
prefix: CLASSNAME
|
|
88
|
-
}))
|
|
89
|
-
}), React.createElement(TextField, {
|
|
90
|
-
chips: chips,
|
|
91
|
-
error: error,
|
|
92
|
-
hasError: hasError,
|
|
93
|
-
helper: helper,
|
|
94
|
-
icon: icon,
|
|
95
|
-
inputRef: mergeRefs(inputAnchorRef, inputRef),
|
|
96
|
-
clearButtonProps: clearButtonProps,
|
|
97
|
-
isDisabled: isDisabled,
|
|
98
|
-
isRequired: isRequired,
|
|
99
|
-
isValid: isValid,
|
|
100
|
-
label: label,
|
|
101
|
-
name: name,
|
|
102
|
-
onBlur: onBlur,
|
|
103
|
-
onChange: onChange,
|
|
104
|
-
onFocus: onFocus,
|
|
105
|
-
placeholder: placeholder,
|
|
106
|
-
textFieldRef: textFieldRef,
|
|
107
|
-
theme: theme,
|
|
108
|
-
value: value
|
|
109
|
-
}), React.createElement(Dropdown, {
|
|
110
|
-
anchorRef: anchorToInput ? inputAnchorRef : textFieldRef,
|
|
111
|
-
closeOnClick: closeOnClick,
|
|
112
|
-
closeOnClickAway: closeOnClickAway,
|
|
113
|
-
closeOnEscape: closeOnEscape,
|
|
114
|
-
fitToAnchorWidth: fitToAnchorWidth,
|
|
115
|
-
isOpen: isOpen,
|
|
116
|
-
offset: offset,
|
|
117
|
-
onClose: onClose,
|
|
118
|
-
onInfiniteScroll: onInfiniteScroll,
|
|
119
|
-
placement: placement,
|
|
120
|
-
shouldFocusOnOpen: false,
|
|
121
|
-
theme: theme
|
|
122
|
-
}, children));
|
|
123
|
-
});
|
|
124
|
-
Autocomplete.displayName = COMPONENT_NAME;
|
|
125
|
-
Autocomplete.className = CLASSNAME;
|
|
126
|
-
Autocomplete.defaultProps = DEFAULT_PROPS;
|
|
127
|
-
|
|
128
|
-
/**
|
|
129
|
-
* Defines the props of the component.
|
|
130
|
-
*/
|
|
131
|
-
|
|
132
|
-
/**
|
|
133
|
-
* Component display name.
|
|
134
|
-
*/
|
|
135
|
-
var COMPONENT_NAME$1 = 'AutocompleteMultiple';
|
|
136
|
-
/**
|
|
137
|
-
* Component default class name and class prefix.
|
|
138
|
-
*/
|
|
139
|
-
|
|
140
|
-
var CLASSNAME$1 = getRootClassName(COMPONENT_NAME$1);
|
|
141
|
-
/**
|
|
142
|
-
* Component default props.
|
|
143
|
-
*/
|
|
144
|
-
|
|
145
|
-
var DEFAULT_PROPS$1 = {
|
|
146
|
-
closeOnClickAway: true,
|
|
147
|
-
closeOnEscape: true,
|
|
148
|
-
selectedChipRender: function selectedChipRender(choice, index, onClear, isDisabled) {
|
|
149
|
-
var onClick = function onClick(event) {
|
|
150
|
-
return onClear && onClear(event, choice);
|
|
151
|
-
};
|
|
152
|
-
|
|
153
|
-
return React.createElement(Chip, {
|
|
154
|
-
key: index,
|
|
155
|
-
after: onClear && React.createElement(Icon, {
|
|
156
|
-
icon: mdiClose,
|
|
157
|
-
size: Size.xxs
|
|
158
|
-
}),
|
|
159
|
-
isDisabled: isDisabled,
|
|
160
|
-
size: Size.s,
|
|
161
|
-
onAfterClick: onClick,
|
|
162
|
-
onClick: onClick
|
|
163
|
-
}, choice);
|
|
164
|
-
},
|
|
165
|
-
values: []
|
|
166
|
-
};
|
|
167
|
-
/**
|
|
168
|
-
* AutocompleteMultiple component.
|
|
169
|
-
*
|
|
170
|
-
* @param props Component props.
|
|
171
|
-
* @param ref Component ref.
|
|
172
|
-
* @return React element.
|
|
173
|
-
*/
|
|
174
|
-
|
|
175
|
-
var AutocompleteMultiple = forwardRef(function (props, ref) {
|
|
176
|
-
var anchorToInput = props.anchorToInput,
|
|
177
|
-
children = props.children,
|
|
178
|
-
chipsAlignment = props.chipsAlignment,
|
|
179
|
-
className = props.className,
|
|
180
|
-
closeOnClickAway = props.closeOnClickAway,
|
|
181
|
-
closeOnEscape = props.closeOnEscape,
|
|
182
|
-
fitToAnchorWidth = props.fitToAnchorWidth,
|
|
183
|
-
hasError = props.hasError,
|
|
184
|
-
helper = props.helper,
|
|
185
|
-
icon = props.icon,
|
|
186
|
-
inputRef = props.inputRef,
|
|
187
|
-
clearButtonProps = props.clearButtonProps,
|
|
188
|
-
isDisabled = props.isDisabled,
|
|
189
|
-
isRequired = props.isRequired,
|
|
190
|
-
isOpen = props.isOpen,
|
|
191
|
-
isValid = props.isValid,
|
|
192
|
-
label = props.label,
|
|
193
|
-
name = props.name,
|
|
194
|
-
offset = props.offset,
|
|
195
|
-
onBlur = props.onBlur,
|
|
196
|
-
onChange = props.onChange,
|
|
197
|
-
onClear = props.onClear,
|
|
198
|
-
onClose = props.onClose,
|
|
199
|
-
onFocus = props.onFocus,
|
|
200
|
-
onInfiniteScroll = props.onInfiniteScroll,
|
|
201
|
-
onKeyDown = props.onKeyDown,
|
|
202
|
-
placeholder = props.placeholder,
|
|
203
|
-
placement = props.placement,
|
|
204
|
-
selectedChipRender = props.selectedChipRender,
|
|
205
|
-
shouldFocusOnClose = props.shouldFocusOnClose,
|
|
206
|
-
theme = props.theme,
|
|
207
|
-
type = props.type,
|
|
208
|
-
value = props.value,
|
|
209
|
-
values = props.values,
|
|
210
|
-
forwardedProps = _objectWithoutProperties(props, ["anchorToInput", "children", "chipsAlignment", "className", "closeOnClickAway", "closeOnEscape", "fitToAnchorWidth", "hasError", "helper", "icon", "inputRef", "clearButtonProps", "isDisabled", "isRequired", "isOpen", "isValid", "label", "name", "offset", "onBlur", "onChange", "onClear", "onClose", "onFocus", "onInfiniteScroll", "onKeyDown", "placeholder", "placement", "selectedChipRender", "shouldFocusOnClose", "theme", "type", "value", "values"]);
|
|
211
|
-
|
|
212
|
-
return React.createElement(Autocomplete, _extends({
|
|
213
|
-
ref: ref
|
|
214
|
-
}, forwardedProps, {
|
|
215
|
-
anchorToInput: anchorToInput,
|
|
216
|
-
className: classnames(className, handleBasicClasses({
|
|
217
|
-
prefix: CLASSNAME$1
|
|
218
|
-
})),
|
|
219
|
-
name: name,
|
|
220
|
-
value: value,
|
|
221
|
-
onChange: onChange,
|
|
222
|
-
onKeyDown: onKeyDown,
|
|
223
|
-
onBlur: onBlur,
|
|
224
|
-
shouldFocusOnClose: shouldFocusOnClose,
|
|
225
|
-
onFocus: onFocus,
|
|
226
|
-
hasError: hasError,
|
|
227
|
-
helper: helper,
|
|
228
|
-
icon: icon,
|
|
229
|
-
inputRef: inputRef,
|
|
230
|
-
chips: values && values.map(function (chip, index) {
|
|
231
|
-
return selectedChipRender(chip, index, onClear);
|
|
232
|
-
}),
|
|
233
|
-
isDisabled: isDisabled,
|
|
234
|
-
isRequired: isRequired,
|
|
235
|
-
clearButtonProps: clearButtonProps,
|
|
236
|
-
isValid: isValid,
|
|
237
|
-
label: label,
|
|
238
|
-
placeholder: placeholder,
|
|
239
|
-
theme: theme,
|
|
240
|
-
type: type,
|
|
241
|
-
isOpen: isOpen,
|
|
242
|
-
closeOnClick: false,
|
|
243
|
-
closeOnClickAway: closeOnClickAway,
|
|
244
|
-
closeOnEscape: closeOnEscape,
|
|
245
|
-
onClose: onClose,
|
|
246
|
-
offset: offset,
|
|
247
|
-
placement: placement,
|
|
248
|
-
fitToAnchorWidth: fitToAnchorWidth,
|
|
249
|
-
onInfiniteScroll: onInfiniteScroll
|
|
250
|
-
}), children);
|
|
251
|
-
});
|
|
252
|
-
AutocompleteMultiple.displayName = COMPONENT_NAME$1;
|
|
253
|
-
AutocompleteMultiple.className = CLASSNAME$1;
|
|
254
|
-
AutocompleteMultiple.defaultProps = DEFAULT_PROPS$1;
|
|
255
|
-
|
|
256
|
-
export { Autocomplete as A, AutocompleteMultiple as a };
|
|
257
|
-
//# sourceMappingURL=84c1ec44.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"84c1ec44.js","sources":["../../src/components/autocomplete/Autocomplete.tsx","../../src/components/autocomplete/AutocompleteMultiple.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode, SyntheticEvent, useRef } from 'react';\n\nimport classNames from 'classnames';\n\nimport { Dropdown, IconButtonProps, Offset, Placement, TextField, TextFieldProps } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\nimport { useFocus } from '@lumx/react/hooks/useFocus';\nimport { mergeRefs } from '@lumx/react/utils/mergeRefs';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteProps extends GenericProps, HasTheme {\n /**\n * Whether the suggestions list should display anchored to the input or to the wrapper.\n * @see {@link DropdownProps#anchorToInput}\n */\n anchorToInput?: boolean;\n /**\n * Props to pass to the clear button (minus those already set by the TextField props).\n * If not specified, the button won't be displayed.\n * @see {@link TextFieldProps#clearButtonProps}\n */\n clearButtonProps?: Pick<IconButtonProps, 'label'> &\n Omit<IconButtonProps, 'label' | 'onClick' | 'icon' | 'emphasis'>;\n /**\n * Reference to the <input> or <textarea> element.\n * @see {@link TextFieldProps#inputRef}\n */\n inputRef?: TextFieldProps['inputRef'];\n /**\n * The offset that will be applied to the Dropdown position.\n * @see {@link DropdownProps#offset}\n */\n offset?: Offset;\n /**\n * The preferred Dropdown location against the anchor element.\n * @see {@link DropdownProps#placement}\n */\n placement?: Placement;\n /**\n * Whether the dropdown should fit to the anchor width or not.\n * @see {@link DropdownProps#fitToAnchorWidth}\n */\n fitToAnchorWidth?: boolean;\n /**\n * The error related to the component.\n * @see {@link TextFieldProps#error}\n */\n error?: string | ReactNode;\n /**\n * Whether the text field is displayed with error style or not.\n * @see {@link TextFieldProps#hasError}\n */\n hasError?: boolean;\n /**\n * Whether the text box should be focused upon closing the suggestions or not.\n */\n shouldFocusOnClose?: boolean;\n /**\n * The helper message of the text field.\n * @see {@link TextFieldProps#helper}\n */\n helper?: string;\n /**\n * The icon of the text field (SVG path).\n * @see {@link TextFieldProps#icon}\n */\n icon?: string;\n /**\n * Whether the component is disabled or not.\n * @see {@link TextFieldProps#isDisabled}\n */\n isDisabled?: boolean;\n /**\n * Whether the component is required or not.\n * @see {@link TextFieldProps#isRequired}\n */\n isRequired?: boolean;\n /**\n * Whether the text field is displayed with valid style or not.\n * @see {@link TextFieldProps#isValid}\n */\n isValid?: boolean;\n /**\n * The label of the text field displayed in a label tag.\n * @see {@link TextFieldProps#label}\n */\n label?: string;\n /**\n * The placeholder message of the text field.\n * @see {@link TextFieldProps#placeholder}\n */\n placeholder?: string;\n /** List of suggestions to display during autocomplete. */\n children: React.ReactNode;\n /**\n * The list of chips to be displayed before the text field input.\n */\n chips?: React.ReactNode;\n /**\n * The value of the text field.\n * @see {@link TextFieldProps#value}\n */\n value: string;\n /**\n * Whether the suggestions from the autocomplete should be displayed or not.\n * @see {@link DropdownProps#isOpen}\n */\n isOpen: boolean;\n /**\n * The native input name property.\n * @see {@link TextFieldProps#name}\n */\n name?: string;\n /**\n * Whether a click in the Autocomplete dropdown would close it or not.\n * @see {@link DropdownProps#closeOnClick}\n */\n closeOnClick?: boolean;\n /**\n * Whether a click anywhere out of the Autocomplete would close it or not.\n * @see {@link DropdownProps#closeOnClickAway}\n */\n closeOnClickAway?: boolean;\n /**\n * Whether an escape key press would close the Autocomplete or not.\n * @see {@link DropdownProps#closeOnEscape}\n */\n closeOnEscape?: boolean;\n /**\n * The function called on blur.\n * @see {@link TextFieldProps#onBlur}\n */\n onBlur?(event: React.FocusEvent): void;\n /**\n * On change callback.\n * @see {@link TextFieldProps#onChange}\n */\n onChange(value: string, name?: string, event?: SyntheticEvent): void;\n /**\n * The function called on close.\n * @see {@link DropdownProps#onClose}\n */\n onClose?(): void;\n /**\n * The function called on focus.\n * @see {@link TextFieldProps#onFocus}\n */\n onFocus?(event: React.FocusEvent): void;\n /**\n * The function called when the bottom of the dropdown is reached.\n * @see {@link DropdownProps#onInfiniteScroll}\n */\n onInfiniteScroll?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'Autocomplete';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<AutocompleteProps> = {\n anchorToInput: false,\n closeOnClick: false,\n closeOnClickAway: true,\n closeOnEscape: true,\n shouldFocusOnClose: false,\n};\n\n/**\n * Autocomplete component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const Autocomplete: Comp<AutocompleteProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n anchorToInput,\n children,\n chips,\n className,\n closeOnClick,\n closeOnClickAway,\n closeOnEscape,\n disabled,\n error,\n fitToAnchorWidth,\n hasError,\n helper,\n icon,\n inputRef,\n clearButtonProps,\n isDisabled = disabled,\n isRequired,\n isOpen,\n isValid,\n label,\n name,\n offset,\n onBlur,\n onChange,\n onClose,\n onFocus,\n onInfiniteScroll,\n placeholder,\n placement,\n shouldFocusOnClose,\n theme,\n value,\n ...forwardedProps\n } = props;\n const inputAnchorRef = useRef<HTMLElement>(null);\n const textFieldRef = useRef(null);\n useFocus(inputAnchorRef.current, !isOpen && shouldFocusOnClose);\n\n return (\n <div\n ref={ref}\n {...forwardedProps}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n >\n <TextField\n chips={chips}\n error={error}\n hasError={hasError}\n helper={helper}\n icon={icon}\n inputRef={mergeRefs(inputAnchorRef as React.RefObject<HTMLInputElement>, inputRef)}\n clearButtonProps={clearButtonProps}\n isDisabled={isDisabled}\n isRequired={isRequired}\n isValid={isValid}\n label={label}\n name={name}\n onBlur={onBlur}\n onChange={onChange}\n onFocus={onFocus}\n placeholder={placeholder}\n textFieldRef={textFieldRef}\n theme={theme}\n value={value}\n />\n <Dropdown\n anchorRef={anchorToInput ? inputAnchorRef : textFieldRef}\n closeOnClick={closeOnClick}\n closeOnClickAway={closeOnClickAway}\n closeOnEscape={closeOnEscape}\n fitToAnchorWidth={fitToAnchorWidth}\n isOpen={isOpen}\n offset={offset}\n onClose={onClose}\n onInfiniteScroll={onInfiniteScroll}\n placement={placement}\n shouldFocusOnOpen={false}\n theme={theme}\n >\n {children}\n </Dropdown>\n </div>\n );\n});\nAutocomplete.displayName = COMPONENT_NAME;\nAutocomplete.className = CLASSNAME;\nAutocomplete.defaultProps = DEFAULT_PROPS;\n","import { mdiClose } from '@lumx/icons';\nimport { Autocomplete, AutocompleteProps, Chip, HorizontalAlignment, Icon, Size } from '@lumx/react';\n\nimport { Comp } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\nimport classNames from 'classnames';\nimport React, { forwardRef, ReactNode } from 'react';\n\n/**\n * Defines the props of the component.\n */\nexport interface AutocompleteMultipleProps extends AutocompleteProps {\n /** Selected values. */\n values: any[];\n /** Alignment of the chips in the autocomplete. */\n chipsAlignment?: HorizontalAlignment;\n /** Selected value render function. Default: Renders the value inside of a Chip. */\n selectedChipRender(\n choice: any,\n index: number,\n onClear?: (event: React.MouseEvent, choice: any) => void,\n isDisabled?: boolean,\n ): ReactNode | string;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'AutocompleteMultiple';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<AutocompleteMultipleProps> = {\n closeOnClickAway: true,\n closeOnEscape: true,\n selectedChipRender(choice, index, onClear, isDisabled) {\n const onClick = (event: React.MouseEvent) => onClear && onClear(event, choice);\n return (\n <Chip\n key={index}\n after={onClear && <Icon icon={mdiClose} size={Size.xxs} />}\n isDisabled={isDisabled}\n size={Size.s}\n onAfterClick={onClick}\n onClick={onClick}\n >\n {choice}\n </Chip>\n );\n },\n values: [],\n};\n\n/**\n * AutocompleteMultiple component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const AutocompleteMultiple: Comp<AutocompleteMultipleProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n anchorToInput,\n children,\n // `chipsAlignment` needs to be here to remove it from `forwardedProps`.\n // eslint-disable-next-line @typescript-eslint/no-unused-vars\n chipsAlignment,\n className,\n closeOnClickAway,\n closeOnEscape,\n fitToAnchorWidth,\n hasError,\n helper,\n icon,\n inputRef,\n clearButtonProps,\n isDisabled,\n isRequired,\n isOpen,\n isValid,\n label,\n name,\n offset,\n onBlur,\n onChange,\n onClear,\n onClose,\n onFocus,\n onInfiniteScroll,\n onKeyDown,\n placeholder,\n placement,\n selectedChipRender,\n shouldFocusOnClose,\n theme,\n type,\n value,\n values,\n ...forwardedProps\n } = props;\n\n return (\n <Autocomplete\n ref={ref}\n {...forwardedProps}\n anchorToInput={anchorToInput}\n className={classNames(\n className,\n handleBasicClasses({\n prefix: CLASSNAME,\n }),\n )}\n name={name}\n value={value}\n onChange={onChange}\n onKeyDown={onKeyDown}\n onBlur={onBlur}\n shouldFocusOnClose={shouldFocusOnClose}\n onFocus={onFocus}\n hasError={hasError}\n helper={helper}\n icon={icon}\n inputRef={inputRef}\n chips={values && values.map((chip: any, index: number) => selectedChipRender(chip, index, onClear))}\n isDisabled={isDisabled}\n isRequired={isRequired}\n clearButtonProps={clearButtonProps}\n isValid={isValid}\n label={label}\n placeholder={placeholder}\n theme={theme}\n type={type}\n isOpen={isOpen}\n closeOnClick={false}\n closeOnClickAway={closeOnClickAway}\n closeOnEscape={closeOnEscape}\n onClose={onClose}\n offset={offset}\n placement={placement}\n fitToAnchorWidth={fitToAnchorWidth}\n onInfiniteScroll={onInfiniteScroll}\n >\n {children}\n </Autocomplete>\n );\n});\nAutocompleteMultiple.displayName = COMPONENT_NAME;\nAutocompleteMultiple.className = CLASSNAME;\nAutocompleteMultiple.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","anchorToInput","closeOnClick","closeOnClickAway","closeOnEscape","shouldFocusOnClose","Autocomplete","forwardRef","props","ref","children","chips","className","disabled","error","fitToAnchorWidth","hasError","helper","icon","inputRef","clearButtonProps","isDisabled","isRequired","isOpen","isValid","label","name","offset","onBlur","onChange","onClose","onFocus","onInfiniteScroll","placeholder","placement","theme","value","forwardedProps","inputAnchorRef","useRef","textFieldRef","useFocus","current","classNames","handleBasicClasses","prefix","mergeRefs","displayName","defaultProps","selectedChipRender","choice","index","onClear","onClick","event","mdiClose","Size","xxs","s","values","AutocompleteMultiple","chipsAlignment","onKeyDown","type","map","chip"],"mappings":"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"}
|
package/_internal/8518279f.js
DELETED
|
@@ -1,96 +0,0 @@
|
|
|
1
|
-
import { b as _objectWithoutProperties, c as _extends } from './6340c129.js';
|
|
2
|
-
import { Orientation, Theme } from '../components.js';
|
|
3
|
-
import React, { forwardRef } from 'react';
|
|
4
|
-
import { g as getRootClassName, c as classnames, h as handleBasicClasses } from './fd867c9d.js';
|
|
5
|
-
import isObject from 'lodash/isObject';
|
|
6
|
-
import { T as Thumbnail } from './616f2912.js';
|
|
7
|
-
import { a as ThumbnailVariant } from './2d0a5b28.js';
|
|
8
|
-
|
|
9
|
-
/**
|
|
10
|
-
* Defines the props of the component.
|
|
11
|
-
*/
|
|
12
|
-
|
|
13
|
-
/**
|
|
14
|
-
* Component display name.
|
|
15
|
-
*/
|
|
16
|
-
var COMPONENT_NAME = 'PostBlock';
|
|
17
|
-
/**
|
|
18
|
-
* Component default class name and class prefix.
|
|
19
|
-
*/
|
|
20
|
-
|
|
21
|
-
var CLASSNAME = getRootClassName(COMPONENT_NAME);
|
|
22
|
-
/**
|
|
23
|
-
* Component default props.
|
|
24
|
-
*/
|
|
25
|
-
|
|
26
|
-
var DEFAULT_PROPS = {
|
|
27
|
-
orientation: Orientation.horizontal,
|
|
28
|
-
theme: Theme.light
|
|
29
|
-
};
|
|
30
|
-
/**
|
|
31
|
-
* PostBlock component.
|
|
32
|
-
*
|
|
33
|
-
* @param props Component props.
|
|
34
|
-
* @param ref Component ref.
|
|
35
|
-
* @return React element.
|
|
36
|
-
*/
|
|
37
|
-
|
|
38
|
-
var PostBlock = forwardRef(function (props, ref) {
|
|
39
|
-
var actions = props.actions,
|
|
40
|
-
attachments = props.attachments,
|
|
41
|
-
author = props.author,
|
|
42
|
-
className = props.className,
|
|
43
|
-
meta = props.meta,
|
|
44
|
-
onClick = props.onClick,
|
|
45
|
-
orientation = props.orientation,
|
|
46
|
-
tags = props.tags,
|
|
47
|
-
text = props.text,
|
|
48
|
-
theme = props.theme,
|
|
49
|
-
thumbnailProps = props.thumbnailProps,
|
|
50
|
-
title = props.title,
|
|
51
|
-
forwardedProps = _objectWithoutProperties(props, ["actions", "attachments", "author", "className", "meta", "onClick", "orientation", "tags", "text", "theme", "thumbnailProps", "title"]);
|
|
52
|
-
|
|
53
|
-
return React.createElement("div", _extends({
|
|
54
|
-
ref: ref,
|
|
55
|
-
className: classnames(className, handleBasicClasses({
|
|
56
|
-
prefix: CLASSNAME,
|
|
57
|
-
orientation: orientation,
|
|
58
|
-
theme: theme
|
|
59
|
-
}))
|
|
60
|
-
}, forwardedProps), thumbnailProps && React.createElement("div", {
|
|
61
|
-
className: "".concat(CLASSNAME, "__thumbnail")
|
|
62
|
-
}, React.createElement(Thumbnail, _extends({}, thumbnailProps, {
|
|
63
|
-
theme: theme,
|
|
64
|
-
variant: ThumbnailVariant.rounded
|
|
65
|
-
}))), React.createElement("div", {
|
|
66
|
-
className: "".concat(CLASSNAME, "__wrapper")
|
|
67
|
-
}, author && React.createElement("div", {
|
|
68
|
-
className: "".concat(CLASSNAME, "__author")
|
|
69
|
-
}, author), title && React.createElement("button", {
|
|
70
|
-
type: "button",
|
|
71
|
-
className: "".concat(CLASSNAME, "__title"),
|
|
72
|
-
onClick: onClick
|
|
73
|
-
}, title), meta && React.createElement("span", {
|
|
74
|
-
className: "".concat(CLASSNAME, "__meta")
|
|
75
|
-
}, meta), isObject(text) && text.__html ? // eslint-disable-next-line react/no-danger
|
|
76
|
-
React.createElement("p", {
|
|
77
|
-
dangerouslySetInnerHTML: text,
|
|
78
|
-
className: "".concat(CLASSNAME, "__text")
|
|
79
|
-
}) : React.createElement("p", {
|
|
80
|
-
className: "".concat(CLASSNAME, "__text")
|
|
81
|
-
}, text), attachments && React.createElement("div", {
|
|
82
|
-
className: "".concat(CLASSNAME, "__attachments")
|
|
83
|
-
}, attachments), (tags || actions) && React.createElement("div", {
|
|
84
|
-
className: "".concat(CLASSNAME, "__toolbar")
|
|
85
|
-
}, tags && React.createElement("div", {
|
|
86
|
-
className: "".concat(CLASSNAME, "__tags")
|
|
87
|
-
}, tags), actions && React.createElement("div", {
|
|
88
|
-
className: "".concat(CLASSNAME, "__actions")
|
|
89
|
-
}, actions))));
|
|
90
|
-
});
|
|
91
|
-
PostBlock.displayName = COMPONENT_NAME;
|
|
92
|
-
PostBlock.className = CLASSNAME;
|
|
93
|
-
PostBlock.defaultProps = DEFAULT_PROPS;
|
|
94
|
-
|
|
95
|
-
export { PostBlock as P };
|
|
96
|
-
//# sourceMappingURL=8518279f.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"8518279f.js","sources":["../../src/components/post-block/PostBlock.tsx"],"sourcesContent":["import React, { forwardRef, ReactNode } from 'react';\n\nimport classNames from 'classnames';\n\nimport isObject from 'lodash/isObject';\n\nimport { Orientation, Theme, Thumbnail, ThumbnailProps, ThumbnailVariant } from '@lumx/react';\n\nimport { Comp, GenericProps, HasTheme } from '@lumx/react/utils/type';\nimport { getRootClassName, handleBasicClasses } from '@lumx/react/utils/className';\n\n/**\n * Defines the props of the component.\n */\nexport interface PostBlockProps extends GenericProps, HasTheme {\n /** Action toolbar content. */\n actions?: ReactNode;\n /** Attachment content. */\n attachments?: ReactNode;\n /** Author content. */\n author?: ReactNode;\n /** Metadata content. */\n meta?: ReactNode;\n /** Orientation. */\n orientation?: Orientation;\n /** Tag content. */\n tags?: ReactNode;\n /** Content (string, or sanitized html). */\n text?: string | { __html: string };\n /** Thumbnail. */\n thumbnailProps?: ThumbnailProps;\n /** Title. */\n title: string;\n /** On click callback. */\n onClick?(): void;\n}\n\n/**\n * Component display name.\n */\nconst COMPONENT_NAME = 'PostBlock';\n\n/**\n * Component default class name and class prefix.\n */\nconst CLASSNAME = getRootClassName(COMPONENT_NAME);\n\n/**\n * Component default props.\n */\nconst DEFAULT_PROPS: Partial<PostBlockProps> = {\n orientation: Orientation.horizontal,\n theme: Theme.light,\n};\n\n/**\n * PostBlock component.\n *\n * @param props Component props.\n * @param ref Component ref.\n * @return React element.\n */\nexport const PostBlock: Comp<PostBlockProps, HTMLDivElement> = forwardRef((props, ref) => {\n const {\n actions,\n attachments,\n author,\n className,\n meta,\n onClick,\n orientation,\n tags,\n text,\n theme,\n thumbnailProps,\n title,\n ...forwardedProps\n } = props;\n\n return (\n <div\n ref={ref}\n className={classNames(className, handleBasicClasses({ prefix: CLASSNAME, orientation, theme }))}\n {...forwardedProps}\n >\n {thumbnailProps && (\n <div className={`${CLASSNAME}__thumbnail`}>\n <Thumbnail {...thumbnailProps} theme={theme} variant={ThumbnailVariant.rounded} />\n </div>\n )}\n\n <div className={`${CLASSNAME}__wrapper`}>\n {author && <div className={`${CLASSNAME}__author`}>{author}</div>}\n\n {title && (\n <button type=\"button\" className={`${CLASSNAME}__title`} onClick={onClick}>\n {title}\n </button>\n )}\n\n {meta && <span className={`${CLASSNAME}__meta`}>{meta}</span>}\n\n {isObject(text) && text.__html ? (\n // eslint-disable-next-line react/no-danger\n <p dangerouslySetInnerHTML={text} className={`${CLASSNAME}__text`} />\n ) : (\n <p className={`${CLASSNAME}__text`}>{text}</p>\n )}\n\n {attachments && <div className={`${CLASSNAME}__attachments`}>{attachments}</div>}\n {(tags || actions) && (\n <div className={`${CLASSNAME}__toolbar`}>\n {tags && <div className={`${CLASSNAME}__tags`}>{tags}</div>}\n {actions && <div className={`${CLASSNAME}__actions`}>{actions}</div>}\n </div>\n )}\n </div>\n </div>\n );\n});\nPostBlock.displayName = COMPONENT_NAME;\nPostBlock.className = CLASSNAME;\nPostBlock.defaultProps = DEFAULT_PROPS;\n"],"names":["COMPONENT_NAME","CLASSNAME","getRootClassName","DEFAULT_PROPS","orientation","Orientation","horizontal","theme","Theme","light","PostBlock","forwardRef","props","ref","actions","attachments","author","className","meta","onClick","tags","text","thumbnailProps","title","forwardedProps","classNames","handleBasicClasses","prefix","ThumbnailVariant","rounded","isObject","__html","displayName","defaultProps"],"mappings":"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"}
|
package/_internal/853713cd.js
DELETED
|
@@ -1,25 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Merge refs into a single function ref.
|
|
3
|
-
*
|
|
4
|
-
* @param refs React references to merge.
|
|
5
|
-
* @return the merged ref.
|
|
6
|
-
*/
|
|
7
|
-
function mergeRefs() {
|
|
8
|
-
for (var _len = arguments.length, refs = new Array(_len), _key = 0; _key < _len; _key++) {
|
|
9
|
-
refs[_key] = arguments[_key];
|
|
10
|
-
}
|
|
11
|
-
|
|
12
|
-
return function (value) {
|
|
13
|
-
return refs.forEach(function (ref) {
|
|
14
|
-
if (typeof ref === 'function') {
|
|
15
|
-
ref(value);
|
|
16
|
-
} else if (ref) {
|
|
17
|
-
// eslint-disable-next-line no-param-reassign
|
|
18
|
-
ref.current = value;
|
|
19
|
-
}
|
|
20
|
-
});
|
|
21
|
-
};
|
|
22
|
-
}
|
|
23
|
-
|
|
24
|
-
export { mergeRefs as m };
|
|
25
|
-
//# sourceMappingURL=853713cd.js.map
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"853713cd.js","sources":["../../src/utils/mergeRefs.ts"],"sourcesContent":["import { Falsy } from '@lumx/react/utils/type';\nimport { MutableRefObject } from 'react';\n\ntype FnRef<T> = (value: T) => void;\n\n/**\n * Merge refs into a single function ref.\n *\n * @param refs React references to merge.\n * @return the merged ref.\n */\nexport function mergeRefs<T>(...refs: Array<MutableRefObject<T | null> | FnRef<T> | Falsy>): FnRef<T> {\n return (value) =>\n refs.forEach((ref) => {\n if (typeof ref === 'function') {\n ref(value);\n } else if (ref) {\n // eslint-disable-next-line no-param-reassign\n (ref as MutableRefObject<T>).current = value;\n }\n });\n}\n"],"names":["mergeRefs","refs","value","forEach","ref","current"],"mappings":"AAKA;;;;;;AAMO,SAASA,SAAT,GAA+F;AAAA,oCAAtEC,IAAsE;AAAtEA,IAAAA,IAAsE;AAAA;;AAClG,SAAO,UAACC,KAAD;AAAA,WACHD,IAAI,CAACE,OAAL,CAAa,UAACC,GAAD,EAAS;AAClB,UAAI,OAAOA,GAAP,KAAe,UAAnB,EAA+B;AAC3BA,QAAAA,GAAG,CAACF,KAAD,CAAH;AACH,OAFD,MAEO,IAAIE,GAAJ,EAAS;AACZ;AACCA,QAAAA,GAAD,CAA6BC,OAA7B,GAAuCH,KAAvC;AACH;AACJ,KAPD,CADG;AAAA,GAAP;AASH;;;;"}
|
package/_internal/86566d75.d.ts
DELETED
|
@@ -1,27 +0,0 @@
|
|
|
1
|
-
import { n as ValueOf, l as GenericProps, m as HasTheme, k as Comp } from './eca6d4dc.js';
|
|
2
|
-
|
|
3
|
-
/**
|
|
4
|
-
* Progress variants.
|
|
5
|
-
*/
|
|
6
|
-
declare const ProgressVariant: {
|
|
7
|
-
readonly linear: "linear";
|
|
8
|
-
readonly circular: "circular";
|
|
9
|
-
};
|
|
10
|
-
declare type ProgressVariant = ValueOf<typeof ProgressVariant>;
|
|
11
|
-
/**
|
|
12
|
-
* Defines the props of the component.
|
|
13
|
-
*/
|
|
14
|
-
interface ProgressProps extends GenericProps, HasTheme {
|
|
15
|
-
/** Progress variant. */
|
|
16
|
-
variant?: ProgressVariant;
|
|
17
|
-
}
|
|
18
|
-
/**
|
|
19
|
-
* Progress component.
|
|
20
|
-
*
|
|
21
|
-
* @param props Component props.
|
|
22
|
-
* @param ref Component ref.
|
|
23
|
-
* @return React element.
|
|
24
|
-
*/
|
|
25
|
-
declare const Progress: Comp<ProgressProps, HTMLDivElement>;
|
|
26
|
-
|
|
27
|
-
export { ProgressVariant as P, ProgressProps as a, Progress as b };
|