@bigbinary/neetoui 6.5.10 → 6.5.11-beta.1

package/dist/Stepper.js

@@ -0,0 +1,35 @@
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+
+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("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)));
+  }));
+};
+
+export { Stepper as default };
+//# sourceMappingURL=Stepper.js.map

package/dist/Stepper.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Stepper.js","sources":["../src/components/Stepper/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nconst Stepper = ({ steps, activeIndex, setActiveIndex }) => (\n  <div className=\"neeto-ui-stepper__wrapper\">\n    {steps.map(({ id, label }, index) => (\n      <div\n        data-testid={`stepper-item-${id}`}\n        key={id}\n        className={classnames(\"neeto-ui-stepper-item__wrapper\", {\n          \"neeto-ui-stepper-item__wrapper--active\": index === activeIndex,\n          \"neeto-ui-stepper-item__wrapper--done\": index < activeIndex,\n        })}\n      >\n        <button\n          className=\"neeto-ui-stepper-item\"\n          onClick={() => setActiveIndex(index)}\n        >\n          <span className=\"neeto-ui-stepper-item__stage\">\n            <span>{id}</span>\n          </span>\n          <span className=\"neeto-ui-stepper-item__label\" data-text={label}>\n            {label}\n          </span>\n        </button>\n      </div>\n    ))}\n  </div>\n);\n\nStepper.propTypes = {\n  /**\n   * To provide the array of steps\n   */\n  steps: PropTypes.arrayOf(\n    PropTypes.shape({\n      id: PropTypes.oneOfType([PropTypes.string, PropTypes.number]),\n      label: PropTypes.string,\n    })\n  ),\n  /**\n   * To specify the active step\n   */\n  activeIndex: PropTypes.number,\n  /**\n   * To specify the function to set the active step\n   */\n  setActiveIndex: PropTypes.func,\n};\n\nexport default Stepper;\n"],"names":["Stepper","_ref","steps","activeIndex","setActiveIndex","React","createElement","className","map","_ref2","index","id","label","concat","key","classnames","onClick"],"mappings":";;;AAKA,IAAMA,OAAO,GAAG,SAAVA,OAAOA,CAAAC,IAAA,EAAA;AAAA,EAAA,IAAMC,KAAK,GAAAD,IAAA,CAALC,KAAK;IAAEC,WAAW,GAAAF,IAAA,CAAXE,WAAW;IAAEC,cAAc,GAAAH,IAAA,CAAdG,cAAc,CAAA;EAAA,oBACnDC,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;AAAKC,IAAAA,SAAS,EAAC,2BAAA;AAA2B,GAAA,EACvCL,KAAK,CAACM,GAAG,CAAC,UAAAC,KAAA,EAAgBC,KAAK,EAAA;AAAA,IAAA,IAAlBC,EAAE,GAAAF,KAAA,CAAFE,EAAE;MAAEC,KAAK,GAAAH,KAAA,CAALG,KAAK,CAAA;IAAA,oBACrBP,cAAA,CAAAC,aAAA,CAAA,KAAA,EAAA;MACE,aAAAO,EAAAA,eAAAA,CAAAA,MAAA,CAA6BF,EAAE,CAAG;AAClCG,MAAAA,GAAG,EAAEH,EAAG;AACRJ,MAAAA,SAAS,EAAEQ,UAAU,CAAC,gCAAgC,EAAE;QACtD,wCAAwC,EAAEL,KAAK,KAAKP,WAAW;QAC/D,sCAAsC,EAAEO,KAAK,GAAGP,WAAAA;OACjD,CAAA;KAEDE,eAAAA,cAAA,CAAAC,aAAA,CAAA,QAAA,EAAA;AACEC,MAAAA,SAAS,EAAC,uBAAuB;MACjCS,OAAO,EAAE,SAAAA,OAAA,GAAA;QAAA,OAAMZ,cAAc,CAACM,KAAK,CAAC,CAAA;AAAA,OAAA;KAEpCL,eAAAA,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAC,8BAAA;KACdF,eAAAA,cAAA,CAAAC,aAAA,CAAOK,MAAAA,EAAAA,IAAAA,EAAAA,EAAE,CAAQ,CACZ,eACPN,cAAA,CAAAC,aAAA,CAAA,MAAA,EAAA;AAAMC,MAAAA,SAAS,EAAC,8BAA8B;MAAC,WAAWK,EAAAA,KAAAA;KACvDA,EAAAA,KAAK,CACD,CACA,CACL,CAAA;AAAA,GACP,CAAC,CACE,CAAA;AAAA;;;;"}

package/dist/Switch.js

