@bigbinary/neetoui 8.3.29 → 8.3.31

package/dist/Switch.js.map

@@ -1 +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        data-cy=\"nui-switch-wrapper\"\n      >\n        <div className=\"neeto-ui-switch__container\">\n          <label\n            data-cy=\"nui-switch-item\"\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 {...{ id, 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\n                  data-cy=\"check-icon\"\n                  data-testid=\"check-icon\"\n                  size=\"12\"\n                  strokeWidth={4}\n                />\n              ) : (\n                <Close\n                  data-cy=\"close-icon\"\n                  data-testid=\"close-icon\"\n                  size=\"12\"\n                  strokeWidth={3}\n                />\n              )}\n            </span>\n          </label>\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              htmlFor={id}\n              {...labelProps}\n              data-cy={`${hyphenize(renderLabel).replace(\n                /[^a-z0-9-]/gi,\n                \"\"\n              )}-switch-label`}\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","replace","displayName"],"mappings":"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"}
+{"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        data-cy=\"nui-switch-wrapper\"\n      >\n        <div className=\"neeto-ui-switch__container\">\n          <label\n            data-cy=\"nui-switch-item\"\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 {...{ id, 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\n                  data-cy=\"check-icon\"\n                  data-testid=\"check-icon\"\n                  size=\"12\"\n                  strokeWidth={4}\n                />\n              ) : (\n                <Close\n                  data-cy=\"close-icon\"\n                  data-testid=\"close-icon\"\n                  size=\"12\"\n                  strokeWidth={3}\n                />\n              )}\n            </span>\n          </label>\n          {renderLabel && (\n            <Label\n              {...{ required }}\n              htmlFor={id}\n              {...labelProps}\n              data-cy={`${hyphenize(renderLabel).replace(\n                /[^a-z0-9-]/gi,\n                \"\"\n              )}-switch-label`}\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","_jsxs","classnames","tabIndex","_jsx","_objectSpread","type","hyphenize","Check","size","strokeWidth","Close","Label","htmlFor","replace","displayName"],"mappings":"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"}

package/dist/Tab.js

@@ -1,13 +1,13 @@
-import _extends from '@babel/runtime/helpers/extends';
+import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import _objectWithoutProperties from '@babel/runtime/helpers/objectWithoutProperties';
 import React__default from 'react';
 import classnames from 'classnames';
-import _defineProperty from '@babel/runtime/helpers/defineProperty';
 import { NavLink } from 'react-router-dom';
+import { jsx, jsxs } from 'react/jsx-runtime';
 
 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; }
+function ownKeys$1(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$1(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$1(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$1(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Item = function Item(_ref) {
   var active = _ref.active,
     _ref$className = _ref.className,
@@ -21,7 +21,7 @@ var Item = function Item(_ref) {
     activeClassName = _ref$activeClassName === void 0 ? "" : _ref$activeClassName,
     otherProps = _objectWithoutProperties(_ref, _excluded$1);
   var Icon = typeof icon === "string" ? function () {
-    return /*#__PURE__*/React__default.createElement("i", {
+    return /*#__PURE__*/jsx("i", {
       className: icon,
       "data-cy": "tab-item-icon",
       "data-testid": "tab-icon"
@@ -31,19 +31,23 @@ var Item = function Item(_ref) {
   var buttonAttributes = activeClassName ? {} : {
     type: "button"
   };
-  return /*#__PURE__*/React__default.createElement(Parent, _extends({
+  return /*#__PURE__*/jsxs(Parent, _objectSpread$1(_objectSpread$1({
     "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);
+  }, _objectSpread$1(_objectSpread$1({}, otherProps), buttonAttributes)), {}, {
+    children: [icon && /*#__PURE__*/jsx(Icon, {
+      className: "neeto-ui-tab__icon"
+    }), children]
+  }));
 };
 Item.displayName = "Tab.Item";
 
 var _excluded = ["size", "noUnderline", "children", "className"];
+function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), true).forEach(function (r) { _defineProperty(e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SIZES = {
   large: "large",
   small: "small"
@@ -57,7 +61,7 @@ var Tab = function Tab(_ref) {
     _ref$className = _ref.className,
     className = _ref$className === void 0 ? "" : _ref$className,
     otherProps = _objectWithoutProperties(_ref, _excluded);
-  return /*#__PURE__*/React__default.createElement("div", _extends({
+  return /*#__PURE__*/jsx("div", _objectSpread(_objectSpread({
     "data-cy": "tab-container",
     className: classnames({
       "neeto-ui-tab__wrapper neeto-ui-flex": true,
@@ -65,7 +69,9 @@ var Tab = function Tab(_ref) {
       "neeto-ui-tab__wrapper--size-small": size === SIZES.small,
       "neeto-ui-tab__wrapper--underline-none": noUnderline
     }, [className])
-  }, otherProps), children);
+  }, otherProps), {}, {
+    children: children
+  }));
 };
 Tab.Item = Item;
 

package/dist/Tab.js.map

@@ -1 +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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"}
+{"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","_jsx","React","Fragment","Parent","NavLink","buttonAttributes","type","_jsxs","_objectSpread","classnames","displayName","SIZES","large","small","Tab","_ref$size","size","_ref$noUnderline","noUnderline"],"mappings":"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"}