@hazelcast/ui 1.2.0 → 1.2.1-next.24
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/lib/Alert.js +2 -2
- package/lib/Alert.js.map +1 -1
- package/lib/AutocompleteField.js +6 -5
- package/lib/AutocompleteField.js.map +1 -1
- package/lib/AutocompleteField.module.scss +1 -1
- package/lib/AutocompleteFieldFormik.js +1 -1
- package/lib/AutocompleteFieldFormik.js.map +1 -1
- package/lib/Button.d.ts +1 -353
- package/lib/Button.js +4 -4
- package/lib/Button.js.map +1 -1
- package/lib/Button.module.scss +1 -0
- package/lib/Calendar/Calendar.js +2 -2
- package/lib/Calendar/Calendar.js.map +1 -1
- package/lib/Calendar/Calendar.module.scss +4 -1
- package/lib/Calendar/components/CalendarInput.js +2 -2
- package/lib/Calendar/components/CalendarInput.js.map +1 -1
- package/lib/Calendar/components/CalendarTime.js +1 -1
- package/lib/Calendar/components/CalendarTime.js.map +1 -1
- package/lib/Calendar/components/CalendarTime.module.scss +2 -0
- package/lib/Card.module.scss +1 -1
- package/lib/Checkbox.d.ts +2 -2
- package/lib/Checkbox.js +3 -1
- package/lib/Checkbox.js.map +1 -1
- package/lib/Checkbox.module.scss +3 -1
- package/lib/CheckboxFormik.js +2 -2
- package/lib/CheckboxFormik.js.map +1 -1
- package/lib/CodeEditor.js +1 -1
- package/lib/CodeEditor.js.map +1 -1
- package/lib/CodeEditor.module.scss +5 -2
- package/lib/CodeEditorFormik.js +2 -2
- package/lib/CodeEditorFormik.js.map +1 -1
- package/lib/Dialog.js +5 -2
- package/lib/Dialog.js.map +1 -1
- package/lib/Dialog.module.scss +3 -0
- package/lib/EmptyState.module.scss +1 -0
- package/lib/Error.d.ts +2 -0
- package/lib/Error.js +2 -2
- package/lib/Error.js.map +1 -1
- package/lib/FieldHeader.module.scss +1 -1
- package/lib/Icon.d.ts +1 -34
- package/lib/Icon.js +1 -1
- package/lib/Icon.js.map +1 -1
- package/lib/Icon.module.scss +5 -0
- package/lib/IconButton.d.ts +3 -167
- package/lib/IconButton.js +2 -2
- package/lib/IconButton.js.map +1 -1
- package/lib/InteractiveList.d.ts +1 -2
- package/lib/InteractiveList.js +2 -3
- package/lib/InteractiveList.js.map +1 -1
- package/lib/InteractiveList.module.scss +1 -0
- package/lib/InteractiveListFormik.js +5 -4
- package/lib/InteractiveListFormik.js.map +1 -1
- package/lib/Link.d.ts +1 -65
- package/lib/Link.js +2 -2
- package/lib/Link.js.map +1 -1
- package/lib/Link.module.scss +1 -0
- package/lib/Loader.js +2 -2
- package/lib/Loader.js.map +1 -1
- package/lib/Loader.module.scss +9 -2
- package/lib/Modal.d.ts +0 -2
- package/lib/Modal.js +3 -3
- package/lib/Modal.js.map +1 -1
- package/lib/Modal.module.scss +1 -0
- package/lib/Notification.module.scss +1 -0
- package/lib/NumberField.d.ts +1 -0
- package/lib/NumberField.js +16 -6
- package/lib/NumberField.js.map +1 -1
- package/lib/NumberField.module.scss +40 -3
- package/lib/NumberFieldFormik.js +1 -1
- package/lib/NumberFieldFormik.js.map +1 -1
- package/lib/Overlay.d.ts +1 -1
- package/lib/Overlay.js +1 -1
- package/lib/Overlay.js.map +1 -1
- package/lib/Overlay.module.scss +2 -0
- package/lib/Pagination.js.map +1 -1
- package/lib/Pagination.module.scss +1 -0
- package/lib/PasswordField.js +2 -2
- package/lib/PasswordField.js.map +1 -1
- package/lib/PasswordFieldFormik.js +2 -2
- package/lib/PasswordFieldFormik.js.map +1 -1
- package/lib/Popover.d.ts +21 -1
- package/lib/Popover.js +76 -1
- package/lib/Popover.js.map +1 -1
- package/lib/Popover.module.scss +12 -0
- package/lib/Radio.d.ts +2 -2
- package/lib/Radio.js +4 -2
- package/lib/Radio.js.map +1 -1
- package/lib/Radio.module.scss +3 -0
- package/lib/RadioFormik.js +1 -1
- package/lib/RadioFormik.js.map +1 -1
- package/lib/RadioGroup.module.scss +0 -1
- package/lib/RadioGroupFormik.js +2 -2
- package/lib/RadioGroupFormik.js.map +1 -1
- package/lib/SegmentedControlFormik.js +1 -1
- package/lib/SegmentedControlFormik.js.map +1 -1
- package/lib/Select/CheckableSelectField.d.ts +5 -2
- package/lib/Select/CheckableSelectField.js +35 -59
- package/lib/Select/CheckableSelectField.js.map +1 -1
- package/lib/Select/CheckableSelectField.module.scss +10 -2
- package/lib/Select/CheckableSelectFieldFormik.d.ts +2 -2
- package/lib/Select/CheckableSelectFieldFormik.js +1 -1
- package/lib/Select/CheckableSelectFieldFormik.js.map +1 -1
- package/lib/Select/Common.d.ts +2 -0
- package/lib/Select/Common.js +10 -3
- package/lib/Select/Common.js.map +1 -1
- package/lib/Select/Common.module.scss +2 -0
- package/lib/Select/MultiSelectField.d.ts +1 -1
- package/lib/Select/MultiSelectField.js +3 -6
- package/lib/Select/MultiSelectField.js.map +1 -1
- package/lib/Select/MultiSelectFieldFormik.d.ts +2 -2
- package/lib/Select/MultiSelectFieldFormik.js +1 -1
- package/lib/Select/MultiSelectFieldFormik.js.map +1 -1
- package/lib/Select/SelectField.d.ts +1 -1
- package/lib/Select/SelectField.js +1 -1
- package/lib/Select/SelectField.js.map +1 -1
- package/lib/Select/SelectField.module.scss +1 -1
- package/lib/Select/SelectFieldFormik.d.ts +2 -2
- package/lib/Select/SelectFieldFormik.js +1 -1
- package/lib/Select/SelectFieldFormik.js.map +1 -1
- package/lib/Select/helpers.d.ts +1 -2
- package/lib/Select/index.d.ts +7 -7
- package/lib/Select/index.js +7 -7
- package/lib/Select/index.js.map +1 -1
- package/lib/SimpleTable.js +7 -7
- package/lib/SimpleTable.js.map +1 -1
- package/lib/SimpleTable.module.scss +1 -1
- package/lib/Slider.js +1 -1
- package/lib/Slider.js.map +1 -1
- package/lib/Slider.module.scss +5 -1
- package/lib/SliderFormik.d.ts +1 -1
- package/lib/SliderFormik.js +1 -1
- package/lib/SliderFormik.js.map +1 -1
- package/lib/Table/Header.js +3 -3
- package/lib/Table/Header.js.map +1 -1
- package/lib/Table/Header.module.scss +3 -0
- package/lib/Table/Row.js +2 -6
- package/lib/Table/Row.js.map +1 -1
- package/lib/Table/Table.js +10 -10
- package/lib/Table/Table.js.map +1 -1
- package/lib/Tabs/Tab.module.scss +1 -1
- package/lib/Tabs/TabList.js +2 -1
- package/lib/Tabs/TabList.js.map +1 -1
- package/lib/Tabs/index.d.ts +4 -4
- package/lib/Tabs/index.js +4 -4
- package/lib/Tabs/index.js.map +1 -1
- package/lib/Terminal.js +3 -3
- package/lib/Terminal.js.map +1 -1
- package/lib/Terminal.module.scss +1 -0
- package/lib/TextArea.js +2 -2
- package/lib/TextArea.js.map +1 -1
- package/lib/TextArea.module.scss +13 -6
- package/lib/TextAreaFormik.js +1 -1
- package/lib/TextAreaFormik.js.map +1 -1
- package/lib/TextField.d.ts +10 -17
- package/lib/TextField.js +23 -9
- package/lib/TextField.js.map +1 -1
- package/lib/TextField.module.scss +33 -17
- package/lib/TextFieldFormik.js +3 -3
- package/lib/TextFieldFormik.js.map +1 -1
- package/lib/TimeField.js +2 -2
- package/lib/TimeField.js.map +1 -1
- package/lib/TimeFieldFormik.js +1 -1
- package/lib/TimeFieldFormik.js.map +1 -1
- package/lib/Toast.js.map +1 -1
- package/lib/Toggle.module.scss +10 -7
- package/lib/ToggleFormik.js +1 -1
- package/lib/ToggleFormik.js.map +1 -1
- package/lib/Tooltip.d.ts +3 -2
- package/lib/Tooltip.js +65 -20
- package/lib/Tooltip.js.map +1 -1
- package/lib/Tooltip.module.scss +3 -3
- package/lib/TruncatedText.d.ts +5 -2
- package/lib/TruncatedText.js +2 -2
- package/lib/TruncatedText.js.map +1 -1
- package/lib/hooks/index.d.ts +5 -1
- package/lib/hooks/index.js +5 -1
- package/lib/hooks/index.js.map +1 -1
- package/lib/hooks/useIsMounted.d.ts +1 -0
- package/lib/hooks/useIsMounted.js +12 -0
- package/lib/hooks/useIsMounted.js.map +1 -0
- package/lib/hooks/useOnClickOutside.d.ts +8 -0
- package/lib/hooks/useOnClickOutside.js +24 -0
- package/lib/hooks/useOnClickOutside.js.map +1 -0
- package/lib/hooks/useOpenCloseState.d.ts +6 -0
- package/lib/hooks/useOpenCloseState.js +14 -0
- package/lib/hooks/useOpenCloseState.js.map +1 -0
- package/lib/hooks/usePrevious.d.ts +1 -1
- package/lib/hooks/usePrevious.js.map +1 -1
- package/lib/hooks/useRefValue.d.ts +1 -0
- package/lib/hooks/useRefValue.js +9 -0
- package/lib/hooks/useRefValue.js.map +1 -0
- package/lib/hooks/useTableCustomizableColumns.d.ts +1 -1
- package/lib/hooks/useTableCustomizableColumns.js.map +1 -1
- package/lib/index.d.ts +55 -55
- package/lib/index.js +55 -55
- package/lib/index.js.map +1 -1
- package/lib/utils/test.d.ts +1 -0
- package/lib/utils/test.js +8 -0
- package/lib/utils/test.js.map +1 -0
- package/package.json +55 -48
- package/styles/constants/_animations.scss +0 -1
- package/styles/constants/_colors.scss +1 -10
- package/styles/constants/_sizes.scss +2 -21
- package/styles/constants/_typography.scss +18 -7
- package/styles/constants/export.module.scss +1 -1
- package/styles/fonts.css +9 -24
- package/styles/helpers/_a11y.scss +4 -1
- package/styles/helpers/_error.scss +1 -1
- package/styles/helpers/_input.scss +1 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarInput.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQ3C,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACvI,oBAAC,SAAS,
|
|
1
|
+
{"version":3,"file":"CalendarInput.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarInput.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAwC,UAAU,EAAE,MAAM,OAAO,CAAA;AAC/E,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAA;AAExC,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAQ3C,MAAM,CAAC,MAAM,qBAAqB,GAAmC,CAAC,EAAE,SAAS,EAAE,KAAK,EAAE,QAAQ,EAAE,KAAK,EAAE,aAAa,EAAE,GAAG,KAAK,EAAE,EAAE,EAAE,CAAC,CACvI,oBAAC,SAAS,OACJ,KAAK,EACT,IAAI,EAAE,aAAa,eACT,gBAAgB,EAC1B,KAAK,EAAE,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,EAAE,EACxB,QAAQ,EAAE,QAAQ,EAClB,uBAAuB,EAAE,SAAS,EAClC,IAAI,EAAC,MAAM,EACX,IAAI,EAAC,gBAAgB,EACrB,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,QAAQ,EAC3B,sBAAsB,EAAC,eAAe,GACtC,CACH,CAAA;AAgBD,6DAA6D;AAC7D,MAAM,CAAC,MAAM,aAAa,GAA2B,UAAU,CAAC,CAAC,KAAK,EAAE,GAAG,EAAE,EAAE;IAC7E,oDAAoD;IACpD,MAAM,UAAU,GAAG,KAAmC,CAAA;IAEtD,OAAO,oBAAC,qBAAqB,OAAK,UAAU,GAAI,CAAA;AAClD,CAAC,CAAC,CAAA;AAEF,aAAa,CAAC,WAAW,GAAG,eAAe,CAAA"}
|
|
@@ -59,6 +59,6 @@ export const CalendarTimeInternal = ({ date, value, onChange }) => {
|
|
|
59
59
|
export const CalendarTime = (props) => {
|
|
60
60
|
// Note: Cast the "unknown" props to the actual type
|
|
61
61
|
const propsTyped = props;
|
|
62
|
-
return React.createElement(CalendarTimeInternal,
|
|
62
|
+
return React.createElement(CalendarTimeInternal, { ...propsTyped });
|
|
63
63
|
};
|
|
64
64
|
//# sourceMappingURL=CalendarTime.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAmB,WAAW,EAAE,SAAS,EAAE,QAAQ,EAAE,MAAM,OAAO,CAAA;AAChF,OAAO,EAAE,MAAM,EAAE,KAAK,EAAE,MAAM,UAAU,CAAA;AAExC,OAAO,EAAE,MAAM,EAAE,MAAM,cAAc,CAAA;AACrC,OAAO,EAAE,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAC9C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAA;AAE3C,OAAO,MAAM,MAAM,4BAA4B,CAAA;AAE/C,8BAA8B;AAC9B,MAAM,WAAW,GAAG,SAAS,CAAA;AAC7B,wBAAwB;AACxB,MAAM,uBAAuB,GAAG,OAAO,CAAA;AAQvC,MAAM,CAAC,MAAM,oBAAoB,GAAkC,CAAC,EAAE,IAAI,EAAE,KAAK,EAAE,QAAQ,EAAE,EAAE,EAAE;IAC/F,MAAM,CAAC,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC,CAAA;IACvC,MAAM,CAAC,cAAc,EAAE,iBAAiB,CAAC,GAAG,QAAQ,EAAsB,CAAA;IAE1E;;;;;;;;;;;;;;;;;;OAkBG;IACH,SAAS,CAAC,GAAG,EAAE;QACb,OAAO,CAAC,KAAK,CAAC,CAAA;IAChB,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAA;IAEX,MAAM,qBAAqB,GAAG,WAAW,CACvC,CAAC,EAAE,MAAM,EAAE,EAAE,KAAK,EAAE,EAAiC,EAAE,EAAE;QACvD,OAAO,CAAC,KAAK,CAAC,CAAA;QACd,MAAM,UAAU,GAAG,KAAK,CAAC,KAAK,EAAE,uBAAuB,EAAE,IAAI,CAAC,CAAA;QAE9D,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO,EAAE,CAAC,EAAE;YAChC,iBAAiB,CAAC,SAAS,CAAC,CAAA;YAC5B,QAAQ,CAAC,KAAK,CAAC,CAAA;SAChB;aAAM;YACL,iBAAiB,CAAC,cAAc,CAAC,CAAA;SAClC;IACH,CAAC,EACD,CAAC,QAAQ,EAAE,IAAI,CAAC,CACjB,CAAA;IAED,MAAM,eAAe,GAAG,WAAW,CACjC,CAAC,
|
|
1
|
+
{"version":3,"file":"CalendarTime.js","sourceRoot":"","sources":["../../../src/Calendar/components/CalendarTime.tsx"],"names":[],"mappings":"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"}
|
|
@@ -15,8 +15,10 @@
|
|
|
15
15
|
* Therefore only option 2 is left.
|
|
16
16
|
*/
|
|
17
17
|
$calendarTimeHeight: 227px;
|
|
18
|
+
|
|
18
19
|
// Note: Add padding in order to preserve button's outline
|
|
19
20
|
$outlinePreservingPadding: c.$grid * 1.25;
|
|
21
|
+
|
|
20
22
|
// Note: Button width is 98px with border-box applied
|
|
21
23
|
/* doiuse-disable calc */
|
|
22
24
|
$buttonWidth: calc(98px - 2 * #{$outlinePreservingPadding});
|
package/lib/Card.module.scss
CHANGED
package/lib/Checkbox.d.ts
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
import
|
|
1
|
+
import { ChangeEvent, FC, FocusEvent, ReactElement, ReactText } from 'react';
|
|
2
2
|
import { DataTestProp } from '@hazelcast/helpers';
|
|
3
3
|
import { HelpProps } from './Help';
|
|
4
4
|
declare type CheckboxCoreProps = {
|
|
@@ -10,7 +10,7 @@ declare type CheckboxCoreProps = {
|
|
|
10
10
|
checked?: boolean;
|
|
11
11
|
};
|
|
12
12
|
export declare type CheckboxExtraProps = {
|
|
13
|
-
label
|
|
13
|
+
label?: ReactElement | ReactText;
|
|
14
14
|
helperText?: HelpProps['helperText'];
|
|
15
15
|
indeterminate?: boolean;
|
|
16
16
|
disabled?: boolean;
|
package/lib/Checkbox.js
CHANGED
|
@@ -5,6 +5,7 @@ import classNames from 'classnames';
|
|
|
5
5
|
import { Error, errorId } from './Error';
|
|
6
6
|
import { Help, helpTooltipId } from './Help';
|
|
7
7
|
import styles from './Checkbox.module.scss';
|
|
8
|
+
import { TruncatedText } from './TruncatedText';
|
|
8
9
|
/**
|
|
9
10
|
* ### Purpose
|
|
10
11
|
* Forms require input from users. If you need information that can be represented as boolean, use input with type 'checkbox'.
|
|
@@ -29,7 +30,8 @@ export const Checkbox = (props) => {
|
|
|
29
30
|
[styles.checked]: checked,
|
|
30
31
|
[styles.disabled]: disabled,
|
|
31
32
|
}, classNameLabel), htmlFor: id },
|
|
32
|
-
React.createElement("
|
|
33
|
+
label !== undefined && (React.createElement("div", { className: styles.name, "data-test": "input-checkbox-label" },
|
|
34
|
+
React.createElement(TruncatedText, { text: label }))),
|
|
33
35
|
React.createElement("input", { type: "checkbox", ref: inputRef, id: id, name: name, checked: !!checked, onChange: onChange, onBlur: onBlur, value: value, disabled: disabled, "aria-checked": ariaChecked, "aria-invalid": !!error, "aria-required": required, "aria-describedby": helperText && helpTooltipId(id), "aria-errormessage": error && errorId(id) }),
|
|
34
36
|
indeterminate ? React.createElement(Minus, { className: styles.checkmark }) : React.createElement(Check, { className: styles.checkmark }),
|
|
35
37
|
helperText && React.createElement(Help, { parentId: id, helperText: helperText, className: styles.helperText })),
|
package/lib/Checkbox.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,
|
|
1
|
+
{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../src/Checkbox.tsx"],"names":[],"mappings":"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"}
|
package/lib/Checkbox.module.scss
CHANGED
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
@use '../styles/constants' as c;
|
|
2
2
|
@use '../styles/helpers' as h;
|
|
3
|
-
|
|
4
3
|
@include h.withError;
|
|
5
4
|
|
|
6
5
|
.wrapper {
|
|
@@ -8,6 +7,7 @@
|
|
|
8
7
|
flex-direction: row;
|
|
9
8
|
cursor: pointer;
|
|
10
9
|
box-sizing: border-box;
|
|
10
|
+
overflow: hidden;
|
|
11
11
|
|
|
12
12
|
* {
|
|
13
13
|
box-sizing: border-box;
|
|
@@ -36,6 +36,7 @@
|
|
|
36
36
|
border: c.$borderWidth solid c.$colorNeutralLight;
|
|
37
37
|
border-radius: c.$grid;
|
|
38
38
|
color: c.$colorNeutralWhite;
|
|
39
|
+
|
|
39
40
|
// because of ~ and + selectors used below, we need to keep the current order in DOM and
|
|
40
41
|
// fix it visually with order property
|
|
41
42
|
order: -1;
|
|
@@ -68,6 +69,7 @@
|
|
|
68
69
|
}
|
|
69
70
|
|
|
70
71
|
.name {
|
|
72
|
+
overflow: hidden;
|
|
71
73
|
padding-left: c.$grid * 1.25;
|
|
72
74
|
}
|
|
73
75
|
|
package/lib/CheckboxFormik.js
CHANGED
|
@@ -7,11 +7,11 @@ export const CheckboxFormik = ({ name, validate, onChange, ...props }) => {
|
|
|
7
7
|
name,
|
|
8
8
|
validate,
|
|
9
9
|
});
|
|
10
|
-
return (React.createElement(Checkbox,
|
|
10
|
+
return (React.createElement(Checkbox, { ...props, name: name, checked: value, onChange: useCallback((e) => {
|
|
11
11
|
if (onChange) {
|
|
12
12
|
onChange(e.target.checked);
|
|
13
13
|
}
|
|
14
14
|
onFormikChange(e);
|
|
15
|
-
}, [onFormikChange, onChange]), onBlur: onBlur, error: getFieldError(meta) }))
|
|
15
|
+
}, [onFormikChange, onChange]), onBlur: onBlur, error: getFieldError(meta) }));
|
|
16
16
|
};
|
|
17
17
|
//# sourceMappingURL=CheckboxFormik.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CheckboxFormik.js","sourceRoot":"","sources":["../src/CheckboxFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA+B,EAAgB,EAAE;IACpI,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAU;QAC5E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,
|
|
1
|
+
{"version":3,"file":"CheckboxFormik.js","sourceRoot":"","sources":["../src/CheckboxFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAgB,WAAW,EAAE,MAAM,OAAO,CAAA;AACxD,OAAO,EAAE,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjC,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAA;AACzD,OAAO,EAAyB,aAAa,EAAE,MAAM,gBAAgB,CAAA;AASrE,MAAM,CAAC,MAAM,cAAc,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA+B,EAAgB,EAAE;IACpI,MAAM,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,cAAc,EAAE,KAAK,EAAE,EAAE,IAAI,CAAC,GAAG,QAAQ,CAAU;QAC5E,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,QAAQ,OACH,KAAK,EACT,IAAI,EAAE,IAAI,EACV,OAAO,EAAE,KAAK,EACd,QAAQ,EAAE,WAAW,CACnB,CAAC,CAAC,EAAE,EAAE;YACJ,IAAI,QAAQ,EAAE;gBACZ,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC,CAAA;aAC3B;YAED,cAAc,CAAC,CAAC,CAAC,CAAA;QACnB,CAAC,EACD,CAAC,cAAc,EAAE,QAAQ,CAAC,CAC3B,EACD,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
|
package/lib/CodeEditor.js
CHANGED
|
@@ -91,7 +91,6 @@ export const CodeEditor = ({ name, value, className, options = {}, onChange, onB
|
|
|
91
91
|
});
|
|
92
92
|
const domEventsExtension = () => {
|
|
93
93
|
const eventHandlers = {
|
|
94
|
-
// eslint-disable-next-line @typescript-eslint/no-explicit-any
|
|
95
94
|
blur: (event) => onBlur && onBlur(event),
|
|
96
95
|
};
|
|
97
96
|
return EditorView.domEventHandlers(eventHandlers);
|
|
@@ -136,6 +135,7 @@ export const CodeEditor = ({ name, value, className, options = {}, onChange, onB
|
|
|
136
135
|
const extensions = [
|
|
137
136
|
...basicExtensions,
|
|
138
137
|
...(customExtensions !== null && customExtensions !== void 0 ? customExtensions : []),
|
|
138
|
+
// eslint-disable-next-line @typescript-eslint/no-unsafe-argument
|
|
139
139
|
...(opts.language ? [StreamLanguage.define(opts.language)] : []),
|
|
140
140
|
...(opts.lineWrapping ? [EditorView.lineWrapping] : []),
|
|
141
141
|
...(opts.lineNumbers ? [foldGutter(), lineNumbers()] : []),
|
package/lib/CodeEditor.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../src/CodeEditor.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"CodeEditor.js","sourceRoot":"","sources":["../src/CodeEditor.tsx"],"names":[],"mappings":"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"}
|
|
@@ -4,13 +4,15 @@
|
|
|
4
4
|
.container {
|
|
5
5
|
box-shadow: 0 c.$cardShadowSize c.$cardShadowBlur 0 c.$colorShadow;
|
|
6
6
|
border-radius: c.$borderRadius;
|
|
7
|
-
|
|
7
|
+
|
|
8
|
+
:global .cm-editor {
|
|
8
9
|
// bogus padding to avoid overlapping with our outlineFormField mixin.
|
|
9
10
|
padding: 1px;
|
|
10
11
|
border-radius: c.$borderRadius;
|
|
11
12
|
border: c.$borderWidth solid c.$colorNeutralLight;
|
|
12
13
|
}
|
|
13
|
-
|
|
14
|
+
|
|
15
|
+
:global .cm-editor.cm-focused {
|
|
14
16
|
// inherited outline just looks weird, override it
|
|
15
17
|
outline: none;
|
|
16
18
|
|
|
@@ -19,6 +21,7 @@
|
|
|
19
21
|
|
|
20
22
|
border: c.$borderWidth solid c.$colorAccessibilityOutline;
|
|
21
23
|
}
|
|
24
|
+
|
|
22
25
|
:global .cm-scroller {
|
|
23
26
|
border-radius: c.$borderRadius;
|
|
24
27
|
}
|
package/lib/CodeEditorFormik.js
CHANGED
|
@@ -7,8 +7,8 @@ export const CodeEditorFormik = ({ name, validate, ...props }) => {
|
|
|
7
7
|
name,
|
|
8
8
|
validate,
|
|
9
9
|
});
|
|
10
|
-
return (React.createElement(CodeEditor,
|
|
10
|
+
return (React.createElement(CodeEditor, { ...props, name: name, value: field.value, onChange: (val) => {
|
|
11
11
|
helpers.setValue(val, false);
|
|
12
|
-
}, onBlur: field.onBlur, error: getFieldError(meta) }))
|
|
12
|
+
}, onBlur: field.onBlur, error: getFieldError(meta) }));
|
|
13
13
|
};
|
|
14
14
|
//# sourceMappingURL=CodeEditorFormik.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"CodeEditorFormik.js","sourceRoot":"","sources":["../src/CodeEditorFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAQ9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAgB,EAAE;IACzH,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB;QAC1D,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,
|
|
1
|
+
{"version":3,"file":"CodeEditorFormik.js","sourceRoot":"","sources":["../src/CodeEditorFormik.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAuB,MAAM,OAAO,CAAA;AAC3C,OAAO,EAAkB,QAAQ,EAAE,MAAM,QAAQ,CAAA;AAEjD,OAAO,EAAE,UAAU,EAAmB,MAAM,cAAc,CAAA;AAC1D,OAAO,EAAE,aAAa,EAAE,MAAM,gBAAgB,CAAA;AAQ9C,MAAM,CAAC,MAAM,gBAAgB,GAAG,CAAmB,EAAE,IAAI,EAAE,QAAQ,EAAE,GAAG,KAAK,EAA4B,EAAgB,EAAE;IACzH,MAAM,CAAC,KAAK,EAAE,IAAI,EAAE,OAAO,CAAC,GAAG,QAAQ,CAAqB;QAC1D,IAAI;QACJ,QAAQ;KACT,CAAC,CAAA;IAEF,OAAO,CACL,oBAAC,UAAU,OACL,KAAK,EACT,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,QAAQ,EAAE,CAAC,GAAW,EAAE,EAAE;YACxB,OAAO,CAAC,QAAQ,CAAC,GAAG,EAAE,KAAK,CAAC,CAAA;QAC9B,CAAC,EACD,MAAM,EAAE,KAAK,CAAC,MAAM,EACpB,KAAK,EAAE,aAAa,CAAC,IAAI,CAAC,GAC1B,CACH,CAAA;AACH,CAAC,CAAA"}
|
package/lib/Dialog.js
CHANGED
|
@@ -19,15 +19,18 @@ export const Dialog = ({ modalClassName, consequences, affirmation = DIALOG_AFFI
|
|
|
19
19
|
autoFocus: !actionDangerous,
|
|
20
20
|
kind: actionDangerous ? 'danger' : 'primary',
|
|
21
21
|
...(actionDisabled &&
|
|
22
|
-
actionDisabledTooltip
|
|
22
|
+
actionDisabledTooltip ? {
|
|
23
23
|
disabled: actionDisabled,
|
|
24
24
|
disabledTooltip: actionDisabledTooltip,
|
|
25
|
+
} : {
|
|
26
|
+
disabled: undefined,
|
|
27
|
+
disabledTooltip: undefined
|
|
25
28
|
}),
|
|
26
29
|
onClick: actionOnConfirm,
|
|
27
30
|
children: actionChildren,
|
|
28
31
|
},
|
|
29
32
|
]
|
|
30
33
|
: [], [actionDangerous, actionDisabled, actionDisabledTooltip, actionOnConfirm, actionChildren]);
|
|
31
|
-
return (React.createElement(Modal,
|
|
34
|
+
return (React.createElement(Modal, { className: cn(styles.dialog, modalClassName), headerClassName: styles.dialogHeader, bodyClassName: styles.dialogBody, contentClassName: styles.dialogConsequences, footerClassName: styles.dialogFooter, actions: actions, title: affirmation, showCloseButton: false, ...rest }, consequences));
|
|
32
35
|
};
|
|
33
36
|
//# sourceMappingURL=Dialog.js.map
|
package/lib/Dialog.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAgC,MAAM,SAAS,CAAA;AAE7D,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAA;AAyB7E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,WAAW,GAAG,0BAA0B,EACxC,cAAc,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAA0B,OAAO,CAC5C,GAAG,EAAE,CACH,cAAc,IAAI,eAAe;QAC/B,CAAC,CAAC;YACE;gBACE,SAAS,EAAE,CAAC,eAAe;gBAC3B,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC5C,GAAG,CAAC,cAAc;oBAChB,qBAAqB,
|
|
1
|
+
{"version":3,"file":"Dialog.js","sourceRoot":"","sources":["../src/Dialog.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAiB,OAAO,EAAE,MAAM,OAAO,CAAA;AACrD,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,KAAK,EAAgC,MAAM,SAAS,CAAA;AAE7D,OAAO,MAAM,MAAM,sBAAsB,CAAA;AAEzC,MAAM,CAAC,MAAM,0BAA0B,GAAG,mCAAmC,CAAA;AAyB7E;;;;;;;;GAQG;AACH,MAAM,CAAC,MAAM,MAAM,GAAoB,CAAC,EACtC,cAAc,EACd,YAAY,EACZ,WAAW,GAAG,0BAA0B,EACxC,cAAc,EACd,eAAe,EACf,cAAc,EACd,qBAAqB,EACrB,eAAe,EACf,GAAG,IAAI,EACR,EAAE,EAAE;IACH,MAAM,OAAO,GAA0B,OAAO,CAC5C,GAAG,EAAE,CACH,cAAc,IAAI,eAAe;QAC/B,CAAC,CAAC;YACE;gBACE,SAAS,EAAE,CAAC,eAAe;gBAC3B,IAAI,EAAE,eAAe,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,SAAS;gBAC5C,GAAG,CAAC,cAAc;oBAChB,qBAAqB,CAAC,CAAC,CAAC;oBACtB,QAAQ,EAAE,cAAc;oBACxB,eAAe,EAAE,qBAAqB;iBACvC,CAAA,CAAC,CAAA;oBACF,QAAQ,EAAE,SAAS;oBACnB,eAAe,EAAE,SAAS;iBAC3B,CAAC;gBACF,OAAO,EAAE,eAAe;gBACxB,QAAQ,EAAE,cAAc;aACzB;SACF;QACH,CAAC,CAAC,EAAE,EACR,CAAC,eAAe,EAAE,cAAc,EAAE,qBAAqB,EAAE,eAAe,EAAE,cAAc,CAAC,CAC1F,CAAA;IAED,OAAO,CACL,oBAAC,KAAK,IACJ,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,MAAM,EAAE,cAAc,CAAC,EAC5C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,aAAa,EAAE,MAAM,CAAC,UAAU,EAChC,gBAAgB,EAAE,MAAM,CAAC,kBAAkB,EAC3C,eAAe,EAAE,MAAM,CAAC,YAAY,EACpC,OAAO,EAAE,OAAO,EAChB,KAAK,EAAE,WAAW,EAClB,eAAe,EAAE,KAAK,KAClB,IAAI,IAEP,YAAY,CACP,CACT,CAAA;AACH,CAAC,CAAA"}
|
package/lib/Dialog.module.scss
CHANGED
|
@@ -4,6 +4,7 @@
|
|
|
4
4
|
box-sizing: border-box;
|
|
5
5
|
display: flex;
|
|
6
6
|
flex-direction: column;
|
|
7
|
+
|
|
7
8
|
// Note: Unset properties set by Modal
|
|
8
9
|
min-width: 0;
|
|
9
10
|
max-width: none;
|
|
@@ -35,6 +36,7 @@
|
|
|
35
36
|
flex: 1 1 auto;
|
|
36
37
|
margin: 0 !important;
|
|
37
38
|
max-width: none;
|
|
39
|
+
|
|
38
40
|
// Note: Unset border-radius for the buttons
|
|
39
41
|
border-radius: 0;
|
|
40
42
|
}
|
|
@@ -50,6 +52,7 @@
|
|
|
50
52
|
&:nth-of-type(1) {
|
|
51
53
|
border-bottom-left-radius: c.$borderRadius;
|
|
52
54
|
}
|
|
55
|
+
|
|
53
56
|
&:nth-of-type(2) {
|
|
54
57
|
border-bottom-right-radius: c.$borderRadius;
|
|
55
58
|
}
|
package/lib/Error.d.ts
CHANGED
|
@@ -1,10 +1,12 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
+
import { TooltipProps } from './Tooltip';
|
|
2
3
|
export declare const errorId: (inputId: string) => string;
|
|
3
4
|
interface ErrorProps {
|
|
4
5
|
error?: string;
|
|
5
6
|
className?: string;
|
|
6
7
|
inputId: string;
|
|
7
8
|
truncated?: boolean;
|
|
9
|
+
tooltipPlacement?: TooltipProps['placement'];
|
|
8
10
|
}
|
|
9
11
|
export declare const Error: FC<ErrorProps>;
|
|
10
12
|
export {};
|
package/lib/Error.js
CHANGED
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import cn from 'classnames';
|
|
3
|
-
import styles from './Error.module.scss';
|
|
4
3
|
import { TruncatedText } from './TruncatedText';
|
|
4
|
+
import styles from './Error.module.scss';
|
|
5
5
|
export const errorId = (inputId) => `${inputId}-error`;
|
|
6
6
|
/* https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/ARIA_Techniques/Using_the_alert_role */
|
|
7
|
-
export const Error = ({ error, className, inputId, truncated }) => (React.createElement("div", { className: cn(styles.container, error && styles.hasError, className), role: "alert", id: errorId(inputId) }, truncated ? React.createElement(TruncatedText, { text: error || '' }) : error));
|
|
7
|
+
export const Error = ({ error, className, inputId, truncated, tooltipPlacement }) => (React.createElement("div", { className: cn(styles.container, error && styles.hasError, className), role: "alert", id: errorId(inputId) }, truncated ? React.createElement(TruncatedText, { text: error || '', tooltipPlacement: tooltipPlacement, hoverAbleTooltip: false }) : error));
|
|
8
8
|
//# sourceMappingURL=Error.js.map
|
package/lib/Error.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Error.js","sourceRoot":"","sources":["../src/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,
|
|
1
|
+
{"version":3,"file":"Error.js","sourceRoot":"","sources":["../src/Error.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAa,MAAM,OAAO,CAAA;AACjC,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,EAAE,aAAa,EAAE,MAAM,iBAAiB,CAAA;AAG/C,OAAO,MAAM,MAAM,qBAAqB,CAAA;AAExC,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,OAAe,EAAU,EAAE,CAAC,GAAG,OAAO,QAAQ,CAAA;AAUtE,0GAA0G;AAC1G,MAAM,CAAC,MAAM,KAAK,GAAmB,CAAC,EAAE,KAAK,EAAE,SAAS,EAAE,OAAO,EAAE,SAAS,EAAE,gBAAgB,EAAE,EAAE,EAAE,CAAC,CACnG,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,SAAS,EAAE,KAAK,IAAI,MAAM,CAAC,QAAQ,EAAE,SAAS,CAAC,EAAE,IAAI,EAAC,OAAO,EAAC,EAAE,EAAE,OAAO,CAAC,OAAO,CAAC,IACzG,SAAS,CAAC,CAAC,CAAC,oBAAC,aAAa,IAAC,IAAI,EAAE,KAAK,IAAI,EAAE,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,gBAAgB,EAAE,KAAK,GAAI,CAAC,CAAC,CAAC,KAAK,CAClH,CACP,CAAA"}
|
package/lib/Icon.d.ts
CHANGED
|
@@ -25,37 +25,4 @@ export declare type IconProps = {
|
|
|
25
25
|
containerClassName?: string;
|
|
26
26
|
bold?: boolean;
|
|
27
27
|
} & IconAriaProps;
|
|
28
|
-
export declare const Icon: React.ForwardRefExoticComponent<
|
|
29
|
-
color?: string | undefined;
|
|
30
|
-
icon: IconType;
|
|
31
|
-
size?: "medium" | "large" | "small" | "smallMedium" | "xlarge" | undefined;
|
|
32
|
-
className?: string | undefined;
|
|
33
|
-
containerClassName?: string | undefined;
|
|
34
|
-
bold?: boolean | undefined;
|
|
35
|
-
} & {
|
|
36
|
-
ariaLabel: string;
|
|
37
|
-
ariaLabelledBy?: undefined;
|
|
38
|
-
ariaHidden?: undefined;
|
|
39
|
-
} & React.RefAttributes<HTMLDivElement>) | ({
|
|
40
|
-
color?: string | undefined;
|
|
41
|
-
icon: IconType;
|
|
42
|
-
size?: "medium" | "large" | "small" | "smallMedium" | "xlarge" | undefined;
|
|
43
|
-
className?: string | undefined;
|
|
44
|
-
containerClassName?: string | undefined;
|
|
45
|
-
bold?: boolean | undefined;
|
|
46
|
-
} & {
|
|
47
|
-
ariaLabel?: undefined;
|
|
48
|
-
ariaLabelledBy: string;
|
|
49
|
-
ariaHidden?: undefined;
|
|
50
|
-
} & React.RefAttributes<HTMLDivElement>) | ({
|
|
51
|
-
color?: string | undefined;
|
|
52
|
-
icon: IconType;
|
|
53
|
-
size?: "medium" | "large" | "small" | "smallMedium" | "xlarge" | undefined;
|
|
54
|
-
className?: string | undefined;
|
|
55
|
-
containerClassName?: string | undefined;
|
|
56
|
-
bold?: boolean | undefined;
|
|
57
|
-
} & {
|
|
58
|
-
ariaLabel?: undefined;
|
|
59
|
-
ariaLabelledBy?: undefined;
|
|
60
|
-
ariaHidden?: boolean | undefined;
|
|
61
|
-
} & React.RefAttributes<HTMLDivElement>)>;
|
|
28
|
+
export declare const Icon: React.ForwardRefExoticComponent<IconProps & React.RefAttributes<HTMLDivElement>>;
|
package/lib/Icon.js
CHANGED
|
@@ -21,7 +21,7 @@ export const Icon = forwardRef(({ color, icon: IconElement, ariaLabel, ariaLabel
|
|
|
21
21
|
strokeWidth: iconStroke,
|
|
22
22
|
};
|
|
23
23
|
return (React.createElement("div", { className: cn(styles.iconContainer, containerClassName), ref: ref },
|
|
24
|
-
React.createElement(IconElement,
|
|
24
|
+
React.createElement(IconElement, { role: "img", ...props })));
|
|
25
25
|
});
|
|
26
26
|
Icon.displayName = 'Icon';
|
|
27
27
|
//# sourceMappingURL=Icon.js.map
|
package/lib/Icon.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAsCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EACjI,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,aAAa,EAAE,UAAU;QACzB,KAAK;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CACX;YACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;YAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;SACnC,EACD,SAAS,CACV;QACD,WAAW,EAAE,UAAU;KACxB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,GAAG,EAAE,GAAG;QACpE,oBAAC,WAAW,
|
|
1
|
+
{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../src/Icon.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAM,UAAU,EAA2B,MAAM,OAAO,CAAA;AACtE,OAAO,EAAE,MAAM,YAAY,CAAA;AAE3B,OAAO,WAAW,MAAM,wCAAwC,CAAA;AAChE,OAAO,MAAM,MAAM,oBAAoB,CAAA;AAsCvC,MAAM,CAAC,MAAM,IAAI,GAAG,UAAU,CAC5B,CACE,EAAE,KAAK,EAAE,IAAI,EAAE,WAAW,EAAE,SAAS,EAAE,cAAc,EAAE,UAAU,EAAE,SAAS,EAAE,kBAAkB,EAAE,IAAI,GAAG,QAAQ,EAAE,IAAI,GAAG,KAAK,EAAE,EACjI,GAAG,EACH,EAAE;IACF,MAAM,UAAU,GAAG,IAAI,CAAC,CAAC,CAAC,WAAW,CAAC,mBAAmB,CAAC,CAAC,CAAC,WAAW,CAAC,eAAe,CAAA;IAEvF,MAAM,KAAK,GAAyB;QAClC,YAAY,EAAE,SAAS;QACvB,iBAAiB,EAAE,cAAc;QACjC,aAAa,EAAE,UAAU;QACzB,KAAK;QACL,KAAK,EAAE,KAAK;QACZ,MAAM,EAAE,KAAK;QACb,SAAS,EAAE,EAAE,CACX;YACE,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,WAAW,CAAC,EAAE,IAAI,KAAK,aAAa;YAC5C,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;YAClC,CAAC,MAAM,CAAC,KAAK,CAAC,EAAE,IAAI,KAAK,OAAO;YAChC,CAAC,MAAM,CAAC,MAAM,CAAC,EAAE,IAAI,KAAK,QAAQ;SACnC,EACD,SAAS,CACV;QACD,WAAW,EAAE,UAAU;KACxB,CAAA;IAED,OAAO,CACL,6BAAK,SAAS,EAAE,EAAE,CAAC,MAAM,CAAC,aAAa,EAAE,kBAAkB,CAAC,EAAE,GAAG,EAAE,GAAG;QACpE,oBAAC,WAAW,IAAC,IAAI,EAAC,KAAK,KAAK,KAAK,GAAI,CACjC,CACP,CAAA;AACH,CAAC,CACF,CAAA;AACD,IAAI,CAAC,WAAW,GAAG,MAAM,CAAA"}
|
package/lib/Icon.module.scss
CHANGED
|
@@ -2,6 +2,7 @@
|
|
|
2
2
|
|
|
3
3
|
.iconContainer {
|
|
4
4
|
display: inline-block;
|
|
5
|
+
|
|
5
6
|
// Note: Font-size reset in order break inheritance.
|
|
6
7
|
font-size: 0;
|
|
7
8
|
|
|
@@ -9,18 +10,22 @@
|
|
|
9
10
|
width: c.$iconSizeSmall;
|
|
10
11
|
height: c.$iconSizeSmall;
|
|
11
12
|
}
|
|
13
|
+
|
|
12
14
|
.smallMedium {
|
|
13
15
|
width: c.$iconSizeSmallMedium;
|
|
14
16
|
height: c.$iconSizeSmallMedium;
|
|
15
17
|
}
|
|
18
|
+
|
|
16
19
|
.medium {
|
|
17
20
|
width: c.$iconSizeMedium;
|
|
18
21
|
height: c.$iconSizeMedium;
|
|
19
22
|
}
|
|
23
|
+
|
|
20
24
|
.large {
|
|
21
25
|
width: c.$iconSizeLarge;
|
|
22
26
|
height: c.$iconSizeLarge;
|
|
23
27
|
}
|
|
28
|
+
|
|
24
29
|
.xlarge {
|
|
25
30
|
width: c.$iconSizeXLarge;
|
|
26
31
|
height: c.$iconSizeXLarge;
|
package/lib/IconButton.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { Icon as FeatherIcon } from 'react-feather';
|
|
|
3
3
|
import { IconProps, IconAriaProps } from './Icon';
|
|
4
4
|
import { TooltipProps } from './Tooltip';
|
|
5
5
|
import { LinkRel, LinkTarget } from './Link';
|
|
6
|
+
import { DataTestProp } from '../../helpers';
|
|
6
7
|
export declare type IconButtonKind = 'primary' | 'transparent';
|
|
7
8
|
declare type IconButtonCommonProps = {
|
|
8
9
|
icon: FeatherIcon;
|
|
@@ -12,7 +13,7 @@ declare type IconButtonCommonProps = {
|
|
|
12
13
|
size?: IconProps['size'];
|
|
13
14
|
padding?: 'normal';
|
|
14
15
|
tooltip?: string;
|
|
15
|
-
} & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
|
|
16
|
+
} & DataTestProp & IconAriaProps & Pick<ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, 'onClick' | 'onMouseDown' | 'className' | 'tabIndex' | 'style'>;
|
|
16
17
|
export declare type IconButtonNotDisabledProps = {
|
|
17
18
|
disabledTooltip?: never;
|
|
18
19
|
disabled?: never;
|
|
@@ -40,170 +41,5 @@ declare type IconButtonComponentProps = ({
|
|
|
40
41
|
loading?: boolean;
|
|
41
42
|
} & (IconButtonDisabledProps | IconButtonNotDisabledProps) & Pick<ButtonHTMLAttributes<HTMLButtonElement>, 'autoFocus' | 'type'>);
|
|
42
43
|
export declare type IconButtonProps = IconButtonCommonProps & IconButtonComponentProps;
|
|
43
|
-
export declare const IconButton: React.ForwardRefExoticComponent<
|
|
44
|
-
icon: FeatherIcon;
|
|
45
|
-
iconClassName?: string | undefined;
|
|
46
|
-
iconColor?: string | undefined;
|
|
47
|
-
kind?: "transparent" | "primary" | undefined;
|
|
48
|
-
size?: IconProps['size'];
|
|
49
|
-
padding?: "normal" | undefined;
|
|
50
|
-
tooltip?: string | undefined;
|
|
51
|
-
} & {
|
|
52
|
-
ariaLabel: string;
|
|
53
|
-
ariaLabelledBy?: undefined;
|
|
54
|
-
ariaHidden?: undefined;
|
|
55
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
56
|
-
component: 'a';
|
|
57
|
-
href: string;
|
|
58
|
-
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
59
|
-
rel?: "alternate" | "help" | "search" | "author" | "bookmark" | "dns-prefetch" | "external" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "tag" | LinkRel[] | undefined;
|
|
60
|
-
type?: undefined;
|
|
61
|
-
loading?: undefined;
|
|
62
|
-
} & IconButtonNotDisabledProps & React.RefAttributes<HTMLElement>) | ({
|
|
63
|
-
icon: FeatherIcon;
|
|
64
|
-
iconClassName?: string | undefined;
|
|
65
|
-
iconColor?: string | undefined;
|
|
66
|
-
kind?: "transparent" | "primary" | undefined;
|
|
67
|
-
size?: IconProps['size'];
|
|
68
|
-
padding?: "normal" | undefined;
|
|
69
|
-
tooltip?: string | undefined;
|
|
70
|
-
} & {
|
|
71
|
-
ariaLabel: string;
|
|
72
|
-
ariaLabelledBy?: undefined;
|
|
73
|
-
ariaHidden?: undefined;
|
|
74
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
75
|
-
component?: "button" | undefined;
|
|
76
|
-
href?: undefined;
|
|
77
|
-
target?: undefined;
|
|
78
|
-
rel?: undefined;
|
|
79
|
-
loading?: boolean | undefined;
|
|
80
|
-
} & IconButtonNotDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
|
|
81
|
-
icon: FeatherIcon;
|
|
82
|
-
iconClassName?: string | undefined;
|
|
83
|
-
iconColor?: string | undefined;
|
|
84
|
-
kind?: "transparent" | "primary" | undefined;
|
|
85
|
-
size?: IconProps['size'];
|
|
86
|
-
padding?: "normal" | undefined;
|
|
87
|
-
tooltip?: string | undefined;
|
|
88
|
-
} & {
|
|
89
|
-
ariaLabel: string;
|
|
90
|
-
ariaLabelledBy?: undefined;
|
|
91
|
-
ariaHidden?: undefined;
|
|
92
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
93
|
-
component?: "button" | undefined;
|
|
94
|
-
href?: undefined;
|
|
95
|
-
target?: undefined;
|
|
96
|
-
rel?: undefined;
|
|
97
|
-
loading?: boolean | undefined;
|
|
98
|
-
} & IconButtonDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
|
|
99
|
-
icon: FeatherIcon;
|
|
100
|
-
iconClassName?: string | undefined;
|
|
101
|
-
iconColor?: string | undefined;
|
|
102
|
-
kind?: "transparent" | "primary" | undefined;
|
|
103
|
-
size?: IconProps['size'];
|
|
104
|
-
padding?: "normal" | undefined;
|
|
105
|
-
tooltip?: string | undefined;
|
|
106
|
-
} & {
|
|
107
|
-
ariaLabel?: undefined;
|
|
108
|
-
ariaLabelledBy: string;
|
|
109
|
-
ariaHidden?: undefined;
|
|
110
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
111
|
-
component: 'a';
|
|
112
|
-
href: string;
|
|
113
|
-
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
114
|
-
rel?: "alternate" | "help" | "search" | "author" | "bookmark" | "dns-prefetch" | "external" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "tag" | LinkRel[] | undefined;
|
|
115
|
-
type?: undefined;
|
|
116
|
-
loading?: undefined;
|
|
117
|
-
} & IconButtonNotDisabledProps & React.RefAttributes<HTMLElement>) | ({
|
|
118
|
-
icon: FeatherIcon;
|
|
119
|
-
iconClassName?: string | undefined;
|
|
120
|
-
iconColor?: string | undefined;
|
|
121
|
-
kind?: "transparent" | "primary" | undefined;
|
|
122
|
-
size?: IconProps['size'];
|
|
123
|
-
padding?: "normal" | undefined;
|
|
124
|
-
tooltip?: string | undefined;
|
|
125
|
-
} & {
|
|
126
|
-
ariaLabel?: undefined;
|
|
127
|
-
ariaLabelledBy: string;
|
|
128
|
-
ariaHidden?: undefined;
|
|
129
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
130
|
-
component?: "button" | undefined;
|
|
131
|
-
href?: undefined;
|
|
132
|
-
target?: undefined;
|
|
133
|
-
rel?: undefined;
|
|
134
|
-
loading?: boolean | undefined;
|
|
135
|
-
} & IconButtonNotDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
|
|
136
|
-
icon: FeatherIcon;
|
|
137
|
-
iconClassName?: string | undefined;
|
|
138
|
-
iconColor?: string | undefined;
|
|
139
|
-
kind?: "transparent" | "primary" | undefined;
|
|
140
|
-
size?: IconProps['size'];
|
|
141
|
-
padding?: "normal" | undefined;
|
|
142
|
-
tooltip?: string | undefined;
|
|
143
|
-
} & {
|
|
144
|
-
ariaLabel?: undefined;
|
|
145
|
-
ariaLabelledBy: string;
|
|
146
|
-
ariaHidden?: undefined;
|
|
147
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
148
|
-
component?: "button" | undefined;
|
|
149
|
-
href?: undefined;
|
|
150
|
-
target?: undefined;
|
|
151
|
-
rel?: undefined;
|
|
152
|
-
loading?: boolean | undefined;
|
|
153
|
-
} & IconButtonDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
|
|
154
|
-
icon: FeatherIcon;
|
|
155
|
-
iconClassName?: string | undefined;
|
|
156
|
-
iconColor?: string | undefined;
|
|
157
|
-
kind?: "transparent" | "primary" | undefined;
|
|
158
|
-
size?: IconProps['size'];
|
|
159
|
-
padding?: "normal" | undefined;
|
|
160
|
-
tooltip?: string | undefined;
|
|
161
|
-
} & {
|
|
162
|
-
ariaLabel?: undefined;
|
|
163
|
-
ariaLabelledBy?: undefined;
|
|
164
|
-
ariaHidden?: boolean | undefined;
|
|
165
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
166
|
-
component: 'a';
|
|
167
|
-
href: string;
|
|
168
|
-
target?: "_self" | "_blank" | "_parent" | "_top" | undefined;
|
|
169
|
-
rel?: "alternate" | "help" | "search" | "author" | "bookmark" | "dns-prefetch" | "external" | "license" | "next" | "nofollow" | "noopener" | "noreferrer" | "opener" | "prev" | "tag" | LinkRel[] | undefined;
|
|
170
|
-
type?: undefined;
|
|
171
|
-
loading?: undefined;
|
|
172
|
-
} & IconButtonNotDisabledProps & React.RefAttributes<HTMLElement>) | ({
|
|
173
|
-
icon: FeatherIcon;
|
|
174
|
-
iconClassName?: string | undefined;
|
|
175
|
-
iconColor?: string | undefined;
|
|
176
|
-
kind?: "transparent" | "primary" | undefined;
|
|
177
|
-
size?: IconProps['size'];
|
|
178
|
-
padding?: "normal" | undefined;
|
|
179
|
-
tooltip?: string | undefined;
|
|
180
|
-
} & {
|
|
181
|
-
ariaLabel?: undefined;
|
|
182
|
-
ariaLabelledBy?: undefined;
|
|
183
|
-
ariaHidden?: boolean | undefined;
|
|
184
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
185
|
-
component?: "button" | undefined;
|
|
186
|
-
href?: undefined;
|
|
187
|
-
target?: undefined;
|
|
188
|
-
rel?: undefined;
|
|
189
|
-
loading?: boolean | undefined;
|
|
190
|
-
} & IconButtonNotDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>) | ({
|
|
191
|
-
icon: FeatherIcon;
|
|
192
|
-
iconClassName?: string | undefined;
|
|
193
|
-
iconColor?: string | undefined;
|
|
194
|
-
kind?: "transparent" | "primary" | undefined;
|
|
195
|
-
size?: IconProps['size'];
|
|
196
|
-
padding?: "normal" | undefined;
|
|
197
|
-
tooltip?: string | undefined;
|
|
198
|
-
} & {
|
|
199
|
-
ariaLabel?: undefined;
|
|
200
|
-
ariaLabelledBy?: undefined;
|
|
201
|
-
ariaHidden?: boolean | undefined;
|
|
202
|
-
} & Pick<React.ButtonHTMLAttributes<HTMLAnchorElement | HTMLButtonElement>, "style" | "className" | "tabIndex" | "onClick" | "onMouseDown"> & {
|
|
203
|
-
component?: "button" | undefined;
|
|
204
|
-
href?: undefined;
|
|
205
|
-
target?: undefined;
|
|
206
|
-
rel?: undefined;
|
|
207
|
-
loading?: boolean | undefined;
|
|
208
|
-
} & IconButtonDisabledProps & Pick<React.ButtonHTMLAttributes<HTMLButtonElement>, "type" | "autoFocus"> & React.RefAttributes<HTMLElement>)>;
|
|
44
|
+
export declare const IconButton: React.ForwardRefExoticComponent<IconButtonProps & React.RefAttributes<HTMLElement>>;
|
|
209
45
|
export {};
|