@bigbinary/neetoui 5.2.27 → 5.2.28

package/index.d.ts

@@ -339,6 +339,12 @@ export type SpinnerProps = {
   className?: string;
 };
 
+export type StepperProps = {
+  steps: { id: string | number; label: string }[];
+  activeIndex: number;
+  setActiveIndex: (index: number) => void;
+};
+
 export type SwitchProps = {
   label?: string;
   required?: boolean;
@@ -765,6 +771,7 @@ export const Label: React.FC<LabelProps>;
 export const Pagination: React.FC<PaginationProps>;
 export const Select: React.ForwardRefExoticComponent<SelectProps>;
 export const Spinner: React.FC<SpinnerProps>;
+export const Stepper: React.FC<StepperProps>;
 export const Switch: React.ForwardRefExoticComponent<SwitchProps>;
 export const Slider: React.ForwardRefExoticComponent<SliderProps>;
 export const Table: React.FC<TableProps>;

package/index.js

@@ -29043,6 +29043,36 @@ var Slider = function Slider(_ref) {
   }, helpText)));
 };
 
+var Stepper = function Stepper(_ref) {
+  var steps = _ref.steps,
+    activeIndex = _ref.activeIndex,
+    setActiveIndex = _ref.setActiveIndex;
+  return /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-stepper__wrapper"
+  }, steps.map(function (_ref2, index) {
+    var id = _ref2.id,
+      label = _ref2.label;
+    return /*#__PURE__*/React__default.createElement("div", {
+      "data-testid": "stepper-item-".concat(id),
+      key: id,
+      className: classnames$1("neeto-ui-stepper-item__wrapper", {
+        "neeto-ui-stepper-item__wrapper--active": index === activeIndex,
+        "neeto-ui-stepper-item__wrapper--done": index < activeIndex
+      })
+    }, /*#__PURE__*/React__default.createElement("button", {
+      className: "neeto-ui-stepper-item",
+      onClick: function onClick() {
+        return setActiveIndex(index);
+      }
+    }, /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-stepper-item__stage"
+    }, /*#__PURE__*/React__default.createElement("span", null, id)), /*#__PURE__*/React__default.createElement("span", {
+      className: "neeto-ui-stepper-item__label",
+      "data-text": label
+    }, label)));
+  }));
+};
+
 var _excluded$b = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
 var Switch = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
   var _ref$label = _ref.label,
@@ -41570,5 +41600,5 @@ var TreeSelect = /*#__PURE__*/forwardRef$1(function (_ref, ref) {
 });
 TreeSelect.displayName = "TreeSelect";
 
-export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, Dropdown, Input$3 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Slider, Spinner, Switch, Tab, Table, Tag, Textarea, TimePicker$1 as TimePicker, TimePickerInput, Toastr, Tooltip, TreeSelect, Typography };
+export { Accordion, ActionDropdown, Alert, Avatar, Button, Callout, Checkbox, ColorPicker, DatePicker, Dropdown, Input$3 as Input, Kbd, Label, Modal, MultiEmailInput, NoData, Pagination, Pane, Popover, Radio, Select, Slider, Spinner, Stepper, Switch, Tab, Table, Tag, Textarea, TimePicker$1 as TimePicker, TimePickerInput, Toastr, Tooltip, TreeSelect, Typography };
 //# sourceMappingURL=index.js.map