sweetalert2

Bot releases are hidden (Show)

sweetalert2 -

Published by limonte almost 7 years ago

Community

@acupajoe made a logo for SweetAlert2 🎉 (#726)
@toverux delivered the new major release with a lot of improvements for Angular developers toverux/ngx-sweetalert2 🚀
@zenflow is now the collaborator, welcome to the team! 🥇

Other improvements and bug-fixes:

fix documentation and examples page after v7.0.0 release
do not reset validation if popup isn't visible (#716)
do not use window.onkeydown.toString() (#727)
fix the default email validation regex (#719)
fix Enter key handler for Japanese layout (#721)
do not sumbit input: 'textarea' on Enter (https://github.com/limonte/sweetalert2/commit/ba1c733bd2ef45d99265c9b96693e9989f801187)

sweetalert2 -

Published by limonte almost 7 years ago

🥇 This release is delivered because of the awesomeness of these people (ordered a-z): @acupajoe, @limonte, @samturrell, @toverux, @zenflow

🔴 Breaking change # 1 - `useRejections`

⚠️ useRejections is now false default, set it to true if you want backward compatibility with previous versions (<7.0.0)

Before you were handling dismissals in the rejection handler: [JSFIDDLE ↗]

swal({
  ...
}).then(
  value => {
    // handle confirm
  },
  dismiss => {
    // handle dismiss
  }
).catch(swal.noop)

Now you should handle both confirmations and dismissals in the fulfillment handler: [JSFIDDLE ↗]

swal({
  ...
}).then(result => {
  if (result.value) {
    // handle confirm
    console.log(result.value)
  } else {
    // handle dismiss, result.dismiss can be 'cancel', 'overlay', 'close', and 'timer'
    console.log(result.dismiss)
  }
})

In order to have painless backward compatibility with previous versions, use useRejections: true [JSFIDDLE ↗]

swal({
  useRejections: true           // <<<<<<------- BACKWARD COMPATIBILITY WITH v6.x
}).then(
  value => {
    // handle confirm
  },
  dismiss => {
    // handle dismiss
  }
).catch(swal.noop)

ℹ️ Since we are not rejecting promise by default, .catch(swal.noop) isn't needed anymore.

⚠️ useRejections is deprecated and will be removed in the next major release.

🔴 Breaking change # 2 - `preConfirm`

preConfirm shouldn't reject a promise with an error message, instead it should show an error with swal.showValidationError(message) and fulfill a promise:

Before:

preConfirm: (email) => {
  return new Promise((resolve, reject) => {
    if (email === '[email protected]') {
      reject('This email is already taken.')
    }
    resolve()
  })
}

After:

preConfirm: (email) => {
  return new Promise((resolve) => {
    if (email === '[email protected]') {
      swal.showValidationError('This email is already taken.')
    }
    resolve()
  })
}

🔴 Breaking change # 3 - `inputValidator`

inputValidator shouldn't reject a promise with an error message, instead, it should fulfill a promise with an error string:

Before:

inputValidator: (email) => {
  return new Promise((resolve, reject) => {
    if (email === '[email protected]') {
      reject('This email is already taken.')
    }
    resolve()
  })
}

After:

preConfirm: (email) => {
  return new Promise((resolve) => {
    if (email === '[email protected]') {
      resolve('This email is already taken.')
    }
    resolve()
  })
}

🔴 Breaking change # 4 - default entry point

default entry point is now dist/sweetalert2.all.js (#692 #612 #422).
- before: import swal from 'sweetalert2/dist/sweetalert2.all.js'
- now: import swal from 'sweetalert2'

⚠️ It's not needed to import CSS styles separately, they are included in dist/sweetalert2.all.js.

🎉 New features

Ability to use with async/await (#485 #700)

const {value: name} = await swal({text: 'What is your name?', input: 'text'})
const {value: location} = await swal({text: 'Where are you from?', input: 'text'})

swal(`Hi ${name}, from ${location}!`)

Toasts/growl functionality (#663 #670)

swal({
  text: 'Your work has been saved',
  toast: true
})

backdrop parameter, default true (#680 #681)

swal({
  text: 'I will not add a backdrop to the document',
  backdrop: false
})

⚠️ Deprecated parameters

These parameter are now deprecated and will be removed in the next major release:

useRejections
expectRejections

sweetalert2 -

Published by limonte almost 7 years ago

fix Esc handler for IE11 🤦‍♂️
do not submit modal on Enter when input: 'textarea' (https://github.com/limonte/sweetalert2/issues/702)

sweetalert2 -

Published by limonte almost 7 years ago

fix the centering in IE11 (#687)

sweetalert2 -

Published by limonte almost 7 years ago

Inject the compiled SCSS into the dom rather than the rollup-compiled SCSS (fix https://github.com/limonte/sweetalert2/issues/673)

Special thanks to @samturrell 🍻

sweetalert2 -

Published by limonte almost 7 years ago

Revert margin: auto where position isn't specified (fix https://github.com/limonte/sweetalert2/issues/679)
Type-check and lint the TypeScript declaration file (#683) thanks to @toverux 🍻
Examples: replace all.min.js with .js + .css, there's opened issue which should be fixed before releasing v7.0.0: https://github.com/limonte/sweetalert2/issues/673
Bump puppeteer in visual screenshots to 0.12.0 (#682)

sweetalert2 -

Published by limonte almost 7 years ago

remove min-height from the modal (#667)
add babel-plugin-array-includes to transpile array-includes to ES5 (https://github.com/limonte/sweetalert2/commit/9bd83988b560407d928e1065da422a582bb6bfd4)

sweetalert2 -