@digigov/react-experimental 1.1.2 → 2.0.0-8de46296
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/FloatingButton/index.js +1 -1
- package/OptionButtonBase/index.js +1 -1
- package/OptionButtonSteps/index.js +2 -2
- package/cjs/FloatingButton/index.js +1 -1
- package/cjs/OptionButtonBase/index.js +1 -1
- package/cjs/OptionButtonSteps/index.js +2 -2
- package/index.js +1 -1
- package/package.json +4 -4
- package/src/FloatingButton/index.tsx +3 -3
- package/src/OptionButtonBase/index.tsx +8 -8
- package/src/OptionButtonSteps/index.tsx +3 -3
package/FloatingButton/index.js
CHANGED
|
@@ -18,7 +18,7 @@ export var FloatingButton = /*#__PURE__*/React.forwardRef(function FloatingButto
|
|
|
18
18
|
props = _objectWithoutProperties(_ref, _excluded);
|
|
19
19
|
return /*#__PURE__*/React.createElement(Button, _extends({
|
|
20
20
|
ref: ref,
|
|
21
|
-
className: clsx(className, direction === 'right' && '
|
|
21
|
+
className: clsx(className, direction === 'right' && 'ds-floating-btn--right', direction === 'left' && 'ds-floating-btn--left', true && 'ds-floating-btn')
|
|
22
22
|
}, props), children);
|
|
23
23
|
});
|
|
24
24
|
export default FloatingButton;
|
|
@@ -18,7 +18,7 @@ export var OptionButtonBase = /*#__PURE__*/React.forwardRef(function OptionButto
|
|
|
18
18
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
19
19
|
as: "button",
|
|
20
20
|
ref: ref,
|
|
21
|
-
className: clsx(className, selected && '
|
|
21
|
+
className: clsx(className, selected && 'ds-option-btn--selected', true && ['ds-btn', 'ds-option-btn'])
|
|
22
22
|
}, props), children);
|
|
23
23
|
});
|
|
24
24
|
export default OptionButtonBase;
|
|
@@ -19,13 +19,13 @@ export var OptionButtonSteps = /*#__PURE__*/React.forwardRef(function OptionButt
|
|
|
19
19
|
var renderStep = function renderStep(step) {
|
|
20
20
|
return /*#__PURE__*/React.createElement(Base, {
|
|
21
21
|
as: "div",
|
|
22
|
-
className: clsx(className, activeStep >= step && '
|
|
22
|
+
className: clsx(className, activeStep >= step && 'ds-option-btn__step--active', true && 'ds-option-btn__step')
|
|
23
23
|
});
|
|
24
24
|
};
|
|
25
25
|
return /*#__PURE__*/React.createElement(Base, _extends({
|
|
26
26
|
as: "div",
|
|
27
27
|
ref: ref,
|
|
28
|
-
className: clsx(className, true && '
|
|
28
|
+
className: clsx(className, true && 'ds-option-btn__steps')
|
|
29
29
|
}, props), steps >= 1 && renderStep(1), steps >= 2 && renderStep(2), steps >= 3 && renderStep(3), steps >= 4 && renderStep(4));
|
|
30
30
|
});
|
|
31
31
|
export default OptionButtonSteps;
|
|
@@ -25,7 +25,7 @@ var FloatingButton = exports.FloatingButton = /*#__PURE__*/_react["default"].for
|
|
|
25
25
|
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
26
26
|
return /*#__PURE__*/_react["default"].createElement(_Button["default"], (0, _extends2["default"])({
|
|
27
27
|
ref: ref,
|
|
28
|
-
className: (0, _clsx["default"])(className, direction === 'right' && '
|
|
28
|
+
className: (0, _clsx["default"])(className, direction === 'right' && 'ds-floating-btn--right', direction === 'left' && 'ds-floating-btn--left', true && 'ds-floating-btn')
|
|
29
29
|
}, props), children);
|
|
30
30
|
});
|
|
31
31
|
var _default = exports["default"] = FloatingButton;
|
|
@@ -25,7 +25,7 @@ var OptionButtonBase = exports.OptionButtonBase = /*#__PURE__*/_react["default"]
|
|
|
25
25
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
26
26
|
as: "button",
|
|
27
27
|
ref: ref,
|
|
28
|
-
className: (0, _clsx["default"])(className, selected && '
|
|
28
|
+
className: (0, _clsx["default"])(className, selected && 'ds-option-btn--selected', true && ['ds-btn', 'ds-option-btn'])
|
|
29
29
|
}, props), children);
|
|
30
30
|
});
|
|
31
31
|
var _default = exports["default"] = OptionButtonBase;
|
|
@@ -26,13 +26,13 @@ var OptionButtonSteps = exports.OptionButtonSteps = /*#__PURE__*/_react["default
|
|
|
26
26
|
var renderStep = function renderStep(step) {
|
|
27
27
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], {
|
|
28
28
|
as: "div",
|
|
29
|
-
className: (0, _clsx["default"])(className, activeStep >= step && '
|
|
29
|
+
className: (0, _clsx["default"])(className, activeStep >= step && 'ds-option-btn__step--active', true && 'ds-option-btn__step')
|
|
30
30
|
});
|
|
31
31
|
};
|
|
32
32
|
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
33
33
|
as: "div",
|
|
34
34
|
ref: ref,
|
|
35
|
-
className: (0, _clsx["default"])(className, true && '
|
|
35
|
+
className: (0, _clsx["default"])(className, true && 'ds-option-btn__steps')
|
|
36
36
|
}, props), steps >= 1 && renderStep(1), steps >= 2 && renderStep(2), steps >= 3 && renderStep(3), steps >= 4 && renderStep(4));
|
|
37
37
|
});
|
|
38
38
|
var _default = exports["default"] = OptionButtonSteps;
|
package/index.js
CHANGED
package/package.json
CHANGED
|
@@ -1,15 +1,15 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@digigov/react-experimental",
|
|
3
|
-
"version": "
|
|
3
|
+
"version": "2.0.0-8de46296",
|
|
4
4
|
"description": "@digigov react experimental components",
|
|
5
5
|
"author": "GRNET Developers <devs@lists.grnet.gr>",
|
|
6
6
|
"license": "BSD-2-Clause",
|
|
7
7
|
"main": "./cjs/index.js",
|
|
8
8
|
"module": "./index.js",
|
|
9
9
|
"peerDependencies": {
|
|
10
|
-
"@digigov/css": "
|
|
11
|
-
"@digigov/react-experimental": "
|
|
12
|
-
"@digigov/react-icons": "
|
|
10
|
+
"@digigov/css": "2.0.0-8de46296",
|
|
11
|
+
"@digigov/react-experimental": "2.0.0-8de46296",
|
|
12
|
+
"@digigov/react-icons": "2.0.0-8de46296",
|
|
13
13
|
"clsx": "1.1.1",
|
|
14
14
|
"react": "^16.8.0 || ^17.0.0",
|
|
15
15
|
"react-dom": "^16.8.0 || ^17.0.0"
|
|
@@ -30,9 +30,9 @@ export const FloatingButton = React.forwardRef<
|
|
|
30
30
|
<Button
|
|
31
31
|
ref={ref}
|
|
32
32
|
className={clsx(className, {
|
|
33
|
-
'
|
|
34
|
-
'
|
|
35
|
-
'
|
|
33
|
+
'ds-floating-btn': true,
|
|
34
|
+
'ds-floating-btn--right': direction === 'right',
|
|
35
|
+
'ds-floating-btn--left': direction === 'left',
|
|
36
36
|
})}
|
|
37
37
|
{...props}
|
|
38
38
|
>
|
|
@@ -27,14 +27,14 @@ export const OptionButtonBase = React.forwardRef<
|
|
|
27
27
|
) {
|
|
28
28
|
return (
|
|
29
29
|
<Base
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
30
|
+
as="button"
|
|
31
|
+
ref={ref}
|
|
32
|
+
className={clsx(className, {
|
|
33
|
+
'ds-btn': true,
|
|
34
|
+
'ds-option-btn': true,
|
|
35
|
+
'ds-option-btn--selected': selected,
|
|
36
|
+
})}
|
|
37
|
+
{...props}
|
|
38
38
|
>
|
|
39
39
|
{children}
|
|
40
40
|
</Base>
|
|
@@ -36,8 +36,8 @@ export const OptionButtonSteps = React.forwardRef<
|
|
|
36
36
|
<Base
|
|
37
37
|
as="div"
|
|
38
38
|
className={clsx(className, {
|
|
39
|
-
'
|
|
40
|
-
'
|
|
39
|
+
'ds-option-btn__step': true,
|
|
40
|
+
'ds-option-btn__step--active': activeStep >= step,
|
|
41
41
|
})}
|
|
42
42
|
></Base>
|
|
43
43
|
);
|
|
@@ -47,7 +47,7 @@ export const OptionButtonSteps = React.forwardRef<
|
|
|
47
47
|
as="div"
|
|
48
48
|
ref={ref}
|
|
49
49
|
className={clsx(className, {
|
|
50
|
-
'
|
|
50
|
+
'ds-option-btn__steps': true,
|
|
51
51
|
})}
|
|
52
52
|
{...props}
|
|
53
53
|
>
|