JSFiddle - React, Tailwind, and code Playground

by batcave

JavaScript

$('.js-dropdown.comes-with .dropdown-item-row').on('click', function(e) {
  var $this = $(this);
  var $chosenComesWith = $this.parents('.dropdown-item-row');
  var chosenComesWith = $chosenComesWith.data('dropdown-value');
  var originalValue = $this.parents('[data-am-dropdown]').find('.selected-value-hidden').data('data-value-original-value');
  var $container = $this.parents('.dropdown__container');

  if (chosenComesWith = originalValue) {
    return;
  }

  $container.removeClass('dropdown__container--error');
  var $dropdowns = $('.dropdown__container--error');

  var $input = $this.parents('.js-dropdown.comes-with input');
  $input.val(chosenComesWith);
  Dropdown.selectItem($chosenComesWith);

  if ($dropdowns.length > 0) {
    return;
  }

  var $buttonContainer = $('[data-am-buttoncontainer]');
  var $button = $buttonContainer.find('.ts-add-active-set');
  var replaceActionText = $buttonContainer.data('replace-action-text');
  var replaceActionSubText = $buttonContainer.data('replace-action-sub-text');

  $button.find('.top-row').html(replaceActionText);
  $button.find('.bottom-row').html(replaceActionSubText);

  var $addButton = $('body').find('.ts-add-active-set');
  if ($addButton !== undefined) {
    if ($addButton.data("fits-set").toLowerCase() === "true") {
      $addButton.removeClass('disabled');
    } else if ($button.data('fits-set').toLowerCase() === 'false' && $button.hasClass('disabled')) {
      $button.data('fits-set', 'True');
      $button.removeClass('disabled');
    }
  }

  var $buttonDropdown = $('[data-am-dropdown="button"]');
  if ($buttonDropdown !== undefined && $buttonDropdown.hasClass) {
    $buttonDropdown.removeClass('disabled');
  }
});