@digigov/react-experimental 2.0.0-f2d82d25 → 2.0.0-f4bd66e1
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.d.ts +1 -1
- package/FloatingButton/index.js +15 -23
- package/Kitchensink/AllComponents.d.ts +2 -0
- package/Kitchensink/AllComponents.js +7 -0
- package/Kitchensink/KitchensinkByCategory.d.ts +6 -0
- package/Kitchensink/KitchensinkByCategory.js +25 -0
- package/Kitchensink/KitchensinkByLetter.d.ts +6 -0
- package/Kitchensink/KitchensinkByLetter.js +14 -0
- package/Kitchensink/KitchensinkComponent.d.ts +10 -0
- package/Kitchensink/KitchensinkComponent.js +29 -0
- package/Kitchensink/KitchensinkDashboard.d.ts +5 -0
- package/Kitchensink/KitchensinkDashboard.js +28 -0
- package/Kitchensink/index.d.ts +5 -0
- package/Kitchensink/index.js +5 -0
- package/OptionButtonBase/index.d.ts +5 -5
- package/OptionButtonBase/index.js +16 -23
- package/OptionButtonSteps/index.d.ts +10 -10
- package/OptionButtonSteps/index.js +21 -30
- package/index.d.ts +4 -3
- package/index.js +5 -4
- package/package.json +11 -13
- package/src/FloatingButton/__snapshots__/index.test.tsx.snap +37 -0
- package/src/FloatingButton/index.test.tsx +11 -5
- package/src/FloatingButton/index.tsx +1 -1
- package/src/Kitchensink/AllComponents.tsx +7 -0
- package/src/Kitchensink/KitchensinkByCategory.tsx +54 -0
- package/src/Kitchensink/KitchensinkByLetter.tsx +35 -0
- package/src/Kitchensink/KitchensinkComponent.tsx +70 -0
- package/src/Kitchensink/KitchensinkDashboard.tsx +56 -0
- package/src/Kitchensink/index.ts +5 -0
- package/src/OptionButtonBase/__snapshots__/index.test.tsx.snap +37 -0
- package/src/OptionButtonBase/index.test.tsx +11 -5
- package/src/OptionButtonBase/index.tsx +8 -9
- package/src/OptionButtonSteps/__snapshots__/index.test.tsx.snap +84 -0
- package/src/OptionButtonSteps/index.test.tsx +21 -7
- package/src/OptionButtonSteps/index.tsx +10 -11
- package/src/index.ts +1 -0
- package/FloatingButton/index.test/index.js +0 -19
- package/FloatingButton/index.test/package.json +0 -6
- package/FloatingButton/index.test.d.ts +0 -1
- package/FloatingButton/package.json +0 -6
- package/OptionButtonBase/index.test/index.js +0 -19
- package/OptionButtonBase/index.test/package.json +0 -6
- package/OptionButtonBase/index.test.d.ts +0 -1
- package/OptionButtonBase/package.json +0 -6
- package/OptionButtonSteps/index.test/index.js +0 -32
- package/OptionButtonSteps/index.test/package.json +0 -6
- package/OptionButtonSteps/index.test.d.ts +0 -1
- package/OptionButtonSteps/package.json +0 -6
- package/cjs/FloatingButton/index.js +0 -31
- package/cjs/FloatingButton/index.test/index.js +0 -22
- package/cjs/OptionButtonBase/index.js +0 -31
- package/cjs/OptionButtonBase/index.test/index.js +0 -22
- package/cjs/OptionButtonSteps/index.js +0 -38
- package/cjs/OptionButtonSteps/index.test/index.js +0 -35
- package/cjs/index.js +0 -38
|
@@ -1,22 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _react = _interopRequireDefault(require("react"));
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
var _OptionButtonBase = _interopRequireDefault(require("@digigov/react-experimental/OptionButtonBase"));
|
|
7
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(_OptionButtonBase["default"], null, "+");
|
|
8
|
-
it('renders the OptionButtonBase with no props', function () {
|
|
9
|
-
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
10
|
-
});
|
|
11
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(_OptionButtonBase["default"], {
|
|
12
|
-
selected: true
|
|
13
|
-
}, "+");
|
|
14
|
-
it('renders the OptionButtonBase with selected=true', function () {
|
|
15
|
-
expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
|
|
16
|
-
});
|
|
17
|
-
var _ref3 = /*#__PURE__*/_react["default"].createElement(_OptionButtonBase["default"], {
|
|
18
|
-
selected: false
|
|
19
|
-
}, "+");
|
|
20
|
-
it('renders the OptionButtonBase with selected=false', function () {
|
|
21
|
-
expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
|
|
22
|
-
});
|
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
Object.defineProperty(exports, "__esModule", {
|
|
5
|
-
value: true
|
|
6
|
-
});
|
|
7
|
-
exports["default"] = exports.OptionButtonSteps = void 0;
|
|
8
|
-
var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
|
|
9
|
-
var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
|
|
10
|
-
var _react = _interopRequireDefault(require("react"));
|
|
11
|
-
var _clsx = _interopRequireDefault(require("clsx"));
|
|
12
|
-
var _Base = _interopRequireDefault(require("@digigov/react-core/Base"));
|
|
13
|
-
var _excluded = ["steps", "activeStep", "className"];
|
|
14
|
-
/**
|
|
15
|
-
*
|
|
16
|
-
* OptionButtonSteps can be used to represent small blocks of information.
|
|
17
|
-
* OptionButtonSteps component must be inside OptionButtonStepsSection component.
|
|
18
|
-
*/
|
|
19
|
-
var OptionButtonSteps = exports.OptionButtonSteps = /*#__PURE__*/_react["default"].forwardRef(function OptionButtonSteps(_ref, ref) {
|
|
20
|
-
var _ref$steps = _ref.steps,
|
|
21
|
-
steps = _ref$steps === void 0 ? 0 : _ref$steps,
|
|
22
|
-
_ref$activeStep = _ref.activeStep,
|
|
23
|
-
activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
|
|
24
|
-
className = _ref.className,
|
|
25
|
-
props = (0, _objectWithoutProperties2["default"])(_ref, _excluded);
|
|
26
|
-
var renderStep = function renderStep(step) {
|
|
27
|
-
return /*#__PURE__*/_react["default"].createElement(_Base["default"], {
|
|
28
|
-
as: "div",
|
|
29
|
-
className: (0, _clsx["default"])(className, activeStep >= step && 'ds-option-btn__step--active', true && 'ds-option-btn__step')
|
|
30
|
-
});
|
|
31
|
-
};
|
|
32
|
-
return /*#__PURE__*/_react["default"].createElement(_Base["default"], (0, _extends2["default"])({
|
|
33
|
-
as: "div",
|
|
34
|
-
ref: ref,
|
|
35
|
-
className: (0, _clsx["default"])(className, true && 'ds-option-btn__steps')
|
|
36
|
-
}, props), steps >= 1 && renderStep(1), steps >= 2 && renderStep(2), steps >= 3 && renderStep(3), steps >= 4 && renderStep(4));
|
|
37
|
-
});
|
|
38
|
-
var _default = exports["default"] = OptionButtonSteps;
|
|
@@ -1,35 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
|
|
4
|
-
var _react = _interopRequireDefault(require("react"));
|
|
5
|
-
var _enzyme = require("enzyme");
|
|
6
|
-
var _OptionButtonSteps = _interopRequireDefault(require("@digigov/react-experimental/OptionButtonSteps"));
|
|
7
|
-
var _ref = /*#__PURE__*/_react["default"].createElement(_OptionButtonSteps["default"], null, "+");
|
|
8
|
-
it('renders the OptionButtonSteps with no props', function () {
|
|
9
|
-
expect((0, _enzyme.mount)(_ref)).toMatchSnapshot();
|
|
10
|
-
});
|
|
11
|
-
var _ref2 = /*#__PURE__*/_react["default"].createElement(_OptionButtonSteps["default"], {
|
|
12
|
-
steps: 3
|
|
13
|
-
}, "+");
|
|
14
|
-
it('renders the OptionButtonSteps with steps="3"', function () {
|
|
15
|
-
expect((0, _enzyme.mount)(_ref2)).toMatchSnapshot();
|
|
16
|
-
});
|
|
17
|
-
var _ref3 = /*#__PURE__*/_react["default"].createElement(_OptionButtonSteps["default"], {
|
|
18
|
-
steps: 4
|
|
19
|
-
}, "+");
|
|
20
|
-
it('renders the OptionButtonSteps with steps=4', function () {
|
|
21
|
-
expect((0, _enzyme.mount)(_ref3)).toMatchSnapshot();
|
|
22
|
-
});
|
|
23
|
-
var _ref4 = /*#__PURE__*/_react["default"].createElement(_OptionButtonSteps["default"], {
|
|
24
|
-
activeStep: 1
|
|
25
|
-
}, "+");
|
|
26
|
-
it('renders the OptionButtonSteps with activeStep=1', function () {
|
|
27
|
-
expect((0, _enzyme.mount)(_ref4)).toMatchSnapshot();
|
|
28
|
-
});
|
|
29
|
-
var _ref5 = /*#__PURE__*/_react["default"].createElement(_OptionButtonSteps["default"], {
|
|
30
|
-
steps: 3,
|
|
31
|
-
activeStep: 1
|
|
32
|
-
}, "+");
|
|
33
|
-
it('renders the OptionButtonSteps with steps=3 activeStep=1', function () {
|
|
34
|
-
expect((0, _enzyme.mount)(_ref5)).toMatchSnapshot();
|
|
35
|
-
});
|
package/cjs/index.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
|
|
3
|
-
Object.defineProperty(exports, "__esModule", {
|
|
4
|
-
value: true
|
|
5
|
-
});
|
|
6
|
-
var _FloatingButton = require("@digigov/react-experimental/FloatingButton");
|
|
7
|
-
Object.keys(_FloatingButton).forEach(function (key) {
|
|
8
|
-
if (key === "default" || key === "__esModule") return;
|
|
9
|
-
if (key in exports && exports[key] === _FloatingButton[key]) return;
|
|
10
|
-
Object.defineProperty(exports, key, {
|
|
11
|
-
enumerable: true,
|
|
12
|
-
get: function get() {
|
|
13
|
-
return _FloatingButton[key];
|
|
14
|
-
}
|
|
15
|
-
});
|
|
16
|
-
});
|
|
17
|
-
var _OptionButtonBase = require("@digigov/react-experimental/OptionButtonBase");
|
|
18
|
-
Object.keys(_OptionButtonBase).forEach(function (key) {
|
|
19
|
-
if (key === "default" || key === "__esModule") return;
|
|
20
|
-
if (key in exports && exports[key] === _OptionButtonBase[key]) return;
|
|
21
|
-
Object.defineProperty(exports, key, {
|
|
22
|
-
enumerable: true,
|
|
23
|
-
get: function get() {
|
|
24
|
-
return _OptionButtonBase[key];
|
|
25
|
-
}
|
|
26
|
-
});
|
|
27
|
-
});
|
|
28
|
-
var _OptionButtonSteps = require("@digigov/react-experimental/OptionButtonSteps");
|
|
29
|
-
Object.keys(_OptionButtonSteps).forEach(function (key) {
|
|
30
|
-
if (key === "default" || key === "__esModule") return;
|
|
31
|
-
if (key in exports && exports[key] === _OptionButtonSteps[key]) return;
|
|
32
|
-
Object.defineProperty(exports, key, {
|
|
33
|
-
enumerable: true,
|
|
34
|
-
get: function get() {
|
|
35
|
-
return _OptionButtonSteps[key];
|
|
36
|
-
}
|
|
37
|
-
});
|
|
38
|
-
});
|