@@ -0,0 +1,84 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default, { forwardRef } from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { Check, Close } from '@bigbinary/neeto-icons';
+import { u as useId } from './useId-c1d20bba.js';
+import 'react-router-dom';
+import './index-7fae3611.js';
+import './overlayManager.js';
+import { h as hyphenize, n as noop } from './index-c8d9113c.js';
+import Label from './Label.js';
+import 'ramda';
+import './createClass-601a36b2.js';
+import './toPropertyKey-bdc24cb9.js';
+import './slicedToArray-45fa766e.js';
+import '@bigbinary/neeto-cist';
+import 'util';
+import './defineProperty-e5245270.js';
+import './index-c442518b.js';
+import 'tippy.js';
+import 'react-dom';
+
+var _excluded = ["label", "required", "className", "error", "onChange", "labelProps", "children"];
+var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
+  var _ref$label = _ref.label,
+    label = _ref$label === void 0 ? "" : _ref$label,
+    _ref$required = _ref.required,
+    required = _ref$required === void 0 ? false : _ref$required,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    _ref$error = _ref.error,
+    error = _ref$error === void 0 ? "" : _ref$error,
+    _ref$onChange = _ref.onChange,
+    onChange = _ref$onChange === void 0 ? noop : _ref$onChange,
+    labelProps = _ref.labelProps,
+    children = _ref.children,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  var id = useId(otherProps.id);
+  var errorId = "error_".concat(id);
+  var checked = otherProps.checked,
+    disabled = otherProps.disabled;
+  var renderLabel = label || children;
+  return /*#__PURE__*/React__default.createElement("div", {
+    ref: ref,
+    className: classnames(["neeto-ui-switch__wrapper", className])
+  }, /*#__PURE__*/React__default.createElement("div", {
+    className: "neeto-ui-switch__container"
+  }, /*#__PURE__*/React__default.createElement("label", {
+    tabIndex: 0,
+    className: classnames("neeto-ui-switch__item", {
+      "neeto-ui-switch__item--checked": !!checked,
+      "neeto-ui-switch__item--disabled": disabled
+    })
+  }, /*#__PURE__*/React__default.createElement("input", _extends({
+    onChange: onChange,
+    type: "checkbox"
+  }, otherProps)), /*#__PURE__*/React__default.createElement("span", {
+    "aria-hidden": "true",
+    "data-cy": "".concat(hyphenize(renderLabel), "-switch"),
+    className: classnames("neeto-ui-switch", {
+      "neeto-ui-switch--checked": !!checked
+    })
+  }, checked ? /*#__PURE__*/React__default.createElement(Check, {
+    "data-testid": "check-icon",
+    size: "12",
+    strokeWidth: 4
+  }) : /*#__PURE__*/React__default.createElement(Close, {
+    "data-testid": "close-icon",
+    size: "12",
+    strokeWidth: 3
+  }))), renderLabel && /*#__PURE__*/React__default.createElement(Label, _extends({
+    required: required,
+    "data-cy": "".concat(hyphenize(renderLabel), "-switch-label"),
+    htmlFor: id
+  }, labelProps), renderLabel)), !!error && /*#__PURE__*/React__default.createElement("p", {
+    className: "neeto-ui-input__error",
+    "data-cy": "".concat(hyphenize(renderLabel), "-switch-error"),
+    id: errorId
+  }, error));
+});
+Switch.displayName = "Switch";
+
+export { Switch as default };
+//# sourceMappingURL=Switch.js.map

