@useblu/ocean-react 1.26.1 → 1.27.0

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [1.27.0](https://github.com/ocean-ds/ocean-web/compare/v1.26.2...v1.27.0) (2022-02-01)
+
+### Features
+
+- Stepper Component ([#895](https://github.com/ocean-ds/ocean-web/issues/895)) ([afa651a](https://github.com/ocean-ds/ocean-web/commit/afa651a1e0575dc34364e4cf205a7d4811836371))
+
 ## [1.26.1](https://github.com/ocean-ds/ocean-web/compare/v1.26.0...v1.26.1) (2022-01-18)
 
 **Note:** Version bump only for package @useblu/ocean-react

package/Steps/Steps.d.ts

@@ -0,0 +1,12 @@
+import { ReactElement } from 'react';
+export interface StepsProps {
+    currentStep: 1 | 2 | 3 | 4;
+    steps: 2 | 3 | 4;
+}
+declare const defaultProps: {
+    currentStep: number;
+    steps: number;
+};
+declare const Steps: ({ currentStep, steps, }: StepsProps & typeof defaultProps) => ReactElement;
+export default Steps;
+//# sourceMappingURL=Steps.d.ts.map

package/Steps/Steps.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Steps.d.ts","sourceRoot":"","sources":["../../src/Steps/Steps.tsx"],"names":[],"mappings":"AAAA,OAAc,EAAE,YAAY,EAAE,MAAM,OAAO,CAAC;AAE5C,MAAM,WAAW,UAAU;IAKzB,WAAW,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;IAM3B,KAAK,EAAE,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;CAClB;AACD,QAAA,MAAM,YAAY;;;CAGjB,CAAC;AAqBF,QAAA,MAAM,KAAK,4BAGR,UAAU,GAAG,mBAAmB,KAAG,YAuLrC,CAAC;AAEF,eAAe,KAAK,CAAC"}

package/Steps/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from './Steps';
+//# sourceMappingURL=index.d.ts.map

package/Steps/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/Steps/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,SAAS,CAAC"}

package/index.d.ts

@@ -42,4 +42,6 @@ export { default as Search } from './Search';
 export * from './Search';
 export { default as TopBar } from './TopBar';
 export * from './TopBar';
+export { default as Steps } from './Steps';
+export * from './Steps';
 //# sourceMappingURL=index.d.ts.map

package/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,GAAG,EAAE,MAAM,OAAO,CAAC;AACvC,cAAc,OAAO,CAAC;AAEtB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,SAAS,EAAE,MAAM,aAAa,CAAC;AACnD,cAAc,aAAa,CAAC;AAE5B,OAAO,EAAE,OAAO,IAAI,mBAAmB,EAAE,MAAM,uBAAuB,CAAC;AACvE,cAAc,uBAAuB,CAAC;AAEtC,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,IAAI,EAAE,MAAM,QAAQ,CAAC;AACzC,cAAc,QAAQ,CAAC;AAEvB,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC;AAExB,OAAO,EAAE,OAAO,IAAI,OAAO,EAAE,MAAM,WAAW,CAAC;AAC/C,cAAc,WAAW,CAAC;AAE1B,OAAO,EAAE,OAAO,IAAI,UAAU,EAAE,MAAM,cAAc,CAAC;AACrD,cAAc,cAAc,CAAC;AAE7B,OAAO,EAAE,OAAO,IAAI,QAAQ,EAAE,MAAM,YAAY,CAAC;AACjD,cAAc,YAAY,CAAC;AAE3B,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,MAAM,EAAE,MAAM,UAAU,CAAC;AAC7C,cAAc,UAAU,CAAC;AAEzB,OAAO,EAAE,OAAO,IAAI,KAAK,EAAE,MAAM,SAAS,CAAC;AAC3C,cAAc,SAAS,CAAC"}

package/index.es.js

@@ -8099,5 +8099,78 @@ var TopBar = function (_a) {
             description && e$1.createElement("span", null, description)))));
 };
 
