@aivenio/aquarium 1.43.0 → 1.44.0
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/dist/_variables.scss +1 -1
- package/dist/atoms.cjs +537 -283
- package/dist/atoms.mjs +536 -283
- package/dist/charts.cjs +196 -11
- package/dist/charts.mjs +183 -4
- package/dist/src/atoms/Banner/Banner.d.ts +1 -1
- package/dist/src/atoms/Banner/Banner.js +1 -1
- package/dist/src/atoms/Card/Card.d.ts +9 -0
- package/dist/src/atoms/Card/Card.js +18 -1
- package/dist/src/charts/AreaChart/AreaChart.js +2 -2
- package/dist/src/charts/Cell/Cell.d.ts +2 -0
- package/dist/src/charts/Cell/Cell.js +2 -0
- package/dist/src/charts/PieChart/ChartValue.d.ts +8 -0
- package/dist/src/charts/PieChart/ChartValue.js +10 -0
- package/dist/src/charts/PieChart/DoughnutChart.d.ts +15 -0
- package/dist/src/charts/PieChart/DoughnutChart.js +31 -0
- package/dist/src/charts/PieChart/PieChart.d.ts +13 -0
- package/dist/src/charts/PieChart/PieChart.js +17 -0
- package/dist/src/charts/PieChart/TooltipContentWrapper.d.ts +9 -0
- package/dist/src/charts/PieChart/TooltipContentWrapper.js +31 -0
- package/dist/src/charts/PieChart/renderPieChildren.d.ts +2 -0
- package/dist/src/charts/PieChart/renderPieChildren.js +30 -0
- package/dist/src/charts/PieChart/renderScaledChartValue.d.ts +8 -0
- package/dist/src/charts/PieChart/renderScaledChartValue.js +15 -0
- package/dist/src/charts/index.d.ts +3 -0
- package/dist/src/charts/index.js +4 -1
- package/dist/src/charts/lib/utils.d.ts +5 -0
- package/dist/src/charts/lib/utils.js +7 -1
- package/dist/src/icons/appUsers.d.ts +9 -0
- package/dist/src/icons/appUsers.js +11 -0
- package/dist/src/icons/deliveryLocation.d.ts +9 -0
- package/dist/src/icons/deliveryLocation.js +11 -0
- package/dist/src/icons/gitDiff.d.ts +9 -0
- package/dist/src/icons/gitDiff.js +11 -0
- package/dist/src/icons/index.d.ts +11 -0
- package/dist/src/icons/index.js +12 -1
- package/dist/src/icons/managedUsers.d.ts +9 -0
- package/dist/src/icons/managedUsers.js +11 -0
- package/dist/src/icons/orgAdmin.d.ts +9 -0
- package/dist/src/icons/orgAdmin.js +11 -0
- package/dist/src/icons/orgUnit.d.ts +9 -0
- package/dist/src/icons/orgUnit.js +11 -0
- package/dist/src/icons/proPlans.d.ts +9 -0
- package/dist/src/icons/proPlans.js +11 -0
- package/dist/src/icons/queriesEditor.d.ts +9 -0
- package/dist/src/icons/queriesEditor.js +11 -0
- package/dist/src/icons/queriesStatistics.d.ts +9 -0
- package/dist/src/icons/queriesStatistics.js +11 -0
- package/dist/src/icons/save.d.ts +9 -0
- package/dist/src/icons/save.js +11 -0
- package/dist/src/icons/tools.d.ts +9 -0
- package/dist/src/icons/tools.js +11 -0
- package/dist/src/molecules/Accordion/Accordion.d.ts +23 -5
- package/dist/src/molecules/Accordion/Accordion.js +41 -17
- package/dist/src/molecules/Alert/Alert.js +2 -2
- package/dist/src/molecules/Box/Box.d.ts +9 -36
- package/dist/src/molecules/Box/Box.js +4 -2
- package/dist/src/molecules/Card/Card.d.ts +4 -2
- package/dist/src/molecules/Card/Card.js +10 -11
- package/dist/src/molecules/Card/Compact.d.ts +3 -2
- package/dist/src/molecules/Card/Compact.js +9 -12
- package/dist/src/molecules/Card/types.d.ts +12 -2
- package/dist/src/molecules/CheckboxGroup/CheckboxGroup.js +3 -3
- package/dist/src/molecules/Combobox/Combobox.js +7 -6
- package/dist/src/molecules/DataList/DataList.d.ts +11 -2
- package/dist/src/molecules/DataList/DataList.js +9 -9
- package/dist/src/molecules/DropdownMenu/DropdownMenu.js +3 -2
- package/dist/src/molecules/Element/Element.d.ts +1 -1
- package/dist/src/molecules/Element/Element.js +1 -1
- package/dist/src/molecules/EmptyState/EmptyState.js +4 -4
- package/dist/src/molecules/Grid/Grid.js +2 -1
- package/dist/src/molecules/Input/Input.js +8 -7
- package/dist/src/molecules/ListItem/ListItem.js +2 -2
- package/dist/src/molecules/MultiInput/MultiInput.js +7 -6
- package/dist/src/molecules/MultiSelect/MultiSelect.js +7 -6
- package/dist/src/molecules/NativeSelect/NativeSelect.js +8 -6
- package/dist/src/molecules/PageHeader/PageHeader.js +3 -3
- package/dist/src/molecules/Popover/PopoverOverlay.d.ts +1 -1
- package/dist/src/molecules/RadioButtonGroup/RadioButtonGroup.js +3 -3
- package/dist/src/molecules/Section/Section.d.ts +10 -3
- package/dist/src/molecules/Section/Section.js +9 -7
- package/dist/src/molecules/Select/Select.js +7 -6
- package/dist/src/molecules/Skeleton/Skeleton.d.ts +1 -1
- package/dist/src/molecules/Skeleton/Skeleton.js +16 -4
- package/dist/src/molecules/Spacing/Spacing.d.ts +1 -1
- package/dist/src/molecules/Spacing/Spacing.js +1 -1
- package/dist/src/molecules/SwitchGroup/SwitchGroup.js +3 -3
- package/dist/src/molecules/Textarea/Textarea.js +8 -7
- package/dist/src/utils/Blueprint.js +3 -5
- package/dist/src/utils/actions.d.ts +8 -1
- package/dist/src/utils/actions.js +3 -3
- package/dist/src/utils/setupTests.js +7 -1
- package/dist/styles.css +17 -0
- package/dist/system.cjs +912 -646
- package/dist/system.mjs +898 -632
- package/dist/tsconfig.module.tsbuildinfo +1 -1
- package/dist/types/tailwindGenerated.d.ts +1 -1
- package/package.json +1 -1
@@ -10,7 +10,7 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
10
10
|
return t;
|
11
11
|
};
|
12
12
|
import React, { useState } from 'react';
|
13
|
-
import
|
13
|
+
import { useId } from '@react-aria/utils';
|
14
14
|
import { Switch } from '../../../src/molecules/Switch/Switch';
|
15
15
|
import { InputGroup } from '../../../src/atoms/InputGroup/InputGroup';
|
16
16
|
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
@@ -23,7 +23,7 @@ export const SwitchGroup = (_a) => {
|
|
23
23
|
if (value !== undefined && value !== selectedItems) {
|
24
24
|
setSelectedItems(value);
|
25
25
|
}
|
26
|
-
const errorMessageId =
|
26
|
+
const errorMessageId = useId();
|
27
27
|
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
28
28
|
const labelControlProps = getLabelControlProps(props);
|
29
29
|
const handleChange = (e) => {
|
@@ -56,4 +56,4 @@ const SwitchGroupSkeleton = ({ options = 2 }) => {
|
|
56
56
|
};
|
57
57
|
SwitchGroup.Skeleton = SwitchGroupSkeleton;
|
58
58
|
SwitchGroup.Skeleton.displayName = 'SwitchGroup.Skeleton';
|
59
|
-
//# sourceMappingURL=data:application/json;base64,
|
59
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiU3dpdGNoR3JvdXAuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1N3aXRjaEdyb3VwL1N3aXRjaEdyb3VwLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUUxQyxPQUFPLEVBQUUsTUFBTSxFQUFvQixNQUFNLDZCQUE2QixDQUFDO0FBRXZFLE9BQU8sRUFBb0IsVUFBVSxFQUFFLE1BQU0saUNBQWlDLENBQUM7QUFFL0UsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFlBQVksRUFBMEIsTUFBTSw0QkFBNEIsQ0FBQztBQUN4RyxPQUFPLEVBQUUsRUFBRSxFQUFFLE1BQU0sb0JBQW9CLENBQUM7QUFDeEMsT0FBTyxFQUF5QixlQUFlLEVBQUUsTUFBTSxhQUFhLENBQUM7QUF5Q3JFLE1BQU0sQ0FBQyxNQUFNLFdBQVcsR0FBMEUsQ0FBQyxFQVFsRyxFQUFFLEVBQUU7O1FBUjhGLEVBQ2pHLEtBQUssRUFDTCxZQUFZLEVBQ1osUUFBUSxFQUNSLFFBQVEsR0FBRyxLQUFLLEVBQ2hCLElBQUksRUFDSixRQUFRLE9BRVQsRUFESSxLQUFLLGNBUHlGLHFFQVFsRyxDQURTO0lBRVIsTUFBTSxDQUFDLGFBQWEsRUFBRSxnQkFBZ0IsQ0FBQyxHQUFHLFFBQVEsQ0FBVyxNQUFBLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLFlBQVksbUNBQUksRUFBRSxDQUFDLENBQUM7SUFFMUYsSUFBSSxLQUFLLEtBQUssU0FBUyxJQUFJLEtBQUssS0FBSyxhQUFhLEVBQUU7UUFDbEQsZ0JBQWdCLENBQUMsS0FBSyxDQUFDLENBQUM7S0FDekI7SUFFRCxNQUFNLGNBQWMsR0FBRyxLQUFLLEVBQUUsQ0FBQztJQUMvQixNQUFNLFVBQVUsR0FB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
|
@@ -9,10 +9,10 @@ var __rest = (this && this.__rest) || function (s, e) {
|
|
9
9
|
}
|
10
10
|
return t;
|
11
11
|
};
|
12
|
-
import React, {
|
12
|
+
import React, { useState } from 'react';
|
13
|
+
import { useId } from '@react-aria/utils';
|
13
14
|
import omit from 'lodash/omit';
|
14
15
|
import toString from 'lodash/toString';
|
15
|
-
import uniqueId from 'lodash/uniqueId';
|
16
16
|
import { Skeleton } from '../../../src/molecules/Skeleton/Skeleton';
|
17
17
|
import { getCommonInputStyles } from '../../../src/utils/constants';
|
18
18
|
import { getLabelControlProps, LabelControl } from '../../../src/utils/form/Label/Label';
|
@@ -26,13 +26,14 @@ export const Textarea = React.forwardRef((props, ref) => {
|
|
26
26
|
var _a, _b, _c;
|
27
27
|
const [value, setValue] = useState((_b = (_a = props.value) !== null && _a !== void 0 ? _a : props.defaultValue) !== null && _b !== void 0 ? _b : '');
|
28
28
|
// we need a unique ID to be used for an accessible connection between the input and its error message
|
29
|
-
const
|
30
|
-
const
|
29
|
+
const defaultId = useId();
|
30
|
+
const id = (_c = props.id) !== null && _c !== void 0 ? _c : defaultId;
|
31
|
+
const errorMessageId = useId();
|
31
32
|
const errorProps = props.valid === false ? { 'aria-invalid': true, 'aria-describedby': errorMessageId } : {};
|
32
33
|
const _d = getLabelControlProps(props), { 'data-testid': dataTestId } = _d, labelControlProps = __rest(_d, ['data-testid']);
|
33
34
|
const baseProps = omit(props, Object.keys(labelControlProps));
|
34
|
-
return (React.createElement(LabelControl, Object.assign({ id: `${id
|
35
|
-
React.createElement(TextareaBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id
|
35
|
+
return (React.createElement(LabelControl, Object.assign({ id: `${id}-label`, htmlFor: id, messageId: errorMessageId, length: value !== undefined ? toString(value).length : undefined }, labelControlProps, { className: "Aquarium-Textarea" }),
|
36
|
+
React.createElement(TextareaBase, Object.assign({ ref: ref }, baseProps, errorProps, { id: id, "data-testid": dataTestId, onChange: (e) => {
|
36
37
|
var _a;
|
37
38
|
setValue(e.currentTarget.value);
|
38
39
|
(_a = props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, e);
|
@@ -43,4 +44,4 @@ const TextAreaSkeleton = () => (React.createElement(LabelControl.Skeleton, null,
|
|
43
44
|
React.createElement(TextareaBase.Skeleton, null)));
|
44
45
|
Textarea.Skeleton = TextAreaSkeleton;
|
45
46
|
Textarea.Skeleton.displayName = 'Textarea.Skeleton';
|
46
|
-
//# sourceMappingURL=data:application/json;base64,
|
47
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiVGV4dGFyZWEuanMiLCJzb3VyY2VSb290IjoiIiwic291cmNlcyI6WyIuLi8uLi8uLi8uLi9zcmMvbW9sZWN1bGVzL1RleHRhcmVhL1RleHRhcmVhLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiOzs7Ozs7Ozs7OztBQUFBLE9BQU8sS0FBSyxFQUFFLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBQ3hDLE9BQU8sRUFBRSxLQUFLLEVBQUUsTUFBTSxtQkFBbUIsQ0FBQztBQUMxQyxPQUFPLElBQUksTUFBTSxhQUFhLENBQUM7QUFDL0IsT0FBTyxRQUFRLE1BQU0saUJBQWlCLENBQUM7QUFFdkMsT0FBTyxFQUFFLFFBQVEsRUFBRSxNQUFNLGlDQUFpQyxDQUFDO0FBRTNELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFCQUFxQixDQUFDO0FBQzNELE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxZQUFZLEVBQTBCLE1BQU0sNEJBQTRCLENBQUM7QUFDeEcsT0FBTyxFQUFFLFVBQVUsRUFBRSxNQUFNLG9CQUFvQixDQUFDO0FBWWhELE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBMEIsS0FBSyxDQUFDLFVBQVUsQ0FDakUsQ0FBQyxFQUE0QyxFQUFFLEdBQUcsRUFBRSxFQUFFO1FBQXJELEVBQUUsUUFBUSxHQUFHLEtBQUssRUFBRSxLQUFLLEdBQUcsSUFBSSxPQUFZLEVBQVAsS0FBSyxjQUExQyxxQkFBNEMsQ0FBRjtJQUFZLE9BQUEsQ0FDckQsZ0RBQ0UsR0FBRyxFQUFFLEdBQUcsSUFDSixLQUFLLElBQ1QsUUFBUSxFQUFFLFFBQVEsRUFDbEIsU0FBUyxFQUFFLFVBQVUsQ0FBQyx1QkFBdUIsRUFBRSxvQkFBb0IsQ0FBQyxFQUFFLFFBQVEsRUFBRSxLQUFLLEVBQUUsQ0FBQyxFQUFFLEtBQUssQ0FBQyxTQUFTLENBQUMsSUFDMUcsQ0FDSCxDQUFBO0NBQUEsQ0FDdUIsQ0FBQztBQUUzQixZQUFZLENBQUMsUUFBUSxHQUFHLEdBQUcsRUFBRSxDQUFDLG9C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
|
@@ -23,9 +23,7 @@ export const Blueprint = (props) => {
|
|
23
23
|
backgroundImage: 'linear-gradient(rgba(255,255,255,0.2) 2px, transparent 2px), linear-gradient(90deg, rgba(255,255,255,0.2) 2px, transparent 1px), linear-gradient(rgba(255,255,255,0.1) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.1) 1px, transparent 1px)',
|
24
24
|
backgroundSize: '100px 100px, 100px 100px, 20px 20px, 20px 20px',
|
25
25
|
backgroundPosition: '-2px -2px, -2px -2px, -1px -1px, -1px -1px',
|
26
|
-
} },
|
27
|
-
width,
|
28
|
-
" x ",
|
29
|
-
height));
|
26
|
+
} }, props.children ? props.children : `${width !== null && width !== void 0 ? width : 0} x ${height !== null && height !== void 0 ? height : 0}`));
|
30
27
|
};
|
31
|
-
|
28
|
+
Blueprint.displayName = 'Storybook.Blueprint';
|
29
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiQmx1ZXByaW50LmpzIiwic291cmNlUm9vdCI6IiIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL3V0aWxzL0JsdWVwcmludC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBQUEsT0FBTyxLQUFLLEVBQUUsRUFBRSxlQUFlLEVBQUUsUUFBUSxFQUFFLE1BQU0sT0FBTyxDQUFDO0FBT3pELE1BQU0sQ0FBQyxNQUFNLFNBQVMsR0FBNkIsQ0FBQyxLQUFLLEVBQUUsRUFBRTtJQUMzRCxNQUFNLENBQUMsS0FBSyxFQUFFLFFBQVEsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUN6RCxNQUFNLENBQUMsTUFBTSxFQUFFLFNBQVMsQ0FBQyxHQUFHLFFBQVEsRUFBc0IsQ0FBQztJQUMzRCxNQUFNLEdBQUcsR0FBRyxLQUFLLENBQUMsTUFBTSxDQUFpQixJQUFJLENBQUMsQ0FBQztJQUUvQyxlQUFlLENBQUMsR0FBRyxFQUFFO1FBQ25CLE1BQU0sVUFBVSxHQUFHLEdBQUcsRUFBRTs7WUFDdEIsU0FBUyxDQUFDLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsWUFBWSxDQUFDLENBQUM7WUFDckMsUUFBUSxDQUFDLE1BQUEsR0FBRyxDQUFDLE9BQU8sMENBQUUsV0FBVyxDQUFDLENBQUM7UUFDckMsQ0FBQyxDQUFDO1FBQ0YsVUFBVSxFQUFFLENBQUM7UUFDYixNQUFNLENBQUMsZ0JBQWdCLENBQUMsUUFBUSxFQUFFLFVBQVUsQ0FBQyxDQUFDO1FBQzlDLE9BQU8sR0FBRyxFQUFFLENBQUMsTUFBTSxDQUFDLG1CQUFtQixDQUFDLFFBQVEsRUFBRSxVQUFVLENBQUMsQ0FBQztJQUNoRSxDQUFDLEVBQUUsRUFBRSxDQUFDLENBQUM7SUFFUCxPQUFPLENBQ0wsNkJBQ0UsR0FBRyxFQUFFLEdBQUcsRUFDUixLQUFLLEVBQUU7WUFDTCxLQUFLLEVBQUUsT0FBTztZQUNkLEtBQUssRUFBRSxLQUFLLENBQUMsS0FBSztZQUNsQixNQUFNLEVBQUUsS0FBSyxDQUFDLE1BQU07WUFDcEIsT0FBTyxFQUFFLEVBQUU7WUFDWCxTQUFTLEVBQUUsUUFBUTtZQUNuQixlQUFlLEVBQUUsa0JBQWtCO1lBQ25DLGVBQWUsRUFDYixpUUFBaVE7WUFDblEsY0FBYyxFQUFFLGdEQUFnRDtZQUNoRSxrQkFBa0IsRUFBRSw0Q0FBNEM7U0FDakUsSUFFQSxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxLQUFLLENBQUMsUUFBUSxDQUFDLENBQUMsQ0FBQyxHQUFHLEtBQUssYUFBTCxLQUFLLGNBQUwsS0FBSyxHQUFJLENBQUMsTUFBTSxNQUFNLGFBQU4sTUFBTSxjQUFOLE1BQU0sR0FBSSxDQUFDLEVBQUUsQ0FDL0QsQ0FDUCxDQUFDO0FBQ0osQ0FBQyxDQUFDO0FBRUYsU0FBUyxDQUFDLFdBQVcsR0FBRyxxQkFBcUIsQ0FBQyJ9
|
@@ -1,3 +1,10 @@
|
|
1
1
|
import React from 'react';
|
2
|
+
import { type ButtonKind, type DefaultButtonProps } from '../../src/molecules/Button/Button';
|
2
3
|
import { type ActionType, type AsyncActionType, type LinkActionType } from '../../types/ActionType';
|
3
|
-
|
4
|
+
declare type renderActionType = {
|
5
|
+
kind: Extract<ButtonKind, 'ghost' | 'primary' | 'secondary'>;
|
6
|
+
dense?: DefaultButtonProps['dense'];
|
7
|
+
action: ActionType | AsyncActionType | LinkActionType;
|
8
|
+
};
|
9
|
+
export declare const renderAction: ({ kind, dense, action }: renderActionType) => React.JSX.Element;
|
10
|
+
export {};
|
@@ -2,7 +2,7 @@ import React from 'react';
|
|
2
2
|
import omit from 'lodash/omit';
|
3
3
|
import { Button } from '../../src/molecules';
|
4
4
|
import { isLink } from '../../src/utils/link';
|
5
|
-
export const renderAction = (kind = 'primary', action) => {
|
6
|
-
return isLink(action) ? (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text)) : (React.createElement(Button, Object.assign({ key: action.text, kind: kind }, omit(action, 'text')), action.text));
|
5
|
+
export const renderAction = ({ kind = 'primary', dense = false, action }) => {
|
6
|
+
return isLink(action) ? (React.createElement(Button.ExternalLink, Object.assign({ key: action.text, kind: kind, dense: dense }, omit(action, 'text')), action.text)) : (React.createElement(Button, Object.assign({ key: action.text, kind: kind, dense: dense }, omit(action, 'text')), action.text));
|
7
7
|
};
|
8
|
-
//# sourceMappingURL=data:application/json;base64,
|
8
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoiYWN0aW9ucy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9hY3Rpb25zLnRzeCJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEtBQUssTUFBTSxPQUFPLENBQUM7QUFDMUIsT0FBTyxJQUFJLE1BQU0sYUFBYSxDQUFDO0FBSS9CLE9BQU8sRUFBRSxNQUFNLEVBQUUsTUFBTSxlQUFlLENBQUM7QUFDdkMsT0FBTyxFQUFFLE1BQU0sRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBU3hDLE1BQU0sQ0FBQyxNQUFNLFlBQVksR0FBRyxDQUFDLEVBQUUsSUFBSSxHQUFHLFNBQVMsRUFBRSxLQUFLLEdBQUcsS0FBSyxFQUFFLE1BQU0sRUFBb0IsRUFBRSxFQUFFO0lBQzVGLE9BQU8sTUFBTSxDQUFDLE1BQU0sQ0FBQyxDQUFDLENBQUMsQ0FBQyxDQUN0QixvQkFBQyxNQUFNLENBQUMsWUFBWSxrQkFBQyxHQUFHLEVBQUUsTUFBTSxDQUFDLElBQUksRUFBRSxJQUFJLEVBQUUsSUFBSSxFQUFFLEtBQUssRUFBRSxLQUFLLElBQU0sSUFBSSxDQUFDLE1BQU0sRUFBRSxNQUFNLENBQUMsR0FDdEYsTUFBTSxDQUFDLElBQUksQ0FDUSxDQUN2QixDQUFDLENBQUMsQ0FBQyxDQUNGLG9CQUFDLE1BQU0sa0JBQUMsR0FBRyxFQUFFLE1BQU0sQ0FBQyxJQUFJLEVBQUUsSUFBSSxFQUFFLElBQUksRUFBRSxLQUFLLEVBQUUsS0FBSyxJQUFNLElBQUksQ0FBQyxNQUFNLEVBQUUsTUFBTSxDQUFDLEdBQ3pFLE1BQU0sQ0FBQyxJQUFJLENBQ0wsQ0FDVixDQUFDO0FBQ0osQ0FBQyxDQUFDIn0=
|
@@ -1,10 +1,16 @@
|
|
1
1
|
import '@testing-library/jest-dom';
|
2
|
+
let id = 0;
|
3
|
+
const generateID = () => `id-${++id}`;
|
4
|
+
jest.mock('@react-aria/utils', () => (Object.assign(Object.assign({}, jest.requireActual('@react-aria/utils')), { useId: generateID })));
|
2
5
|
jest.mock('lodash/uniqueId', () => {
|
3
6
|
return {
|
4
7
|
__esModule: true,
|
5
8
|
default: jest.fn(() => 'abcde'),
|
6
9
|
};
|
7
10
|
});
|
11
|
+
beforeEach(() => {
|
12
|
+
id = 0;
|
13
|
+
});
|
8
14
|
beforeAll(() => {
|
9
15
|
Object.defineProperty(window, 'IntersectionObserver', {
|
10
16
|
writable: true,
|
@@ -14,4 +20,4 @@ beforeAll(() => {
|
|
14
20
|
})),
|
15
21
|
});
|
16
22
|
});
|
17
|
-
//# sourceMappingURL=data:application/json;base64,
|
23
|
+
//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2V0dXBUZXN0cy5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy91dGlscy9zZXR1cFRlc3RzLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLE9BQU8sMkJBQTJCLENBQUM7QUFFbkMsSUFBSSxFQUFFLEdBQUcsQ0FBQyxDQUFDO0FBRVgsTUFBTSxVQUFVLEdBQUcsR0FBRyxFQUFFLENBQUMsTUFBTSxFQUFFLEVBQUUsRUFBRSxDQUFDO0FBRXRDLElBQUksQ0FBQyxJQUFJLENBQUMsbUJBQW1CLEVBQUUsR0FBRyxFQUFFLENBQUMsaUNBQ2hDLElBQUksQ0FBQyxhQUFhLENBQUMsbUJBQW1CLENBQUMsS0FDMUMsS0FBSyxFQUFFLFVBQVUsSUFDakIsQ0FBQyxDQUFDO0FBRUosSUFBSSxDQUFDLElBQUksQ0FBQyxpQkFBaUIsRUFBRSxHQUFHLEVBQUU7SUFDaEMsT0FBTztRQUNMLFVBQVUsRUFBRSxJQUFJO1FBQ2hCLE9BQU8sRUFBRSxJQUFJLENBQUMsRUFBRSxDQUFDLEdBQUcsRUFBRSxDQUFDLE9BQU8sQ0FBQztLQUNoQyxDQUFDO0FBQ0osQ0FBQyxDQUFDLENBQUM7QUFFSCxVQUFVLENBQUMsR0FBRyxFQUFFO0lBQ2QsRUFBRSxHQUFHLENBQUMsQ0FBQztBQUNULENBQUMsQ0FBQyxDQUFDO0FBRUgsU0FBUyxDQUFDLEdBQUcsRUFBRTtJQUNiLE1BQU0sQ0FBQyxjQUFjLENBQUMsTUFBTSxFQUFFLHNCQUFzQixFQUFFO1FBQ3BELFFBQVEsRUFBRSxJQUFJO1FBQ2QsS0FBSyxFQUFFLElBQUksQ0FBQyxFQUFFLEVBQUUsQ0FBQyxrQkFBa0IsQ0FBQyxHQUFHLEVBQUUsQ0FBQyxDQUFDO1lBQ3pDLE9BQU8sRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1lBQ3hCLFVBQVUsRUFBRSxHQUFHLEVBQUUsQ0FBQyxJQUFJLENBQUMsRUFBRSxFQUFFO1NBQzVCLENBQUMsQ0FBQztLQUNKLENBQUMsQ0FBQztBQUNMLENBQUMsQ0FBQyxDQUFDIn0=
|
package/dist/styles.css
CHANGED
@@ -1003,6 +1003,9 @@ input[type='number'].no-arrows {
|
|
1003
1003
|
.left-2{
|
1004
1004
|
left: 4px;
|
1005
1005
|
}
|
1006
|
+
.top-1\/2{
|
1007
|
+
top: 50%;
|
1008
|
+
}
|
1006
1009
|
.left-1\/2{
|
1007
1010
|
left: 50%;
|
1008
1011
|
}
|
@@ -1370,6 +1373,14 @@ input[type='number'].no-arrows {
|
|
1370
1373
|
.origin-\[0\%_45\%\]{
|
1371
1374
|
transform-origin: 0% 45%;
|
1372
1375
|
}
|
1376
|
+
.-translate-x-1\/2{
|
1377
|
+
--tw-translate-x: -50%;
|
1378
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
1379
|
+
}
|
1380
|
+
.-translate-y-1\/2{
|
1381
|
+
--tw-translate-y: -50%;
|
1382
|
+
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
1383
|
+
}
|
1373
1384
|
.rotate-45{
|
1374
1385
|
--tw-rotate: 45deg;
|
1375
1386
|
transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));
|
@@ -2384,6 +2395,12 @@ input[type='number'].no-arrows {
|
|
2384
2395
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
2385
2396
|
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
2386
2397
|
}
|
2398
|
+
.ring{
|
2399
|
+
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
|
2400
|
+
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);
|
2401
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), 0 0 rgba(0,0,0,0);
|
2402
|
+
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 rgba(0,0,0,0));
|
2403
|
+
}
|
2387
2404
|
.ring-inset{
|
2388
2405
|
--tw-ring-inset: inset;
|
2389
2406
|
}
|