@doist/reactist 29.1.0 → 29.1.2
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/CHANGELOG.md +14 -0
- package/dist/reactist.cjs.development.js +6749 -1829
- package/dist/reactist.cjs.development.js.map +1 -1
- package/dist/reactist.cjs.production.min.js +1 -1
- package/dist/reactist.cjs.production.min.js.map +1 -1
- package/es/avatar/avatar.js +106 -36
- package/es/avatar/avatar.js.map +1 -1
- package/es/avatar/utils.js +17 -19
- package/es/avatar/utils.js.map +1 -1
- package/es/badge/badge.js +50 -6
- package/es/badge/badge.js.map +1 -1
- package/es/banner/banner.js +384 -41
- package/es/banner/banner.js.map +1 -1
- package/es/base-field/base-field.js +367 -77
- package/es/base-field/base-field.js.map +1 -1
- package/es/box/box.js +139 -61
- package/es/box/box.js.map +1 -1
- package/es/button/button.js +346 -36
- package/es/button/button.js.map +1 -1
- package/es/checkbox-field/checkbox-field.js +71 -48
- package/es/checkbox-field/checkbox-field.js.map +1 -1
- package/es/checkbox-field/checkbox-icon.js +88 -28
- package/es/checkbox-field/checkbox-icon.js.map +1 -1
- package/es/checkbox-field/use-fork-ref.js +15 -20
- package/es/checkbox-field/use-fork-ref.js.map +1 -1
- package/es/columns/columns.js +46 -23
- package/es/columns/columns.js.map +1 -1
- package/es/components/color-picker/color-picker.js +190 -46
- package/es/components/color-picker/color-picker.js.map +1 -1
- package/es/components/deprecated-button/deprecated-button.js +102 -9
- package/es/components/deprecated-button/deprecated-button.js.map +1 -1
- package/es/components/deprecated-button/index.js +5 -2
- package/es/components/deprecated-button/index.js.map +1 -1
- package/es/components/deprecated-dropdown/dropdown.js +234 -134
- package/es/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/es/components/deprecated-dropdown/index.js +4 -1
- package/es/components/deprecated-dropdown/index.js.map +1 -1
- package/es/components/deprecated-input/index.js +5 -2
- package/es/components/deprecated-input/index.js.map +1 -1
- package/es/components/deprecated-input/input.js +27 -4
- package/es/components/deprecated-input/input.js.map +1 -1
- package/es/components/deprecated-select/select.js +110 -7
- package/es/components/deprecated-select/select.js.map +1 -1
- package/es/components/key-capturer/key-capturer.js +190 -137
- package/es/components/key-capturer/key-capturer.js.map +1 -1
- package/es/components/keyboard-shortcut/keyboard-shortcut.js +65 -45
- package/es/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/es/components/progress-bar/progress-bar.js +61 -9
- package/es/components/progress-bar/progress-bar.js.map +1 -1
- package/es/components/time/index.js +5 -2
- package/es/components/time/index.js.map +1 -1
- package/es/components/time/time-utils.js +59 -53
- package/es/components/time/time-utils.js.map +1 -1
- package/es/components/time/time.js +94 -91
- package/es/components/time/time.js.map +1 -1
- package/es/divider/divider.js +44 -5
- package/es/divider/divider.js.map +1 -1
- package/es/heading/heading.js +122 -20
- package/es/heading/heading.js.map +1 -1
- package/es/hidden/hidden.js +36 -30
- package/es/hidden/hidden.js.map +1 -1
- package/es/hidden-visually/hidden-visually.js +9 -4
- package/es/hidden-visually/hidden-visually.js.map +1 -1
- package/es/icons/alert-icon.js +145 -18
- package/es/icons/alert-icon.js.map +1 -1
- package/es/icons/banner-icon.js +213 -25
- package/es/icons/banner-icon.js.map +1 -1
- package/es/icons/close-icon.js +26 -3
- package/es/icons/close-icon.js.map +1 -1
- package/es/icons/password-hidden-icon.js +40 -6
- package/es/icons/password-hidden-icon.js.map +1 -1
- package/es/icons/password-visible-icon.js +33 -5
- package/es/icons/password-visible-icon.js.map +1 -1
- package/es/index.js +9 -9
- package/es/inline/inline.js +24 -9
- package/es/inline/inline.js.map +1 -1
- package/es/loading/loading.js +63 -17
- package/es/loading/loading.js.map +1 -1
- package/es/menu/menu.js +469 -92
- package/es/menu/menu.js.map +1 -1
- package/es/modal/modal.js +675 -112
- package/es/modal/modal.js.map +1 -1
- package/es/notice/notice.js +77 -10
- package/es/notice/notice.js.map +1 -1
- package/es/password-field/password-field.js +89 -11
- package/es/password-field/password-field.js.map +1 -1
- package/es/prose/prose.js +48 -9
- package/es/prose/prose.js.map +1 -1
- package/es/select-field/select-field.js +150 -16
- package/es/select-field/select-field.js.map +1 -1
- package/es/spinner/spinner.js +39 -6
- package/es/spinner/spinner.js.map +1 -1
- package/es/stack/stack.js +29 -17
- package/es/stack/stack.js.map +1 -1
- package/es/switch-field/switch-field.js +225 -42
- package/es/switch-field/switch-field.js.map +1 -1
- package/es/tabs/tabs.js +207 -109
- package/es/tabs/tabs.js.map +1 -1
- package/es/text/text.js +27 -17
- package/es/text/text.js.map +1 -1
- package/es/text-area/text-area.js +264 -54
- package/es/text-area/text-area.js.map +1 -1
- package/es/text-field/text-field.js +204 -31
- package/es/text-field/text-field.js.map +1 -1
- package/es/text-link/text-link.js +21 -10
- package/es/text-link/text-link.js.map +1 -1
- package/es/toast/static-toast.js +143 -25
- package/es/toast/static-toast.js.map +1 -1
- package/es/toast/toast-animation.js +159 -109
- package/es/toast/toast-animation.js.map +1 -1
- package/es/toast/use-toasts.js +309 -84
- package/es/toast/use-toasts.js.map +1 -1
- package/es/tooltip/tooltip.js +88 -32
- package/es/tooltip/tooltip.js.map +1 -1
- package/es/utils/common-helpers.js +12 -11
- package/es/utils/common-helpers.js.map +1 -1
- package/es/utils/polymorphism.js +84 -1
- package/es/utils/polymorphism.js.map +1 -1
- package/es/utils/responsive-props.js +43 -32
- package/es/utils/responsive-props.js.map +1 -1
- package/lib/avatar/avatar.js +109 -35
- package/lib/avatar/avatar.js.map +1 -1
- package/lib/avatar/utils.js +17 -19
- package/lib/avatar/utils.js.map +1 -1
- package/lib/badge/badge.js +53 -5
- package/lib/badge/badge.js.map +1 -1
- package/lib/banner/banner.js +385 -38
- package/lib/banner/banner.js.map +1 -1
- package/lib/base-field/base-field.js +366 -73
- package/lib/base-field/base-field.js.map +1 -1
- package/lib/box/box.js +141 -61
- package/lib/box/box.js.map +1 -1
- package/lib/button/button.js +347 -35
- package/lib/button/button.js.map +1 -1
- package/lib/checkbox-field/checkbox-field.js +73 -46
- package/lib/checkbox-field/checkbox-field.js.map +1 -1
- package/lib/checkbox-field/checkbox-icon.js +92 -28
- package/lib/checkbox-field/checkbox-icon.js.map +1 -1
- package/lib/checkbox-field/use-fork-ref.js +15 -20
- package/lib/checkbox-field/use-fork-ref.js.map +1 -1
- package/lib/columns/columns.js +49 -22
- package/lib/columns/columns.js.map +1 -1
- package/lib/components/color-picker/color-picker.js +189 -45
- package/lib/components/color-picker/color-picker.js.map +1 -1
- package/lib/components/deprecated-button/deprecated-button.js +104 -9
- package/lib/components/deprecated-button/deprecated-button.js.map +1 -1
- package/lib/components/deprecated-dropdown/dropdown.js +235 -133
- package/lib/components/deprecated-dropdown/dropdown.js.map +1 -1
- package/lib/components/deprecated-input/input.js +28 -4
- package/lib/components/deprecated-input/input.js.map +1 -1
- package/lib/components/deprecated-select/select.js +112 -7
- package/lib/components/deprecated-select/select.js.map +1 -1
- package/lib/components/key-capturer/key-capturer.js +188 -135
- package/lib/components/key-capturer/key-capturer.js.map +1 -1
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js +67 -45
- package/lib/components/keyboard-shortcut/keyboard-shortcut.js.map +1 -1
- package/lib/components/progress-bar/progress-bar.js +60 -8
- package/lib/components/progress-bar/progress-bar.js.map +1 -1
- package/lib/components/time/time-utils.js +59 -53
- package/lib/components/time/time-utils.js.map +1 -1
- package/lib/components/time/time.js +93 -90
- package/lib/components/time/time.js.map +1 -1
- package/lib/divider/divider.js +47 -4
- package/lib/divider/divider.js.map +1 -1
- package/lib/heading/heading.js +125 -19
- package/lib/heading/heading.js.map +1 -1
- package/lib/hidden/hidden.js +39 -29
- package/lib/hidden/hidden.js.map +1 -1
- package/lib/hidden-visually/hidden-visually.js +11 -3
- package/lib/hidden-visually/hidden-visually.js.map +1 -1
- package/lib/icons/alert-icon.js +149 -18
- package/lib/icons/alert-icon.js.map +1 -1
- package/lib/icons/banner-icon.js +217 -25
- package/lib/icons/banner-icon.js.map +1 -1
- package/lib/icons/close-icon.js +29 -3
- package/lib/icons/close-icon.js.map +1 -1
- package/lib/icons/password-hidden-icon.js +43 -6
- package/lib/icons/password-hidden-icon.js.map +1 -1
- package/lib/icons/password-visible-icon.js +36 -5
- package/lib/icons/password-visible-icon.js.map +1 -1
- package/lib/inline/inline.js +27 -8
- package/lib/inline/inline.js.map +1 -1
- package/lib/loading/loading.js +67 -17
- package/lib/loading/loading.js.map +1 -1
- package/lib/menu/menu.js +471 -91
- package/lib/menu/menu.js.map +1 -1
- package/lib/modal/modal.js +671 -106
- package/lib/modal/modal.js.map +1 -1
- package/lib/notice/notice.js +75 -8
- package/lib/notice/notice.js.map +1 -1
- package/lib/password-field/password-field.js +92 -10
- package/lib/password-field/password-field.js.map +1 -1
- package/lib/prose/prose.js +51 -8
- package/lib/prose/prose.js.map +1 -1
- package/lib/select-field/select-field.js +152 -14
- package/lib/select-field/select-field.js.map +1 -1
- package/lib/spinner/spinner.js +39 -6
- package/lib/spinner/spinner.js.map +1 -1
- package/lib/stack/stack.js +29 -15
- package/lib/stack/stack.js.map +1 -1
- package/lib/switch-field/switch-field.js +225 -38
- package/lib/switch-field/switch-field.js.map +1 -1
- package/lib/tabs/tabs.js +207 -107
- package/lib/tabs/tabs.js.map +1 -1
- package/lib/text/text.js +30 -16
- package/lib/text/text.js.map +1 -1
- package/lib/text-area/text-area.js +264 -52
- package/lib/text-area/text-area.js.map +1 -1
- package/lib/text-field/text-field.js +207 -30
- package/lib/text-field/text-field.js.map +1 -1
- package/lib/text-link/text-link.js +24 -9
- package/lib/text-link/text-link.js.map +1 -1
- package/lib/toast/static-toast.js +142 -22
- package/lib/toast/static-toast.js.map +1 -1
- package/lib/toast/toast-animation.js +158 -108
- package/lib/toast/toast-animation.js.map +1 -1
- package/lib/toast/use-toasts.js +310 -82
- package/lib/toast/use-toasts.js.map +1 -1
- package/lib/tooltip/tooltip.js +87 -31
- package/lib/tooltip/tooltip.js.map +1 -1
- package/lib/utils/common-helpers.js +12 -11
- package/lib/utils/common-helpers.js.map +1 -1
- package/lib/utils/polymorphism.js +84 -1
- package/lib/utils/polymorphism.js.map +1 -1
- package/lib/utils/responsive-props.js +43 -32
- package/lib/utils/responsive-props.js.map +1 -1
- package/package.json +10 -2
package/lib/box/box.js
CHANGED
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
|
|
3
3
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
4
4
|
|
|
5
|
-
var
|
|
5
|
+
var _objectSpread = require('@babel/runtime/helpers/objectSpread2');
|
|
6
|
+
var _objectWithoutProperties = require('@babel/runtime/helpers/objectWithoutProperties');
|
|
6
7
|
var React = require('react');
|
|
7
8
|
var classNames = require('classnames');
|
|
8
9
|
var polymorphism = require('../utils/polymorphism.js');
|
|
@@ -33,70 +34,149 @@ function _interopNamespace(e) {
|
|
|
33
34
|
return Object.freeze(n);
|
|
34
35
|
}
|
|
35
36
|
|
|
37
|
+
var _objectSpread__default = /*#__PURE__*/_interopDefaultLegacy(_objectSpread);
|
|
38
|
+
var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultLegacy(_objectWithoutProperties);
|
|
36
39
|
var React__namespace = /*#__PURE__*/_interopNamespace(React);
|
|
37
40
|
var classNames__default = /*#__PURE__*/_interopDefaultLegacy(classNames);
|
|
38
41
|
|
|
39
|
-
|
|
40
|
-
|
|
41
|
-
|
|
42
|
-
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
|
|
55
|
-
|
|
56
|
-
|
|
57
|
-
|
|
58
|
-
|
|
59
|
-
|
|
42
|
+
const _excluded = ["as", "position", "display", "flexDirection", "flexWrap", "flexGrow", "flexShrink", "gap", "alignItems", "justifyContent", "alignSelf", "overflow", "width", "height", "background", "border", "borderRadius", "minWidth", "maxWidth", "textAlign", "padding", "paddingY", "paddingX", "paddingTop", "paddingRight", "paddingBottom", "paddingLeft", "margin", "marginY", "marginX", "marginTop", "marginRight", "marginBottom", "marginLeft", "overlayScroll", "className", "children"];
|
|
43
|
+
function getBoxClassNames({
|
|
44
|
+
position = 'static',
|
|
45
|
+
display,
|
|
46
|
+
flexDirection = 'row',
|
|
47
|
+
flexWrap,
|
|
48
|
+
flexGrow,
|
|
49
|
+
flexShrink,
|
|
50
|
+
gap,
|
|
51
|
+
alignItems,
|
|
52
|
+
justifyContent,
|
|
53
|
+
alignSelf,
|
|
54
|
+
overflow,
|
|
55
|
+
width,
|
|
56
|
+
height,
|
|
57
|
+
background,
|
|
58
|
+
border,
|
|
59
|
+
borderRadius,
|
|
60
|
+
minWidth,
|
|
61
|
+
maxWidth,
|
|
62
|
+
textAlign,
|
|
63
|
+
padding,
|
|
64
|
+
paddingY,
|
|
65
|
+
paddingX,
|
|
66
|
+
paddingTop,
|
|
67
|
+
paddingRight,
|
|
68
|
+
paddingBottom,
|
|
69
|
+
paddingLeft,
|
|
70
|
+
margin,
|
|
71
|
+
marginY,
|
|
72
|
+
marginX,
|
|
73
|
+
marginTop,
|
|
74
|
+
marginRight,
|
|
75
|
+
marginBottom,
|
|
76
|
+
marginLeft,
|
|
77
|
+
overlayScroll,
|
|
78
|
+
className
|
|
79
|
+
}) {
|
|
80
|
+
const resolvedPaddingTop = paddingTop ?? paddingY ?? padding;
|
|
81
|
+
const resolvedPaddingRight = paddingRight ?? paddingX ?? padding;
|
|
82
|
+
const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding;
|
|
83
|
+
const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding;
|
|
84
|
+
const resolvedMarginTop = marginTop ?? marginY ?? margin;
|
|
85
|
+
const resolvedMarginRight = marginRight ?? marginX ?? margin;
|
|
86
|
+
const resolvedMarginBottom = marginBottom ?? marginY ?? margin;
|
|
87
|
+
const resolvedMarginLeft = marginLeft ?? marginX ?? margin;
|
|
88
|
+
const omitFlex = !display || typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex';
|
|
89
|
+
return classNames__default["default"](className, box_module["default"].box, display ? responsiveProps.getClassNames(box_module["default"], 'display', display) : null, position !== 'static' ? responsiveProps.getClassNames(box_module["default"], 'position', position) : null, minWidth != null ? responsiveProps.getClassNames(width_module["default"], 'minWidth', String(minWidth)) : null, responsiveProps.getClassNames(width_module["default"], 'maxWidth', maxWidth), responsiveProps.getClassNames(box_module["default"], 'textAlign', textAlign),
|
|
90
|
+
// padding
|
|
91
|
+
responsiveProps.getClassNames(padding_module["default"], 'paddingTop', resolvedPaddingTop), responsiveProps.getClassNames(padding_module["default"], 'paddingRight', resolvedPaddingRight), responsiveProps.getClassNames(padding_module["default"], 'paddingBottom', resolvedPaddingBottom), responsiveProps.getClassNames(padding_module["default"], 'paddingLeft', resolvedPaddingLeft),
|
|
92
|
+
// margin
|
|
93
|
+
responsiveProps.getClassNames(margin_module["default"], 'marginTop', resolvedMarginTop), responsiveProps.getClassNames(margin_module["default"], 'marginRight', resolvedMarginRight), responsiveProps.getClassNames(margin_module["default"], 'marginBottom', resolvedMarginBottom), responsiveProps.getClassNames(margin_module["default"], 'marginLeft', resolvedMarginLeft),
|
|
94
|
+
// flex props
|
|
95
|
+
omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexDirection', flexDirection), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'flexWrap', flexWrap), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'alignItems', alignItems), omitFlex ? null : responsiveProps.getClassNames(box_module["default"], 'justifyContent', justifyContent), alignSelf != null ? responsiveProps.getClassNames(box_module["default"], 'alignSelf', alignSelf) : null, flexShrink != null ? responsiveProps.getClassNames(box_module["default"], 'flexShrink', String(flexShrink)) : null, flexGrow != null ? responsiveProps.getClassNames(box_module["default"], 'flexGrow', String(flexGrow)) : null, gap ? responsiveProps.getClassNames(gap_module["default"], 'gap', gap) : null,
|
|
96
|
+
// other props
|
|
97
|
+
responsiveProps.getClassNames(box_module["default"], 'overflow', overflow), width != null ? responsiveProps.getClassNames(width_module["default"], 'width', String(width)) : null, responsiveProps.getClassNames(box_module["default"], 'height', height), responsiveProps.getClassNames(box_module["default"], 'bg', background), borderRadius !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'borderRadius', borderRadius) : null, border !== 'none' ? responsiveProps.getClassNames(box_module["default"], 'border', border) : null, overlayScroll ? box_module["default"].overlayScroll : null);
|
|
60
98
|
}
|
|
61
|
-
|
|
62
|
-
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
|
|
67
|
-
|
|
68
|
-
|
|
69
|
-
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
|
|
76
|
-
|
|
77
|
-
|
|
78
|
-
|
|
79
|
-
|
|
80
|
-
|
|
81
|
-
|
|
82
|
-
|
|
83
|
-
|
|
84
|
-
|
|
85
|
-
|
|
86
|
-
|
|
87
|
-
|
|
88
|
-
|
|
89
|
-
|
|
90
|
-
|
|
91
|
-
|
|
92
|
-
|
|
93
|
-
|
|
94
|
-
|
|
95
|
-
|
|
96
|
-
|
|
97
|
-
|
|
98
|
-
|
|
99
|
-
|
|
99
|
+
const Box = polymorphism.polymorphicComponent(function Box(_ref, ref) {
|
|
100
|
+
let {
|
|
101
|
+
as: component = 'div',
|
|
102
|
+
position = 'static',
|
|
103
|
+
display,
|
|
104
|
+
flexDirection = 'row',
|
|
105
|
+
flexWrap,
|
|
106
|
+
flexGrow,
|
|
107
|
+
flexShrink,
|
|
108
|
+
gap,
|
|
109
|
+
alignItems,
|
|
110
|
+
justifyContent,
|
|
111
|
+
alignSelf,
|
|
112
|
+
overflow,
|
|
113
|
+
width,
|
|
114
|
+
height,
|
|
115
|
+
background,
|
|
116
|
+
border,
|
|
117
|
+
borderRadius,
|
|
118
|
+
minWidth,
|
|
119
|
+
maxWidth,
|
|
120
|
+
textAlign,
|
|
121
|
+
padding,
|
|
122
|
+
paddingY,
|
|
123
|
+
paddingX,
|
|
124
|
+
paddingTop,
|
|
125
|
+
paddingRight,
|
|
126
|
+
paddingBottom,
|
|
127
|
+
paddingLeft,
|
|
128
|
+
margin,
|
|
129
|
+
marginY,
|
|
130
|
+
marginX,
|
|
131
|
+
marginTop,
|
|
132
|
+
marginRight,
|
|
133
|
+
marginBottom,
|
|
134
|
+
marginLeft,
|
|
135
|
+
overlayScroll,
|
|
136
|
+
className,
|
|
137
|
+
children
|
|
138
|
+
} = _ref,
|
|
139
|
+
props = _objectWithoutProperties__default["default"](_ref, _excluded);
|
|
140
|
+
return /*#__PURE__*/React__namespace.createElement(component, _objectSpread__default["default"](_objectSpread__default["default"]({}, props), {}, {
|
|
141
|
+
className: getBoxClassNames({
|
|
142
|
+
position,
|
|
143
|
+
display,
|
|
144
|
+
flexDirection,
|
|
145
|
+
flexWrap,
|
|
146
|
+
flexGrow,
|
|
147
|
+
flexShrink,
|
|
148
|
+
gap,
|
|
149
|
+
alignItems,
|
|
150
|
+
justifyContent,
|
|
151
|
+
alignSelf,
|
|
152
|
+
overflow,
|
|
153
|
+
width,
|
|
154
|
+
height,
|
|
155
|
+
background,
|
|
156
|
+
border,
|
|
157
|
+
borderRadius,
|
|
158
|
+
minWidth,
|
|
159
|
+
maxWidth,
|
|
160
|
+
textAlign,
|
|
161
|
+
padding,
|
|
162
|
+
paddingY,
|
|
163
|
+
paddingX,
|
|
164
|
+
paddingTop,
|
|
165
|
+
paddingRight,
|
|
166
|
+
paddingBottom,
|
|
167
|
+
paddingLeft,
|
|
168
|
+
margin,
|
|
169
|
+
marginY,
|
|
170
|
+
marginX,
|
|
171
|
+
marginTop,
|
|
172
|
+
marginRight,
|
|
173
|
+
marginBottom,
|
|
174
|
+
marginLeft,
|
|
175
|
+
overlayScroll,
|
|
176
|
+
className
|
|
177
|
+
}),
|
|
178
|
+
ref
|
|
179
|
+
}), children);
|
|
100
180
|
});
|
|
101
181
|
|
|
102
182
|
exports.Box = Box;
|
package/lib/box/box.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":[null],"names":["classNames","styles","getClassNames","widthStyles","paddingStyles","marginStyles","gapStyles","polymorphicComponent","__rest","React","__assign"],"mappings":"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"}
|
|
1
|
+
{"version":3,"file":"box.js","sources":["../../src/box/box.tsx"],"sourcesContent":["import * as React from 'react'\n\nimport classNames from 'classnames'\n\nimport { polymorphicComponent } from '../utils/polymorphism'\nimport { getClassNames } from '../utils/responsive-props'\n\nimport styles from './box.module.css'\nimport gapStyles from './gap.module.css'\nimport marginStyles from './margin.module.css'\nimport paddingStyles from './padding.module.css'\nimport widthStyles from './width.module.css'\n\nimport type {\n DividerWeight,\n Space,\n SpaceWithNegatives,\n WithEnhancedClassName,\n} from '../utils/common-types'\nimport type { ResponsiveProp } from '../utils/responsive-props'\n\ninterface BoxPaddingProps {\n padding?: ResponsiveProp<Space>\n paddingX?: ResponsiveProp<Space>\n paddingY?: ResponsiveProp<Space>\n paddingTop?: ResponsiveProp<Space>\n paddingRight?: ResponsiveProp<Space>\n paddingBottom?: ResponsiveProp<Space>\n paddingLeft?: ResponsiveProp<Space>\n}\n\ninterface BoxMarginProps {\n margin?: ResponsiveProp<SpaceWithNegatives>\n marginX?: ResponsiveProp<SpaceWithNegatives>\n marginY?: ResponsiveProp<SpaceWithNegatives>\n marginTop?: ResponsiveProp<SpaceWithNegatives>\n marginRight?: ResponsiveProp<SpaceWithNegatives>\n marginBottom?: ResponsiveProp<SpaceWithNegatives>\n marginLeft?: ResponsiveProp<SpaceWithNegatives>\n}\n\ntype BoxDisplay = 'block' | 'flex' | 'inline' | 'inlineBlock' | 'inlineFlex' | 'none'\ntype BoxFlexDirection = 'column' | 'row'\ntype BoxFlexWrap = 'nowrap' | 'wrap'\ntype BoxAlignItems = 'center' | 'flexEnd' | 'flexStart' | 'baseline'\ntype BoxJustifyContent =\n | 'center'\n | 'flexEnd'\n | 'flexStart'\n | 'spaceAround'\n | 'spaceBetween'\n | 'spaceEvenly'\ntype BoxAlignSelf = 'flexStart' | 'flexEnd' | 'center' | 'baseline' | 'stretch'\ntype BoxOverflow = 'hidden' | 'auto' | 'visible' | 'scroll'\n\ntype BoxMaxMinWidth = 'xsmall' | 'small' | 'medium' | 'large' | 'xlarge'\ntype BoxMinWidth = 0 | BoxMaxMinWidth\ntype BoxMaxWidth = BoxMaxMinWidth | 'full'\ntype BoxWidth = 0 | BoxMaxMinWidth | 'full' | 'auto' | 'maxContent' | 'minContent' | 'fitContent'\ntype BoxBackground = 'default' | 'aside' | 'highlight' | 'selected' | 'toast'\ntype BoxBorderRadius = 'standard' | 'none' | 'full'\n\ninterface BorderProps {\n borderRadius?: BoxBorderRadius\n border?: DividerWeight\n}\n\ninterface ReusableBoxProps extends BorderProps, BoxPaddingProps {\n minWidth?: BoxMinWidth\n maxWidth?: BoxMaxWidth\n width?: BoxWidth\n background?: BoxBackground\n flexGrow?: 0 | 1\n flexShrink?: 0\n}\n\ntype BoxPosition = 'absolute' | 'fixed' | 'relative' | 'static' | 'sticky'\ntype BoxTextAlign = 'start' | 'center' | 'end' | 'justify'\n\ninterface BoxProps extends WithEnhancedClassName, ReusableBoxProps, BoxMarginProps {\n position?: ResponsiveProp<BoxPosition>\n display?: ResponsiveProp<BoxDisplay>\n flexDirection?: ResponsiveProp<BoxFlexDirection>\n flexWrap?: BoxFlexWrap\n gap?: ResponsiveProp<Space | 'none'>\n alignItems?: ResponsiveProp<BoxAlignItems>\n alignSelf?: ResponsiveProp<BoxAlignSelf>\n justifyContent?: ResponsiveProp<BoxJustifyContent>\n overflow?: BoxOverflow\n height?: 'full'\n textAlign?: ResponsiveProp<BoxTextAlign>\n /**\n * The `overlayScroll` prop enables a modern scrollbar experience where the scrollbar is hidden\n * by default and appears on hover. This provides a cleaner interface while maintaining full scrollability.\n *\n * Scrollbar appearance may be affected by macOS system settings,\n * such as \"Show scroll bars: Automatically/When scrolling/Always\".\n * This can override or change the effect of these styles on Mac devices.\n */\n overlayScroll?: boolean\n}\n\nfunction getBoxClassNames({\n position = 'static',\n display,\n flexDirection = 'row',\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n}: BoxProps) {\n const resolvedPaddingTop = paddingTop ?? paddingY ?? padding\n const resolvedPaddingRight = paddingRight ?? paddingX ?? padding\n const resolvedPaddingBottom = paddingBottom ?? paddingY ?? padding\n const resolvedPaddingLeft = paddingLeft ?? paddingX ?? padding\n\n const resolvedMarginTop = marginTop ?? marginY ?? margin\n const resolvedMarginRight = marginRight ?? marginX ?? margin\n const resolvedMarginBottom = marginBottom ?? marginY ?? margin\n const resolvedMarginLeft = marginLeft ?? marginX ?? margin\n\n const omitFlex =\n !display || (typeof display === 'string' && display !== 'flex' && display !== 'inlineFlex')\n\n return classNames(\n className,\n styles.box,\n display ? getClassNames(styles, 'display', display) : null,\n position !== 'static' ? getClassNames(styles, 'position', position) : null,\n minWidth != null ? getClassNames(widthStyles, 'minWidth', String(minWidth)) : null,\n getClassNames(widthStyles, 'maxWidth', maxWidth),\n getClassNames(styles, 'textAlign', textAlign),\n // padding\n getClassNames(paddingStyles, 'paddingTop', resolvedPaddingTop),\n getClassNames(paddingStyles, 'paddingRight', resolvedPaddingRight),\n getClassNames(paddingStyles, 'paddingBottom', resolvedPaddingBottom),\n getClassNames(paddingStyles, 'paddingLeft', resolvedPaddingLeft),\n // margin\n getClassNames(marginStyles, 'marginTop', resolvedMarginTop),\n getClassNames(marginStyles, 'marginRight', resolvedMarginRight),\n getClassNames(marginStyles, 'marginBottom', resolvedMarginBottom),\n getClassNames(marginStyles, 'marginLeft', resolvedMarginLeft),\n // flex props\n omitFlex ? null : getClassNames(styles, 'flexDirection', flexDirection),\n omitFlex ? null : getClassNames(styles, 'flexWrap', flexWrap),\n omitFlex ? null : getClassNames(styles, 'alignItems', alignItems),\n omitFlex ? null : getClassNames(styles, 'justifyContent', justifyContent),\n alignSelf != null ? getClassNames(styles, 'alignSelf', alignSelf) : null,\n flexShrink != null ? getClassNames(styles, 'flexShrink', String(flexShrink)) : null,\n flexGrow != null ? getClassNames(styles, 'flexGrow', String(flexGrow)) : null,\n gap ? getClassNames(gapStyles, 'gap', gap) : null,\n // other props\n getClassNames(styles, 'overflow', overflow),\n width != null ? getClassNames(widthStyles, 'width', String(width)) : null,\n getClassNames(styles, 'height', height),\n getClassNames(styles, 'bg', background),\n borderRadius !== 'none' ? getClassNames(styles, 'borderRadius', borderRadius) : null,\n border !== 'none' ? getClassNames(styles, 'border', border) : null,\n overlayScroll ? styles.overlayScroll : null,\n )\n}\n\nconst Box = polymorphicComponent<'div', BoxProps, 'keepClassName'>(function Box(\n {\n as: component = 'div',\n position = 'static',\n display,\n flexDirection = 'row',\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n children,\n ...props\n },\n ref,\n) {\n return React.createElement(\n component,\n {\n ...props,\n className: getBoxClassNames({\n position,\n display,\n flexDirection,\n flexWrap,\n flexGrow,\n flexShrink,\n gap,\n alignItems,\n justifyContent,\n alignSelf,\n overflow,\n width,\n height,\n background,\n border,\n borderRadius,\n minWidth,\n maxWidth,\n textAlign,\n padding,\n paddingY,\n paddingX,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft,\n margin,\n marginY,\n marginX,\n marginTop,\n marginRight,\n marginBottom,\n marginLeft,\n overlayScroll,\n className,\n }),\n ref,\n },\n children,\n )\n})\n\nexport type {\n BoxAlignItems,\n BoxBackground,\n BoxBorderRadius,\n BoxDisplay,\n BoxFlexDirection,\n BoxFlexWrap,\n BoxJustifyContent,\n BoxMarginProps,\n BoxMaxWidth,\n BoxMinWidth,\n BoxOverflow,\n BoxPaddingProps,\n BoxPosition,\n BoxProps,\n BoxTextAlign,\n ReusableBoxProps,\n}\n\nexport { Box, getBoxClassNames }\n"],"names":["getBoxClassNames","position","display","flexDirection","flexWrap","flexGrow","flexShrink","gap","alignItems","justifyContent","alignSelf","overflow","width","height","background","border","borderRadius","minWidth","maxWidth","textAlign","padding","paddingY","paddingX","paddingTop","paddingRight","paddingBottom","paddingLeft","margin","marginY","marginX","marginTop","marginRight","marginBottom","marginLeft","overlayScroll","className","resolvedPaddingTop","resolvedPaddingRight","resolvedPaddingBottom","resolvedPaddingLeft","resolvedMarginTop","resolvedMarginRight","resolvedMarginBottom","resolvedMarginLeft","omitFlex","classNames","styles","box","getClassNames","widthStyles","String","paddingStyles","marginStyles","gapStyles","Box","polymorphicComponent","_ref","ref","as","component","children","props","_objectWithoutProperties","_excluded","React","createElement","_objectSpread"],"mappings":"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"}
|