-export { Alert, Button, Carousel, Checkbox, Col, Container, Divider, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row, Search, Select, SubHeader, Switch, Tag, TextArea, TopBar, TransactionListItem, Typography };
+var FinalSteps = function () {
+    return (e$1.createElement(e$1.Fragment, null,
+        e$1.createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
+        e$1.createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
+        e$1.createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
+        e$1.createElement("path", { d: "M79 10H84", stroke: "#EBECF5", strokeWidth: "2" }),
+        e$1.createElement("path", { d: "M84 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
+        e$1.createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#EBECF5", strokeWidth: "2" }),
+        e$1.createElement("path", { d: "M101 10H96", stroke: "#EBECF5", strokeWidth: "2" })));
+};
+var Steps = function (_a) {
+    var currentStep = _a.currentStep, steps = _a.steps;
+    if (currentStep === 1) {
+        return (e$1.createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-1" },
+            e$1.createElement("circle", { cx: "9.5", cy: "10.5", r: "5.5", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("path", { d: "M15 10H20", stroke: "#13BDBD", strokeWidth: "2" }),
+            steps === 2 && (e$1.createElement(e$1.Fragment, null,
+                e$1.createElement("path", { d: "M20 10H32", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M32 10L37 10", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
+            steps === 3 && (e$1.createElement(e$1.Fragment, null,
+                e$1.createElement("path", { d: "M20 10H32", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M32 10L37 10", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M47 10H52", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
+            steps === 4 && (e$1.createElement(e$1.Fragment, null,
+                e$1.createElement("path", { d: "M20 10H32", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M32 10L37 10", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M47 10H52", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement(FinalSteps, null)))));
+    }
+    if (currentStep === 2) {
+        return (e$1.createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-2" },
+            e$1.createElement("circle", { cx: "10", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("path", { d: "M7 10L9 12L13 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+            e$1.createElement("path", { d: "M20 10H32", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("path", { d: "M32 10L37 10", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("circle", { cx: "42", cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
+            steps > 2 && (e$1.createElement(e$1.Fragment, null,
+                e$1.createElement("path", { d: "M47 10H52", stroke: "#13BDBD", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }))),
+            steps === 3 && (e$1.createElement(e$1.Fragment, null,
+                e$1.createElement("path", { d: "M52 10H64", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M64 10L69 10", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#EBECF5", strokeWidth: "2" }))),
+            steps === 4 && e$1.createElement(FinalSteps, null)));
+    }
+    return (e$1.createElement("svg", { width: "116", height: "20", viewBox: "0 0 116 20", fill: "none", xmlns: "http://www.w3.org/2000/svg", "data-testid": "step-3" },
+        e$1.createElement("circle", { cx: "10", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
+        e$1.createElement("path", { d: "M7 10L9 12L13 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        e$1.createElement("path", { d: "M20 10H32", stroke: "#13BDBD", strokeWidth: "2" }),
+        e$1.createElement("circle", { cx: "42", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
+        e$1.createElement("path", { d: "M39 10L41 12L45 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+        e$1.createElement("path", { d: "M52 10H64", stroke: "#13BDBD", strokeWidth: "2" }),
+        currentStep === 3 ? (e$1.createElement(e$1.Fragment, null,
+            e$1.createElement("path", { d: "M64 10L69 10", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("circle", { cx: "74", cy: "10", r: "5", stroke: "#13BDBD", strokeWidth: "2" }),
+            steps > 3 && (e$1.createElement(e$1.Fragment, null,
+                e$1.createElement("path", { d: "M79 10H84", stroke: "#13BDBD", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M84 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("path", { d: "M101 10H96", stroke: "#EBECF5", strokeWidth: "2" }),
+                e$1.createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#EBECF5", strokeWidth: "2" }))))) : (e$1.createElement(e$1.Fragment, null,
+            e$1.createElement("circle", { cx: "74", cy: "10", r: "9", fill: "#13BDBD", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("path", { d: "M71 10L73 12L77 8", stroke: "white", strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }),
+            e$1.createElement("path", { d: "M84 10H96", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("path", { d: "M101 10H96", stroke: "#13BDBD", strokeWidth: "2" }),
+            e$1.createElement("circle", { r: "5", transform: "matrix(-1 0 0 1 106 10)", stroke: "#13BDBD", strokeWidth: "2" })))));
+};
+
+export { Alert, Button, Carousel, Checkbox, Col, Container, Divider, index$1 as Grid, IconButton, Input, Link, List, Modal, Progress, Radio, Row, Search, Select, Steps, SubHeader, Switch, Tag, TextArea, TopBar, TransactionListItem, Typography };
 //# sourceMappingURL=index.es.js.map