package/dist/Switch.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Switch.js","sources":["../src/components/Switch.jsx"],"sourcesContent":["import React, { forwardRef } from \"react\";\n\nimport classnames from \"classnames\";\nimport { Check, Close } from \"neetoicons\";\nimport PropTypes from \"prop-types\";\n\nimport { useId } from \"hooks\";\nimport { hyphenize, noop } from \"utils\";\n\nimport Label from \"./Label\";\n\nconst Switch = forwardRef(\n  (\n    {\n      label = \"\",\n      required = false,\n      className = \"\",\n      error = \"\",\n      onChange = noop,\n      labelProps,\n      children,\n      ...otherProps\n    },\n    ref\n  ) => {\n    const id = useId(otherProps.id);\n    const errorId = `error_${id}`;\n    const { checked, disabled } = otherProps;\n    const renderLabel = label || children;\n\n    return (\n      <div\n        {...{ ref }}\n        className={classnames([\"neeto-ui-switch__wrapper\", className])}\n      >\n        <div className=\"neeto-ui-switch__container\">\n          <label\n            tabIndex={0}\n            className={classnames(\"neeto-ui-switch__item\", {\n              \"neeto-ui-switch__item--checked\": !!checked,\n              \"neeto-ui-switch__item--disabled\": disabled,\n            })}\n          >\n            <input {...{ onChange }} type=\"checkbox\" {...otherProps} />\n            <span\n              aria-hidden=\"true\"\n              data-cy={`${hyphenize(renderLabel)}-switch`}\n              className={classnames(\"neeto-ui-switch\", {\n                \"neeto-ui-switch--checked\": !!checked,\n              })}\n            >\n              {checked ? (\n                <Check data-testid=\"check-icon\" size=\"12\" strokeWidth={4} />\n              ) : (\n                <Close data-testid=\"close-icon\" size=\"12\" strokeWidth={3} />\n              )}\n            </span>\n          </label>\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              data-cy={`${hyphenize(renderLabel)}-switch-label`}\n              htmlFor={id}\n              {...labelProps}\n            >\n              {renderLabel}\n            </Label>\n          )}\n        </div>\n        {!!error && (\n          <p\n            className=\"neeto-ui-input__error\"\n            data-cy={`${hyphenize(renderLabel)}-switch-error`}\n            id={errorId}\n          >\n            {error}\n          </p>\n        )}\n      </div>\n    );\n  }\n);\n\nSwitch.displayName = \"Switch\";\n\nSwitch.propTypes = {\n  /**\n   * Text to be displayed above the component\n   */\n  label: PropTypes.string,\n  /**\n   * To specify the label props to be passed to the Label component.\n   */\n  labelProps: PropTypes.object,\n  /**\n   * To specify whether to show the required asterisk.\n   */\n  required: PropTypes.bool,\n  /**\n   * Provide external classnames to spinner component.\n   */\n  className: PropTypes.string,\n  /**\n   * To specify the error message to be shown.\n   */\n  error: PropTypes.string,\n  /**\n   * Checks whether the Switch is checked or not\n   */\n  checked: PropTypes.bool,\n  /**\n   * To disable the component\n   */\n  disabled: PropTypes.bool,\n  /**\n   *  To specify the children label to be rendered inside the Checkbox.\n   */\n  children: PropTypes.string,\n};\n\nexport default Switch;\n"],"names":["Switch","forwardRef","_ref","ref","_ref$label","label","_ref$required","required","_ref$className","className","_ref$error","error","_ref$onChange","onChange","noop","labelProps","children","otherProps","_objectWithoutProperties","_excluded","id","useId","errorId","concat","checked","disabled","renderLabel","React","createElement","classnames","tabIndex","_extends","type","hyphenize","Check","size","strokeWidth","Close","Label","htmlFor","displayName"],"mappings":"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"}

package/dist/Tab.js

@@ -0,0 +1,74 @@
+import { _ as _extends } from './extends-093996c9.js';
+import { _ as _objectWithoutProperties } from './objectWithoutProperties-a0edb288.js';
+import React__default from 'react';
+import { c as classnames } from './index-3659771d.js';
+import { _ as _defineProperty } from './defineProperty-e5245270.js';
+import { NavLink } from 'react-router-dom';
+import './toPropertyKey-bdc24cb9.js';
+
+var _excluded$1 = ["active", "className", "children", "icon", "onClick", "activeClassName"];
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+var Item = function Item(_ref) {
+  var active = _ref.active,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    children = _ref.children,
+    _ref$icon = _ref.icon,
+    icon = _ref$icon === void 0 ? null : _ref$icon,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? function () {} : _ref$onClick,
+    _ref$activeClassName = _ref.activeClassName,
+    activeClassName = _ref$activeClassName === void 0 ? "" : _ref$activeClassName,
+    otherProps = _objectWithoutProperties(_ref, _excluded$1);
+  var Icon = typeof icon === "string" ? function () {
+    return /*#__PURE__*/React__default.createElement("i", {
+      className: icon,
+      "data-cy": "tab-item-icon",
+      "data-testid": "tab-icon"
+    });
+  } : icon || React__default.Fragment;
+  var Parent = activeClassName ? NavLink : "button";
+  var buttonAttributes = activeClassName ? {} : {
+    type: "button"
+  };
+  return /*#__PURE__*/React__default.createElement(Parent, _extends({
+    "data-cy": "tab-item",
+    className: classnames(["neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none", className], {
+      active: active
+    }),
+    onClick: onClick
+  }, _objectSpread(_objectSpread({}, otherProps), buttonAttributes)), icon && /*#__PURE__*/React__default.createElement(Icon, {
+    className: "neeto-ui-tab__icon"
+  }), children);
+};
+Item.displayName = "Tab.Item";
+
+var _excluded = ["size", "noUnderline", "children", "className"];
+var SIZES = {
+  large: "large",
+  small: "small"
+};
+var Tab = function Tab(_ref) {
+  var _ref$size = _ref.size,
+    size = _ref$size === void 0 ? SIZES.small : _ref$size,
+    _ref$noUnderline = _ref.noUnderline,
+    noUnderline = _ref$noUnderline === void 0 ? false : _ref$noUnderline,
+    children = _ref.children,
+    _ref$className = _ref.className,
+    className = _ref$className === void 0 ? "" : _ref$className,
+    otherProps = _objectWithoutProperties(_ref, _excluded);
+  return /*#__PURE__*/React__default.createElement("div", _extends({
+    "data-cy": "tab-container",
+    className: classnames({
+      "neeto-ui-tab__wrapper neeto-ui-flex": true,
+      "neeto-ui-tab__wrapper--size-large": size === SIZES.large,
+      "neeto-ui-tab__wrapper--size-small": size === SIZES.small,
+      "neeto-ui-tab__wrapper--underline-none": noUnderline
+    }, [className])
+  }, otherProps), children);
+};
+Tab.Item = Item;
+
+export { Tab as default };
+//# sourceMappingURL=Tab.js.map

