@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
|
@@ -17,7 +17,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
17
17
|
exports.FilePicker = exports.isFileDescriptor = void 0;
|
|
18
18
|
var react_1 = __importDefault(require("react"));
|
|
19
19
|
var classnames_1 = __importDefault(require("classnames"));
|
|
20
|
-
var
|
|
20
|
+
var BodyText_1 = require("../BodyText");
|
|
21
|
+
var Tooltip_1 = require("../Tooltip");
|
|
22
|
+
var Button_1 = require("../Button");
|
|
23
|
+
var Icon_1 = require("../Icon");
|
|
21
24
|
var isFileDescriptor = function (toBeDetermined) {
|
|
22
25
|
return ((toBeDetermined === null || toBeDetermined === void 0 ? void 0 : toBeDetermined.file) &&
|
|
23
26
|
(typeof toBeDetermined.file === 'string' ||
|
|
@@ -58,26 +61,26 @@ var FilePicker = function (_a) {
|
|
|
58
61
|
});
|
|
59
62
|
return (react_1.default.createElement("div", { className: classes }, valueArr === null || valueArr === void 0 ? void 0 :
|
|
60
63
|
valueArr.map(function (file, index) { return (react_1.default.createElement("div", { key: index, className: (0, classnames_1.default)('FilePicker__File') },
|
|
61
|
-
react_1.default.createElement(
|
|
62
|
-
react_1.default.createElement(
|
|
64
|
+
react_1.default.createElement(Icon_1.Icon, { name: "description", size: 24, className: "FilePicker__File__Icon" }),
|
|
65
|
+
react_1.default.createElement(BodyText_1.BodyText, { className: "FilePicker__File__Name" }, file.displayName ||
|
|
63
66
|
(typeof file.file === 'string'
|
|
64
67
|
? file.file
|
|
65
68
|
: file.file.name)),
|
|
66
69
|
inProgress(file) ? (react_1.default.createElement("div", null, "Loading...")) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
67
70
|
onReplace && (react_1.default.createElement("label", { className: "FilePicker__File__ActionIcon" },
|
|
68
|
-
react_1.default.createElement(
|
|
69
|
-
react_1.default.createElement(
|
|
71
|
+
react_1.default.createElement(Tooltip_1.Tooltip, { text: "Replace file" },
|
|
72
|
+
react_1.default.createElement(Icon_1.Icon, { name: "cached", size: 24 })),
|
|
70
73
|
react_1.default.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileReplace(file), accept: accept, disabled: disabled }))),
|
|
71
|
-
(onDownload || file.downloadLink) && (react_1.default.createElement(
|
|
72
|
-
onDelete && (react_1.default.createElement(
|
|
73
|
-
react_1.default.createElement(
|
|
74
|
+
(onDownload || file.downloadLink) && (react_1.default.createElement(Tooltip_1.Tooltip, { text: "Download file", className: "FilePicker__File__ActionIcon" }, file.downloadLink ? (react_1.default.createElement(Icon_1.Icon, { name: "get_app", size: 24, onClick: handleFileDownload(file), href: file.downloadLink })) : (react_1.default.createElement(Icon_1.Icon, { name: "get_app", size: 24, onClick: handleFileDownload(file) })))),
|
|
75
|
+
onDelete && (react_1.default.createElement(Tooltip_1.Tooltip, { text: "Remove file", className: "FilePicker__File__ActionIcon" },
|
|
76
|
+
react_1.default.createElement(Icon_1.Icon, { name: "delete", size: 24, onClick: handleFileDelete(file) }))))))); }),
|
|
74
77
|
(!valueArr || (multiple && !limitReached)) && (react_1.default.createElement("span", { className: "FilePicker__File__ActionContainer" },
|
|
75
78
|
react_1.default.createElement("label", null,
|
|
76
|
-
react_1.default.createElement(
|
|
79
|
+
react_1.default.createElement(Button_1.Button, { default: true, disabled: disabled, iconName: "attach_file", onClick: handleButtonClick },
|
|
77
80
|
"Choose File",
|
|
78
81
|
multiple && 's'),
|
|
79
82
|
react_1.default.createElement("input", { type: "file", className: "FilePicker__Input", onChange: handleFileChange, multiple: multiple, accept: accept, disabled: disabled, value: "", ref: inputRef })),
|
|
80
|
-
typesNote && (react_1.default.createElement(
|
|
83
|
+
typesNote && (react_1.default.createElement(BodyText_1.BodyText, { size: "xsmall", subdued: true, className: "m-t-1 FilePicker__Note" }, typesNote))))));
|
|
81
84
|
};
|
|
82
85
|
exports.FilePicker = FilePicker;
|
|
83
86
|
//# sourceMappingURL=FilePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"FilePicker.js","sourceRoot":"","sources":["../../../src/components/FilePicker/FilePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,wCAAuC;AACvC,sCAAqC;AACrC,oCAAmC;AACnC,gCAA+B;AAgBxB,IAAM,gBAAgB,GAAG,UAC/B,cAAmB;IAEnB,OAAO,CACN,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,IAAI;QACpB,CAAC,OAAO,cAAc,CAAC,IAAI,KAAK,QAAQ;YACvC,cAAc,CAAC,IAAI,YAAY,IAAI,CAAC,CACrC,CAAC;AACH,CAAC,CAAC;AARW,QAAA,gBAAgB,oBAQ3B;AAsDK,IAAM,UAAU,GAAwB,UAAC,EAc/C;IAbA,IAAA,MAAM,YAAA,EACN,aAAc,EAAd,KAAK,mBAAG,MAAM,KAAA,EACd,SAAS,eAAA,EACT,QAAQ,cAAA,EACR,cAAe,EAAf,MAAM,mBAAG,MAAM,KAAA,EACf,YAAY,kBAAA,EACZ,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,UAAU,gBAAA,EACV,SAAS,eAAA,EACT,UAAU,gBAAA,EACV,KAAK,WAAA,EACF,IAAI,cAbwC,gJAc/C,CADO;IAEP,IAAM,QAAQ,GAAsC,eAAK,CAAC,MAAM,EAAE,CAAC;IAEnE,IAAM,iBAAiB,GAAG,cAAM,OAAA,QAAQ,CAAC,OAAO,CAAC,KAAK,EAAE,EAAxB,CAAwB,CAAC;IAEzD,IAAM,iBAAiB,GACtB,UAAC,IAAoB,IAAK,OAAA,UAAC,CAAsC;QAChE,OAAA,SAAS;YACR,CAAC,CAAC,SAAS,CAAC,EAAE,IAAI,MAAA,EAAE,OAAO,EAAE,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC;YACjD,CAAC,CAAC,SAAS;IAFZ,CAEY,EAHa,CAGb,CAAC;IAEf,IAAM,gBAAgB,GAAG,UAAC,IAAoB,IAAK,OAAA;QAClD,OAAA,QAAQ,CAAC,CAAC,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;IAArC,CAAqC,EADa,CACb,CAAC;IAEvC,IAAM,kBAAkB,GAAG,UAAC,IAAoB,IAAK,OAAA;QACpD,OAAA,UAAU,CAAC,CAAC,CAAC,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,SAAS;IAAzC,CAAyC,EADW,CACX,CAAC;IAE3C,IAAM,gBAAgB,GAAG,UAAC,CAAsC;QAC/D,OAAA,UAAU,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC;IAA1B,CAA0B,CAAC;IAE5B,IAAM,QAAQ,GAAG,IAAA,wBAAgB,EAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC;IAE3D,IAAM,UAAU,GAAG,UAAC,IAAS;QAC5B,OAAA,CAAC,CAAC,IAAI,CAAC,cAAc,KAAK,SAAS,IAAI,IAAI,CAAC,cAAc,KAAK,GAAG,CAAC;IAAnE,CAAmE,CAAC;IAE/D,IAAA,SAAS,GAAK,IAAI,UAAT,CAAU;IAEzB,IAAI,MAAM,IAAI,SAAS,KAAK,SAAS,EAAE;QACtC,SAAS,GAAG,yBAAuB,MAAQ,CAAC;KAC5C;IAED,IAAM,OAAO,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS,EAAE;QACnD,sBAAsB,EAAE,QAAQ;QAChC,kBAAkB,EAAE,MAAM,KAAK,MAAM;QACrC,kBAAkB,EAAE,MAAM,KAAK,MAAM;QACrC,0BAA0B,EAAE,KAAK,KAAK,QAAQ;KAC9C,CAAC,CAAC;IAEH,OAAO,CACN,uCAAK,SAAS,EAAE,OAAO,IACrB,QAAQ,aAAR,QAAQ;QAAR,QAAQ,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,KAAK,IAAK,OAAA,CAC/B,uCAAK,GAAG,EAAE,KAAK,EAAE,SAAS,EAAE,IAAA,oBAAU,EAAC,kBAAkB,CAAC;YACzD,8BAAC,WAAI,IACJ,IAAI,EAAC,aAAa,EAClB,IAAI,EAAE,EAAE,EACR,SAAS,EAAC,wBAAwB,GACjC;YACF,8BAAC,mBAAQ,IAAC,SAAS,EAAC,wBAAwB,IAC1C,IAAI,CAAC,WAAW;gBAChB,CAAC,OAAO,IAAI,CAAC,IAAI,KAAK,QAAQ;oBAC7B,CAAC,CAAC,IAAI,CAAC,IAAI;oBACX,CAAC,CAAC,IAAI,CAAC,IAAI,CAAC,IAAI,CAAC,CACT;YACV,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,CAAC,CACnB,wDAAqB,CACrB,CAAC,CAAC,CAAC,CACH,8BAAC,eAAK,CAAC,QAAQ;gBACb,SAAS,IAAI,CACb,yCAAO,SAAS,EAAC,8BAA8B;oBAC9C,8BAAC,iBAAO,IAAC,IAAI,EAAC,cAAc;wBAC3B,8BAAC,WAAI,IAAC,IAAI,EAAC,QAAQ,EAAC,IAAI,EAAE,EAAE,GAAI,CACvB;oBACV,yCACC,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,iBAAiB,CAAC,IAAI,CAAC,EACjC,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,GACjB,CACK,CACR;gBACA,CAAC,UAAU,IAAI,IAAI,CAAC,YAAY,CAAC,IAAI,CACrC,8BAAC,iBAAO,IACP,IAAI,EAAC,eAAe,EACpB,SAAS,EAAC,8BAA8B,IAEvC,IAAI,CAAC,YAAY,CAAC,CAAC,CAAC,CACpB,8BAAC,WAAI,IACJ,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,EACjC,IAAI,EAAE,IAAI,CAAC,YAAY,GACtB,CACF,CAAC,CAAC,CAAC,CACH,8BAAC,WAAI,IACJ,IAAI,EAAC,SAAS,EACd,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,kBAAkB,CAAC,IAAI,CAAC,GAChC,CACF,CACQ,CACV;gBACA,QAAQ,IAAI,CACZ,8BAAC,iBAAO,IACP,IAAI,EAAC,aAAa,EAClB,SAAS,EAAC,8BAA8B;oBAExC,8BAAC,WAAI,IACJ,IAAI,EAAC,QAAQ,EACb,IAAI,EAAE,EAAE,EACR,OAAO,EAAE,gBAAgB,CAAC,IAAI,CAAC,GAC9B,CACO,CACV,CACe,CACjB,CACI,CACN,EAnE+B,CAmE/B,CAAC;QACD,CAAC,CAAC,QAAQ,IAAI,CAAC,QAAQ,IAAI,CAAC,YAAY,CAAC,CAAC,IAAI,CAC9C,wCAAM,SAAS,EAAC,mCAAmC;YAClD;gBACC,8BAAC,eAAM,IACN,OAAO,QACP,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAC,aAAa,EACtB,OAAO,EAAE,iBAAiB;;oBAEd,QAAQ,IAAI,GAAG,CACnB;gBACT,yCACC,IAAI,EAAC,MAAM,EACX,SAAS,EAAC,mBAAmB,EAC7B,QAAQ,EAAE,gBAAgB,EAC1B,QAAQ,EAAE,QAAQ,EAClB,MAAM,EAAE,MAAM,EACd,QAAQ,EAAE,QAAQ,EAClB,KAAK,EAAC,EAAE,EACR,GAAG,EAAE,QAAQ,GACZ,CACK;YACP,SAAS,IAAI,CACb,8BAAC,mBAAQ,IACR,IAAI,EAAC,QAAQ,EACb,OAAO,QACP,SAAS,EAAC,wBAAwB,IAEjC,SAAS,CACA,CACX,CACK,CACP,CACI,CACN,CAAC;AACH,CAAC,CAAC;AA7JW,QAAA,UAAU,cA6JrB"}
|
|
@@ -6,7 +6,9 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
6
6
|
exports.FlowCardStep = void 0;
|
|
7
7
|
var react_1 = __importDefault(require("react"));
|
|
8
8
|
var classnames_1 = __importDefault(require("classnames"));
|
|
9
|
-
var
|
|
9
|
+
var Headline_1 = require("../Headline");
|
|
10
|
+
var Card_1 = require("../Card");
|
|
11
|
+
var Icon_1 = require("../Icon");
|
|
10
12
|
var FlowCardStep = function (_a) {
|
|
11
13
|
var orderNumber = _a.orderNumber, headerIcon = _a.headerIcon, title = _a.title, headerAction = _a.headerAction, content = _a.content, footerAction = _a.footerAction, error = _a.error, saved = _a.saved, active = _a.active, className = _a.className, disabled = _a.disabled, style = _a.style;
|
|
12
14
|
var statusIcon = (0, classnames_1.default)('FlowCardStep__status', {
|
|
@@ -23,29 +25,29 @@ var FlowCardStep = function (_a) {
|
|
|
23
25
|
});
|
|
24
26
|
var FlowCardStepStatus = function () {
|
|
25
27
|
if (error) {
|
|
26
|
-
return react_1.default.createElement(
|
|
28
|
+
return react_1.default.createElement(Icon_1.Icon, { name: "warning", size: "18px", className: "c-red-400" });
|
|
27
29
|
}
|
|
28
30
|
if (orderNumber !== undefined && orderNumber !== false) {
|
|
29
31
|
if (saved && !active) {
|
|
30
|
-
return (react_1.default.createElement(
|
|
32
|
+
return (react_1.default.createElement(Icon_1.Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
|
|
31
33
|
}
|
|
32
34
|
return orderNumber;
|
|
33
35
|
}
|
|
34
36
|
if (active && !disabled)
|
|
35
|
-
return react_1.default.createElement(
|
|
37
|
+
return react_1.default.createElement(Icon_1.Icon, { name: "edit", size: "14px", className: "c-white" });
|
|
36
38
|
if (saved) {
|
|
37
|
-
return (react_1.default.createElement(
|
|
39
|
+
return (react_1.default.createElement(Icon_1.Icon, { name: "check_circle", size: "24px", className: "c-green-400" }));
|
|
38
40
|
}
|
|
39
|
-
return (react_1.default.createElement(
|
|
41
|
+
return (react_1.default.createElement(Icon_1.Icon, { name: "check_circle", size: "24px", className: "c-neutral-70" }));
|
|
40
42
|
};
|
|
41
|
-
return (react_1.default.createElement(
|
|
42
|
-
react_1.default.createElement(
|
|
43
|
+
return (react_1.default.createElement(Card_1.Card, { className: cardState, disabled: disabled, style: style },
|
|
44
|
+
react_1.default.createElement(Card_1.Card.Section, { className: "FlowCardStep__header" },
|
|
43
45
|
react_1.default.createElement("div", { className: "d-f align-items-center" },
|
|
44
46
|
react_1.default.createElement("span", { className: "FlowCardStep__statusWrapper" }, headerIcon ? (headerIcon) : (react_1.default.createElement("span", { className: statusIcon }, FlowCardStepStatus()))),
|
|
45
|
-
react_1.default.createElement(
|
|
47
|
+
react_1.default.createElement(Headline_1.Headline, { className: "m-b-0 d-f align-items-end" }, title)),
|
|
46
48
|
headerAction && headerAction),
|
|
47
|
-
content && react_1.default.createElement(
|
|
48
|
-
footerAction && (react_1.default.createElement(
|
|
49
|
+
content && react_1.default.createElement(Card_1.Card.Section, null, content),
|
|
50
|
+
footerAction && (react_1.default.createElement(Card_1.Card.Section, { className: "FlowCardStep__footer" }, footerAction))));
|
|
49
51
|
};
|
|
50
52
|
exports.FlowCardStep = FlowCardStep;
|
|
51
53
|
//# sourceMappingURL=FlowCardStep.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":";;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AACpC,
|
|
1
|
+
{"version":3,"file":"FlowCardStep.js","sourceRoot":"","sources":["../../../src/components/FlowCard/FlowCardStep.tsx"],"names":[],"mappings":"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"}
|
|
@@ -28,10 +28,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.FormButton = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var FormField_1 = require("../FormField");
|
|
31
|
-
var
|
|
31
|
+
var Button_1 = require("../Button");
|
|
32
32
|
var FormButton = function (_a) {
|
|
33
33
|
var props = __rest(_a, []);
|
|
34
|
-
return react_1.default.createElement(FormField_1.FormField, __assign({ control:
|
|
34
|
+
return react_1.default.createElement(FormField_1.FormField, __assign({ control: Button_1.Button }, props));
|
|
35
35
|
};
|
|
36
36
|
exports.FormButton = FormButton;
|
|
37
37
|
//# sourceMappingURL=FormButton.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"FormButton.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormButton.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAAyD;AACzD,oCAAmC;AAI5B,IAAM,UAAU,GAAwB,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACzD,OAAO,8BAAC,qBAAS,aAAC,OAAO,EAAE,eAAM,IAAM,KAAK,EAAI,CAAC;AAClD,CAAC,CAAC;AAFW,QAAA,UAAU,cAErB"}
|
|
@@ -63,7 +63,8 @@ exports.FormColorPicker = void 0;
|
|
|
63
63
|
var react_1 = __importStar(require("react"));
|
|
64
64
|
var classnames_1 = __importDefault(require("classnames"));
|
|
65
65
|
var FormField_1 = require("../FormField");
|
|
66
|
-
var
|
|
66
|
+
var ColorPicker_1 = require("../ColorPicker");
|
|
67
|
+
var Card_1 = require("../Card");
|
|
67
68
|
var ColorPickerCardWrapper = /** @class */ (function (_super) {
|
|
68
69
|
__extends(ColorPickerCardWrapper, _super);
|
|
69
70
|
function ColorPickerCardWrapper() {
|
|
@@ -87,9 +88,9 @@ var ColorPickerCardWrapper = /** @class */ (function (_super) {
|
|
|
87
88
|
}
|
|
88
89
|
ColorPickerCardWrapper.prototype.render = function () {
|
|
89
90
|
var props = this.props;
|
|
90
|
-
return (react_1.default.createElement(
|
|
91
|
-
react_1.default.createElement(
|
|
92
|
-
react_1.default.createElement(
|
|
91
|
+
return (react_1.default.createElement(Card_1.Card, { sharp: true, className: (0, classnames_1.default)('ColorPicker__CardWrapper', { 'ColorPicker__CardWrapper--disabled': props.disabled }, { 'ColorPicker__CardWrapper--focus': this.state.focus }) },
|
|
92
|
+
react_1.default.createElement(Card_1.CardSection, { className: "ColorPicker__CardSection" },
|
|
93
|
+
react_1.default.createElement(ColorPicker_1.ColorPicker, __assign({}, props, { onFocus: this.handleColorPickerOnFocus, onBlur: this.handleColorPickerOnBlur })))));
|
|
93
94
|
};
|
|
94
95
|
return ColorPickerCardWrapper;
|
|
95
96
|
}(react_1.Component));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormColorPicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,0DAAoC;AACpC,0CAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"FormColorPicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormColorPicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA6C;AAC7C,0DAAoC;AACpC,0CAAyD;AACzD,8CAA+D;AAC/D,gCAA4C;AAI5C;IAAqC,0CAA2B;IAAhE;QAAA,qEAwCC;QAvCA,WAAK,GAAG;YACP,KAAK,EAAE,KAAK;SACZ,CAAC;QAEF,8BAAwB,GAAG,UAAC,CAAmC;YAC9D,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC,CAAC;YAC/B,IAAI,KAAI,CAAC,KAAK,CAAC,OAAO,EAAE;gBACvB,KAAI,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,CAAC,CAAC;aACtB;QACF,CAAC,CAAC;QAEF,6BAAuB,GAAG,UAAC,CAAmC;YAC7D,KAAI,CAAC,QAAQ,CAAC,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,CAAC;YAChC,IAAI,KAAI,CAAC,KAAK,CAAC,MAAM,EAAE;gBACtB,KAAI,CAAC,KAAK,CAAC,MAAM,CAAC,CAAC,CAAC,CAAC;aACrB;QACF,CAAC,CAAC;;IAuBH,CAAC;IArBA,uCAAM,GAAN;QACC,IAAM,KAAK,GAAG,IAAI,CAAC,KAAK,CAAC;QACzB,OAAO,CACN,8BAAC,WAAI,IACJ,KAAK,QACL,SAAS,EAAE,IAAA,oBAAU,EACpB,0BAA0B,EAC1B,EAAE,oCAAoC,EAAE,KAAK,CAAC,QAAQ,EAAE,EACxD,EAAE,iCAAiC,EAAE,IAAI,CAAC,KAAK,CAAC,KAAK,EAAE,CACvD;YAED,8BAAC,kBAAW,IAAC,SAAS,EAAC,0BAA0B;gBAChD,8BAAC,yBAAW,eACP,KAAK,IACT,OAAO,EAAE,IAAI,CAAC,wBAAwB,EACtC,MAAM,EAAE,IAAI,CAAC,uBAAuB,IACnC,CACW,CACR,CACP,CAAC;IACH,CAAC;IACF,6BAAC;AAAD,CAAC,AAxCD,CAAqC,iBAAS,GAwC7C;AAEM,IAAM,eAAe,GAA6B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACnE,OAAO,8BAAC,qBAAS,aAAC,OAAO,EAAE,sBAAsB,IAAM,KAAK,EAAI,CAAC;AAClE,CAAC,CAAC;AAFW,QAAA,eAAe,mBAE1B"}
|
|
@@ -28,10 +28,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.FormDatePicker = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var FormField_1 = require("../FormField");
|
|
31
|
-
var
|
|
31
|
+
var DatePicker_1 = require("../DatePicker");
|
|
32
32
|
var FormDatePicker = function (_a) {
|
|
33
33
|
var props = __rest(_a, []);
|
|
34
|
-
return react_1.default.createElement(FormField_1.FormField, __assign({ control:
|
|
34
|
+
return react_1.default.createElement(FormField_1.FormField, __assign({ control: DatePicker_1.DatePicker }, props));
|
|
35
35
|
};
|
|
36
36
|
exports.FormDatePicker = FormDatePicker;
|
|
37
37
|
//# sourceMappingURL=FormDatePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"FormDatePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDatePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAAyD;AACzD,4CAA2C;AAIpC,IAAM,cAAc,GAA4B,UAAC,EAAY;QAAP,KAAK,cAAV,EAAY,CAAF;IACjE,OAAO,8BAAC,qBAAS,aAAC,OAAO,EAAE,uBAAU,IAAM,KAAK,EAAI,CAAC;AACtD,CAAC,CAAC;AAFW,QAAA,cAAc,kBAEzB"}
|
|
@@ -28,10 +28,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.FormDateRangePicker = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var FormField_1 = require("../FormField");
|
|
31
|
-
var
|
|
31
|
+
var DateRangePicker_1 = require("../DateRangePicker");
|
|
32
32
|
var FormDateRangePicker = function (_a) {
|
|
33
33
|
var props = __rest(_a, []);
|
|
34
|
-
return react_1.default.createElement(FormField_1.FormField, __assign({ control:
|
|
34
|
+
return react_1.default.createElement(FormField_1.FormField, __assign({ control: DateRangePicker_1.DateRangePicker }, props));
|
|
35
35
|
};
|
|
36
36
|
exports.FormDateRangePicker = FormDateRangePicker;
|
|
37
37
|
//# sourceMappingURL=FormDateRangePicker.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormDateRangePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAAyD;AACzD,
|
|
1
|
+
{"version":3,"file":"FormDateRangePicker.js","sourceRoot":"","sources":["../../../src/components/FormControls/FormDateRangePicker.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0CAAyD;AACzD,sDAAqD;AAI9C,IAAM,mBAAmB,GAAiC,UAAC,EAEjE;QADG,KAAK,cADyD,EAEjE,CADQ;IAER,OAAO,8BAAC,qBAAS,aAAC,OAAO,EAAE,iCAAe,IAAM,KAAK,EAAI,CAAC;AAC3D,CAAC,CAAC;AAJW,QAAA,mBAAmB,uBAI9B"}
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import { SemanticWIDTHS } from '../../utilities';
|
|
3
|
-
import { LabelProps } from '../';
|
|
2
|
+
import { SemanticWIDTHS } from '../../utilities/SemanticUtils';
|
|
3
|
+
import { LabelProps } from '../Label';
|
|
4
4
|
export interface FormFieldPropsStrict {
|
|
5
5
|
/** Adds one or more classnames for an element */
|
|
6
6
|
className?: string;
|
|
@@ -48,7 +48,14 @@ exports.FormField = void 0;
|
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
50
|
var nanoid_1 = require("nanoid");
|
|
51
|
-
var
|
|
51
|
+
var FormFieldContext_1 = require("./FormFieldContext");
|
|
52
|
+
var ButtonToggle_1 = require("../ButtonToggle");
|
|
53
|
+
var ToggleSwitch_1 = require("../ToggleSwitch");
|
|
54
|
+
var Label_1 = require("../Label");
|
|
55
|
+
var Togglebox_1 = require("../Togglebox");
|
|
56
|
+
var Checkbox_1 = require("../Checkbox");
|
|
57
|
+
var Button_1 = require("../Button");
|
|
58
|
+
var Radio_1 = require("../Radio");
|
|
52
59
|
exports.FormField = react_1.default.forwardRef(function (_a, ref) {
|
|
53
60
|
var _b;
|
|
54
61
|
var _c;
|
|
@@ -80,7 +87,7 @@ exports.FormField = react_1.default.forwardRef(function (_a, ref) {
|
|
|
80
87
|
? labelProps.className
|
|
81
88
|
: null;
|
|
82
89
|
var labelClasses = (0, classnames_1.default)(labelClassName, 'FormField__label');
|
|
83
|
-
return (react_1.default.createElement(
|
|
90
|
+
return (react_1.default.createElement(Label_1.Label, __assign({ disabled: disabled, required: required }, labelProps, { className: labelClasses }), label));
|
|
84
91
|
};
|
|
85
92
|
var getFieldDescription = function () {
|
|
86
93
|
if (description === undefined || description === '')
|
|
@@ -93,20 +100,20 @@ exports.FormField = react_1.default.forwardRef(function (_a, ref) {
|
|
|
93
100
|
return react_1.default.createElement("div", { className: "FormField__errorText" }, error);
|
|
94
101
|
};
|
|
95
102
|
var getControl = function () {
|
|
96
|
-
var controlProps = __assign(__assign({ children: children, disabled: disabled, required: required, size: size, className: controlClassName }, props), (control !==
|
|
97
|
-
control !==
|
|
103
|
+
var controlProps = __assign(__assign({ children: children, disabled: disabled, required: required, size: size, className: controlClassName }, props), (control !== ToggleSwitch_1.ToggleSwitch &&
|
|
104
|
+
control !== ButtonToggle_1.ButtonToggle &&
|
|
98
105
|
toggleboxControl !== 'toggleSwitch' &&
|
|
99
|
-
control !==
|
|
106
|
+
control !== Button_1.Button
|
|
100
107
|
? { error: !!error }
|
|
101
108
|
: {}));
|
|
102
109
|
// Togglebox
|
|
103
|
-
if (control ===
|
|
104
|
-
return (react_1.default.createElement(
|
|
110
|
+
if (control === Togglebox_1.Togglebox) {
|
|
111
|
+
return (react_1.default.createElement(Togglebox_1.Togglebox, __assign({ label: label, control: toggleboxControl }, controlProps)));
|
|
105
112
|
}
|
|
106
113
|
// Checkbox, Radio, ToggleSwitch
|
|
107
|
-
if (control ===
|
|
108
|
-
control ===
|
|
109
|
-
control ===
|
|
114
|
+
if (control === Checkbox_1.Checkbox ||
|
|
115
|
+
control === Radio_1.Radio ||
|
|
116
|
+
control === ToggleSwitch_1.ToggleSwitch) {
|
|
110
117
|
return react_1.default.createElement(control, __assign(__assign({}, controlProps), { label: label, labelProps: labelProps, required: required, ref: ref }));
|
|
111
118
|
}
|
|
112
119
|
var createControl = control
|
|
@@ -114,7 +121,7 @@ exports.FormField = react_1.default.forwardRef(function (_a, ref) {
|
|
|
114
121
|
: children;
|
|
115
122
|
return (react_1.default.createElement(react_1.default.Fragment, null,
|
|
116
123
|
react_1.default.createElement("label", { className: "Field__html-label", htmlFor: context.labelFor, onClick: handleLabelClick }, getLabel()),
|
|
117
|
-
react_1.default.createElement(
|
|
124
|
+
react_1.default.createElement(FormFieldContext_1.FormFieldContext.Provider, { value: __assign(__assign({}, context), { setFormFieldContext: setFormFieldContext }) }, createControl)));
|
|
118
125
|
};
|
|
119
126
|
var FormFieldProps = { children: children, disabled: disabled };
|
|
120
127
|
var FormFieldClasses = (0, classnames_1.default)('FormField', className, (_b = {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAC5C,0DAAoC;AACpC,iCAAwC;AAExC,
|
|
1
|
+
{"version":3,"file":"FormField.js","sourceRoot":"","sources":["../../../src/components/FormField/FormField.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4C;AAC5C,0DAAoC;AACpC,iCAAwC;AAExC,uDAAsD;AACtD,gDAA+C;AAC/C,gDAA+C;AAC/C,kCAA6C;AAC7C,0CAAyC;AACzC,wCAAuC;AACvC,oCAAmC;AACnC,kCAAiC;AA0CpB,QAAA,SAAS,GAAuB,eAAK,CAAC,UAAU,CAC5D,UACC,EAiBC,EACD,GAAQ;;;IAjBP,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,OAAO,aAAA,EACP,UAAU,gBAAA,EACV,gBAAgB,sBAAA,EAChB,WAAW,iBAAA,EACX,QAAQ,cAAA,EACR,UAAU,EAAV,EAAE,mBAAG,KAAK,KAAA,EACV,KAAK,WAAA,EACL,KAAK,WAAA,EACL,UAAU,gBAAA,EACV,QAAQ,cAAA,EACR,IAAI,UAAA,EACJ,gBAAgB,sBAAA,EAChB,KAAK,WAAA,EACF,KAAK,cAhBT,wLAiBC,CADQ;IAIT,IAAM,WAAW,GAChB,OAAO,KAAK,SAAS;QACpB,CAAC,CAAC,MAAA,OAAO,CAAC,IAAI,mCAAI,OAAO,CAAC,WAAW;QACrC,CAAC,CAAC,SAAS,CAAC;IAEd,IAAM,QAAQ,GACb,KAAK,CAAC,EAAE,IAAI,kBAAgB,IAAA,uBAAc,EAAC,WAAW,EAAE,CAAC,CAAC,EAAI,CAAC;IAE1D,IAAA,KAAwB,IAAA,gBAAQ,EAAC;QACtC,QAAQ,UAAA;QACR,mBAAmB,EAAE,cAAa,CAAC;KACf,CAAC,EAHf,OAAO,QAAA,EAAE,UAAU,QAGJ,CAAC;IAEvB,IAAM,mBAAmB,GAAG,UAAC,UAA4B;QACxD,OAAA,UAAU,uBACN,OAAO,GACP,UAAU,EACZ;IAHF,CAGE,CAAC;IAEJ,IAAM,gBAAgB,GAAG;;QACxB,IAAM,SAAS,GAAG,MAAA,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,QAAQ,0CAAE,OAAO,CAAC;QAE7C,IAAI,CAAC,QAAQ,EAAE,UAAU,CAAC,CAAC,QAAQ,CAAC,WAAW,CAAC,EAAE;YACjD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;YACnB,OAAO;SACP;QACD,SAAS,aAAT,SAAS,uBAAT,SAAS,CAAE,KAAK,EAAE,CAAC;IACpB,CAAC,CAAC;IAEF,IAAM,QAAQ,GAAG;QAChB,IAAI,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAEtD,IAAM,cAAc,GAAG,CAAA,UAAU,aAAV,UAAU,uBAAV,UAAU,CAAE,SAAS;YAC3C,CAAC,CAAC,UAAU,CAAC,SAAS;YACtB,CAAC,CAAC,IAAI,CAAC;QACR,IAAM,YAAY,GAAG,IAAA,oBAAU,EAAC,cAAc,EAAE,kBAAkB,CAAC,CAAC;QAEpE,OAAO,CACN,8BAAC,aAAK,aACL,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,QAAQ,IACd,UAAU,IACd,SAAS,EAAE,YAAY,KAEtB,KAAK,CACC,CACR,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,mBAAmB,GAAG;QAC3B,IAAI,WAAW,KAAK,SAAS,IAAI,WAAW,KAAK,EAAE;YAAE,OAAO,KAAK,CAAC;QAClE,OAAO,uCAAK,SAAS,EAAC,wBAAwB,IAAE,WAAW,CAAO,CAAC;IACpE,CAAC,CAAC;IAEF,IAAM,YAAY,GAAG;QACpB,IAAI,KAAK,KAAK,SAAS;YAAE,OAAO,KAAK,CAAC;QACtC,OAAO,uCAAK,SAAS,EAAC,sBAAsB,IAAE,KAAK,CAAO,CAAC;IAC5D,CAAC,CAAC;IAEF,IAAM,UAAU,GAAG;QAClB,IAAM,YAAY,uBACjB,QAAQ,UAAA,EACR,QAAQ,UAAA,EACR,QAAQ,UAAA,EACR,IAAI,MAAA,EACJ,SAAS,EAAE,gBAAgB,IACxB,KAAK,GACL,CAAC,OAAO,KAAK,2BAAY;YAC5B,OAAO,KAAK,2BAAY;YACxB,gBAAgB,KAAK,cAAc;YACnC,OAAO,KAAK,eAAM;YACjB,CAAC,CAAC,EAAE,KAAK,EAAE,CAAC,CAAC,KAAK,EAAE;YACpB,CAAC,CAAC,EAAE,CAAC,CACN,CAAC;QAEF,YAAY;QACZ,IAAI,OAAO,KAAK,qBAAS,EAAE;YAC1B,OAAO,CACN,8BAAC,qBAAS,aACT,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,gBAAgB,IACrB,YAAY,EACf,CACF,CAAC;SACF;QAED,gCAAgC;QAChC,IACC,OAAO,KAAK,mBAAQ;YACpB,OAAO,KAAK,aAAK;YACjB,OAAO,KAAK,2BAAY,EACvB;YACD,OAAO,eAAK,CAAC,aAAa,CAAC,OAAO,wBAC9B,YAAY,KACf,KAAK,OAAA,EACL,UAAU,YAAA,EACV,QAAQ,UAAA,EACR,GAAG,KAAA,IACF,CAAC;SACH;QAED,IAAM,aAAa,GAAG,OAAO;YAC5B,CAAC,CAAC,eAAK,CAAC,aAAa,CAAC,OAAO,wBACxB,YAAY,KACf,GAAG,KAAA,IACD;YACJ,CAAC,CAAC,QAAQ,CAAC;QAEZ,OAAO,CACN,8BAAC,eAAK,CAAC,QAAQ;YACd,yCACC,SAAS,EAAC,mBAAmB,EAC7B,OAAO,EAAE,OAAO,CAAC,QAAQ,EACzB,OAAO,EAAE,gBAAgB,IAExB,QAAQ,EAAE,CACJ;YACR,8BAAC,mCAAgB,CAAC,QAAQ,IACzB,KAAK,wBACD,OAAO,KACV,mBAAmB,qBAAA,OAGnB,aAAa,CACa,CACZ,CACjB,CAAC;IACH,CAAC,CAAC;IAEF,IAAM,cAAc,GAAG,EAAE,QAAQ,UAAA,EAAE,QAAQ,UAAA,EAAE,CAAC;IAE9C,IAAM,gBAAgB,GAAG,IAAA,oBAAU,EAAC,WAAW,EAAE,SAAS;YACzD,qBAAqB,EAAE,QAAQ;YAC/B,kBAAkB,EAAE,KAAK;;QACzB,GAAC,gBAAc,WAAa,IAAG,OAAO;QACtC,sBAAkB,GAAE,IAAI,KAAK,OAAO;QACpC,sBAAkB,GAAE,IAAI,KAAK,OAAO;QACpC,uBAAmB,GAAE,KAAK,KAAK,SAAS,IAAI,KAAK,KAAK,EAAE;QACxD,GAAC,sBAAoB,KAAO,IAAG,KAAK;YACnC,CAAC;IAEH,IAAM,gBAAgB,GAAG,EAAE,CAAC;IAE5B,OAAO,CACN,8BAAC,gBAAgB,aAAC,SAAS,EAAE,gBAAgB,IAAM,cAAc;QAChE,uCAAK,SAAS,EAAC,oBAAoB;YACjC,UAAU,EAAE;YACb,uCAAK,SAAS,EAAC,oBAAoB;gBACjC,YAAY,EAAE;gBACd,mBAAmB,EAAE,CACjB,CACD,CACY,CACnB,CAAC;AACH,CAAC,CACD,CAAC;AAEF,IAAM,WAAW,GAAG,4BAA4B,CAAC"}
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import { FC } from 'react';
|
|
2
|
-
import { SemanticGridWIDTHS } from '../../utilities';
|
|
2
|
+
import { SemanticGridWIDTHS } from '../../utilities/SemanticUtils';
|
|
3
3
|
import { GridColumn } from './GridColumn';
|
|
4
4
|
import { GridRow } from './GridRow';
|
|
5
5
|
export declare type GridTextAlign = 'left' | 'right' | 'center' | 'justify';
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.Grid = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var SemanticUtils_1 = require("../../utilities/SemanticUtils");
|
|
32
32
|
var GridColumn_1 = require("./GridColumn");
|
|
33
33
|
var GridRow_1 = require("./GridRow");
|
|
34
34
|
var GridDefaultColumnsCount = 12;
|
|
@@ -51,8 +51,8 @@ var Grid = function (_a) {
|
|
|
51
51
|
'Grid--internally-celled': celled === 'internally',
|
|
52
52
|
'Grid--centered': centered
|
|
53
53
|
},
|
|
54
|
-
_b["Grid--" + (0,
|
|
55
|
-
_b["Grid--equal-width Grid--" + (0,
|
|
54
|
+
_b["Grid--" + (0, SemanticUtils_1.columnsToNumeral)(columns) + "-columns"] = (0, SemanticUtils_1.columnsToNumeral)(columns),
|
|
55
|
+
_b["Grid--equal-width Grid--" + (0, SemanticUtils_1.columnsToNumeral)(GridDefaultColumnsCount) + "-columns"] = columns === 'equal',
|
|
56
56
|
_b['Grid--divided'] = divided,
|
|
57
57
|
_b['Grid--vertically-divided'] = divided === 'vertically',
|
|
58
58
|
_b['Grid--doubling'] = doubling,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC
|
|
1
|
+
{"version":3,"file":"Grid.js","sourceRoot":"","sources":["../../../src/components/Grid/Grid.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,+DAGuC;AACvC,2CAA0C;AAC1C,qCAAoC;AAEpC,IAAM,uBAAuB,GAAG,EAAE,CAAC;AAqE5B,IAAM,IAAI,GAAS,UAAC,EAiB1B;;IAhBA,IAAA,MAAM,YAAA,EACN,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,eAAiC,EAAjC,OAAO,mBAAG,uBAAuB,KAAA,EACjC,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,UAAuB,EAAnB,WAAW,mBAAG,KAAK,KAAA,EACvB,MAAM,YAAA,EACN,OAAO,aAAA,EACP,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,SAAS,eAAA,EACT,aAAa,mBAAA,EACV,KAAK,cAhBkB,gLAiB1B,CADQ;IAER,2CAA2C;IAC3C,IAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IAEF,IAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAvB,CAAuB,CAAC;SAC3C,GAAG,CAAC,UAAC,MAAM;QACX,OAAA,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;YAC5B,CAAC,CAAC,WAAS,MAAM,yBAAsB;YACvC,CAAC,CAAC,WAAS,MAAM,cAAW;IAF7B,CAE6B,CAC7B,CAAC;IAEH,IAAM,WAAW,GAAG,IAAA,oBAAU,EAAC,MAAM,EAAE,SAAS,EAAE,eAAe;YAChE,cAAc,EAAE,MAAM;YACtB,yBAAyB,EAAE,MAAM,KAAK,YAAY;YAClD,gBAAgB,EAAE,QAAQ;;QAC1B,GAAC,WAAS,IAAA,gCAAgB,EAAC,OAAO,CAAC,aAAU,IAC5C,IAAA,gCAAgB,EAAC,OAAO,CAAC;QAC1B,GAAC,6BAA2B,IAAA,gCAAgB,EAC3C,uBAAuB,CACvB,aAAU,IAAG,OAAO,KAAK,OAAO;QACjC,mBAAe,GAAE,OAAO;QACxB,8BAA0B,GAAE,OAAO,KAAK,YAAY;QACpD,oBAAgB,GAAE,QAAQ;QAC1B,kBAAc,GAAE,MAAM;QACtB,6BAAyB,GAAE,MAAM,KAAK,YAAY;QAClD,+BAA2B,GAAE,MAAM,KAAK,cAAc;QACtD,mBAAe,GAAE,OAAO;QACxB,wBAAoB,GAAE,OAAO,KAAK,MAAM;QACxC,qBAAiB,GAAE,SAAS;QAC5B,qBAAiB,GAAE,SAAS;QAC5B,GAAC,sBAAoB,SAAW,IAAG,SAAS;QAC5C,GAAC,0BAAwB,aAAe,IAAG,aAAa;YACvD,CAAC;IAEH,OAAO,CACN,8BAAC,WAAW,aAAC,SAAS,EAAE,WAAW,IAAM,KAAK,GAC5C,QAAQ,CACI,CACd,CAAC;AACH,CAAC,CAAC;AA7DW,QAAA,IAAI,QA6Df;AAEF,YAAI,CAAC,MAAM,GAAG,uBAAU,CAAC;AACzB,YAAI,CAAC,GAAG,GAAG,iBAAO,CAAC"}
|
|
@@ -28,16 +28,16 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.GridColumn = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var SemanticUtils_1 = require("../../utilities/SemanticUtils");
|
|
32
32
|
var GridColumn = function (_a) {
|
|
33
33
|
var _b;
|
|
34
34
|
var children = _a.children, className = _a.className, _c = _a.el, TagName = _c === void 0 ? 'div' : _c, desktop = _a.desktop, floated = _a.floated, largescreen = _a.largescreen, mobile = _a.mobile, only = _a.only, stretched = _a.stretched, tablet = _a.tablet, textAlign = _a.textAlign, verticalAlign = _a.verticalAlign, widescreen = _a.widescreen, width = _a.width, props = __rest(_a, ["children", "className", "el", "desktop", "floated", "largescreen", "mobile", "only", "stretched", "tablet", "textAlign", "verticalAlign", "widescreen", "width"]);
|
|
35
|
-
var desktopColspan = (0,
|
|
36
|
-
var largescreenColspan = (0,
|
|
37
|
-
var mobileColspan = (0,
|
|
38
|
-
var tabletColspan = (0,
|
|
39
|
-
var widescreenColspan = (0,
|
|
40
|
-
var colspan = (0,
|
|
35
|
+
var desktopColspan = (0, SemanticUtils_1.columnsToNumeral)(desktop);
|
|
36
|
+
var largescreenColspan = (0, SemanticUtils_1.columnsToNumeral)(largescreen);
|
|
37
|
+
var mobileColspan = (0, SemanticUtils_1.columnsToNumeral)(mobile);
|
|
38
|
+
var tabletColspan = (0, SemanticUtils_1.columnsToNumeral)(tablet);
|
|
39
|
+
var widescreenColspan = (0, SemanticUtils_1.columnsToNumeral)(widescreen);
|
|
40
|
+
var colspan = (0, SemanticUtils_1.columnsToNumeral)(width);
|
|
41
41
|
var GridColumnClasses = (0, classnames_1.default)('GridColumn', className, (_b = {},
|
|
42
42
|
_b["GridColumn--" + floated + "-floated"] = floated,
|
|
43
43
|
_b["GridColumn--" + only + "-only"] = only,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC
|
|
1
|
+
{"version":3,"file":"GridColumn.js","sourceRoot":"","sources":["../../../src/components/Grid/GridColumn.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,+DAAiE;AAwD1D,IAAM,UAAU,GAAwB,UAAC,EAgB/C;;IAfA,IAAA,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAmB,EAAf,OAAO,mBAAG,KAAK,KAAA,EACnB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,WAAW,iBAAA,EACX,MAAM,YAAA,EACN,IAAI,UAAA,EACJ,SAAS,eAAA,EACT,MAAM,YAAA,EACN,SAAS,eAAA,EACT,aAAa,mBAAA,EACb,UAAU,gBAAA,EACV,KAAK,WAAA,EACF,KAAK,cAfuC,kKAgB/C,CADQ;IAER,IAAM,cAAc,GAAG,IAAA,gCAAgB,EAAC,OAAO,CAAC,CAAC;IACjD,IAAM,kBAAkB,GAAG,IAAA,gCAAgB,EAAC,WAAW,CAAC,CAAC;IACzD,IAAM,aAAa,GAAG,IAAA,gCAAgB,EAAC,MAAM,CAAC,CAAC;IAC/C,IAAM,aAAa,GAAG,IAAA,gCAAgB,EAAC,MAAM,CAAC,CAAC;IAC/C,IAAM,iBAAiB,GAAG,IAAA,gCAAgB,EAAC,UAAU,CAAC,CAAC;IACvD,IAAM,OAAO,GAAG,IAAA,gCAAgB,EAAC,KAAK,CAAC,CAAC;IAExC,IAAM,iBAAiB,GAAG,IAAA,oBAAU,EAAC,YAAY,EAAE,SAAS;QAC3D,GAAC,iBAAe,OAAO,aAAU,IAAG,OAAO;QAC3C,GAAC,iBAAe,IAAI,UAAO,IAAG,IAAI;QAClC,2BAAuB,GAAE,SAAS;QAClC,GAAC,4BAA0B,SAAW,IAAG,SAAS;QAClD,GAAC,gCAA8B,aAAe,IAAG,aAAa;QAC9D,GAAC,iBAAe,cAAc,kBAAe,IAAG,cAAc;QAC9D,GAAC,iBAAe,kBAAkB,sBAAmB,IACpD,kBAAkB;QACnB,GAAC,iBAAe,aAAa,iBAAc,IAAG,aAAa;QAC3D,GAAC,iBAAe,aAAa,iBAAc,IAAG,aAAa;QAC3D,GAAC,iBAAe,iBAAiB,qBAAkB,IAAG,iBAAiB;QACvE,GAAC,iBAAe,OAAO,UAAO,IAAG,OAAO;YACvC,CAAC;IAEH,OAAO,CACN,8BAAC,OAAO,aAAC,SAAS,EAAE,iBAAiB,IAAM,KAAK,GAC9C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC;AA5CW,QAAA,UAAU,cA4CrB"}
|
|
@@ -28,7 +28,7 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
28
28
|
exports.GridRow = void 0;
|
|
29
29
|
var react_1 = __importDefault(require("react"));
|
|
30
30
|
var classnames_1 = __importDefault(require("classnames"));
|
|
31
|
-
var
|
|
31
|
+
var SemanticUtils_1 = require("../../utilities/SemanticUtils");
|
|
32
32
|
var GridRow = function (_a) {
|
|
33
33
|
var _b;
|
|
34
34
|
var centered = _a.centered, children = _a.children, className = _a.className, _c = _a.el, TagName = _c === void 0 ? 'div' : _c, columns = _a.columns, divided = _a.divided, only = _a.only, reversed = _a.reversed, stretched = _a.stretched, textAlign = _a.textAlign, verticalAlign = _a.verticalAlign, props = __rest(_a, ["centered", "children", "className", "el", "columns", "divided", "only", "reversed", "stretched", "textAlign", "verticalAlign"]);
|
|
@@ -46,7 +46,7 @@ var GridRow = function (_a) {
|
|
|
46
46
|
var GridRowClasses = (0, classnames_1.default)('GridRow', className, reversedClasses, (_b = {
|
|
47
47
|
'GridRow--centered': centered
|
|
48
48
|
},
|
|
49
|
-
_b["GridRow--" + (0,
|
|
49
|
+
_b["GridRow--" + (0, SemanticUtils_1.columnsToNumeral)(columns) + "-columns"] = (0, SemanticUtils_1.columnsToNumeral)(columns),
|
|
50
50
|
_b['GridRow--equal-width'] = columns === 'equal',
|
|
51
51
|
_b['GridRow--divided'] = divided,
|
|
52
52
|
_b["GridRow--" + only + "-only"] = only,
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC
|
|
1
|
+
{"version":3,"file":"GridRow.js","sourceRoot":"","sources":["../../../src/components/Grid/GridRow.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAAkC;AAClC,0DAAoC;AAEpC,+DAAiE;AA8C1D,IAAM,OAAO,GAAqB,UAAC,EAazC;;IAZA,IAAA,QAAQ,cAAA,EACR,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,UAAmB,EAAf,OAAO,mBAAG,KAAK,KAAA,EACnB,OAAO,aAAA,EACP,OAAO,aAAA,EACP,IAAI,UAAA,EACJ,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACT,aAAa,mBAAA,EACV,KAAK,cAZiC,gIAazC,CADQ;IAER,2CAA2C;IAC3C,IAAM,WAAW,GAAG,IAAI,GAAG,CAC1B,OAAO,QAAQ,KAAK,QAAQ;QAC3B,CAAC,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAC,KAAK,CAAC,GAAG,CAAC,CAAC,MAAM,CAAC,OAAO,CAAC;QAC5C,CAAC,CAAC,EAAE,CACL,CAAC;IACF,IAAM,eAAe,GAAG,CAAC,QAAQ,EAAE,QAAQ,EAAE,SAAS,CAAC;SACrD,MAAM,CAAC,UAAC,MAAM,IAAK,OAAA,WAAW,CAAC,GAAG,CAAC,MAAM,CAAC,EAAvB,CAAuB,CAAC;SAC3C,GAAG,CAAC,UAAC,MAAM;QACX,OAAA,WAAW,CAAC,GAAG,CAAC,YAAY,CAAC;YAC5B,CAAC,CAAC,cAAY,MAAM,yBAAsB;YAC1C,CAAC,CAAC,cAAY,MAAM,cAAW;IAFhC,CAEgC,CAChC,CAAC;IAEH,IAAM,cAAc,GAAG,IAAA,oBAAU,EAAC,SAAS,EAAE,SAAS,EAAE,eAAe;YACtE,mBAAmB,EAAE,QAAQ;;QAC7B,GAAC,cAAY,IAAA,gCAAgB,EAAC,OAAO,CAAC,aAAU,IAC/C,IAAA,gCAAgB,EAAC,OAAO,CAAC;QAC1B,0BAAsB,GAAE,OAAO,KAAK,OAAO;QAC3C,sBAAkB,GAAE,OAAO;QAC3B,GAAC,cAAY,IAAI,UAAO,IAAG,IAAI;QAC/B,wBAAoB,GAAE,SAAS;QAC/B,GAAC,yBAAuB,SAAW,IAAG,SAAS;QAC/C,GAAC,6BAA2B,aAAe,IAAG,aAAa;YAC1D,CAAC;IAEH,OAAO,CACN,8BAAC,OAAO,aAAC,SAAS,EAAE,cAAc,IAAM,KAAK,GAC3C,QAAQ,CACA,CACV,CAAC;AACH,CAAC,CAAC;AA7CW,QAAA,OAAO,WA6ClB"}
|
|
@@ -1,5 +1,6 @@
|
|
|
1
1
|
import React, { FC } from 'react';
|
|
2
|
-
import {
|
|
2
|
+
import { AnvilSelectOptionsProps } from '../AnvilSelect';
|
|
3
|
+
import { PopoverProps } from '../Popover';
|
|
3
4
|
export interface InlineEditPropsStrict {
|
|
4
5
|
/** Сontrol component to be shown on edit */
|
|
5
6
|
control?: (controlProps: ControlProps, actionProps: ActionProps) => any;
|
|
@@ -47,8 +47,13 @@ Object.defineProperty(exports, "__esModule", { value: true });
|
|
|
47
47
|
exports.InlineEdit = void 0;
|
|
48
48
|
var react_1 = __importStar(require("react"));
|
|
49
49
|
var classnames_1 = __importDefault(require("classnames"));
|
|
50
|
-
var
|
|
51
|
-
var
|
|
50
|
+
var Popover_1 = require("../Popover");
|
|
51
|
+
var ButtonGroup_1 = require("../ButtonGroup");
|
|
52
|
+
var TagGroup_1 = require("../TagGroup");
|
|
53
|
+
var Button_1 = require("../Button");
|
|
54
|
+
var Icon_1 = require("../Icon");
|
|
55
|
+
var Tag_1 = require("../Tag");
|
|
56
|
+
var keyCodes_1 = require("../../utilities/keyCodes");
|
|
52
57
|
var defaultDecoration = { icon: true, underline: true, color: true };
|
|
53
58
|
exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
54
59
|
var _b;
|
|
@@ -97,8 +102,8 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
97
102
|
}
|
|
98
103
|
}, [mode, value]);
|
|
99
104
|
var InlineEditKeyDown = function (e) {
|
|
100
|
-
var isSpacePressed = e.key ===
|
|
101
|
-
var isEnterPressed = e.key ===
|
|
105
|
+
var isSpacePressed = e.key === keyCodes_1.keys.space;
|
|
106
|
+
var isEnterPressed = e.key === keyCodes_1.keys.enter;
|
|
102
107
|
if (isSpacePressed || isEnterPressed) {
|
|
103
108
|
handleOpen();
|
|
104
109
|
e.preventDefault();
|
|
@@ -127,7 +132,7 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
127
132
|
};
|
|
128
133
|
var escapeOnKeyDown = function (e) {
|
|
129
134
|
var _a;
|
|
130
|
-
var isESCPressed = e.key ===
|
|
135
|
+
var isESCPressed = e.key === keyCodes_1.keys.esc;
|
|
131
136
|
if (isESCPressed) {
|
|
132
137
|
if (((_a = controlRef.current.state) === null || _a === void 0 ? void 0 : _a.openState) === true) {
|
|
133
138
|
return e;
|
|
@@ -138,7 +143,7 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
138
143
|
};
|
|
139
144
|
var keyOnCancel = function (e) {
|
|
140
145
|
escapeOnKeyDown(e);
|
|
141
|
-
var isTabPressed = e.key ===
|
|
146
|
+
var isTabPressed = e.key === keyCodes_1.keys.tab && actionLayout !== 'none';
|
|
142
147
|
if (!isTabPressed)
|
|
143
148
|
return;
|
|
144
149
|
e.preventDefault();
|
|
@@ -153,7 +158,7 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
153
158
|
};
|
|
154
159
|
var keyOnControl = function (e) {
|
|
155
160
|
escapeOnKeyDown(e);
|
|
156
|
-
var isTabPressed = e.key ===
|
|
161
|
+
var isTabPressed = e.key === keyCodes_1.keys.tab && actionLayout !== 'none';
|
|
157
162
|
if (!isTabPressed)
|
|
158
163
|
return;
|
|
159
164
|
e.preventDefault();
|
|
@@ -167,7 +172,7 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
167
172
|
};
|
|
168
173
|
var keyOnSave = function (e) {
|
|
169
174
|
escapeOnKeyDown(e);
|
|
170
|
-
var isTabPressed = e.key ===
|
|
175
|
+
var isTabPressed = e.key === keyCodes_1.keys.tab && actionLayout !== 'none';
|
|
171
176
|
if (!isTabPressed)
|
|
172
177
|
return;
|
|
173
178
|
e.preventDefault();
|
|
@@ -224,10 +229,10 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
224
229
|
typeof singleValue.content === 'number'
|
|
225
230
|
? singleValue.content
|
|
226
231
|
: String(singleValue.value);
|
|
227
|
-
return (react_1.default.createElement(
|
|
232
|
+
return (react_1.default.createElement(Tag_1.Tag, { key: index, color: singleValue.color }, tagText));
|
|
228
233
|
});
|
|
229
234
|
};
|
|
230
|
-
return react_1.default.createElement(
|
|
235
|
+
return react_1.default.createElement(TagGroup_1.TagGroup, null, tagArray());
|
|
231
236
|
}
|
|
232
237
|
return String((_a = value === null || value === void 0 ? void 0 : value.text) !== null && _a !== void 0 ? _a : '');
|
|
233
238
|
};
|
|
@@ -236,7 +241,7 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
236
241
|
});
|
|
237
242
|
var readComponent = (react_1.default.createElement("span", __assign({ className: ContentClasses, ref: textRef, onClick: handleOpen, tabIndex: 0, onKeyDown: InlineEditKeyDown }, props),
|
|
238
243
|
react_1.default.createElement("span", { className: ValueClasses }, getValues().length === 0 ? placeholder : getValues()),
|
|
239
|
-
react_1.default.createElement(
|
|
244
|
+
react_1.default.createElement(Icon_1.Icon, { name: "edit", className: EditIconClasses })));
|
|
240
245
|
var controlProps = {
|
|
241
246
|
id: id,
|
|
242
247
|
className: "InlineEdit__control",
|
|
@@ -254,13 +259,13 @@ exports.InlineEdit = (0, react_1.forwardRef)(function (_a, ref) {
|
|
|
254
259
|
cancel: handleCancel,
|
|
255
260
|
open: editing,
|
|
256
261
|
};
|
|
257
|
-
var actions = (react_1.default.createElement(
|
|
258
|
-
react_1.default.createElement(
|
|
259
|
-
react_1.default.createElement(
|
|
262
|
+
var actions = (react_1.default.createElement(ButtonGroup_1.ButtonGroup, { attached: true, className: ActionClasses },
|
|
263
|
+
react_1.default.createElement(Button_1.Button, { small: true, ref: saveRef, className: "InlineEdit__save", primary: true, disabled: errorState, onClick: handleSave, onKeyDown: keyOnSave, type: "submit", iconName: "done" }),
|
|
264
|
+
react_1.default.createElement(Button_1.Button, { small: true, ref: cancelRef, className: "InlineEdit__cancel", type: "reset", iconName: "clear", onClick: handleCancel, onKeyDown: keyOnCancel })));
|
|
260
265
|
var updateStyle = __assign({ maxWidth: width !== undefined && typeof width === 'string'
|
|
261
266
|
? "" + width
|
|
262
267
|
: width }, style);
|
|
263
|
-
return (react_1.default.createElement("span", { className: InlineEditClasses, style: updateStyle, ref: ref }, editing ? (actionLayout === 'floating' ? (react_1.default.createElement(
|
|
268
|
+
return (react_1.default.createElement("span", { className: InlineEditClasses, style: updateStyle, ref: ref }, editing ? (actionLayout === 'floating' ? (react_1.default.createElement(Popover_1.Popover, { trigger: Control(controlProps, internalCompProps), portal: true, direction: actionDirection, contentNoPadding: true, padding: null, width: "auto", className: "InlineEdit__floating__body", open: editing, offset: {
|
|
264
269
|
distance: 8,
|
|
265
270
|
}, el: width === 'fluid' ? 'div' : 'span' }, actions)) : (react_1.default.createElement(react_1.default.Fragment, null,
|
|
266
271
|
showContentOnEdit && readComponent,
|