@bigbinary/neetoui 8.3.19 → 8.3.21

package/dist/Alert.js

@@ -109,7 +109,7 @@ var Alert = function Alert(_ref) {
     onClick: onClose
   }), /*#__PURE__*/React__default.createElement(Button, {
     "data-cy": "alert-submit-button",
-    disabled: isSubmitting,
+    disabled: isSubmitting || !isOpen,
     label: submitButtonLabel,
     loading: isSubmitting,
     ref: submitButtonRef,

package/dist/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={isSubmitting}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={isSubmitting || !isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}

package/dist/Switch.js

@@ -53,10 +53,12 @@ var Switch = /*#__PURE__*/forwardRef(function (_ref, ref) {
   var renderLabel = label || children;
   return /*#__PURE__*/React__default.createElement("div", {
     ref: ref,
-    className: classnames(["neeto-ui-switch__wrapper", className])
+    className: classnames(["neeto-ui-switch__wrapper", className]),
+    "data-cy": "nui-switch-wrapper"
   }, /*#__PURE__*/React__default.createElement("div", {
     className: "neeto-ui-switch__container"
   }, /*#__PURE__*/React__default.createElement("label", {
+    "data-cy": "nui-switch-item",
     tabIndex: 0,
     className: classnames("neeto-ui-switch__item", {
       "neeto-ui-switch__item--checked": !!checked,

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      >\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 {...{ 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              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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"}
+{"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              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/cjs/Alert.js

@@ -111,7 +111,7 @@ var Alert = function Alert(_ref) {
     onClick: onClose
   }), /*#__PURE__*/React.createElement(Button, {
     "data-cy": "alert-submit-button",
-    disabled: isSubmitting,
+    disabled: isSubmitting || !isOpen,
     label: submitButtonLabel,
     loading: isSubmitting,
     ref: submitButtonRef,

package/dist/cjs/Alert.js.map

@@ -1 +1 @@
-{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={isSubmitting}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}
+{"version":3,"file":"Alert.js","sources":["../../src/components/Alert.jsx"],"sourcesContent":["import React, { useRef } from \"react\";\n\nimport PropTypes from \"prop-types\";\n\nimport Button from \"./Button\";\nimport Modal from \"./Modal\";\nimport Typography from \"./Typography\";\n\nconst SIZES = { small: \"small\", medium: \"medium\", large: \"large\" };\n\nconst FOCUSABLE_ELEMENTS = { submit: \"submit\", cancel: \"cancel\" };\n\nconst Alert = ({\n  size = SIZES.medium,\n  isOpen = false,\n  isSubmitting = false,\n  className = \"\",\n  closeOnEsc = true,\n  closeButton = true,\n  backdropClassName = \"\",\n  closeOnOutsideClick = true,\n  onClose = () => {},\n  onSubmit = () => {},\n  title = \"\",\n  message = \"\",\n  submitButtonLabel = \"Continue\",\n  cancelButtonLabel = \"Cancel\",\n  initialFocusRef,\n  initialFocusElement,\n  hideCancelButton = false,\n}) => {\n  const submitButtonRef = useRef(null);\n  const cancelButtonRef = useRef(null);\n\n  const hasCustomFocusableElement = !!initialFocusRef || initialFocusElement;\n  const initialFocusElementRef =\n    initialFocusElement === FOCUSABLE_ELEMENTS.submit\n      ? submitButtonRef\n      : cancelButtonRef;\n\n  return (\n    <Modal\n      {...{\n        backdropClassName,\n        className,\n        closeButton,\n        closeOnEsc,\n        closeOnOutsideClick,\n        isOpen,\n        onClose,\n        size,\n      }}\n      data-cy=\"alert-box\"\n      {...(hasCustomFocusableElement && {\n        initialFocusRef: initialFocusRef || initialFocusElementRef,\n      })}\n    >\n      <Modal.Header>\n        <Typography data-cy=\"alert-title\" style=\"h2\">\n          {title}\n        </Typography>\n      </Modal.Header>\n      <Modal.Body>\n        <Typography data-cy=\"alert-message\" lineHeight=\"normal\" style=\"body2\">\n          {message}\n        </Typography>\n      </Modal.Body>\n      <Modal.Footer className=\"neeto-ui-gap-2 neeto-ui-flex neeto-ui-justify-end neeto-ui-items-center\">\n        {!hideCancelButton && (\n          <Button\n            data-cy=\"alert-cancel-button\"\n            label={cancelButtonLabel}\n            ref={cancelButtonRef}\n            style=\"tertiary\"\n            onClick={onClose}\n          />\n        )}\n        <Button\n          data-cy=\"alert-submit-button\"\n          disabled={isSubmitting || !isOpen}\n          label={submitButtonLabel}\n          loading={isSubmitting}\n          ref={submitButtonRef}\n          style=\"danger\"\n          onClick={onSubmit}\n        />\n      </Modal.Footer>\n    </Modal>\n  );\n};\n\nAlert.propTypes = {\n  /**\n   * To specify the size of the Alert.\n   */\n  size: PropTypes.oneOf(Object.values(SIZES)),\n  /**\n   * To specify whether the Alert is open or not.\n   */\n  isOpen: PropTypes.bool,\n  /**\n   * To specify the callback which will be invoked when the Alert is closed.\n   */\n  onClose: PropTypes.func,\n  /**\n   * To specify the callback which will be invoked when the Alert is submitted.\n   */\n  onSubmit: PropTypes.func,\n  /**\n   * To provide title to the Alert.\n   */\n  title: PropTypes.string,\n  /**\n   * To provide description to the Alert.\n   */\n  message: PropTypes.node,\n  /**\n   * To add loading state to submit button\n   */\n  isSubmitting: PropTypes.bool,\n  /**\n   * To provide external classNames to the Alert.\n   */\n  className: PropTypes.string,\n  /**\n   * To close the Alert on pressing the `Esc` key.\n   */\n  closeOnEsc: PropTypes.bool,\n  /**\n   * To specify whether the close button of the Alert should be displayed or not.\n   */\n  closeButton: PropTypes.bool,\n  /**\n   * To provide label to the submit button.\n   */\n  submitButtonLabel: PropTypes.string,\n  /**\n   * To provide label to the cancel button.\n   */\n  cancelButtonLabel: PropTypes.string,\n  /**\n   * To add custom classes to Backdrop component.\n   */\n  backdropClassName: PropTypes.string,\n  /**\n   * To close on clicking outside the Alert content.\n   */\n  closeOnOutsideClick: PropTypes.bool,\n  /**\n   * To specify the ref of the element which will receive focus when the Alert is opened.\n   * If not specified, the focus will be set to the submit button inside the Alert.\n   * */\n  initialFocusRef: PropTypes.object,\n  /**\n   * To specify the element which will receive focus when the Alert is opened.\n   */\n  initialFocusElement: PropTypes.oneOf(Object.values(FOCUSABLE_ELEMENTS)),\n  /**\n   * To hide the cancel button\n   */\n  hideCancelButton: PropTypes.bool,\n};\n\nexport default Alert;\n"],"names":["SIZES","small","medium","large","FOCUSABLE_ELEMENTS","submit","cancel","Alert","_ref","_ref$size","size","_ref$isOpen","isOpen","_ref$isSubmitting","isSubmitting","_ref$className","className","_ref$closeOnEsc","closeOnEsc","_ref$closeButton","closeButton","_ref$backdropClassNam","backdropClassName","_ref$closeOnOutsideCl","closeOnOutsideClick","_ref$onClose","onClose","_ref$onSubmit","onSubmit","_ref$title","title","_ref$message","message","_ref$submitButtonLabe","submitButtonLabel","_ref$cancelButtonLabe","cancelButtonLabel","initialFocusRef","initialFocusElement","_ref$hideCancelButton","hideCancelButton","submitButtonRef","useRef","cancelButtonRef","hasCustomFocusableElement","initialFocusElementRef","React","createElement","Modal","_extends","Header","Typography","style","Body","lineHeight","Footer","Button","label","ref","onClick","disabled","loading"],"mappings":"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"}

package/dist/cjs/Switch.js

@@ -55,10 +55,12 @@ var Switch = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
   var renderLabel = label || children;
   return /*#__PURE__*/React.createElement("div", {
     ref: ref,
-    className: classnames(["neeto-ui-switch__wrapper", className])
+    className: classnames(["neeto-ui-switch__wrapper", className]),
+    "data-cy": "nui-switch-wrapper"
   }, /*#__PURE__*/React.createElement("div", {
     className: "neeto-ui-switch__container"
   }, /*#__PURE__*/React.createElement("label", {
+    "data-cy": "nui-switch-item",
     tabIndex: 0,
     className: classnames("neeto-ui-switch__item", {
       "neeto-ui-switch__item--checked": !!checked,

package/dist/cjs/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      >\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 {...{ 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              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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"}
+{"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              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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bigbinary/neetoui",
-  "version": "8.3.19",
+  "version": "8.3.21",
   "author": "BigBinary",
   "license": "MIT",
   "description": "neetoUI drives the experience at all neeto products",