@decisiv/ui-components 2.0.1-alpha.183 → 2.0.1-alpha.185

package/lib/components/Filter/types.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,oBAAY,OAAO,GAAG,QAAQ,CAAC;AAC/B,oBAAY,IAAI,GAAG,SAAS,CAAC;AAC7B,oBAAY,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAE9D,MAAM,WAAW,WAAY,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC1E,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,IAAI,EAAE,cAAc,CAAC;IACrB,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB"}
+{"version":3,"file":"types.d.ts","sourceRoot":"","sources":["../../../src/components/Filter/types.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,OAAO,CAAC;AAC7C,OAAO,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAE5C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D,oBAAY,OAAO,GAAG,QAAQ,GAAG,QAAQ,CAAC;AAC1C,oBAAY,IAAI,GAAG,SAAS,GAAG,WAAW,CAAC;AAC3C,oBAAY,aAAa,GAAG,CAAC,KAAK,EAAE,SAAS,KAAK,GAAG,CAAC,OAAO,CAAC;AAE9D,MAAM,WAAW,eACf,SAAQ,oBAAoB,CAAC,iBAAiB,CAAC;IAC/C,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,IAAI,EAAE,cAAc,CAAC;IACrB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,UAAU,CAAC,EAAE,iBAAiB,CAAC;IAC/B,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,OAAO,CAAC,EAAE,KAAK,CAAC;CACjB;AAED,MAAM,WAAW,iBAAkB,SAAQ,eAAe;IACxD,OAAO,EAAE,QAAQ,CAAC;IAClB,SAAS,CAAC,EAAE,aAAa,CAAC;IAC1B,OAAO,CAAC,EAAE,aAAa,CAAC;IACxB,SAAS,CAAC,EAAE,KAAK,CAAC;IAClB,UAAU,CAAC,EAAE,KAAK,CAAC;CACpB;AAED,oBAAY,WAAW,GAAG,iBAAiB,GAAG,iBAAiB,CAAC"}

package/lib/components/StepTracker/index.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export interface StepTrackerProps {
+    activeStep: number;
+    steps: string[];
+}
+declare function StepTracker({ activeStep, steps, }: StepTrackerProps): JSX.Element;
+declare namespace StepTracker {
+    var propTypes: any;
+}
+export default StepTracker;
+//# sourceMappingURL=index.d.ts.map

package/lib/components/StepTracker/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/StepTracker/index.tsx"],"names":[],"mappings":";AAiBA,MAAM,WAAW,gBAAgB;IAC/B,UAAU,EAAE,MAAM,CAAC;IACnB,KAAK,EAAE,MAAM,EAAE,CAAC;CACjB;AAED,iBAAwB,WAAW,CAAC,EAClC,UAAc,EACd,KAAU,GACX,EAAE,gBAAgB,GAAG,GAAG,CAAC,OAAO,CAuChC;kBA1CuB,WAAW;;;eAAX,WAAW"}

package/lib/components/StepTracker/index.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = StepTracker;
+
+var _react = _interopRequireDefault(require("react"));
+
+var _uniqueId = _interopRequireDefault(require("lodash/uniqueId"));
+
+var _Check = _interopRequireDefault(require("@decisiv/iconix/lib/components/Check"));
+
+var _Flex = _interopRequireDefault(require("../Flex"));
+
+var _schema = _interopRequireDefault(require("./schema"));
+
+var _styles = require("./styles");
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function StepTracker(_ref) {
+  var _ref$activeStep = _ref.activeStep,
+      activeStep = _ref$activeStep === void 0 ? 0 : _ref$activeStep,
+      _ref$steps = _ref.steps,
+      steps = _ref$steps === void 0 ? [] : _ref$steps;
+  return _react.default.createElement(_styles.StepTrackerContainer, null, steps.map(function (title, index) {
+    var isActive = index + 1 === activeStep;
+    var isCompleted = activeStep > index + 1;
+    var isNextActive = index + 2 === activeStep;
+    var isNextCompleted = activeStep > index + 2;
+    var labelShade = isCompleted || isActive ? 0 : 1;
+    return _react.default.createElement(_styles.StepWrapper, {
+      key: (0, _uniqueId.default)("step-".concat(index))
+    }, _react.default.createElement(_Flex.default, {
+      alignItems: "center"
+    }, _react.default.createElement(_styles.StepSeparator, {
+      active: isActive,
+      completed: isCompleted,
+      hide: index === 0
+    }), _react.default.createElement(_styles.StepNumber, {
+      active: isActive,
+      completed: isCompleted
+    }, isCompleted ? _react.default.createElement(_Check.default, {
+      size: "small"
+    }) : index + 1), _react.default.createElement(_styles.StepSeparator, {
+      active: isNextActive,
+      completed: isNextCompleted,
+      hide: index === steps.length - 1
+    })), _react.default.createElement(_styles.StepTitleContainer, null, _react.default.createElement(_styles.StepTitle, {
+      shade: labelShade
+    }, title)));
+  }));
+}
+
+StepTracker.propTypes = _schema.default.propTypes;

package/lib/components/StepTracker/index.test.js

@@ -0,0 +1,89 @@
+"use strict";
+
+var _react = _interopRequireDefault(require("react"));
+
+var _react2 = require("@testing-library/react");
+
+var _ = _interopRequireDefault(require("."));
+
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+
+function asyncGeneratorStep(gen, resolve, reject, _next, _throw, key, arg) { try { var info = gen[key](arg); var value = info.value; } catch (error) { reject(error); return; } if (info.done) { resolve(value); } else { Promise.resolve(value).then(_next, _throw); } }
+
+function _asyncToGenerator(fn) { return function () { var self = this, args = arguments; return new Promise(function (resolve, reject) { var gen = fn.apply(self, args); function _next(value) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "next", value); } function _throw(err) { asyncGeneratorStep(gen, resolve, reject, _next, _throw, "throw", err); } _next(undefined); }); }; }
+
+var steps = ['Step one', 'Step two', 'Step three', 'Step four'];
+describe('TagInput', function () {
+  it('renders as expected', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
+    var _render, container, rerender;
+
+    return regeneratorRuntime.wrap(function _callee$(_context) {
+      while (1) {
+        switch (_context.prev = _context.next) {
+          case 0:
+            _render = (0, _react2.render)(_react.default.createElement(_.default, {
+              steps: steps,
+              activeStep: 3
+            })), container = _render.container, rerender = _render.rerender;
+            expect(container).toMatchSnapshot();
+            rerender(_react.default.createElement(_.default, {
+              steps: steps,
+              activeStep: 5
+            }));
+            expect(container).toMatchSnapshot();
+
+          case 4:
+          case "end":
+            return _context.stop();
+        }
+      }
+    }, _callee);
+  })));
+  it('renders step titles', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    var _render2, getByText;
+
+    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      while (1) {
+        switch (_context2.prev = _context2.next) {
+          case 0:
+            _render2 = (0, _react2.render)(_react.default.createElement(_.default, {
+              steps: steps,
+              activeStep: 3
+            })), getByText = _render2.getByText;
+            steps.forEach(function (step) {
+              expect(getByText(step)).toBeInTheDocument();
+            });
+
+          case 2:
+          case "end":
+            return _context2.stop();
+        }
+      }
+    }, _callee2);
+  })));
+  it('renders only expected step numbers', /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
+    var _render3, getByText, queryByText;
+
+    return regeneratorRuntime.wrap(function _callee3$(_context3) {
+      while (1) {
+        switch (_context3.prev = _context3.next) {
+          case 0:
+            _render3 = (0, _react2.render)(_react.default.createElement(_.default, {
+              steps: steps,
+              activeStep: 3
+            })), getByText = _render3.getByText, queryByText = _render3.queryByText;
+            [1, 2].forEach(function (number) {
+              expect(queryByText("".concat(number))).not.toBeInTheDocument();
+            });
+            [3, 4].forEach(function (number) {
+              expect(getByText("".concat(number))).toBeInTheDocument();
+            });
+
+          case 3:
+          case "end":
+            return _context3.stop();
+        }
+      }
+    }, _callee3);
+  })));
+});

package/lib/components/StepTracker/schema.d.ts

@@ -0,0 +1,3 @@
+declare const schema: any;
+export default schema;
+//# sourceMappingURL=schema.d.ts.map

package/lib/components/StepTracker/schema.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"schema.d.ts","sourceRoot":"","sources":["../../../src/components/StepTracker/schema.ts"],"names":[],"mappings":"AAGA,QAAA,MAAM,MAAM,KAA2C,CAAC;AAWxD,eAAe,MAAM,CAAC"}

package/lib/components/StepTracker/schema.js

@@ -0,0 +1,19 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _reactDesc = require("react-desc");
+
+// @ts-ignore no module typings
+var schema = (0, _reactDesc.describe)({
+  displayName: 'StepTracker'
+});
+schema.propTypes = {
+  activeStep: _reactDesc.PropTypes.number.description('The active step number in the StepTracker, starting at 1'),
+  steps: _reactDesc.PropTypes.arrayOf(_reactDesc.PropTypes.string).description('Array of strings with the title for each step in the tracker')
+};
+var _default = schema;
+exports.default = _default;