@xfers/design-system 6.1.0-dev.addd607a86 → 6.1.0-dev.d17a40953f
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/cjs/index.js +3 -3
- package/cjs/index.js.map +1 -1
- package/dist/components/SelectionBox/index.js +60 -0
- package/dist/components/SelectionBox/index.js.map +1 -0
- package/dist/index.js +4 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/SelectionBox/index.d.ts +18 -0
- package/dist/types/index.d.ts +1 -0
- package/es/index.js +3 -3
- package/es/index.js.map +1 -1
- package/package.json +1 -1
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
"use strict";
|
|
2
|
+
var __makeTemplateObject = (this && this.__makeTemplateObject) || function (cooked, raw) {
|
|
3
|
+
if (Object.defineProperty) { Object.defineProperty(cooked, "raw", { value: raw }); } else { cooked.raw = raw; }
|
|
4
|
+
return cooked;
|
|
5
|
+
};
|
|
6
|
+
Object.defineProperty(exports, "__esModule", { value: true });
|
|
7
|
+
var react_1 = require("react");
|
|
8
|
+
var styled_1 = require("@emotion/styled");
|
|
9
|
+
var ThemeContext_1 = require("src/theme/ThemeContext");
|
|
10
|
+
var fontStyles_1 = require("src/constants/fontStyles");
|
|
11
|
+
var SelectionBox = function (_a) {
|
|
12
|
+
var selectionType = _a.selectionType, _b = _a.selected, selected = _b === void 0 ? false : _b, _c = _a.disabled, disabled = _c === void 0 ? false : _c, icon = _a.icon, secondaryText = _a.secondaryText, children = _a.children, onClick = _a.onClick, value = _a.value, name = _a.name;
|
|
13
|
+
var color = (0, ThemeContext_1.useTheme)().color;
|
|
14
|
+
var handleClick = function () {
|
|
15
|
+
if (!disabled && onClick) {
|
|
16
|
+
onClick();
|
|
17
|
+
}
|
|
18
|
+
};
|
|
19
|
+
var handleKeyDown = function (e) {
|
|
20
|
+
if (e.key === 'Enter' || e.key === ' ') {
|
|
21
|
+
e.preventDefault();
|
|
22
|
+
handleClick();
|
|
23
|
+
}
|
|
24
|
+
};
|
|
25
|
+
var renderIndicator = function () {
|
|
26
|
+
if (selectionType === 'radio') {
|
|
27
|
+
if (icon) {
|
|
28
|
+
return react_1.default.createElement(IndicatorWrapper, { disabled: disabled }, icon);
|
|
29
|
+
}
|
|
30
|
+
return selected ? (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
|
|
31
|
+
react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
32
|
+
react_1.default.createElement("circle", { cx: "12", cy: "12", r: "11", stroke: color.base.primary2, strokeWidth: "2" }),
|
|
33
|
+
react_1.default.createElement("circle", { cx: "12", cy: "12", r: "6", fill: color.base.primary2 })))) : (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
|
|
34
|
+
react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
35
|
+
react_1.default.createElement("circle", { cx: "12", cy: "12", r: "11", stroke: color.base.line, strokeWidth: "2" }))));
|
|
36
|
+
}
|
|
37
|
+
return selected ? (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
|
|
38
|
+
react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
39
|
+
react_1.default.createElement("rect", { x: "2", y: "2", width: "20", height: "20", rx: "4", fill: color.base.primary2 }),
|
|
40
|
+
react_1.default.createElement("path", { d: "M7 12L10.5 15.5L17 9", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" })))) : (react_1.default.createElement(IndicatorWrapper, { disabled: disabled },
|
|
41
|
+
react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" },
|
|
42
|
+
react_1.default.createElement("rect", { x: "2.5", y: "2.5", width: "19", height: "19", rx: "3.5", stroke: color.base.line, strokeWidth: "1.5" }))));
|
|
43
|
+
};
|
|
44
|
+
return (react_1.default.createElement(Container, { selected: selected, disabled: disabled, borderColor: selected ? color.base.primary2 : color.base.line, bgColor: disabled ? color.surface.disabledSurface : color.surface.neutral, onClick: handleClick, onKeyDown: handleKeyDown, role: selectionType === 'radio' ? 'radio' : 'checkbox', "aria-checked": selected, "aria-disabled": disabled, tabIndex: disabled ? -1 : 0, "data-value": value, "data-name": name },
|
|
45
|
+
renderIndicator(),
|
|
46
|
+
react_1.default.createElement(TextWrapper, null,
|
|
47
|
+
react_1.default.createElement(PrimaryText, { textColor: disabled ? color.surface.disabledOnSurface : color.base.onNeutral }, children),
|
|
48
|
+
secondaryText && (react_1.default.createElement(SecondaryText, { textColor: disabled
|
|
49
|
+
? color.surface.disabledOnSurface
|
|
50
|
+
: color.base.onNeutralSecondary }, secondaryText)))));
|
|
51
|
+
};
|
|
52
|
+
SelectionBox.displayName = 'SelectionBox';
|
|
53
|
+
var Container = styled_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n min-height: 48px;\n border-radius: 12px;\n border: ", " solid\n ", ";\n background: ", ";\n overflow: clip;\n cursor: ", ";\n user-select: none;\n transition: border-color 0.2s ease;\n box-sizing: border-box;\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"], ["\n display: flex;\n align-items: center;\n gap: 8px;\n padding: 12px 16px;\n min-height: 48px;\n border-radius: 12px;\n border: ", " solid\n ", ";\n background: ", ";\n overflow: clip;\n cursor: ", ";\n user-select: none;\n transition: border-color 0.2s ease;\n box-sizing: border-box;\n\n &:focus-visible {\n outline: 2px solid ", ";\n outline-offset: 2px;\n }\n"])), function (props) { return (props.selected ? '2px' : '1px'); }, function (props) { return props.borderColor; }, function (props) { return props.bgColor; }, function (props) { return (props.disabled ? 'not-allowed' : 'pointer'); }, function (props) { return props.borderColor; });
|
|
54
|
+
var IndicatorWrapper = styled_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: ", ";\n\n & > svg {\n display: block;\n }\n"], ["\n flex-shrink: 0;\n width: 24px;\n height: 24px;\n display: flex;\n align-items: center;\n justify-content: center;\n opacity: ", ";\n\n & > svg {\n display: block;\n }\n"])), function (props) { return (props.disabled ? 0.5 : 1); });
|
|
55
|
+
var TextWrapper = styled_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-width: 0;\n"], ["\n display: flex;\n flex-direction: column;\n gap: 4px;\n justify-content: center;\n min-width: 0;\n"])));
|
|
56
|
+
var PrimaryText = styled_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n ", ";\n ", ";\n color: ", ";\n word-break: break-word;\n"], ["\n ", ";\n ", ";\n color: ", ";\n word-break: break-word;\n"])), fontStyles_1.baseStyle, fontStyles_1.pStyle, function (props) { return props.textColor; });
|
|
57
|
+
var SecondaryText = styled_1.default.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n ", ";\n ", ";\n color: ", ";\n word-break: break-word;\n"], ["\n ", ";\n ", ";\n color: ", ";\n word-break: break-word;\n"])), fontStyles_1.baseStyle, fontStyles_1.smallPStyle, function (props) { return props.textColor; });
|
|
58
|
+
exports.default = SelectionBox;
|
|
59
|
+
var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
|
|
60
|
+
//# sourceMappingURL=index.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/SelectionBox/index.tsx"],"names":[],"mappings":"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"}
|
package/dist/index.js
CHANGED
|
@@ -16,8 +16,8 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
|
|
|
16
16
|
for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
|
|
17
17
|
};
|
|
18
18
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
19
|
-
exports.
|
|
20
|
-
exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = void 0;
|
|
19
|
+
exports.SummaryCard = exports.Spin = exports.ErrorPage = exports.Tooltip = exports.CopyBox = exports.Section = exports.Banner = exports.Note = exports.ContentBreakdown = exports.Hidden = exports.Link = exports.Divider = exports.EmptyData = exports.SmallP = exports.P1Bold = exports.P1 = exports.H4 = exports.H3 = exports.H2 = exports.H1 = exports.Checkbox = exports.DatePicker = exports.Timer = exports.Tabs = exports.Table = exports.Steps = exports.SelectionBox = exports.Select = exports.RangePicker = exports.Radio = exports.Pagination = exports.DeprecatedModal = exports.DialogItems = exports.Modal = exports.Tag = exports.InputWithButton = exports.Input = exports.Form = exports.DynamicSelect = exports.Dropdown = exports.Carousel = exports.Chart = exports.Card = exports.BadgeIcon = exports.Accordion = exports.ActionCard = exports.ActionButton = exports.Button = exports.Alert = exports.AntdConfigProvider = void 0;
|
|
20
|
+
exports.LINE_HEIGHT = exports.FONT_SIZE = exports.FONT_WEIGHT = exports.FALLBACK_FONT = exports.MAIN_FONT = exports.BACKGROUND_COLORS = exports.TEXT_COLORS = exports.ICON_COLORS = exports.MAIN_COLORS = exports.NEUTRAL_COLORS = exports.YELLOW_COLORS = exports.RED_COLORS = exports.GREEN_COLORS = exports.BLUE_COLORS = exports.TABLET_BREAKPOINT = exports.LAPTOP_BREAKPOINT = exports.DESKTOP_BREAKPOINT = exports.EXTRA_LARGE_DESKTOP_BREAKPOINT = exports.useModal = exports.ModalProvider = exports.straitsXTheme = exports.xfersTheme = exports.useTheme = exports.ThemeProvider = exports.Typography = exports.MaterialSymbols = exports.getCoachmarkJoyrideConfig = exports.Coachmark = exports.Timeline = void 0;
|
|
21
21
|
// Components
|
|
22
22
|
var AntdConfigProvider_1 = require("./components/AntdConfigProvider");
|
|
23
23
|
Object.defineProperty(exports, "AntdConfigProvider", { enumerable: true, get: function () { return AntdConfigProvider_1.default; } });
|
|
@@ -65,6 +65,8 @@ var RangePicker_1 = require("./components/RangePicker");
|
|
|
65
65
|
Object.defineProperty(exports, "RangePicker", { enumerable: true, get: function () { return RangePicker_1.default; } });
|
|
66
66
|
var Select_1 = require("./components/Select");
|
|
67
67
|
Object.defineProperty(exports, "Select", { enumerable: true, get: function () { return Select_1.default; } });
|
|
68
|
+
var SelectionBox_1 = require("./components/SelectionBox");
|
|
69
|
+
Object.defineProperty(exports, "SelectionBox", { enumerable: true, get: function () { return SelectionBox_1.default; } });
|
|
68
70
|
var Steps_1 = require("./components/Steps");
|
|
69
71
|
Object.defineProperty(exports, "Steps", { enumerable: true, get: function () { return Steps_1.default; } });
|
|
70
72
|
var Table_1 = require("./components/Table");
|
package/dist/index.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,18 @@
|
|
|
1
|
+
import React from 'react';
|
|
2
|
+
type SelectionType = 'radio' | 'check';
|
|
3
|
+
type SelectionBoxProps = {
|
|
4
|
+
selectionType: SelectionType;
|
|
5
|
+
selected?: boolean;
|
|
6
|
+
disabled?: boolean;
|
|
7
|
+
icon?: React.ReactNode;
|
|
8
|
+
secondaryText?: string;
|
|
9
|
+
children: React.ReactNode;
|
|
10
|
+
onClick?: () => void;
|
|
11
|
+
value?: string;
|
|
12
|
+
name?: string;
|
|
13
|
+
};
|
|
14
|
+
declare const SelectionBox: {
|
|
15
|
+
({ selectionType, selected, disabled, icon, secondaryText, children, onClick, value, name, }: SelectionBoxProps): React.JSX.Element;
|
|
16
|
+
displayName: string;
|
|
17
|
+
};
|
|
18
|
+
export default SelectionBox;
|
package/dist/types/index.d.ts
CHANGED
|
@@ -21,6 +21,7 @@ export { default as Pagination } from './components/Pagination';
|
|
|
21
21
|
export { default as Radio } from './components/Radio';
|
|
22
22
|
export { default as RangePicker } from './components/RangePicker';
|
|
23
23
|
export { default as Select } from './components/Select';
|
|
24
|
+
export { default as SelectionBox } from './components/SelectionBox';
|
|
24
25
|
export { default as Steps } from './components/Steps';
|
|
25
26
|
export { default as Table } from './components/Table';
|
|
26
27
|
export { default as Tabs } from './components/Tabs';
|