package/dist/Tab.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Tab.js","sources":["../src/components/Tab/Item.jsx","../src/components/Tab/index.jsx"],"sourcesContent":["import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\nimport { NavLink } from \"react-router-dom\";\n\nconst Item = ({\n  active,\n  className = \"\",\n  children,\n  icon = null,\n  onClick = () => {},\n  activeClassName = \"\",\n  ...otherProps\n}) => {\n  const Icon =\n    typeof icon === \"string\"\n      ? () => (\n          <i className={icon} data-cy=\"tab-item-icon\" data-testid=\"tab-icon\" />\n        )\n      : icon || React.Fragment;\n\n  const Parent = activeClassName ? NavLink : \"button\";\n  const buttonAttributes = activeClassName ? {} : { type: \"button\" };\n\n  return (\n    <Parent\n      data-cy=\"tab-item\"\n      className={classnames(\n        [\n          \"neeto-ui-tab neeto-ui-flex neeto-ui-items-center neeto-ui-justify-center neeto-ui-select-none\",\n          className,\n        ],\n        { active }\n      )}\n      onClick={onClick}\n      {...{ ...otherProps, ...buttonAttributes }}\n    >\n      {icon && <Icon className=\"neeto-ui-tab__icon\" />}\n      {children}\n    </Parent>\n  );\n};\n\nItem.displayName = \"Tab.Item\";\n\nItem.propTypes = {\n  /**\n   * To set the active Tab\n   */\n  active: PropTypes.bool,\n  /**\n   * Extra classes can be provided to the TabItem\n   */\n  className: PropTypes.string,\n  /**\n   * To add content inside TabItem\n   */\n  children: PropTypes.node,\n  /**\n   * To add icons to TabItem\n   */\n  icon: PropTypes.oneOfType([PropTypes.string, PropTypes.elementType]),\n  /**\n   * Callback to be triggered when user clicks on the TabItem\n   */\n  onClick: PropTypes.func,\n  activeClassName: PropTypes.string,\n};\n\nexport default Item;\n","import React from \"react\";\n\nimport classnames from \"classnames\";\nimport PropTypes from \"prop-types\";\n\nimport Item from \"./Item\";\n\nconst SIZES = { large: \"large\", small: \"small\" };\n\nconst Tab = ({\n  size = SIZES.small,\n  noUnderline = false,\n  children,\n  className = \"\",\n  ...otherProps\n}) => (\n  <div\n    data-cy=\"tab-container\"\n    className={classnames(\n      {\n        \"neeto-ui-tab__wrapper neeto-ui-flex\": true,\n        \"neeto-ui-tab__wrapper--size-large\": size === SIZES.large,\n        \"neeto-ui-tab__wrapper--size-small\": size === SIZES.small,\n        \"neeto-ui-tab__wrapper--underline-none\": noUnderline,\n      },\n      [className]\n    )}\n    {...otherProps}\n  >\n    {children}\n  </div>\n);\n\nTab.propTypes = {\n  /**\n   * To hide the underline\n   */\n  noUnderline: PropTypes.bool,\n  /**\n   * Set the size of the Tabs.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To add content inside the Tab\n   */\n  children: PropTypes.node,\n  /**\n   * Extra classes can be provided to the Tab\n   */\n  className: PropTypes.string,\n};\n\nTab.Item = Item;\n\nexport default Tab;\n"],"names":["Item","_ref","active","_ref$className","className","children","_ref$icon","icon","_ref$onClick","onClick","_ref$activeClassName","activeClassName","otherProps","_objectWithoutProperties","_excluded","Icon","React","createElement","Fragment","Parent","NavLink","buttonAttributes","type","_extends","classnames","_objectSpread","displayName","SIZES","large","small","Tab","_ref$size","size","_ref$noUnderline","noUnderline"],"mappings":"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"}