@servicetitan/design-system 10.6.0 → 10.8.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/components/ActionMenu/ActionMenu.d.ts +1 -1
- package/dist/components/ActionMenu/ActionMenu.js +2 -2
- package/dist/components/ActionMenu/ActionMenu.js.map +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.d.ts +1 -1
- package/dist/components/ActionMenu/ActionMenuItem.js +5 -5
- package/dist/components/ActionMenu/ActionMenuItem.js.map +1 -1
- package/dist/components/Announcement/Announcement.js +3 -3
- package/dist/components/Announcement/Announcement.js.map +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.d.ts +1 -1
- package/dist/components/AnvilSelect/AnvilSelect.js +22 -18
- package/dist/components/AnvilSelect/AnvilSelect.js.map +1 -1
- package/dist/components/AnvilSelect/components/DrillIn.js +14 -11
- package/dist/components/AnvilSelect/components/DrillIn.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectFooter.js +14 -11
- package/dist/components/AnvilSelect/components/SelectFooter.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.d.ts +1 -1
- package/dist/components/AnvilSelect/components/SelectHeader.js +24 -19
- package/dist/components/AnvilSelect/components/SelectHeader.js.map +1 -1
- package/dist/components/AnvilSelect/components/SelectOptions.d.ts +1 -1
- package/dist/components/AnvilSelect/components/Tree.d.ts +1 -1
- package/dist/components/AnvilSelect/components/Trigger.js +23 -17
- package/dist/components/AnvilSelect/components/Trigger.js.map +1 -1
- package/dist/components/Avatar/Avatar.js +2 -2
- package/dist/components/Avatar/Avatar.js.map +1 -1
- package/dist/components/BackLink/BackLink.js +4 -4
- package/dist/components/BackLink/BackLink.js.map +1 -1
- package/dist/components/Backdrop/Backdrop.css +1 -0
- package/dist/components/Backdrop/Backdrop.css.map +1 -1
- package/dist/components/Backdrop/Backdrop.js +15 -4
- package/dist/components/Backdrop/Backdrop.js.map +1 -1
- package/dist/components/Backdrop/index.css +1 -0
- package/dist/components/Backdrop/index.css.map +1 -1
- package/dist/components/Banner/Banner.js +6 -5
- package/dist/components/Banner/Banner.js.map +1 -1
- package/dist/components/Breadcrumb/BreadcrumbLink.js +4 -4
- package/dist/components/Breadcrumb/BreadcrumbLink.js.map +1 -1
- package/dist/components/BreakPoint/BreakPoint.js +2 -2
- package/dist/components/BreakPoint/BreakPoint.js.map +1 -1
- package/dist/components/Button/Button.d.ts +2 -2
- package/dist/components/Button/Button.js +6 -6
- package/dist/components/Button/Button.js.map +1 -1
- package/dist/components/ButtonGroup/ButtonGroup.js +2 -2
- package/dist/components/ButtonGroup/ButtonGroup.js.map +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.d.ts +1 -1
- package/dist/components/ButtonToggle/ButtonToggleItem.js +2 -2
- package/dist/components/ButtonToggle/ButtonToggleItem.js.map +1 -1
- package/dist/components/Card/Card.js +2 -2
- package/dist/components/Card/Card.js.map +1 -1
- package/dist/components/Checkbox/Checkbox.js +2 -2
- package/dist/components/Checkbox/Checkbox.js.map +1 -1
- package/dist/components/DataList/DataListCell.js +2 -2
- package/dist/components/DataList/DataListCell.js.map +1 -1
- package/dist/components/DataList/DataListHeaderCell.js +2 -2
- package/dist/components/DataList/DataListHeaderCell.js.map +1 -1
- package/dist/components/DatePicker/DatePicker.d.ts +1 -1
- package/dist/components/DatePicker/DatePicker.js +7 -6
- package/dist/components/DatePicker/DatePicker.js.map +1 -1
- package/dist/components/DatePicker/InputDateMask.js +3 -3
- package/dist/components/DatePicker/InputDateMask.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.css +0 -1
- package/dist/components/DateRangePicker/DateRangePicker.css.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.d.ts +18 -2
- package/dist/components/DateRangePicker/DateRangePicker.js +56 -45
- package/dist/components/DateRangePicker/DateRangePicker.js.map +1 -1
- package/dist/components/DateRangePicker/DateRangePicker.test.js +9 -9
- package/dist/components/DateRangePicker/DateRangePicker.test.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeInput.js +10 -9
- package/dist/components/DateRangePicker/components/DateRangeInput.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.d.ts +2 -1
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js +5 -4
- package/dist/components/DateRangePicker/components/DateRangeOptionList.js.map +1 -1
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js +17 -12
- package/dist/components/DateRangePicker/components/DateRangeTrigger.js.map +1 -1
- package/dist/components/DateRangePicker/index.css +0 -1
- package/dist/components/DateRangePicker/index.css.map +1 -1
- package/dist/components/DateRangePicker/utils/checkScope.js +5 -5
- package/dist/components/DateRangePicker/utils/checkScope.js.map +1 -1
- package/dist/components/DateRangePicker/utils/index.d.ts +0 -1
- package/dist/components/DateRangePicker/utils/index.js +0 -1
- package/dist/components/DateRangePicker/utils/index.js.map +1 -1
- package/dist/components/Dialog/Dialog.d.ts +1 -1
- package/dist/components/Dialog/Dialog.js +5 -4
- package/dist/components/Dialog/Dialog.js.map +1 -1
- package/dist/components/Drawer/Drawer.d.ts +1 -1
- package/dist/components/Drawer/Drawer.js +7 -7
- package/dist/components/Drawer/Drawer.js.map +1 -1
- package/dist/components/Drawer/DrawerFooter.d.ts +1 -1
- package/dist/components/Drawer/DrawerHeader.d.ts +1 -1
- package/dist/components/Drawer/DrawerHeader.js +4 -3
- package/dist/components/Drawer/DrawerHeader.js.map +1 -1
- package/dist/components/Drawer/DrawerWindow.d.ts +1 -1
- package/dist/components/Drawer/DrawerWindow.js +2 -2
- package/dist/components/Drawer/DrawerWindow.js.map +1 -1
- package/dist/components/Dropdown/Dropdown.js +4 -4
- package/dist/components/Dropdown/Dropdown.js.map +1 -1
- package/dist/components/Dropdown/DropdownIcon.js +2 -2
- package/dist/components/Dropdown/DropdownIcon.js.map +1 -1
- package/dist/components/FilePicker/FilePicker.css +1 -1
- package/dist/components/FilePicker/FilePicker.js +13 -10
- package/dist/components/FilePicker/FilePicker.js.map +1 -1
- package/dist/components/FilePicker/index.css +1 -1
- package/dist/components/FlowCard/FlowCardStep.js +13 -11
- package/dist/components/FlowCard/FlowCardStep.js.map +1 -1
- package/dist/components/FormControls/FormButton.js +2 -2
- package/dist/components/FormControls/FormButton.js.map +1 -1
- package/dist/components/FormControls/FormColorPicker.js +5 -4
- package/dist/components/FormControls/FormColorPicker.js.map +1 -1
- package/dist/components/FormControls/FormDatePicker.js +2 -2
- package/dist/components/FormControls/FormDatePicker.js.map +1 -1
- package/dist/components/FormControls/FormDateRangePicker.js +2 -2
- package/dist/components/FormControls/FormDateRangePicker.js.map +1 -1
- package/dist/components/FormField/FormField.d.ts +2 -2
- package/dist/components/FormField/FormField.js +18 -11
- package/dist/components/FormField/FormField.js.map +1 -1
- package/dist/components/FormGroup/FormGroup.d.ts +1 -1
- package/dist/components/Grid/Grid.d.ts +1 -1
- package/dist/components/Grid/Grid.js +3 -3
- package/dist/components/Grid/Grid.js.map +1 -1
- package/dist/components/Grid/GridColumn.js +7 -7
- package/dist/components/Grid/GridColumn.js.map +1 -1
- package/dist/components/Grid/GridRow.js +2 -2
- package/dist/components/Grid/GridRow.js.map +1 -1
- package/dist/components/InlineEdit/InlineEdit.d.ts +2 -1
- package/dist/components/InlineEdit/InlineEdit.js +20 -15
- package/dist/components/InlineEdit/InlineEdit.js.map +1 -1
- package/dist/components/Input/Input.d.ts +1 -1
- package/dist/components/Input/Input.js +9 -7
- package/dist/components/Input/Input.js.map +1 -1
- package/dist/components/Input/InputAddon.js +2 -2
- package/dist/components/Input/InputAddon.js.map +1 -1
- package/dist/components/KeyPressListener/KeyPressListener.d.ts +1 -1
- package/dist/components/Label/Label.d.ts +1 -1
- package/dist/components/Label/Label.js +7 -5
- package/dist/components/Label/Label.js.map +1 -1
- package/dist/components/Layout/Layout.d.ts +1 -1
- package/dist/components/Layout/Layout.js +2 -2
- package/dist/components/Layout/Layout.js.map +1 -1
- package/dist/components/Link/Link.css +10 -4
- package/dist/components/Link/Link.css.map +1 -1
- package/dist/components/Link/Link.d.ts +2 -0
- package/dist/components/Link/Link.js +7 -19
- package/dist/components/Link/Link.js.map +1 -1
- package/dist/components/Link/index.css +10 -4
- package/dist/components/Link/index.css.map +1 -1
- package/dist/components/Mask/Mask.js +3 -2
- package/dist/components/Mask/Mask.js.map +1 -1
- package/dist/components/Modal/Modal.d.ts +1 -1
- package/dist/components/Modal/components.d.ts +3 -3
- package/dist/components/Modal/components.js +11 -9
- package/dist/components/Modal/components.js.map +1 -1
- package/dist/components/OptionList/Option.js +6 -4
- package/dist/components/OptionList/Option.js.map +1 -1
- package/dist/components/OptionList/OptionList.js +11 -7
- package/dist/components/OptionList/OptionList.js.map +1 -1
- package/dist/components/Page/Page.js +2 -2
- package/dist/components/Page/Page.js.map +1 -1
- package/dist/components/Popover/Popover.d.ts +1 -1
- package/dist/components/Popover/Popover.js +2 -2
- package/dist/components/Popover/Popover.js.map +1 -1
- package/dist/components/Popover/components.d.ts +1 -1
- package/dist/components/Popover/components.js +2 -2
- package/dist/components/Popover/components.js.map +1 -1
- package/dist/components/ProgressCircle/ProgressCircle.js +2 -2
- package/dist/components/ProgressCircle/ProgressCircle.js.map +1 -1
- package/dist/components/ProgressTracker/ProgressTrackerStep.css +2 -2
- package/dist/components/ProgressTracker/ProgressTrackerStep.js +3 -3
- package/dist/components/ProgressTracker/ProgressTrackerStep.js.map +1 -1
- package/dist/components/ProgressTracker/index.css +2 -2
- package/dist/components/Radio/Radio.js +2 -2
- package/dist/components/Radio/Radio.js.map +1 -1
- package/dist/components/Scroll/Scroll.js +2 -2
- package/dist/components/Scroll/Scroll.js.map +1 -1
- package/dist/components/Select/Select.css +1 -1
- package/dist/components/Select/index.css +1 -1
- package/dist/components/SideNav/SideNav.js +2 -2
- package/dist/components/SideNav/SideNav.js.map +1 -1
- package/dist/components/SideNav/SideNavGroup.js +2 -2
- package/dist/components/SideNav/SideNavGroup.js.map +1 -1
- package/dist/components/SideNav/SideNavItem.js +4 -4
- package/dist/components/SideNav/SideNavItem.js.map +1 -1
- package/dist/components/Sidebar/Sidebar.js +2 -2
- package/dist/components/Sidebar/Sidebar.js.map +1 -1
- package/dist/components/Sidebar/ToggleButton.js +4 -3
- package/dist/components/Sidebar/ToggleButton.js.map +1 -1
- package/dist/components/Snackbar/Snackbar.css +1 -1
- package/dist/components/Snackbar/Snackbar.js +4 -4
- package/dist/components/Snackbar/Snackbar.js.map +1 -1
- package/dist/components/Snackbar/index.css +1 -1
- package/dist/components/Spinner/Spinner.js +2 -2
- package/dist/components/Spinner/Spinner.js.map +1 -1
- package/dist/components/StatusLight/StatusLight.js +2 -2
- package/dist/components/StatusLight/StatusLight.js.map +1 -1
- package/dist/components/Tab/Tab.css +1 -0
- package/dist/components/Tab/Tab.css.map +1 -1
- package/dist/components/Tab/Tab.js +3 -3
- package/dist/components/Tab/Tab.js.map +1 -1
- package/dist/components/Tab/index.css +1 -0
- package/dist/components/Tab/index.css.map +1 -1
- package/dist/components/TabGroup/TabGroup.js +2 -2
- package/dist/components/TabGroup/TabGroup.js.map +1 -1
- package/dist/components/Table/GridMod.d.ts +4 -0
- package/dist/components/Table/GridMod.js +93 -0
- package/dist/components/Table/GridMod.js.map +1 -0
- package/dist/components/Table/Table.js +2 -1
- package/dist/components/Table/Table.js.map +1 -1
- package/dist/components/Table/TableLoadingPanel.js +6 -5
- package/dist/components/Table/TableLoadingPanel.js.map +1 -1
- package/dist/components/Tag/Tag.d.ts +1 -1
- package/dist/components/Tag/Tag.js +6 -5
- package/dist/components/Tag/Tag.js.map +1 -1
- package/dist/components/TagGroup/TagGroup.js +2 -2
- package/dist/components/TagGroup/TagGroup.js.map +1 -1
- package/dist/components/Takeover/Takeover.d.ts +1 -1
- package/dist/components/Takeover/Takeover.js +9 -8
- package/dist/components/Takeover/Takeover.js.map +1 -1
- package/dist/components/Takeover/TakeoverHeader.js +6 -4
- package/dist/components/Takeover/TakeoverHeader.js.map +1 -1
- package/dist/components/Text/Text.js +2 -2
- package/dist/components/Text/Text.js.map +1 -1
- package/dist/components/Toast/Toast.js +8 -7
- package/dist/components/Toast/Toast.js.map +1 -1
- package/dist/components/Toast/ToastGroup.js +2 -2
- package/dist/components/Toast/ToastGroup.js.map +1 -1
- package/dist/components/ToggleSwitch/ToggleSwitch.js +2 -2
- package/dist/components/ToggleSwitch/ToggleSwitch.js.map +1 -1
- package/dist/components/Togglebox/Togglebox.js +9 -6
- package/dist/components/Togglebox/Togglebox.js.map +1 -1
- package/dist/components/VisuallyHidden/VisuallyHidden.js +2 -2
- package/dist/components/VisuallyHidden/VisuallyHidden.js.map +1 -1
- package/dist/components/index.css +17 -10
- package/dist/components/index.css.map +1 -1
- package/dist/global/index.css +1 -1
- package/dist/global/version.css +1 -1
- package/dist/hooks/useFocusScope.js +2 -2
- package/dist/hooks/useFocusScope.js.map +1 -1
- package/dist/internal/Popper/Popper.js +8 -8
- package/dist/internal/Popper/Popper.js.map +1 -1
- package/dist/internal/Portal/Portal.js +2 -2
- package/dist/internal/Portal/Portal.js.map +1 -1
- package/dist/system-light.css +5576 -0
- package/dist/system-light.css.map +1 -0
- package/dist/system-light.min.css +1 -0
- package/dist/system.css +26 -19
- package/dist/system.css.map +1 -1
- package/dist/system.min.css +2 -2
- package/dist/themes/index.css +4 -4
- package/dist/themes/kendo/index.css +4 -4
- package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.d.ts +0 -0
- package/dist/{components/DateRangePicker/utils → utilities}/dateFormat.js +0 -0
- package/dist/utilities/dateFormat.js.map +1 -0
- package/dist/utilities/index.d.ts +1 -0
- package/dist/utilities/index.js +1 -0
- package/dist/utilities/index.js.map +1 -1
- package/package.json +11 -9
- package/dist/components/DateRangePicker/utils/dateFormat.js.map +0 -1
|
@@ -29,7 +29,11 @@ exports.OptionList = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var Option_1 = require("./Option");
|
|
32
|
-
var
|
|
32
|
+
var Collapsible_1 = require("../Collapsible");
|
|
33
|
+
var Eyebrow_1 = require("../Eyebrow");
|
|
34
|
+
var Divider_1 = require("../Divider");
|
|
35
|
+
var Stack_1 = require("../Stack");
|
|
36
|
+
var Link_1 = require("../Link");
|
|
33
37
|
var OptionList = function (_a) {
|
|
34
38
|
var className = _a.className, collapseValue = _a.collapseValue, flatGroup = _a.flatGroup, focusValue = _a.focusValue, groupClassName = _a.groupClassName, indeterminateValue = _a.indeterminateValue, multiple = _a.multiple, onChange = _a.onChange, onExpand = _a.onExpand, onGroupSelectAll = _a.onGroupSelectAll, onGroupSelectNone = _a.onGroupSelectNone, optionClassName = _a.optionClassName, optionOnKeyDown = _a.optionOnKeyDown, options = _a.options, value = _a.value, props = __rest(_a, ["className", "collapseValue", "flatGroup", "focusValue", "groupClassName", "indeterminateValue", "multiple", "onChange", "onExpand", "onGroupSelectAll", "onGroupSelectNone", "optionClassName", "optionOnKeyDown", "options", "value"]);
|
|
35
39
|
var OptionsClasses = (0, classnames_1.default)('OptionList', className, {
|
|
@@ -93,7 +97,7 @@ var OptionList = function (_a) {
|
|
|
93
97
|
: true;
|
|
94
98
|
return (react_1.default.createElement("div", { className: GroupClasses, role: "group", key: index },
|
|
95
99
|
getOption(parentOption, originalParentOption, level, true, isOpen, options),
|
|
96
|
-
react_1.default.createElement(
|
|
100
|
+
react_1.default.createElement(Collapsible_1.Collapsible, { open: isOpen }, getOptions(options, level + 1))));
|
|
97
101
|
};
|
|
98
102
|
/* Pull flatGroup prop data for selection handling */
|
|
99
103
|
var objectFlatGroup = typeof flatGroup === 'object' ? __assign({}, flatGroup) : undefined;
|
|
@@ -111,12 +115,12 @@ var OptionList = function (_a) {
|
|
|
111
115
|
var selectAll = function () { return handleGroupSelectAll(options); };
|
|
112
116
|
var selectNone = function () { return handleGroupSelectNone(options); };
|
|
113
117
|
return (react_1.default.createElement(react_1.default.Fragment, { key: "" + index + Object(options) },
|
|
114
|
-
index !== 0 && react_1.default.createElement(
|
|
115
|
-
title && (react_1.default.createElement(
|
|
116
|
-
react_1.default.createElement(
|
|
118
|
+
index !== 0 && react_1.default.createElement(Divider_1.Divider, { spacing: 1 }),
|
|
119
|
+
title && (react_1.default.createElement(Stack_1.Stack, { alignItems: "center", className: "OptionList__header" },
|
|
120
|
+
react_1.default.createElement(Eyebrow_1.Eyebrow, null, title),
|
|
117
121
|
multiple && title && typeof flatGroup !== 'boolean' && (react_1.default.createElement(react_1.default.Fragment, null,
|
|
118
|
-
react_1.default.createElement(
|
|
119
|
-
react_1.default.createElement(
|
|
122
|
+
react_1.default.createElement(Link_1.Link, { primary: true, className: "m-l-1 fs-1", onClick: selectAll }, "All"),
|
|
123
|
+
react_1.default.createElement(Link_1.Link, { primary: true, className: "m-l-1 fs-1", onClick: selectNone }, "None"))))),
|
|
120
124
|
getOptions(options, level + 1)));
|
|
121
125
|
};
|
|
122
126
|
var handleOnChange = function () {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,mCAAqD;AACrD,
|
|
1
|
+
{"version":3,"file":"OptionList.js","sourceRoot":"","sources":["../../../src/components/OptionList/OptionList.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,7 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Page = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
-
var
|
|
50
|
+
var ConditionalWrapper_1 = require("../../utilities/ConditionalWrapper");
|
|
51
51
|
var components_1 = require("./components");
|
|
52
52
|
var Page = function (_a) {
|
|
53
53
|
var _b;
|
|
@@ -67,7 +67,7 @@ var Page = function (_a) {
|
|
|
67
67
|
sidebar && react_1.default.createElement("div", { className: "Page__sidebar" }, sidebar),
|
|
68
68
|
react_1.default.createElement("div", { className: "Content__wrapper" },
|
|
69
69
|
isToolbar && react_1.default.createElement(components_1.ActionToolbar, __assign({}, actionToolbar)),
|
|
70
|
-
react_1.default.createElement(
|
|
70
|
+
react_1.default.createElement(ConditionalWrapper_1.ConditionalWrapper, { condition: isPanel, wrapper: function (children) { return (react_1.default.createElement("div", { className: "Panel__wrapper" }, children)); } },
|
|
71
71
|
isPanel && panelPosition === 'left' && (react_1.default.createElement(components_1.Panel, __assign({}, panel))),
|
|
72
72
|
react_1.default.createElement("div", { className: "Page__page" },
|
|
73
73
|
header && react_1.default.createElement("div", { className: "Page__header" }, header),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Page.js","sourceRoot":"","sources":["../../../src/components/Page/Page.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAkD;AAClD,0DAAoC;AACpC,yEAAwE;AACxE,2CAKsB;AAwCf,IAAM,IAAI,GAAkB,UAAC,EAenC;;IAdA,IAAA,aAAgB,EAAhB,KAAK,mBAAG,QAAQ,KAAA,EAChB,uBAA8B,EAA9B,eAAe,mBAAG,YAAY,KAAA,EAC9B,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,gBAAoB,EAApB,QAAQ,mBAAG,SAAS,KAAA,EACpB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,eAAmB,EAAnB,OAAO,mBAAG,SAAS,KAAA,EACnB,aAAa,mBAAA,EACb,KAAK,WAAA,EACF,KAAK,cAd2B,gKAenC,CADQ;IAER,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,SAAS,EAAE,QAAM,eAAiB,EAAE;QAC1E,oBAAoB,EAAE,KAAK,KAAK,QAAQ;QACxC,kBAAkB,EAAE,OAAO,KAAK,MAAM;QACtC,eAAe,EAAE,OAAO,KAAK,SAAS;QACtC,YAAY,EAAE,QAAQ,KAAK,MAAM;QACjC,cAAc,EAAE,QAAQ,KAAK,QAAQ;QACrC,iBAAiB,EAAE,QAAQ;KAC3B,CAAC,CAAC;IAEH,IAAM,SAAS,GAAG,IAAA,sBAAc,EAAC,aAAa,aAAb,aAAa,uBAAb,aAAa,CAAE,OAAO,CAAC,CAAC;IACzD,IAAM,OAAO,GAAG,IAAA,sBAAc,EAAC,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,CAAC,CAAC;IAC/C,IAAM,aAAa,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,QAAQ,mCAAI,OAAO,CAAC;IAEjD,OAAO,CACN,gDAAK,SAAS,EAAE,WAAW,IAAM,KAAK;QACpC,OAAO,IAAI,uCAAK,SAAS,EAAC,eAAe,IAAE,OAAO,CAAO;QAC1D,uCAAK,SAAS,EAAC,kBAAkB;YAC/B,SAAS,IAAI,8BAAC,0BAAa,eAAK,aAAa,EAAI;YAClD,8BAAC,uCAAkB,IAClB,SAAS,EAAE,OAAO,EAClB,OAAO,EAAE,UAAC,QAAQ,IAAK,OAAA,CACtB,uCAAK,SAAS,EAAC,gBAAgB,IAAE,QAAQ,CAAO,CAChD,EAFsB,CAEtB;gBAEA,OAAO,IAAI,aAAa,KAAK,MAAM,IAAI,CACvC,8BAAC,kBAAK,eAAK,KAAK,EAAI,CACpB;gBACD,uCAAK,SAAS,EAAC,YAAY;oBACzB,MAAM,IAAI,uCAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO;oBACvD,uCAAK,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAO,CAC1C;gBACL,OAAO,IAAI,aAAa,KAAK,OAAO,IAAI,CACxC,8BAAC,kBAAK,eAAK,KAAK,EAAI,CACpB,CACmB;YACpB,MAAM,IAAI,uCAAK,SAAS,EAAC,cAAc,IAAE,MAAM,CAAO,CAClD,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAvDW,QAAA,IAAI,QAuDf"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { ForwardRefExoticComponent } from 'react';
|
|
2
2
|
import { PopperProps } from '../../internal/Popper';
|
|
3
|
-
import { FocusScopeOptions } from '../../hooks';
|
|
3
|
+
import { FocusScopeOptions } from '../../hooks/useFocusScope';
|
|
4
4
|
import { PopoverContent, PopoverContentProps, PopoverDivider, PopoverFooter, PopoverFooterProps, PopoverHeader, PopoverHeaderProps } from './components';
|
|
5
5
|
export interface PopoverPropsStrict {
|
|
6
6
|
/** If there isn't enough space on the screen the Popover will be repositioned to the opposite side of the anchor */
|
|
@@ -29,7 +29,7 @@ exports.Popover = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var Popper_1 = require("../../internal/Popper");
|
|
31
31
|
var classnames_1 = __importDefault(require("classnames"));
|
|
32
|
-
var
|
|
32
|
+
var useFocusScope_1 = require("../../hooks/useFocusScope");
|
|
33
33
|
var focus_utils_1 = require("../../utilities/focus-utils");
|
|
34
34
|
var components_1 = require("./components");
|
|
35
35
|
exports.Popover = react_1.default.forwardRef(function (_a, ref) {
|
|
@@ -40,7 +40,7 @@ exports.Popover = react_1.default.forwardRef(function (_a, ref) {
|
|
|
40
40
|
var lastActiveElement = react_1.default.useMemo(function () { return (0, focus_utils_1.getActiveElement)(); },
|
|
41
41
|
// eslint-disable-next-line react-hooks/exhaustive-deps
|
|
42
42
|
[open]);
|
|
43
|
-
var handleTab = (0,
|
|
43
|
+
var handleTab = (0, useFocusScope_1.useFocusScope)(contentRef, __assign({ disableAutofocus: true, disableTrapping: true, restoreFocusRef: { current: lastActiveElement } }, focusScopeOptions)).handleTab;
|
|
44
44
|
var widthSwitch = function () {
|
|
45
45
|
switch (width) {
|
|
46
46
|
case 'l':
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAyD;AACzD,gDAA4D;AAC5D,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Popover.js","sourceRoot":"","sources":["../../../src/components/Popover/Popover.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.PopoverDivider = exports.PopoverHeader = exports.PopoverFooter = exports.PopoverContent = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var Headline_1 = require("../Headline");
|
|
32
32
|
exports.PopoverContent = react_1.default.forwardRef(function (_a, ref) {
|
|
33
33
|
var children = _a.children, className = _a.className, contentScrollHeight = _a.contentScrollHeight, noPadding = _a.noPadding, onKeyDown = _a.onKeyDown;
|
|
34
34
|
var PopoverContentClassNames = (0, classnames_1.default)('Popover__content', className, {
|
|
@@ -56,7 +56,7 @@ var PopoverHeader = function (_a) {
|
|
|
56
56
|
'justify-content-between': align === 'space-between',
|
|
57
57
|
'Popover__header--nopadding': noPadding,
|
|
58
58
|
});
|
|
59
|
-
return (react_1.default.createElement(
|
|
59
|
+
return (react_1.default.createElement(Headline_1.Headline, __assign({ size: "small", className: PopoverHeaderClassNames }, props), children));
|
|
60
60
|
};
|
|
61
61
|
exports.PopoverHeader = PopoverHeader;
|
|
62
62
|
var PopoverDivider = function () { return react_1.default.createElement("div", { className: "Popover__divider" }); };
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"components.js","sourceRoot":"","sources":["../../../src/components/Popover/components.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,wCAAuC;AAmB1B,QAAA,cAAc,GAA4B,eAAK,CAAC,UAAU,CACtE,UACC,EAAkE,EAClE,GAAoC;QADlC,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,mBAAmB,yBAAA,EAAE,SAAS,eAAA,EAAE,SAAS,eAAA;IAGhE,IAAM,wBAAwB,GAAG,IAAA,oBAAU,EAC1C,kBAAkB,EAClB,SAAS,EACT;QACC,6BAA6B,EAAE,SAAS;KACxC,CACD,CAAC;IACF,OAAO,CACN,uCACC,KAAK,EAAE,EAAE,SAAS,EAAE,mBAAmB,EAAE,EACzC,SAAS,EAAE,wBAAwB,EACnC,SAAS,EAAE,SAAS,EACpB,GAAG,EAAE,GAAG,IAEP,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CACD,CAAC;AAMK,IAAM,aAAa,GAA2B,UAAC,EAKrD;IAJA,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cAJ6C,kCAKrD,CADQ;IAER,IAAM,uBAAuB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;KACpD,CAAC,CAAC;IACH,OAAO,CACN,gDAAK,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAChD,QAAQ,CACJ,CACN,CAAC;AACH,CAAC,CAAC;AAjBW,QAAA,aAAa,iBAiBxB;AAYK,IAAM,aAAa,GAA2B,UAAC,EAMrD;IALA,IAAA,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cAL6C,+CAMrD,CADQ;IAER,IAAM,uBAAuB,GAAG,IAAA,oBAAU,EAAC,iBAAiB,EAAE,SAAS,EAAE;QACxE,uBAAuB,EAAE,KAAK,KAAK,MAAM;QACzC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;QAC5C,qBAAqB,EAAE,KAAK,KAAK,OAAO;QACxC,yBAAyB,EAAE,KAAK,KAAK,eAAe;QACpD,4BAA4B,EAAE,SAAS;KACvC,CAAC,CAAC;IACH,OAAO,CACN,8BAAC,mBAAQ,aAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAE,uBAAuB,IAAM,KAAK,GAClE,QAAQ,CACC,CACX,CAAC;AACH,CAAC,CAAC;AAnBW,QAAA,aAAa,iBAmBxB;AAEK,IAAM,cAAc,GAAG,cAAM,OAAA,uCAAK,SAAS,EAAC,kBAAkB,GAAG,EAApC,CAAoC,CAAC;AAA5D,QAAA,cAAc,kBAA8C"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.ProgressCircle = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var Headline_1 = require("../Headline");
|
|
32
32
|
var ProgressCircle = function (_a) {
|
|
33
33
|
var className = _a.className, _b = _a.progress, progress = _b === void 0 ? 0 : _b, color = _a.color, children = _a.children, props = __rest(_a, ["className", "progress", "color", "children"]);
|
|
34
34
|
var ProgressCircleClasses = (0, classnames_1.default)('ProgressCircle', className, {
|
|
@@ -52,7 +52,7 @@ var ProgressCircle = function (_a) {
|
|
|
52
52
|
react_1.default.createElement("svg", { className: "ProgressCircle__svg", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
|
|
53
53
|
react_1.default.createElement("circle", { className: "ProgressCircle__background", strokeDasharray: circumference + " " + circumference, cx: "50", cy: "50", strokeWidth: thickness, r: radius }),
|
|
54
54
|
react_1.default.createElement("circle", { className: "ProgressCircle__circle", style: { strokeDashoffset: dashoffset }, strokeDasharray: circumference + " " + circumference, cx: "50", cy: "50", strokeWidth: thickness, r: radius })),
|
|
55
|
-
react_1.default.createElement(
|
|
55
|
+
react_1.default.createElement(Headline_1.Headline, { className: "ProgressCircle__children" }, children)));
|
|
56
56
|
return ProgressCircleComponent;
|
|
57
57
|
};
|
|
58
58
|
exports.ProgressCircle = ProgressCircle;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"ProgressCircle.js","sourceRoot":"","sources":["../../../src/components/ProgressCircle/ProgressCircle.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,wCAAuC;AAiBhC,IAAM,cAAc,GAA4B,UAAC,EAMvD;IALA,IAAA,SAAS,eAAA,EACT,gBAAY,EAAZ,QAAQ,mBAAG,CAAC,KAAA,EACZ,KAAK,WAAA,EACL,QAAQ,cAAA,EACL,KAAK,cAL+C,8CAMvD,CADQ;IAER,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EAAC,gBAAgB,EAAE,SAAS,EAAE;QACrE,sBAAsB,EAAE,KAAK,KAAK,MAAM;QACxC,uBAAuB,EAAE,KAAK,KAAK,OAAO;QAC1C,qBAAqB,EAAE,KAAK,KAAK,KAAK;QACtC,wBAAwB,EAAE,KAAK,KAAK,QAAQ;KAC5C,CAAC,CAAC;IAEH,SAAS,WAAW,CAAC,GAAW,EAAE,GAAW,EAAE,GAAW;QACzD,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAC;IAChD,CAAC;IAED,IAAM,SAAS,GAAG,EAAE,CAAC;IACrB,IAAM,MAAM,GAAG,EAAE,GAAG,SAAS,GAAG,CAAC,CAAC;IAClC,IAAM,aAAa,GAAG,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,CAAC;IACrC,IAAA,KAA8B,eAAK,CAAC,QAAQ,CAAC,aAAa,CAAC,EAA1D,UAAU,QAAA,EAAE,aAAa,QAAiC,CAAC;IAElE,eAAK,CAAC,SAAS,CAAC;QACf,aAAa,CACZ,aAAa;YACZ,CAAC,WAAW,CAAC,QAAQ,EAAE,CAAC,EAAE,GAAG,CAAC,GAAG,GAAG,CAAC,GAAG,aAAa,CACtD,CAAC;IACH,CAAC,EAAE,CAAC,aAAa,EAAE,QAAQ,CAAC,CAAC,CAAC;IAE9B,IAAM,uBAAuB,GAAG,CAC/B,gDAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,uCACC,SAAS,EAAC,qBAAqB,EAC/B,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,0CACC,SAAS,EAAC,4BAA4B,EACtC,eAAe,EAAK,aAAa,SAAI,aAAe,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR;YACF,0CACC,SAAS,EAAC,wBAAwB,EAClC,KAAK,EAAE,EAAE,gBAAgB,EAAE,UAAU,EAAE,EACvC,eAAe,EAAK,aAAa,SAAI,aAAe,EACpD,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,WAAW,EAAE,SAAS,EACtB,CAAC,EAAE,MAAM,GACR,CACG;QACN,8BAAC,mBAAQ,IAAC,SAAS,EAAC,0BAA0B,IAAE,QAAQ,CAAY,CAC/D,CACN,CAAC;IAEF,OAAO,uBAAuB,CAAC;AAChC,CAAC,CAAC;AA5DW,QAAA,cAAc,kBA4DzB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
.ProgressTrackerStep {
|
|
2
|
-
color: #
|
|
2
|
+
color: #949596;
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
5
|
position: relative;
|
|
@@ -69,7 +69,7 @@
|
|
|
69
69
|
pointer-events: none !important;
|
|
70
70
|
}
|
|
71
71
|
.ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
|
|
72
|
-
color: #
|
|
72
|
+
color: #949596;
|
|
73
73
|
opacity: 0.6;
|
|
74
74
|
}
|
|
75
75
|
.ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {
|
|
@@ -28,14 +28,14 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.ProgressTrackerStep = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var Icon_1 = require("../Icon");
|
|
32
32
|
var ProgressTrackerStep = function (_a) {
|
|
33
33
|
var _b = _a.active, active = _b === void 0 ? false : _b, className = _a.className, _c = _a.completed, completed = _c === void 0 ? false : _c, disabled = _a.disabled, editing = _a.editing, label = _a.label, stepNumber = _a.stepNumber, props = __rest(_a, ["active", "className", "completed", "disabled", "editing", "label", "stepNumber"]);
|
|
34
34
|
var getBadge = function () {
|
|
35
35
|
if (completed)
|
|
36
|
-
return react_1.default.createElement(
|
|
36
|
+
return react_1.default.createElement(Icon_1.Icon, { name: "check" });
|
|
37
37
|
if (editing)
|
|
38
|
-
return react_1.default.createElement(
|
|
38
|
+
return react_1.default.createElement(Icon_1.Icon, { name: "edit" });
|
|
39
39
|
return stepNumber;
|
|
40
40
|
};
|
|
41
41
|
var ProgressTrackerStepClasses = (0, classnames_1.default)('ProgressTrackerStep', className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressTrackerStep.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerStep.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"ProgressTrackerStep.js","sourceRoot":"","sources":["../../../src/components/ProgressTracker/ProgressTrackerStep.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,gCAA+B;AAoCxB,IAAM,mBAAmB,GAAiC,UAAC,EASjE;IARA,IAAA,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,SAAS,eAAA,EACT,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,KAAK,WAAA,EACL,UAAU,gBAAA,EACP,KAAK,cARyD,kFASjE,CADQ;IAER,IAAM,QAAQ,GAAG;QAChB,IAAI,SAAS;YAAE,OAAO,8BAAC,WAAI,IAAC,IAAI,EAAC,OAAO,GAAG,CAAC;QAC5C,IAAI,OAAO;YAAE,OAAO,8BAAC,WAAI,IAAC,IAAI,EAAC,MAAM,GAAG,CAAC;QACzC,OAAO,UAAU,CAAC;IACnB,CAAC,CAAC;IAEF,IAAM,0BAA0B,GAAG,IAAA,oBAAU,EAC5C,qBAAqB,EACrB,SAAS,EACT;QACC,6BAA6B,EAAE,MAAM;QACrC,+BAA+B,EAAE,SAAS;QAC1C,gCAAgC,EAC/B,CAAC,QAAQ,IAAI,CAAC,KAAK,CAAC,IAAI,IAAI,IAAI,IAAI,KAAK,CAAC,OAAO,IAAI,IAAI,CAAC;QAC3D,+BAA+B,EAAE,QAAQ;QACzC,8BAA8B,EAAE,OAAO;KACvC,CACD,CAAC;IAEF,IAAM,WAAW,GAAG,KAAK,CAAC,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE7C,OAAO,CACN,8BAAC,WAAW,aACX,SAAS,EAAE,0BAA0B,EACrC,QAAQ,EAAE,CAAC,KAAK,CAAC,IAAI,IAAI,KAAK,CAAC,OAAO,CAAC,IAAI,CAAC,IACxC,KAAK;QAET,uCAAK,SAAS,EAAC,2BAA2B,IAAE,QAAQ,EAAE,CAAO;QAC5D,KAAK,IAAI,uCAAK,SAAS,EAAC,4BAA4B,IAAE,KAAK,CAAO,CACtD,CACd,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,mBAAmB,uBAyC9B"}
|
|
@@ -27,7 +27,7 @@
|
|
|
27
27
|
}
|
|
28
28
|
|
|
29
29
|
.ProgressTrackerStep {
|
|
30
|
-
color: #
|
|
30
|
+
color: #949596;
|
|
31
31
|
display: flex;
|
|
32
32
|
align-items: center;
|
|
33
33
|
position: relative;
|
|
@@ -97,7 +97,7 @@
|
|
|
97
97
|
pointer-events: none !important;
|
|
98
98
|
}
|
|
99
99
|
.ProgressTrackerStep--disabled, .ProgressTrackerStep--disabled:hover {
|
|
100
|
-
color: #
|
|
100
|
+
color: #949596;
|
|
101
101
|
opacity: 0.6;
|
|
102
102
|
}
|
|
103
103
|
.ProgressTrackerStep--disabled .ProgressTrackerStep__icon, .ProgressTrackerStep--disabled:hover .ProgressTrackerStep__icon {
|
|
@@ -29,12 +29,12 @@ exports.Radio = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var Label_1 = require("../Label");
|
|
32
|
-
var
|
|
32
|
+
var useFocusVisible_1 = require("../../hooks/useFocusVisible");
|
|
33
33
|
exports.Radio = react_1.default.forwardRef(function (props, ref) {
|
|
34
34
|
var checked = props.checked, className = props.className, disabled = props.disabled, error = props.error, id = props.id, label = props.label, labelProps = props.labelProps, name = props.name, onChange = props.onChange, onClick = props.onClick, readonly = props.readonly, size = props.size, value = props.value, onBlur = props.onBlur, onFocus = props.onFocus, rest = __rest(props, ["checked", "className", "disabled", "error", "id", "label", "labelProps", "name", "onChange", "onClick", "readonly", "size", "value", "onBlur", "onFocus"]);
|
|
35
35
|
var newRef = react_1.default.useRef(null);
|
|
36
36
|
var itemRef = ref ? ref : newRef;
|
|
37
|
-
var isFocusVisible = (0,
|
|
37
|
+
var isFocusVisible = (0, useFocusVisible_1.useFocusVisible)(itemRef).isFocusVisible;
|
|
38
38
|
var onChangeHandler = function (e) {
|
|
39
39
|
if (onChange) {
|
|
40
40
|
onChange(value, e);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,0DAAoC;AACpC,kCAA6C;AAC7C
|
|
1
|
+
{"version":3,"file":"Radio.js","sourceRoot":"","sources":["../../../src/components/Radio/Radio.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,12 +28,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Scroll = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var useScrollPosition_1 = require("../../hooks/useScrollPosition");
|
|
32
32
|
var Scroll = function (_a) {
|
|
33
33
|
var _b;
|
|
34
34
|
var _c = _a.el, ScrollElement = _c === void 0 ? 'div' : _c, children = _a.children, className = _a.className, maxHeight = _a.height, maxWidth = _a.width, _d = _a.horizontal, horizontal = _d === void 0 ? 'auto' : _d, _e = _a.vertical, vertical = _e === void 0 ? 'auto' : _e, _f = _a.scrollIndicator, scrollIndicator = _f === void 0 ? false : _f, scrollbar = _a.scrollbar, props = __rest(_a, ["el", "children", "className", "height", "width", "horizontal", "vertical", "scrollIndicator", "scrollbar"]);
|
|
35
35
|
var scrollbarRef = react_1.default.useRef(null);
|
|
36
|
-
var _g = (0,
|
|
36
|
+
var _g = (0, useScrollPosition_1.useScrollPosition)(scrollbarRef), top = _g.top, right = _g.right, bottom = _g.bottom, left = _g.left;
|
|
37
37
|
var ScrollClasses = (0, classnames_1.default)('Scroll', className, (_b = {},
|
|
38
38
|
_b["Scroll--of-x-" + horizontal] = horizontal,
|
|
39
39
|
_b["Scroll--of-y-" + vertical] = vertical,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../../src/components/Scroll/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Scroll.js","sourceRoot":"","sources":["../../../src/components/Scroll/Scroll.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,mEAAkE;AAmC3D,IAAM,MAAM,GAAoB,UAAC,EAWvC;;IAVA,IAAA,UAAyB,EAArB,aAAa,mBAAG,KAAK,KAAA,EACzB,QAAQ,cAAA,EACR,SAAS,eAAA,EACD,SAAS,YAAA,EACV,QAAQ,WAAA,EACf,kBAAmB,EAAnB,UAAU,mBAAG,MAAM,KAAA,EACnB,gBAAiB,EAAjB,QAAQ,mBAAG,MAAM,KAAA,EACjB,uBAAuB,EAAvB,eAAe,mBAAG,KAAK,KAAA,EACvB,SAAS,eAAA,EACN,KAAK,cAV+B,4GAWvC,CADQ;IAER,IAAM,YAAY,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAClC,IAAA,KAA+B,IAAA,qCAAiB,EAAC,YAAY,CAAC,EAA5D,GAAG,SAAA,EAAE,KAAK,WAAA,EAAE,MAAM,YAAA,EAAE,IAAI,UAAoC,CAAC;IAErE,IAAM,aAAa,GAAG,IAAA,oBAAU,EAAC,QAAQ,EAAE,SAAS;QACnD,GAAC,kBAAgB,UAAY,IAAG,UAAU;QAC1C,GAAC,kBAAgB,QAAU,IAAG,QAAQ;QACtC,4BAAwB,GAAE,GAAG;QAC7B,8BAA0B,GAAE,KAAK;QACjC,+BAA2B,GAAE,MAAM;QACnC,6BAAyB,GAAE,IAAI;QAC/B,8BAA0B,GAAE,SAAS,KAAK,QAAQ;QAClD,yBAAqB,GAAE,CAAC,SAAS;QACjC,wBAAoB,GAAE,CAAC,QAAQ;YAC9B,CAAC;IAEH,IAAM,OAAO,GAAG,CACf,uCAAK,SAAS,EAAC,iBAAiB;QAC/B,uCAAK,SAAS,EAAC,aAAa,GAAG;QAC/B,uCAAK,SAAS,EAAC,eAAe,GAAG;QACjC,uCAAK,SAAS,EAAC,gBAAgB,GAAG;QAClC,uCAAK,SAAS,EAAC,cAAc,GAAG,CAC3B,CACN,CAAC;IAEF,IAAM,MAAM,GAAwB;QACnC,QAAQ,UAAA;QACR,SAAS,WAAA;KACT,CAAC;IAEF,OAAO,CACN,8BAAC,aAAa,IAAC,SAAS,EAAE,aAAa,EAAE,KAAK,EAAE,MAAM;QACpD,eAAe,IAAI,OAAO;QAC3B,gDAAK,SAAS,EAAC,mBAAmB,EAAC,GAAG,EAAE,YAAY,IAAM,KAAK,GAC7D,QAAQ,CACJ,CACS,CAChB,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,MAAM,UAiDjB"}
|
|
@@ -30,12 +30,12 @@ var react_1 = __importDefault(require("react"));
|
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var SideNavItem_1 = require("./SideNavItem");
|
|
32
32
|
var SideNavGroup_1 = require("./SideNavGroup");
|
|
33
|
-
var
|
|
33
|
+
var Headline_1 = require("../Headline");
|
|
34
34
|
var SideNav = function (_a) {
|
|
35
35
|
var children = _a.children, className = _a.className, title = _a.title, rest = __rest(_a, ["children", "className", "title"]);
|
|
36
36
|
var SideNavClasses = (0, classnames_1.default)('SideNav', className);
|
|
37
37
|
return (react_1.default.createElement("div", __assign({ className: SideNavClasses }, rest),
|
|
38
|
-
title !== undefined && (react_1.default.createElement(
|
|
38
|
+
title !== undefined && (react_1.default.createElement(Headline_1.Headline, { el: "div", className: "SideNav__title c-neutral-200", size: "small" }, title)),
|
|
39
39
|
react_1.default.createElement("ul", { className: "SideNav__list" }, children)));
|
|
40
40
|
};
|
|
41
41
|
exports.SideNav = SideNav;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,6CAA4C;AAC5C,+CAA8C;AAC9C,
|
|
1
|
+
{"version":3,"file":"SideNav.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNav.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,6CAA4C;AAC5C,+CAA8C;AAC9C,wCAAuC;AAwBhC,IAAM,OAAO,GAAY,UAAC,EAAuC;IAArC,IAAA,QAAQ,cAAA,EAAE,SAAS,eAAA,EAAE,KAAK,WAAA,EAAK,IAAI,cAArC,kCAAuC,CAAF;IACrE,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,CAAC,CAAC;IAExD,OAAO,CACN,gDAAK,SAAS,EAAE,cAAc,IAAM,IAAI;QACtC,KAAK,KAAK,SAAS,IAAI,CACvB,8BAAC,mBAAQ,IACR,EAAE,EAAC,KAAK,EACR,SAAS,EAAC,8BAA8B,EACxC,IAAI,EAAC,OAAO,IAEX,KAAK,CACI,CACX;QACD,sCAAI,SAAS,EAAC,eAAe,IAAE,QAAQ,CAAM,CACxC,CACN,CAAC;AACH,CAAC,CAAC;AAjBW,QAAA,OAAO,WAiBlB;AAEF,eAAO,CAAC,IAAI,GAAG,yBAAW,CAAC;AAC3B,eAAO,CAAC,KAAK,GAAG,2BAAY,CAAC"}
|
|
@@ -28,12 +28,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.SideNavGroup = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var Eyebrow_1 = require("../Eyebrow");
|
|
32
32
|
var SideNavGroup = function (_a) {
|
|
33
33
|
var children = _a.children, className = _a.className, title = _a.title, props = __rest(_a, ["children", "className", "title"]);
|
|
34
34
|
var SideNavItemClasses = (0, classnames_1.default)('SideNavGroup', className);
|
|
35
35
|
return (react_1.default.createElement("li", __assign({ className: SideNavItemClasses }, props),
|
|
36
|
-
title !== undefined && (react_1.default.createElement(
|
|
36
|
+
title !== undefined && (react_1.default.createElement(Eyebrow_1.Eyebrow, { className: "SideNavGroup__title", size: "medium" }, title)),
|
|
37
37
|
react_1.default.createElement("ul", { className: "SideNavGroup__list" }, children)));
|
|
38
38
|
};
|
|
39
39
|
exports.SideNavGroup = SideNavGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavGroup.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"SideNavGroup.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,sCAAqC;AAkB9B,IAAM,YAAY,GAA0B,UAAC,EAKnD;IAJA,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,KAAK,WAAA,EACF,KAAK,cAJ2C,kCAKnD,CADQ;IAER,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,SAAS,CAAC,CAAC;IAEjE,OAAO,CACN,+CAAI,SAAS,EAAE,kBAAkB,IAAM,KAAK;QAC1C,KAAK,KAAK,SAAS,IAAI,CACvB,8BAAC,iBAAO,IAAC,SAAS,EAAC,qBAAqB,EAAC,IAAI,EAAC,QAAQ,IACpD,KAAK,CACG,CACV;QACD,sCAAI,SAAS,EAAC,oBAAoB,IAAE,QAAQ,CAAM,CAC9C,CACL,CAAC;AACH,CAAC,CAAC;AAlBW,QAAA,YAAY,gBAkBvB"}
|
|
@@ -28,12 +28,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.SideNavItem = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
32
|
-
var
|
|
31
|
+
var BodyText_1 = require("../BodyText");
|
|
32
|
+
var useFocusVisible_1 = require("../../hooks/useFocusVisible");
|
|
33
33
|
var SideNavItem = function (_a) {
|
|
34
34
|
var active = _a.active, children = _a.children, className = _a.className, href = _a.href, onClick = _a.onClick, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["active", "children", "className", "href", "onClick", "onFocus", "onBlur"]);
|
|
35
35
|
var itemRef = react_1.default.useRef(null);
|
|
36
|
-
var _b = (0,
|
|
36
|
+
var _b = (0, useFocusVisible_1.useFocusVisible)(itemRef, onBlur, onFocus), isFocusVisible = _b.isFocusVisible, focusFunction = _b.focusFunction, blurFunction = _b.blurFunction;
|
|
37
37
|
var onClickHandler = function (e) {
|
|
38
38
|
if (!onClick)
|
|
39
39
|
return;
|
|
@@ -49,7 +49,7 @@ var SideNavItem = function (_a) {
|
|
|
49
49
|
'SideNavItem__button--focus-visible': isFocusVisible,
|
|
50
50
|
});
|
|
51
51
|
return (react_1.default.createElement("li", __assign({ className: SideNavItemClasses }, props),
|
|
52
|
-
react_1.default.createElement(
|
|
52
|
+
react_1.default.createElement(BodyText_1.BodyText, __assign({ ref: itemRef, onFocus: focusFunction, onBlur: blurFunction, tabIndex: 0, el: El, size: "small", className: SideNavItemButtonClasses, onClick: onClickHandler }, buttonProps), children)));
|
|
53
53
|
};
|
|
54
54
|
exports.SideNavItem = SideNavItem;
|
|
55
55
|
//# sourceMappingURL=SideNavItem.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"SideNavItem.js","sourceRoot":"","sources":["../../../src/components/SideNav/SideNavItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,wCAAuC;AACvC,+DAA8D;AAwBvD,IAAM,WAAW,GAAyB,UAAC,EASjD;IARA,IAAA,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cARyC,2EASjD,CADQ;IAER,IAAM,OAAO,GAAG,eAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC;IAE7B,IAAA,KAAkD,IAAA,iCAAe,EACtE,OAAO,EACP,MAAM,EACN,OAAO,CACP,EAJO,cAAc,oBAAA,EAAE,aAAa,mBAAA,EAAE,YAAY,kBAIlD,CAAC;IAEF,IAAM,cAAc,GAAG,UAAC,CAAoC;QAC3D,IAAI,CAAC,OAAO;YAAE,OAAO;QAErB,CAAC,CAAC,cAAc,EAAE,CAAC;QACnB,OAAO,CAAC,CAAC,CAAC,CAAC;IACZ,CAAC,CAAC;IAEF,IAAM,EAAE,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,MAAM,CAAC;IAC/B,IAAM,WAAW,GAAG,EAAE,IAAI,MAAA,EAAE,CAAC;IAE7B,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,qBAAqB,EAAE,MAAM;KAC7B,CAAC,CAAC;IAEH,IAAM,wBAAwB,GAAG,IAAA,oBAAU,EAAC,qBAAqB,EAAE;QAClE,oCAAoC,EAAE,cAAc;KACpD,CAAC,CAAC;IAEH,OAAO,CACN,+CAAI,SAAS,EAAE,kBAAkB,IAAM,KAAK;QAC3C,8BAAC,mBAAQ,aACR,GAAG,EAAE,OAAO,EACZ,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,EACpB,QAAQ,EAAE,CAAC,EACX,EAAE,EAAE,EAAE,EACN,IAAI,EAAC,OAAO,EACZ,SAAS,EAAE,wBAAwB,EACnC,OAAO,EAAE,cAAc,IACnB,WAAW,GAEd,QAAQ,CACC,CACP,CACL,CAAC;AACH,CAAC,CAAC;AArDW,QAAA,WAAW,eAqDtB"}
|
|
@@ -47,7 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Sidebar = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
-
var
|
|
50
|
+
var debounce_1 = require("../../utilities/debounce");
|
|
51
51
|
var ToggleButton_1 = require("./ToggleButton");
|
|
52
52
|
var SidebarSection_1 = require("./SidebarSection");
|
|
53
53
|
var Sidebar = function (_a) {
|
|
@@ -146,7 +146,7 @@ var Sidebar = function (_a) {
|
|
|
146
146
|
});
|
|
147
147
|
(0, react_1.useEffect)(function () {
|
|
148
148
|
var handleWindowResize = function () { return setIsDisplaySmall(calcDisplaySmall()); };
|
|
149
|
-
window.addEventListener('resize', (0,
|
|
149
|
+
window.addEventListener('resize', (0, debounce_1.debounce)(handleWindowResize, 150));
|
|
150
150
|
handleWindowResize();
|
|
151
151
|
return function () { return window.removeEventListener('resize', handleWindowResize); };
|
|
152
152
|
}, []);
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4E;AAC5E,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Sidebar.js","sourceRoot":"","sources":["../../../src/components/Sidebar/Sidebar.tsx"],"names":[],"mappings":"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"}
|
|
@@ -21,7 +21,8 @@ var __importStar = (this && this.__importStar) || function (mod) {
|
|
|
21
21
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
22
22
|
exports.ToggleButton = void 0;
|
|
23
23
|
var react_1 = __importStar(require("react"));
|
|
24
|
-
var
|
|
24
|
+
var Tooltip_1 = require("../Tooltip");
|
|
25
|
+
var Button_1 = require("../Button");
|
|
25
26
|
var ToggleButton = function (_a) {
|
|
26
27
|
var className = _a.className, isTouchScreen = _a.isTouchScreen, isDisplaySmall = _a.isDisplaySmall, openOnLargeDisplay = _a.openOnLargeDisplay, openOnSmallDisplay = _a.openOnSmallDisplay, open = _a.open, close = _a.close, onPointerEnter = _a.onPointerEnter, onPointerLeave = _a.onPointerLeave;
|
|
27
28
|
var isCollapseButton = (isDisplaySmall && openOnSmallDisplay) ||
|
|
@@ -49,8 +50,8 @@ var ToggleButton = function (_a) {
|
|
|
49
50
|
pointerId.current = undefined;
|
|
50
51
|
}
|
|
51
52
|
};
|
|
52
|
-
return (react_1.default.createElement(
|
|
53
|
-
react_1.default.createElement(
|
|
53
|
+
return (react_1.default.createElement(Tooltip_1.Tooltip, { hoverOnly: true, className: "Sidebar__toggle-button-wrapper", direction: "r", text: getTooltipText(), onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave },
|
|
54
|
+
react_1.default.createElement(Button_1.Button, { className: className, iconName: iconName, size: size, onPointerDown: handlePointerDown, onPointerUp: handlePointerUp, onPointerEnter: onPointerEnter, onPointerLeave: onPointerLeave })));
|
|
54
55
|
};
|
|
55
56
|
exports.ToggleButton = ToggleButton;
|
|
56
57
|
//# sourceMappingURL=ToggleButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,
|
|
1
|
+
{"version":3,"file":"ToggleButton.js","sourceRoot":"","sources":["../../../src/components/Sidebar/ToggleButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsC;AACtC,sCAAqC;AACrC,oCAAmC;AAiB5B,IAAM,YAAY,GAAgC,UAAC,EAUzD;QATA,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,cAAc,oBAAA,EACd,kBAAkB,wBAAA,EAClB,kBAAkB,wBAAA,EAClB,IAAI,UAAA,EACJ,KAAK,WAAA,EACL,cAAc,oBAAA,EACd,cAAc,oBAAA;IAEd,IAAM,gBAAgB,GACrB,CAAC,cAAc,IAAI,kBAAkB,CAAC;QACtC,CAAC,CAAC,cAAc;YACf,kBAAkB,CAAC,KAAK;YACxB,CAAC,kBAAkB,CAAC,SAAS,CAAC,CAAC;IACjC,IAAM,QAAQ,GAAG,gBAAgB;QAChC,CAAC,CAAC,qBAAqB;QACvB,CAAC,CAAC,sBAAsB,CAAC;IAC1B,IAAM,IAAI,GAAG,aAAa,CAAC,CAAC,CAAC,QAAQ,CAAC,CAAC,CAAC,OAAO,CAAC;IAEhD,IAAM,SAAS,GAAG,IAAA,cAAM,GAAU,CAAC;IAEnC,IAAM,cAAc,GAAG;QACtB,IAAI,gBAAgB;YAAE,OAAO,eAAe,CAAC;QAC7C,IAAI,CAAC,cAAc,IAAI,kBAAkB,CAAC,SAAS;YAClD,OAAO,mBAAmB,CAAC;QAC5B,OAAO,cAAc,CAAC;IACvB,CAAC,CAAC;IAEF,IAAM,iBAAiB,GAAG,UAAC,CAAqC;QAC/D,SAAS,CAAC,OAAO,GAAG,CAAC,CAAC,SAAS,CAAC;IACjC,CAAC,CAAC;IAEF,IAAM,eAAe,GAAG,UAAC,CAAqC;QAC7D,IAAI,CAAC,CAAC,SAAS,KAAK,SAAS,CAAC,OAAO,EAAE;YACtC,gBAAgB,CAAC,CAAC,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,EAAE,SAAS,EAAE,cAAc,EAAE,CAAC,CAAC;YACjE,SAAS,CAAC,OAAO,GAAG,SAAS,CAAC;SAC9B;IACF,CAAC,CAAC;IAEF,OAAO,CACN,8BAAC,iBAAO,IACP,SAAS,QACT,SAAS,EAAC,gCAAgC,EAC1C,SAAS,EAAC,GAAG,EACb,IAAI,EAAE,cAAc,EAAE,EACtB,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc;QAE9B,8BAAC,eAAM,IACN,SAAS,EAAE,SAAS,EACpB,QAAQ,EAAE,QAAQ,EAClB,IAAI,EAAE,IAAI,EACV,aAAa,EAAE,iBAAiB,EAChC,WAAW,EAAE,eAAe,EAC5B,cAAc,EAAE,cAAc,EAC9B,cAAc,EAAE,cAAc,GAC7B,CACO,CACV,CAAC;AACH,CAAC,CAAC;AA7DW,QAAA,YAAY,gBA6DvB"}
|
|
@@ -47,8 +47,8 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Snackbar = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
-
var
|
|
51
|
-
var
|
|
50
|
+
var Button_1 = require("../Button");
|
|
51
|
+
var Portal_1 = require("../../internal/Portal");
|
|
52
52
|
var Snackbar = function (_a) {
|
|
53
53
|
var actionName = _a.actionName, className = _a.className, _b = _a.duration, duration = _b === void 0 ? 5000 : _b, onActionClick = _a.onActionClick, onClose = _a.onClose, _c = _a.portal, portal = _c === void 0 ? true : _c, title = _a.title, props = __rest(_a, ["actionName", "className", "duration", "onActionClick", "onClose", "portal", "title"]);
|
|
54
54
|
var _d = (0, react_1.useState)(true), visible = _d[0], setVisible = _d[1];
|
|
@@ -74,8 +74,8 @@ var Snackbar = function (_a) {
|
|
|
74
74
|
var snackbar = (react_1.default.createElement("div", __assign({ className: SnackbarClasses }, props),
|
|
75
75
|
title && react_1.default.createElement("div", { className: "Snackbar__title" }, title),
|
|
76
76
|
actionName && onActionClick && (react_1.default.createElement("div", { onClick: onActionClick, className: "Snackbar__action" }, actionName)),
|
|
77
|
-
onClose && (react_1.default.createElement(
|
|
78
|
-
return react_1.default.createElement(
|
|
77
|
+
onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Snackbar__close", iconName: "clear", size: "xsmall", onClick: handleClose }))));
|
|
78
|
+
return react_1.default.createElement(Portal_1.Portal, { conditional: portal }, snackbar);
|
|
79
79
|
};
|
|
80
80
|
exports.Snackbar = Snackbar;
|
|
81
81
|
//# sourceMappingURL=Snackbar.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+D;AAC/D,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Snackbar.js","sourceRoot":"","sources":["../../../src/components/Snackbar/Snackbar.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+D;AAC/D,0DAAoC;AACpC,oCAAmC;AACnC,gDAA+C;AAgCxC,IAAM,QAAQ,GAAsB,UAAC,EAS3C;IARA,IAAA,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,gBAAe,EAAf,QAAQ,mBAAG,IAAI,KAAA,EACf,aAAa,mBAAA,EACb,OAAO,aAAA,EACP,cAAa,EAAb,MAAM,mBAAG,IAAI,KAAA,EACb,KAAK,WAAA,EACF,KAAK,cARmC,sFAS3C,CADQ;IAEF,IAAA,KAAwB,IAAA,gBAAQ,EAAC,IAAI,CAAC,EAArC,OAAO,QAAA,EAAE,UAAU,QAAkB,CAAC;IAC7C,IAAM,WAAW,GAAG,IAAA,cAAM,EAAC,IAAI,CAAC,CAAC;IAEjC,IAAM,WAAW,GAAG,eAAK,CAAC,WAAW,CACpC,UAAC,CAAqC;QACrC,UAAU,CAAC,KAAK,CAAC,CAAC;QAClB,IAAI,OAAO;YAAE,OAAO,CAAC,CAAC,CAAC,CAAC;QACxB,IAAI,WAAW,CAAC,OAAO,IAAI,IAAI;YAAE,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,CAAC;IACpE,CAAC,EACD,CAAC,OAAO,CAAC,CACT,CAAC;IAEF,IAAA,iBAAS,EAAC;QACT,IAAI,QAAQ,KAAK,IAAI,IAAI,QAAQ,KAAK,CAAC;YAAE,OAAO;QAChD,WAAW,CAAC,OAAO,GAAG,UAAU,CAAC,cAAM,OAAA,WAAW,EAAE,EAAb,CAAa,EAAE,QAAQ,CAAC,CAAC;QAChE,OAAO,cAAM,OAAA,YAAY,CAAC,WAAW,CAAC,OAAO,CAAC,EAAjC,CAAiC,CAAC;IAChD,CAAC,EAAE,CAAC,QAAQ,EAAE,WAAW,CAAC,CAAC,CAAC;IAE5B,IAAI,CAAC,OAAO;QAAE,OAAO,IAAI,CAAC;IAE1B,IAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,EAAE;QACzD,oBAAoB,EAAE,MAAM;KAC5B,CAAC,CAAC;IAEH,IAAM,QAAQ,GAAG,CAChB,gDAAK,SAAS,EAAE,eAAe,IAAM,KAAK;QACxC,KAAK,IAAI,uCAAK,SAAS,EAAC,iBAAiB,IAAE,KAAK,CAAO;QACvD,UAAU,IAAI,aAAa,IAAI,CAC/B,uCAAK,OAAO,EAAE,aAAa,EAAE,SAAS,EAAC,kBAAkB,IACvD,UAAU,CACN,CACN;QACA,OAAO,IAAI,CACX,8BAAC,eAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,iBAAiB,EAC3B,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,WAAW,GACnB,CACF,CACI,CACN,CAAC;IAEF,OAAO,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC;AAvDW,QAAA,QAAQ,YAuDnB"}
|