@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
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Spinner = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var Card_1 = require("../Card");
|
|
32
32
|
var Spinner = function (_a) {
|
|
33
33
|
var _b, _c;
|
|
34
34
|
var className = _a.className, container = _a.container, _d = _a.size, size = _d === void 0 ? 'medium' : _d, props = __rest(_a, ["className", "container", "size"]);
|
|
@@ -52,7 +52,7 @@ var Spinner = function (_a) {
|
|
|
52
52
|
var spinnerComponent = (react_1.default.createElement("div", __assign({ className: SpinnerClasses }, props),
|
|
53
53
|
react_1.default.createElement("svg", { className: "Spinner__svg", viewBox: "0 0 100 100", xmlns: "http://www.w3.org/2000/svg" },
|
|
54
54
|
react_1.default.createElement("circle", { className: "Spinner__circle", cx: "50", cy: "50", r: CircleRadius }))));
|
|
55
|
-
return container ? (react_1.default.createElement(
|
|
55
|
+
return container ? (react_1.default.createElement(Card_1.Card, { className: CardClasses }, spinnerComponent)) : (spinnerComponent);
|
|
56
56
|
};
|
|
57
57
|
exports.Spinner = Spinner;
|
|
58
58
|
//# sourceMappingURL=Spinner.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Spinner.js","sourceRoot":"","sources":["../../../src/components/Spinner/Spinner.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,gCAA+B;AAoBxB,IAAM,OAAO,GAAqB,UAAC,EAKzC;;IAJA,IAAA,SAAS,eAAA,EACT,SAAS,eAAA,EACT,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACZ,KAAK,cAJiC,kCAKzC,CADQ;IAER,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS;QAC1C,GAAC,KAAG,SAAW,IAAG,SAAS,IAAI,CAAC,SAAS;QACzC,oBAAgB,GAAE,IAAI,KAAK,OAAO;QAClC,qBAAiB,GAAE,IAAI,KAAK,QAAQ;QACpC,oBAAgB,GAAE,IAAI,KAAK,OAAO;QAClC,mBAAe,GAAE,IAAI,KAAK,MAAM;YAC/B,CAAC;IAEH,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,eAAe;QAC7C,GAAC,KAAG,SAAW,IAAG,SAAS,IAAI,SAAS;YACvC,CAAC;IAEH,IAAM,UAAU,GAAG;QAClB,KAAK,EAAE,EAAE;QACT,MAAM,EAAE,EAAE;QACV,KAAK,EAAE,EAAE;QACT,IAAI,EAAE,EAAE;KACR,CAAC;IAEF,IAAM,YAAY,GAAG,UAAU,CAAC,IAAI,CAAC,CAAC;IAEtC,IAAM,gBAAgB,GAAG,CACxB,gDAAK,SAAS,EAAE,cAAc,IAAM,KAAK;QACxC,uCACC,SAAS,EAAC,cAAc,EACxB,OAAO,EAAC,aAAa,EACrB,KAAK,EAAC,4BAA4B;YAElC,0CACC,SAAS,EAAC,iBAAiB,EAC3B,EAAE,EAAC,IAAI,EACP,EAAE,EAAC,IAAI,EACP,CAAC,EAAE,YAAY,GACd,CACG,CACD,CACN,CAAC;IAEF,OAAO,SAAS,CAAC,CAAC,CAAC,CAClB,8BAAC,WAAI,IAAC,SAAS,EAAE,WAAW,IAAG,gBAAgB,CAAQ,CACvD,CAAC,CAAC,CAAC,CACH,gBAAgB,CAChB,CAAC;AACH,CAAC,CAAC;AAjDW,QAAA,OAAO,WAiDlB"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.StatusLight = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var BodyText_1 = require("../BodyText");
|
|
32
32
|
var StatusLight = function (_a) {
|
|
33
33
|
var children = _a.children, className = _a.className, full = _a.full, reverse = _a.reverse, split = _a.split, disabled = _a.disabled, pulsing = _a.pulsing, onClick = _a.onClick, onMouseOver = _a.onMouseOver, href = _a.href, _b = _a.color, color = _b === void 0 ? 'default' : _b, props = __rest(_a, ["children", "className", "full", "reverse", "split", "disabled", "pulsing", "onClick", "onMouseOver", "href", "color"]);
|
|
34
34
|
var isCustomColor = function () {
|
|
@@ -63,7 +63,7 @@ var StatusLight = function (_a) {
|
|
|
63
63
|
var StatusLightElement = href ? 'a' : 'div';
|
|
64
64
|
return (react_1.default.createElement(StatusLightElement, __assign({ className: StatusLightClasses, href: href }, props),
|
|
65
65
|
react_1.default.createElement("span", { className: StatusLightIndicatorClasses, style: isCustomColor() ? { backgroundColor: color } : null }),
|
|
66
|
-
children !== undefined && children !== null && (react_1.default.createElement(
|
|
66
|
+
children !== undefined && children !== null && (react_1.default.createElement(BodyText_1.BodyText, { size: "small", className: "StatusLight__label" }, children))));
|
|
67
67
|
};
|
|
68
68
|
exports.StatusLight = StatusLight;
|
|
69
69
|
//# sourceMappingURL=StatusLight.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"StatusLight.js","sourceRoot":"","sources":["../../../src/components/StatusLight/StatusLight.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"StatusLight.js","sourceRoot":"","sources":["../../../src/components/StatusLight/StatusLight.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,wCAAuC;AAyChC,IAAM,WAAW,GAAyB,UAAC,EAajD;IAZA,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,OAAO,aAAA,EACP,KAAK,WAAA,EACL,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,IAAI,UAAA,EACJ,aAAiB,EAAjB,KAAK,mBAAG,SAAS,KAAA,EACd,KAAK,cAZyC,uHAajD,CADQ;IAER,IAAM,aAAa,GAAG;QACrB,IAAM,YAAY,GAAG;YACpB,SAAS;YACT,MAAM;YACN,SAAS;YACT,SAAS;YACT,UAAU;SACV,CAAC;QAEF,IAAI,CAAC,YAAY,CAAC,QAAQ,CAAC,KAAK,CAAC;YAAE,OAAO,IAAI,CAAC;QAC/C,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACpB,IAAI,CAAC,QAAQ,IAAI,CAAC,aAAa,EAAE,EAAE;YAClC,OAAO,6BAA2B,KAAO,CAAC;SAC1C;QACD,OAAO,KAAK,CAAC;IACd,CAAC,CAAC;IAEF,IAAM,2BAA2B,GAAG,IAAA,oBAAU,EAC7C,wBAAwB,EACxB,YAAY,EAAE,EACd;QACC,kCAAkC,EAAE,QAAQ;KAC5C,CACD,CAAC;IAEF,IAAM,kBAAkB,GAAG,IAAA,oBAAU,EAAC,aAAa,EAAE,SAAS,EAAE;QAC/D,uBAAuB,EAAE,QAAQ;QACjC,sBAAsB,EAAE,OAAO;QAC/B,mBAAmB,EAAE,IAAI;QACzB,oBAAoB,EAAE,KAAK;QAC3B,sBAAsB,EAAE,OAAO;QAC/B,qBAAqB,EAAE,OAAO,IAAI,WAAW,IAAI,IAAI;KACrD,CAAC,CAAC;IAEH,IAAM,kBAAkB,GAAG,IAAI,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,KAAK,CAAC;IAE9C,OAAO,CACN,8BAAC,kBAAkB,aAClB,SAAS,EAAE,kBAAkB,EAC7B,IAAI,EAAE,IAAI,IACN,KAAK;QAET,wCACC,SAAS,EAAE,2BAA2B,EACtC,KAAK,EAAE,aAAa,EAAE,CAAC,CAAC,CAAC,EAAE,eAAe,EAAE,KAAK,EAAE,CAAC,CAAC,CAAC,IAAI,GACzD;QACD,QAAQ,KAAK,SAAS,IAAI,QAAQ,KAAK,IAAI,IAAI,CAC/C,8BAAC,mBAAQ,IAAC,IAAI,EAAC,OAAO,EAAC,SAAS,EAAC,oBAAoB,IACnD,QAAQ,CACC,CACX,CACmB,CACrB,CAAC;AACH,CAAC,CAAC;AAtEW,QAAA,WAAW,eAsEtB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.Tab {
|
|
3
|
+
all: unset;
|
|
3
4
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
5
|
color: #141414;
|
|
5
6
|
/* Make sure font-family goes across entire component */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;ACHA;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEmCkB;EFlClB;EACA;EACA;EACA;EACA;EACA,cE4GW;EF3GX;EACA,aEyFkB;EFxFlB,WE2GW;EF1GX;EACA;EACA;EACA;;AAEA;EAAO,aEiGI;;AF/FX;EACC;EACA;EACA;EACA,OEciB;;AFZjB;EACC;EACA;EACA,cE8FY;;AF1Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE0DkB;EFzDlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OEvDY;EFwDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEqCU;EFpCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEKd;;AFHX;EACC,kBEtGY;EFuGZ;;AAEA;EACC,kBE1GW;EF2GX;;AAGD;EACC;;;AAKH;EACC;EACA,OErHa;EFsHb,aE/BkB;;AFiClB;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OEtIY;;AFwIZ;EACC;EACA;;;AAOH;EACC","file":"Tab.css"}
|
|
@@ -28,12 +28,12 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Tab = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var useFocusVisible_1 = require("../../hooks/useFocusVisible");
|
|
32
32
|
var Tab = function (_a) {
|
|
33
33
|
var action = _a.action, active = _a.active, className = _a.className, disabled = _a.disabled, onFocus = _a.onFocus, onBlur = _a.onBlur, props = __rest(_a, ["action", "active", "className", "disabled", "onFocus", "onBlur"]);
|
|
34
|
-
var TabElement = '
|
|
34
|
+
var TabElement = 'button';
|
|
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
|
if (props.href)
|
|
38
38
|
TabElement = 'a';
|
|
39
39
|
var TabClasses = (0, classnames_1.default)('Tab', className, {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC
|
|
1
|
+
{"version":3,"file":"Tab.js","sourceRoot":"","sources":["../../../src/components/Tab/Tab.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+DAA8D;AAwBvD,IAAM,GAAG,GAAiB,UAAC,EAQjC;IAPA,IAAA,MAAM,YAAA,EACN,MAAM,YAAA,EACN,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,OAAO,aAAA,EACP,MAAM,YAAA,EACH,KAAK,cAPyB,kEAQjC,CADQ;IAER,IAAI,UAAU,GAAQ,QAAQ,CAAC;IAE/B,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,IAAI,KAAK,CAAC,IAAI;QAAE,UAAU,GAAG,GAAG,CAAC;IAEjC,IAAM,UAAU,GAAG,IAAA,oBAAU,EAAC,KAAK,EAAE,SAAS,EAAE;QAC/C,aAAa,EAAE,MAAM;QACrB,eAAe,EAAE,CAAC,MAAM;QACxB,eAAe,EAAE,QAAQ;QACzB,oBAAoB,EAAE,cAAc;KACpC,CAAC,CAAC;IAEH,OAAO,CACN,8BAAC,UAAU,aACV,IAAI,EAAC,KAAK,EACV,GAAG,EAAE,OAAO,EACZ,QAAQ,EAAE,QAAQ,CAAC,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,CAAC,kBACpB,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,KAAK,EACrC,SAAS,EAAE,UAAU,EACrB,OAAO,EAAE,aAAa,EACtB,MAAM,EAAE,YAAY,mBACL,KAAK,CAAC,QAAQ,IACzB,KAAK,EACR,CACF,CAAC;AACH,CAAC,CAAC;AAzCW,QAAA,GAAG,OAyCd"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
/* Hide element visually, keeping it focusable (with keyboard) and available for screen-readers */
|
|
2
2
|
.Tab {
|
|
3
|
+
all: unset;
|
|
3
4
|
/* Set color on root of component. It can be overridden after the @include */
|
|
4
5
|
color: #141414;
|
|
5
6
|
/* Make sure font-family goes across entire component */
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;
|
|
1
|
+
{"version":3,"sourceRoot":"","sources":["../../../src/utilities/_visually-hidden.scss","../../../src/components/Tab/Tab.scss","../../../src/utilities/_component-reset.scss","../../../node_modules/@servicetitan/tokens/dist/tokens.scss"],"names":[],"mappings":"AAAA;ACGA;EACC;ACHA;EACA,OCiBa;ADfb;EACA;EDGA;EACA,OEmCkB;EFlClB;EACA;EACA;EACA;EACA;EACA,cE4GW;EF3GX;EACA,aEyFkB;EFxFlB,WE2GW;EF1GX;EACA;EACA;EACA;;AAEA;EAAO,aEiGI;;AF/FX;EACC;EACA;EACA;EACA,OEciB;;AFZjB;EACC;EACA;EACA,cE8FY;;AF1Fd;EACC;EACA;EACA;;AAGD;EACC;EACA;;AAGD;EACC;;AAGD;EACC;EACA;;AAEA;EACC;EACA;EACA,YE0DkB;EFzDlB;EACA;EACA;EACA;;;AAMF;EAEC;EACA,OEvDY;EFwDZ;;;AAIF;EACC;EACA;;;AAIA;EACC;EACA;EACA;EACA,WEqCU;EFpCV;EACA;;AAEA;EAEC;;AAEA;EACC;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAIF;EACC;EACA;;AAIF;EAAyB,SEKd;;AFHX;EACC,kBEtGY;EFuGZ;;AAEA;EACC,kBE1GW;EF2GX;;AAGD;EACC;;;AAKH;EACC;EACA,OErHa;EFsHb,aE/BkB;;AFiClB;EAAU;;;AAIV;AAAA;AAAA;EAGC;;AAEA;AAAA;AAAA;EAAiB;;AAGlB;EACC,OEtIY;;AFwIZ;EACC;EACA;;;AAOH;EACC","file":"index.css"}
|
|
@@ -30,7 +30,7 @@ var react_1 = __importDefault(require("react"));
|
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var TabGroupItem_1 = require("./TabGroupItem");
|
|
32
32
|
var components_1 = require("./components");
|
|
33
|
-
var
|
|
33
|
+
var wrapChildren_1 = require("../../utilities/wrapChildren");
|
|
34
34
|
var TabGroup = function (_a) {
|
|
35
35
|
var action = _a.action, children = _a.children, className = _a.className, dark = _a.dark, _b = _a.divider, divider = _b === void 0 ? true : _b, fitted = _a.fitted, _c = _a.size, size = _c === void 0 ? 'normal' : _c, maxWidth = _a.maxWidth, verticallyDivided = _a.verticallyDivided, _d = _a.type, type = _d === void 0 ? 'underline' : _d, _e = _a.textAlign, textAlign = _e === void 0 ? 'center' : _e, props = __rest(_a, ["action", "children", "className", "dark", "divider", "fitted", "size", "maxWidth", "verticallyDivided", "type", "textAlign"]);
|
|
36
36
|
var TabGroupClasses = (0, classnames_1.default)('TabGroup', className, {
|
|
@@ -45,7 +45,7 @@ var TabGroup = function (_a) {
|
|
|
45
45
|
'TabGroup--verticallyDivided': verticallyDivided,
|
|
46
46
|
});
|
|
47
47
|
return (react_1.default.createElement("ul", __assign({ role: "tablist", className: TabGroupClasses }, props),
|
|
48
|
-
(0,
|
|
48
|
+
(0, wrapChildren_1.wrapChildren)(children, TabGroupItem_1.TabGroupItem),
|
|
49
49
|
action && react_1.default.createElement(components_1.TabAction, null, action)));
|
|
50
50
|
};
|
|
51
51
|
exports.TabGroup = TabGroup;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAA8C;AAE9C,2CAAyC;AACzC,
|
|
1
|
+
{"version":3,"file":"TabGroup.js","sourceRoot":"","sources":["../../../src/components/TabGroup/TabGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAA8C;AAE9C,2CAAyC;AACzC,6DAA4D;AAuDrD,IAAM,QAAQ,GAAa,UAAC,EAalC;IAZA,IAAA,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,IAAI,UAAA,EACJ,eAAc,EAAd,OAAO,mBAAG,IAAI,KAAA,EACd,MAAM,YAAA,EACN,YAAe,EAAf,IAAI,mBAAG,QAAQ,KAAA,EACf,QAAQ,cAAA,EACR,iBAAiB,uBAAA,EACjB,YAAkB,EAAlB,IAAI,mBAAG,WAAW,KAAA,EAClB,iBAAoB,EAApB,SAAS,mBAAG,QAAQ,KAAA,EACjB,KAAK,cAZ0B,8HAalC,CADQ;IAER,IAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,EAAE;QACzD,kBAAkB,EAAE,MAAM;QAC1B,gBAAgB,EAAE,IAAI;QACtB,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,qBAAqB,EAAE,IAAI,KAAK,WAAW;QAC3C,qBAAqB,EAAE,SAAS,KAAK,MAAM;QAC3C,iBAAiB,EAAE,IAAI,KAAK,OAAO;QACnC,mBAAmB,EAAE,OAAO;QAC5B,oBAAoB,EAAE,QAAQ;QAC9B,6BAA6B,EAAE,iBAAiB;KAChD,CAAC,CAAC;IAEH,OAAO,CACN,+CAAI,IAAI,EAAC,SAAS,EAAC,SAAS,EAAE,eAAe,IAAM,KAAK;QACtD,IAAA,2BAAY,EAAC,QAAQ,EAAE,2BAAY,CAAC;QACpC,MAAM,IAAI,8BAAC,sBAAS,QAAE,MAAM,CAAa,CACtC,CACL,CAAC;AACH,CAAC,CAAC;AAhCW,QAAA,QAAQ,YAgCnB;AAEF,gBAAQ,CAAC,MAAM,GAAG,sBAAS,CAAC"}
|
|
@@ -0,0 +1,93 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __extends = (this && this.__extends) || (function () {
|
|
3
|
+
var extendStatics = function (d, b) {
|
|
4
|
+
extendStatics = Object.setPrototypeOf ||
|
|
5
|
+
({ __proto__: [] } instanceof Array && function (d, b) { d.__proto__ = b; }) ||
|
|
6
|
+
function (d, b) { for (var p in b) if (Object.prototype.hasOwnProperty.call(b, p)) d[p] = b[p]; };
|
|
7
|
+
return extendStatics(d, b);
|
|
8
|
+
};
|
|
9
|
+
return function (d, b) {
|
|
10
|
+
if (typeof b !== "function" && b !== null)
|
|
11
|
+
throw new TypeError("Class extends value " + String(b) + " is not a constructor or null");
|
|
12
|
+
extendStatics(d, b);
|
|
13
|
+
function __() { this.constructor = d; }
|
|
14
|
+
d.prototype = b === null ? Object.create(b) : (__.prototype = b.prototype, new __());
|
|
15
|
+
};
|
|
16
|
+
})();
|
|
17
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
18
|
+
exports.GridMod = void 0;
|
|
19
|
+
var kendo_react_grid_1 = require("@progress/kendo-react-grid");
|
|
20
|
+
var CommonDragLogic_1 = require("@progress/kendo-react-grid/dist/npm/drag/CommonDragLogic");
|
|
21
|
+
/*
|
|
22
|
+
* This is a temporary fix for issue https://github.com/telerik/kendo-react/issues/1136
|
|
23
|
+
* We modify CommonDragLogic used by Grid to use our own getIndex function, which works fine inside Shadow DOM
|
|
24
|
+
*/
|
|
25
|
+
// @progress/kendo-react-data-tools/dist/es/header/utils/index.js
|
|
26
|
+
function getIndexMod(event, parent) {
|
|
27
|
+
if (!parent || !event || !event.originalEvent) {
|
|
28
|
+
return -1;
|
|
29
|
+
}
|
|
30
|
+
var root = parent.getRootNode(); // this works fine with both normal and shadow DOM, in difference with Kendo code
|
|
31
|
+
var target = root
|
|
32
|
+
? root.elementFromPoint(event.clientX, event.originalEvent.clientY)
|
|
33
|
+
: null;
|
|
34
|
+
while (target && target.parentElement !== parent) {
|
|
35
|
+
target = target.parentElement;
|
|
36
|
+
}
|
|
37
|
+
var children = parent.children;
|
|
38
|
+
for (var i = 0; i < children.length; i++) {
|
|
39
|
+
if (children[i] === target) {
|
|
40
|
+
return i;
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
return -1;
|
|
44
|
+
}
|
|
45
|
+
var CommonDragLogicMod = /** @class */ (function (_super) {
|
|
46
|
+
__extends(CommonDragLogicMod, _super);
|
|
47
|
+
function CommonDragLogicMod(columnReorder, groupReorder, columnToGroup) {
|
|
48
|
+
var _this = _super.call(this, columnReorder, groupReorder, columnToGroup) || this;
|
|
49
|
+
// redefine getGroupIndex to use fixed version of getIndex
|
|
50
|
+
_this.getGroupIndex = function (event) {
|
|
51
|
+
return getIndexMod(event, this.groupPanelDivElement);
|
|
52
|
+
};
|
|
53
|
+
// redefine getColumnIndex to use fixed version of getIndex
|
|
54
|
+
_this.getColumnIndex = function (event, parent) {
|
|
55
|
+
if (!parent || parent.parentElement === this.groupPanelDivElement) {
|
|
56
|
+
return -1;
|
|
57
|
+
}
|
|
58
|
+
var index = getIndexMod(event, parent);
|
|
59
|
+
if (index === -1) {
|
|
60
|
+
return -1;
|
|
61
|
+
}
|
|
62
|
+
var _loop_1 = function (i) {
|
|
63
|
+
if (parent.parentNode.children[i] === parent) {
|
|
64
|
+
return { value: this_1.columns.findIndex(function (c) {
|
|
65
|
+
return c.index === index && c.depth === i;
|
|
66
|
+
}) };
|
|
67
|
+
}
|
|
68
|
+
};
|
|
69
|
+
var this_1 = this;
|
|
70
|
+
for (var i = 0; i < parent.parentNode.children.length; i++) {
|
|
71
|
+
var state_1 = _loop_1(i);
|
|
72
|
+
if (typeof state_1 === "object")
|
|
73
|
+
return state_1.value;
|
|
74
|
+
}
|
|
75
|
+
return -1;
|
|
76
|
+
};
|
|
77
|
+
return _this;
|
|
78
|
+
}
|
|
79
|
+
return CommonDragLogicMod;
|
|
80
|
+
}(CommonDragLogic_1.CommonDragLogic));
|
|
81
|
+
var GridMod = /** @class */ (function (_super) {
|
|
82
|
+
__extends(GridMod, _super);
|
|
83
|
+
function GridMod(props) {
|
|
84
|
+
var _this = _super.call(this, props) || this;
|
|
85
|
+
_this.dragLogic = new CommonDragLogicMod(// redefine drag logic with our fixed version
|
|
86
|
+
_this.columnReorder.bind(_this), // type cast to overcome privateness of properties
|
|
87
|
+
_this.groupReorder.bind(_this), _this.columnToGroup.bind(_this));
|
|
88
|
+
return _this;
|
|
89
|
+
}
|
|
90
|
+
return GridMod;
|
|
91
|
+
}(kendo_react_grid_1.Grid));
|
|
92
|
+
exports.GridMod = GridMod;
|
|
93
|
+
//# sourceMappingURL=GridMod.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"GridMod.js","sourceRoot":"","sources":["../../../src/components/Table/GridMod.tsx"],"names":[],"mappings":"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"}
|
|
@@ -47,6 +47,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Table = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
+
var GridMod_1 = require("./GridMod");
|
|
50
51
|
var kendo_react_grid_1 = require("@progress/kendo-react-grid");
|
|
51
52
|
var TableLoadingPanel_1 = require("./TableLoadingPanel");
|
|
52
53
|
function isColumnElement(element) {
|
|
@@ -118,7 +119,7 @@ exports.Table = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
118
119
|
? verticalBorders && 'Table--vertical-borders'
|
|
119
120
|
: 'Table--locked-borders', horizontalBorders && 'Table--horizontal-borders', props.detail && 'Table--master-detail', props.sortable && 'Table--sortable', className);
|
|
120
121
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
121
|
-
react_1.default.createElement(
|
|
122
|
+
react_1.default.createElement(GridMod_1.GridMod, __assign({}, props, { rowRender: rowRender, className: TableClasses }), children),
|
|
122
123
|
react_1.default.createElement("div", { ref: handleRef }, loading && react_1.default.createElement(TableLoadingPanel_1.TableLoadingPanel, { portal: container }))));
|
|
123
124
|
});
|
|
124
125
|
exports.Table.displayName = 'KendoReactGrid';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAwD;AACxD,0DAAoC;AACpC,+
|
|
1
|
+
{"version":3,"file":"Table.js","sourceRoot":"","sources":["../../../src/components/Table/Table.tsx"],"names":[],"mappings":"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"}
|
|
@@ -5,15 +5,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
|
|
|
5
5
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
6
6
|
exports.TableLoadingPanel = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
|
-
var
|
|
9
|
-
var
|
|
8
|
+
var Spinner_1 = require("../Spinner");
|
|
9
|
+
var Stack_1 = require("../Stack");
|
|
10
|
+
var Portal_1 = require("../../internal/Portal");
|
|
10
11
|
var TableLoadingPanel = function (_a) {
|
|
11
12
|
var portal = _a.portal;
|
|
12
13
|
var loadingPanel = (react_1.default.createElement("div", { className: "k-loading-mask" },
|
|
13
|
-
react_1.default.createElement(
|
|
14
|
-
react_1.default.createElement(
|
|
14
|
+
react_1.default.createElement(Stack_1.Stack, { alignItems: "center", justifyContent: "center", className: "h-100" },
|
|
15
|
+
react_1.default.createElement(Spinner_1.Spinner, null)),
|
|
15
16
|
react_1.default.createElement("div", { className: "k-loading-color" })));
|
|
16
|
-
return (react_1.default.createElement(
|
|
17
|
+
return (react_1.default.createElement(Portal_1.Portal, { conditional: !!portal, target: typeof portal !== 'boolean' ? portal : undefined }, loadingPanel));
|
|
17
18
|
};
|
|
18
19
|
exports.TableLoadingPanel = TableLoadingPanel;
|
|
19
20
|
//# sourceMappingURL=TableLoadingPanel.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TableLoadingPanel.js","sourceRoot":"","sources":["../../../src/components/Table/TableLoadingPanel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,
|
|
1
|
+
{"version":3,"file":"TableLoadingPanel.js","sourceRoot":"","sources":["../../../src/components/Table/TableLoadingPanel.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,sCAAqC;AACrC,kCAAiC;AACjC,gDAA+C;AAMxC,IAAM,iBAAiB,GAA+B,UAAC,EAAU;QAAR,MAAM,YAAA;IACrE,IAAM,YAAY,GAAG,CACpB,uCAAK,SAAS,EAAC,gBAAgB;QAC9B,8BAAC,aAAK,IACL,UAAU,EAAC,QAAQ,EACnB,cAAc,EAAC,QAAQ,EACvB,SAAS,EAAC,OAAO;YAEjB,8BAAC,iBAAO,OAAG,CACJ;QACR,uCAAK,SAAS,EAAC,iBAAiB,GAAG,CAC9B,CACN,CAAC;IAEF,OAAO,CACN,8BAAC,eAAM,IACN,WAAW,EAAE,CAAC,CAAC,MAAM,EACrB,MAAM,EAAE,OAAO,MAAM,KAAK,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,SAAS,IAEvD,YAAY,CACL,CACT,CAAC;AACH,CAAC,CAAC;AAtBW,QAAA,iBAAiB,qBAsB5B"}
|
|
@@ -37,8 +37,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
37
37
|
exports.Tag = void 0;
|
|
38
38
|
var react_1 = __importDefault(require("react"));
|
|
39
39
|
var classnames_1 = __importDefault(require("classnames"));
|
|
40
|
-
var
|
|
41
|
-
var
|
|
40
|
+
var color_utils_1 = require("../../utilities/color-utils");
|
|
41
|
+
var Icon_1 = require("../Icon");
|
|
42
|
+
var Button_1 = require("../Button");
|
|
42
43
|
var Tag = function (_a) {
|
|
43
44
|
var badge = _a.badge, children = _a.children, className = _a.className, _b = _a.color, color = _b === void 0 ? 'default' : _b, compact = _a.compact, iconName = _a.icon, onClose = _a.onClose, subtle = _a.subtle, title = _a.title, tagRef = _a.tagRef, props = __rest(_a, ["badge", "children", "className", "color", "compact", "icon", "onClose", "subtle", "title", "tagRef"]);
|
|
44
45
|
var isCustomColor = function () {
|
|
@@ -57,7 +58,7 @@ var Tag = function (_a) {
|
|
|
57
58
|
};
|
|
58
59
|
var getColorClasses = function () {
|
|
59
60
|
if (isCustomColor())
|
|
60
|
-
return (0,
|
|
61
|
+
return (0, color_utils_1.isDark)(color) ? 'Tag--lightText' : 'Tag--darkText';
|
|
61
62
|
if (!isCustomColor())
|
|
62
63
|
return "Tag--" + color;
|
|
63
64
|
};
|
|
@@ -82,9 +83,9 @@ var Tag = function (_a) {
|
|
|
82
83
|
var actualTitle = title !== undefined ? title : "Tag: " + getTextFromChildren(children);
|
|
83
84
|
return (react_1.default.createElement("div", __assign({ className: TagClasses, title: actualTitle, style: isCustomColor() ? { backgroundColor: color } : null, ref: tagRef }, props),
|
|
84
85
|
iconName ? (react_1.default.createElement("span", { className: "Tag__icon" },
|
|
85
|
-
react_1.default.createElement(
|
|
86
|
+
react_1.default.createElement(Icon_1.Icon, { name: iconName, size: compact ? 14 : 16 }))) : null,
|
|
86
87
|
react_1.default.createElement("span", { className: "Tag__body" }, children),
|
|
87
|
-
onClose && (react_1.default.createElement(
|
|
88
|
+
onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Tag__close", iconName: "clear", size: "xsmall", onClick: onClose }))));
|
|
88
89
|
};
|
|
89
90
|
exports.Tag = Tag;
|
|
90
91
|
//# sourceMappingURL=Tag.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Tag.js","sourceRoot":"","sources":["../../../src/components/Tag/Tag.tsx"],"names":[],"mappings":"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"}
|
|
@@ -29,11 +29,11 @@ exports.TagGroup = void 0;
|
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
31
|
var TagGroupItem_1 = require("./TagGroupItem");
|
|
32
|
-
var
|
|
32
|
+
var wrapChildren_1 = require("../../utilities/wrapChildren");
|
|
33
33
|
var TagGroup = function (_a) {
|
|
34
34
|
var children = _a.children, className = _a.className, props = __rest(_a, ["children", "className"]);
|
|
35
35
|
var TagGroupClasses = (0, classnames_1.default)('TagGroup', className);
|
|
36
|
-
return (react_1.default.createElement("div", __assign({ className: TagGroupClasses }, props), (0,
|
|
36
|
+
return (react_1.default.createElement("div", __assign({ className: TagGroupClasses }, props), (0, wrapChildren_1.wrapChildren)(children, TagGroupItem_1.TagGroupItem)));
|
|
37
37
|
};
|
|
38
38
|
exports.TagGroup = TagGroup;
|
|
39
39
|
//# sourceMappingURL=TagGroup.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAA8C;AAE9C,
|
|
1
|
+
{"version":3,"file":"TagGroup.js","sourceRoot":"","sources":["../../../src/components/TagGroup/TagGroup.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,+CAA8C;AAE9C,6DAA4D;AAwBrD,IAAM,QAAQ,GAAsB,UAAC,EAI3C;IAHA,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACN,KAAK,cAHmC,yBAI3C,CADQ;IAER,IAAM,eAAe,GAAG,IAAA,oBAAU,EAAC,UAAU,EAAE,SAAS,CAAC,CAAC;IAE1D,OAAO,CACN,gDAAK,SAAS,EAAE,eAAe,IAAM,KAAK,GACxC,IAAA,2BAAY,EAAC,QAAQ,EAAE,2BAAY,CAAC,CAChC,CACN,CAAC;AACH,CAAC,CAAC;AAZW,QAAA,QAAQ,YAYnB"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { FocusScopeOptions } from '../../hooks';
|
|
2
|
+
import { FocusScopeOptions } from '../../hooks/useFocusScope';
|
|
3
3
|
import { TakeoverHeader, TakeoverHeaderProps } from './TakeoverHeader';
|
|
4
4
|
import { TakeoverSection, TakeoverSectionProps } from './TakeoverSection';
|
|
5
5
|
import { TakeoverFooter, TakeoverFooterProps } from './TakeoverFooter';
|
|
@@ -47,9 +47,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.Takeover = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
-
var
|
|
51
|
-
var
|
|
52
|
-
var
|
|
50
|
+
var wrapWithComponent_1 = require("../../utilities/wrapWithComponent");
|
|
51
|
+
var OverlayContext_1 = require("../../utilities/OverlayContext");
|
|
52
|
+
var Portal_1 = require("../../internal/Portal");
|
|
53
|
+
var useFocusScope_1 = require("../../hooks/useFocusScope");
|
|
53
54
|
var TakeoverHeader_1 = require("./TakeoverHeader");
|
|
54
55
|
var TakeoverSection_1 = require("./TakeoverSection");
|
|
55
56
|
var TakeoverFooter_1 = require("./TakeoverFooter");
|
|
@@ -64,9 +65,9 @@ var Takeover = function (_a) {
|
|
|
64
65
|
}
|
|
65
66
|
};
|
|
66
67
|
}, []);
|
|
67
|
-
var overlayContext = (0, react_1.useContext)(
|
|
68
|
+
var overlayContext = (0, react_1.useContext)(OverlayContext_1.OverlayContext);
|
|
68
69
|
var takeoverRef = (0, react_1.useRef)(null);
|
|
69
|
-
var handleTab = (0,
|
|
70
|
+
var handleTab = (0, useFocusScope_1.useFocusScope)(takeoverRef, focusScopeOptions).handleTab;
|
|
70
71
|
var headerProps = {
|
|
71
72
|
actions: actions,
|
|
72
73
|
backLabel: backLabel,
|
|
@@ -81,13 +82,13 @@ var Takeover = function (_a) {
|
|
|
81
82
|
};
|
|
82
83
|
var TakeoverClasses = (0, classnames_1.default)('Takeover', className, "Takeover--" + theme);
|
|
83
84
|
var contentWrapperClasses = (0, classnames_1.default)('TakeoverContent', contentWrapperClass);
|
|
84
|
-
var content = (0,
|
|
85
|
+
var content = (0, wrapWithComponent_1.wrapWithComponent)(children, TakeoverSection_1.TakeoverSection);
|
|
85
86
|
var takeover = (react_1.default.createElement("div", __assign({ className: TakeoverClasses, ref: takeoverRef, onKeyDown: handleTab }, props),
|
|
86
|
-
react_1.default.createElement(
|
|
87
|
+
react_1.default.createElement(OverlayContext_1.OverlayContext.Provider, { value: overlayContext.concat('takeover') },
|
|
87
88
|
react_1.default.createElement(TakeoverHeader_1.TakeoverHeader, __assign({}, headerProps)),
|
|
88
89
|
react_1.default.createElement("div", { className: contentWrapperClasses }, content),
|
|
89
90
|
react_1.default.createElement(TakeoverFooter_1.TakeoverFooter, __assign({}, footerProps)))));
|
|
90
|
-
return react_1.default.createElement(
|
|
91
|
+
return react_1.default.createElement(Portal_1.Portal, { conditional: portal }, takeover);
|
|
91
92
|
};
|
|
92
93
|
exports.Takeover = Takeover;
|
|
93
94
|
exports.Takeover.Header = TakeoverHeader_1.TakeoverHeader;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AACtD,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Takeover.js","sourceRoot":"","sources":["../../../src/components/Takeover/Takeover.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsD;AACtD,0DAAoC;AACpC,uEAAsE;AACtE,iEAAgE;AAChE,gDAA+C;AAC/C,2DAA6E;AAE7E,mDAAuE;AACvE,qDAA0E;AAC1E,mDAAuE;AAwDhE,IAAM,QAAQ,GAAa,UAAC,EAgBlC;IAfA,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,MAAM,YAAA,EACN,mBAA+C,EAA/C,WAAW,mBAAG,+BAAc,CAAC,YAAY,CAAC,KAAK,KAAA,EAC/C,MAAM,YAAA,EACN,OAAO,aAAA,EACP,SAAS,eAAA,EACT,aAAyC,EAAzC,KAAK,mBAAG,+BAAc,CAAC,YAAY,CAAC,KAAK,KAAA,EACzC,mBAAmB,yBAAA,EACnB,KAAK,WAAA,EACL,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,iBAAiB,uBAAA,EACd,KAAK,cAf0B,oLAgBlC,CADQ;IAER,eAAK,CAAC,SAAS,CAAC;QACf,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,GAAG,CAAC,mBAAmB,CAAC,CAAC;QAEjD,OAAO;YACN,IAAM,kBAAkB,GACvB,QAAQ,CAAC,sBAAsB,CAAC,UAAU,CAAC,CAAC,MAAM,GAAG,CAAC,CAAC;YACxD,IAAI,CAAC,kBAAkB,EAAE;gBACxB,QAAQ,CAAC,IAAI,CAAC,SAAS,CAAC,MAAM,CAAC,mBAAmB,CAAC,CAAC;aACpD;QACF,CAAC,CAAC;IACH,CAAC,EAAE,EAAE,CAAC,CAAC;IAEP,IAAM,cAAc,GAAG,IAAA,kBAAU,EAAC,+BAAc,CAAC,CAAC;IAClD,IAAM,WAAW,GAAG,IAAA,cAAM,EAAiB,IAAI,CAAC,CAAC;IACzC,IAAA,SAAS,GAAK,IAAA,6BAAa,EAAC,WAAW,EAAE,iBAAiB,CAAC,UAAlD,CAAmD;IAEpE,IAAM,WAAW,GAAG;QACnB,OAAO,SAAA;QACP,SAAS,WAAA;QACT,MAAM,QAAA;QACN,OAAO,SAAA;QACP,KAAK,OAAA;QACL,KAAK,OAAA;KACL,CAAC;IAEF,IAAM,WAAW,GAAG;QACnB,KAAK,EAAE,WAAW;QAClB,QAAQ,EAAE,MAAM;KAChB,CAAC;IAEF,IAAM,eAAe,GAAG,IAAA,oBAAU,EACjC,UAAU,EACV,SAAS,EACT,eAAa,KAAO,CACpB,CAAC;IAEF,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EACvC,iBAAiB,EACjB,mBAAmB,CACnB,CAAC;IAEF,IAAM,OAAO,GAAG,IAAA,qCAAiB,EAAC,QAAQ,EAAE,iCAAe,CAAC,CAAC;IAE7D,IAAM,QAAQ,GAAG,CAChB,gDACC,SAAS,EAAE,eAAe,EAC1B,GAAG,EAAE,WAAW,EAChB,SAAS,EAAE,SAAS,IAChB,KAAK;QAET,8BAAC,+BAAc,CAAC,QAAQ,IAAC,KAAK,EAAE,cAAc,CAAC,MAAM,CAAC,UAAU,CAAC;YAChE,8BAAC,+BAAc,eAAK,WAAW,EAAI;YACnC,uCAAK,SAAS,EAAE,qBAAqB,IAAG,OAAO,CAAO;YACtD,8BAAC,+BAAc,eAAK,WAAW,EAAI,CACV,CACrB,CACN,CAAC;IAEF,OAAO,8BAAC,eAAM,IAAC,WAAW,EAAE,MAAM,IAAG,QAAQ,CAAU,CAAC;AACzD,CAAC,CAAC;AA5EW,QAAA,QAAQ,YA4EnB;AAEF,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC;AACjC,gBAAQ,CAAC,OAAO,GAAG,iCAAe,CAAC;AACnC,gBAAQ,CAAC,MAAM,GAAG,+BAAc,CAAC"}
|
|
@@ -28,16 +28,18 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.TakeoverHeader = 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
|
+
var BackLink_1 = require("../BackLink");
|
|
33
|
+
var Button_1 = require("../Button");
|
|
32
34
|
var TakeoverHeader = function (_a) {
|
|
33
35
|
var actions = _a.actions, backLabel = _a.backLabel, className = _a.className, onBack = _a.onBack, onClose = _a.onClose, theme = _a.theme, title = _a.title, props = __rest(_a, ["actions", "backLabel", "className", "onBack", "onClose", "theme", "title"]);
|
|
34
36
|
var TakeoverHeaderClasses = (0, classnames_1.default)('TakeoverHeader', className, "TakeoverHeader--" + theme);
|
|
35
37
|
return (react_1.default.createElement("div", __assign({ className: TakeoverHeaderClasses }, props),
|
|
36
|
-
react_1.default.createElement("div", { className: "TakeoverHeader__left" }, onBack && (react_1.default.createElement(
|
|
37
|
-
react_1.default.isValidElement(title) ? (title) : (react_1.default.createElement(
|
|
38
|
+
react_1.default.createElement("div", { className: "TakeoverHeader__left" }, onBack && (react_1.default.createElement(BackLink_1.BackLink, { className: "TakeoverHeader__back-link", pageLabel: backLabel, onClick: onBack }))),
|
|
39
|
+
react_1.default.isValidElement(title) ? (title) : (react_1.default.createElement(Headline_1.Headline, { className: "TakeoverHeader__title" }, title)),
|
|
38
40
|
react_1.default.createElement("div", { className: "TakeoverHeader__right" },
|
|
39
41
|
actions && (react_1.default.createElement("div", { className: "TakeoverHeader__actions" }, actions)),
|
|
40
|
-
onClose && (react_1.default.createElement(
|
|
42
|
+
onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "TakeoverHeader__close", iconName: "clear", size: "xsmall", onClick: onClose })))));
|
|
41
43
|
};
|
|
42
44
|
exports.TakeoverHeader = TakeoverHeader;
|
|
43
45
|
exports.TakeoverHeader.defaultProps = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"TakeoverHeader.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,
|
|
1
|
+
{"version":3,"file":"TakeoverHeader.js","sourceRoot":"","sources":["../../../src/components/Takeover/TakeoverHeader.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,wCAAuC;AACvC,wCAAuC;AACvC,oCAAmC;AA6B5B,IAAM,cAAc,GAA4B,UAAC,EASvD;IARA,IAAA,OAAO,aAAA,EACP,SAAS,eAAA,EACT,SAAS,eAAA,EACT,MAAM,YAAA,EACN,OAAO,aAAA,EACP,KAAK,WAAA,EACL,KAAK,WAAA,EACF,KAAK,cAR+C,4EASvD,CADQ;IAER,IAAM,qBAAqB,GAAG,IAAA,oBAAU,EACvC,gBAAgB,EAChB,SAAS,EACT,qBAAmB,KAAO,CAC1B,CAAC;IAEF,OAAO,CACN,gDAAK,SAAS,EAAE,qBAAqB,IAAM,KAAK;QAC/C,uCAAK,SAAS,EAAC,sBAAsB,IACnC,MAAM,IAAI,CACV,8BAAC,mBAAQ,IACR,SAAS,EAAC,2BAA2B,EACrC,SAAS,EAAE,SAAS,EACpB,OAAO,EAAE,MAAM,GACd,CACF,CACI;QACL,eAAK,CAAC,cAAc,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAC9B,KAAK,CACL,CAAC,CAAC,CAAC,CACH,8BAAC,mBAAQ,IAAC,SAAS,EAAC,uBAAuB,IAAE,KAAK,CAAY,CAC9D;QACD,uCAAK,SAAS,EAAC,uBAAuB;YACpC,OAAO,IAAI,CACX,uCAAK,SAAS,EAAC,yBAAyB,IAAE,OAAO,CAAO,CACxD;YACA,OAAO,IAAI,CACX,8BAAC,eAAM,IACN,IAAI,EAAC,QAAQ,EACb,SAAS,EAAC,uBAAuB,EACjC,QAAQ,EAAC,OAAO,EAChB,IAAI,EAAC,QAAQ,EACb,OAAO,EAAE,OAAO,GACf,CACF,CACI,CACD,CACN,CAAC;AACH,CAAC,CAAC;AAhDW,QAAA,cAAc,kBAgDzB;AAEF,sBAAc,CAAC,YAAY,GAAG;IAC7B,KAAK,EAAE,MAAM;CACb,CAAC"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Text = 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.Text = react_1.default.forwardRef(function (_a, ref) {
|
|
33
33
|
var _b;
|
|
34
34
|
var bold = _a.bold, children = _a.children, className = _a.className, _c = _a.el, TextElement = _c === void 0 ? 'p' : _c, headline = _a.headline, inline = _a.inline, italic = _a.italic, _d = _a.size, size = _d === void 0 ? 3 : _d, subdued = _a.subdued, props = __rest(_a, ["bold", "children", "className", "el", "headline", "inline", "italic", "size", "subdued"]);
|
|
@@ -50,7 +50,7 @@ exports.Text = react_1.default.forwardRef(function (_a, ref) {
|
|
|
50
50
|
_b));
|
|
51
51
|
if (size === 6 || size === '6') {
|
|
52
52
|
var headlineProps = __assign({ children: children, className: className, inline: inline, italic: italic, subdued: subdued }, props);
|
|
53
|
-
return (react_1.default.createElement(
|
|
53
|
+
return (react_1.default.createElement(Headline_1.Headline, __assign({ ref: ref, size: "xlarge", el: TextElement }, headlineProps)));
|
|
54
54
|
}
|
|
55
55
|
return (react_1.default.createElement(TextElement, __assign({ ref: ref, className: TextClasses }, props), children));
|
|
56
56
|
});
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../../src/components/Text/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,wCAAuC;AAmC1B,QAAA,IAAI,GAAkB,eAAK,CAAC,UAAU,CAClD,UACC,EAWC,EACD,GAAG;;IAXF,IAAA,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAqB,EAAjB,WAAW,mBAAG,GAAG,KAAA,EACrB,QAAQ,cAAA,EACR,MAAM,YAAA,EACN,MAAM,YAAA,EACN,YAAQ,EAAR,IAAI,mBAAG,CAAC,KAAA,EACR,OAAO,aAAA,EACJ,KAAK,cAVT,0FAWC,CADQ;IAIT,eAAK,CAAC,SAAS,CAAC;QACf,OAAO,CAAC,IAAI,CACX,kIAAkI,CAClI,CAAC;QAEF,IAAI,CAAC,QAAQ;YAAE,OAAO;QACtB,OAAO,CAAC,IAAI,CACX,wHAAwH,CACxH,CAAC;IACH,CAAC,CAAC,CAAC;IAEH,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,SAAS;QAC/C,GAAC,QAAM,IAAM,IAAG,CAAC,MAAM;QACvB,aAAS,GAAE,IAAI,IAAI,QAAQ;QAC3B,eAAW,GAAE,CAAC,IAAI,IAAI,IAAI,IAAI,IAAI;QAClC,SAAK,GAAE,MAAM;QACb,eAAW,GAAE,MAAM;QACnB,eAAW,GAAE,CAAC,MAAM,IAAI,MAAM,IAAI,IAAI;QACtC,kBAAc,GAAE,OAAO;QACvB,mCAA+B,GAAE,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG;YAC1D,CAAC;IAEH,IAAI,IAAI,KAAK,CAAC,IAAI,IAAI,KAAK,GAAG,EAAE;QAC/B,IAAM,aAAa,cAClB,QAAQ,UAAA,EACR,SAAS,WAAA,EACT,MAAM,QAAA,EACN,MAAM,QAAA,EACN,OAAO,SAAA,IACJ,KAAK,CACR,CAAC;QACF,OAAO,CACN,8BAAC,mBAAQ,aACR,GAAG,EAAE,GAAG,EACR,IAAI,EAAC,QAAQ,EACb,EAAE,EAAE,WAAW,IACX,aAAa,EAChB,CACF,CAAC;KACF;IACD,OAAO,CACN,8BAAC,WAAW,aAAC,GAAG,EAAE,GAAG,EAAE,SAAS,EAAE,WAAW,IAAM,KAAK,GACtD,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CACD,CAAC"}
|
|
@@ -62,10 +62,11 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
62
62
|
exports.Toast = void 0;
|
|
63
63
|
var react_1 = __importStar(require("react"));
|
|
64
64
|
var classnames_1 = __importDefault(require("classnames"));
|
|
65
|
-
var
|
|
65
|
+
var Button_1 = require("../Button");
|
|
66
|
+
var Icon_1 = require("../Icon");
|
|
66
67
|
var ToastGroup_1 = require("./ToastGroup");
|
|
67
68
|
var framer_motion_1 = require("framer-motion");
|
|
68
|
-
var
|
|
69
|
+
var Portal_1 = require("../../internal/Portal");
|
|
69
70
|
var tokens_1 = __importDefault(require("@servicetitan/tokens"));
|
|
70
71
|
var Toast = /** @class */ (function (_super) {
|
|
71
72
|
__extends(Toast, _super);
|
|
@@ -138,19 +139,19 @@ var Toast = /** @class */ (function (_super) {
|
|
|
138
139
|
var toast = (react_1.default.createElement(framer_motion_1.AnimatePresence, null,
|
|
139
140
|
react_1.default.createElement(framer_motion_1.motion.div, __assign({ layout: true }, toastAnimation),
|
|
140
141
|
react_1.default.createElement("div", __assign({ className: ToastClasses }, props),
|
|
141
|
-
react_1.default.createElement(
|
|
142
|
+
react_1.default.createElement(Icon_1.Icon, { className: "Toast__icon", name: this.getIconNameByStatus() }),
|
|
142
143
|
react_1.default.createElement("div", { className: "Toast__text" },
|
|
143
144
|
react_1.default.createElement("div", { style: {
|
|
144
145
|
paddingRight: onClose &&
|
|
145
146
|
parseInt(tokens_1.default.spacing3, 10) * 2,
|
|
146
147
|
} },
|
|
147
148
|
react_1.default.createElement("div", { className: "Toast__title" }, title),
|
|
148
|
-
onClose && (react_1.default.createElement(
|
|
149
|
+
onClose && (react_1.default.createElement(Button_1.Button, { fill: "subtle", className: "Toast__close", iconName: "clear", size: "xsmall", onClick: this.handleClose }))),
|
|
149
150
|
this.props.children !== undefined && (react_1.default.createElement("div", { className: "Toast__description" }, this.props.children))),
|
|
150
151
|
(primaryActionName || secondaryActionName) && (react_1.default.createElement("div", { className: "Toast__action" },
|
|
151
|
-
this.hasSecondaryAction() && (react_1.default.createElement(
|
|
152
|
-
this.hasPrimaryAction() && (react_1.default.createElement(
|
|
153
|
-
return (react_1.default.createElement(
|
|
152
|
+
this.hasSecondaryAction() && (react_1.default.createElement(Button_1.Button, { fill: "subtle", small: true, onClick: onSecondaryActionClick }, secondaryActionName)),
|
|
153
|
+
this.hasPrimaryAction() && (react_1.default.createElement(Button_1.Button, { fill: "outline", small: true, onClick: onPrimaryActionClick }, primaryActionName))))))));
|
|
154
|
+
return (react_1.default.createElement(Portal_1.Portal, { conditional: !!portal, target: typeof portal !== 'boolean' ? portal : undefined }, toast));
|
|
154
155
|
};
|
|
155
156
|
Toast.Group = ToastGroup_1.ToastGroup;
|
|
156
157
|
Toast.defaultProps = {
|