Epic/form UI column sorting

assets/src/css/Safe-Rem/functions.scss

@@ -0,0 +1,17 @@
+@use "sass:string";
+
+$MIN_REM_SIZE: 16px;
+
+/**
+ * Safely use rem values in distributed code for unpredictable environments (e.g. for use inside a WordPress plugin).
+ *
+ * This does not support IE 11 and a few other outdated browser.
+ * A Sass mixin could be used to provide a fallback value for this.
+ *
+ * @param {Number} $value
+ * @return {String} e.g. for $value: 3 and $MIN_REM_SIZE: 16px => max(3rem, 48px)
+ */
+
+@function safe-rem($value) {
+    @return string.unquote("max(#{$value}rem, #{$value * $MIN_REM_SIZE})");
+}

give.php

@@ -120,7 +120,7 @@
  * @property-read DonationRepository $donations
  * @property-read DonorRepositoryProxy $donors
  * @property-read SubscriptionRepository $subscriptions
- * @property-read DonationFormsRepository $donationFormsRepository
+ * @property-read DonationFormsRepository $donationForms
  * @property-read Profile $donorDashboard
  * @property-read TabsRegister $donorDashboardTabs
  * @property-read Give_Recurring_DB_Subscription_Meta $subscription_meta

package.json

@@ -82,14 +82,15 @@
         "gravatar": "^1.8.0",
         "hint.css": "^2.5.1",
         "iframe-resizer": "^4.2.10",
+        "interweave": "^13.0.0",
         "jquery": "^3.6.0",
         "jquery-chosen": "latest",
         "jquery.payment": "latest",
         "lodash": "^4.17.21",
         "magnific-popup": "latest",
         "moment": "^2.29.4",
         "prop-types": "^15.7.2",
-        "react": "^16.12.0",
+        "react": "^16.14.0",
         "react-a11y-dialog": "^6.1.5",
         "react-csv": "^2.0.1",
         "react-currency-input-field": "^3.2.4",

src/DonationForms/DataTransferObjects/DonationFormQueryData.php

@@ -0,0 +1,120 @@
+<?php
+
+namespace Give\DonationForms\DataTransferObjects;
+
+use DateTime;
+use Give\DonationForms\Models\DonationForm;
+use Give\DonationForms\Properties\DonationFormLevel;
+use Give\DonationForms\ValueObjects\DonationFormMetaKeys;
+use Give\DonationForms\ValueObjects\DonationFormStatus;
+use Give\Framework\Support\Facades\DateTime\Temporal;
+use Give\Framework\Support\ValueObjects\Money;
+
+/**
+ * Class DonationFormQueryData
+ *
+ * @unreleased
+ */
+final class DonationFormQueryData
+{
+
+    /**
+     * @var int
+     */
+    public $id;
+    /**
+     * @var string
+     */
+    public $title;
+    /**
+     * @var DonationFormLevel[]
+     */
+    public $levels;
+    /**
+     * @var boolean
+     */
+    public $goalOption;
+    /**
+     * @var int
+     */
+    public $totalNumberOfDonations;
+    /**
+     * @var Money
+     */
+    public $totalAmountDonated;
+    /**
+     * @var DateTime
+     */
+    public $createdAt;
+    /**
+     * @var DateTime
+     */
+    public $updatedAt;
+    /**
+     * @var string
+     */
+    public $status;
+
+    /**
+     * Convert data from donation form object to DonationForm Model
+     *
+     * @unreleased
+     *
+     * @param $object
+     *
+     * @return DonationFormQueryData
+     */
+    public static function fromObject($object): DonationFormQueryData
+    {
+        $self = new static();
+
+        $self->id = (int)$object->id;
+        $self->title = $object->title;
+        $self->levels = $self->getDonationFormLevels($object);
+        $self->goalOption = ($object->{DonationFormMetaKeys::GOAL_OPTION()->getKeyAsCamelCase()} === 'enabled');
+        $self->createdAt = Temporal::toDateTime($object->createdAt);
+        $self->updatedAt = Temporal::toDateTime($object->updatedAt);
+        $self->totalAmountDonated = Money::fromDecimal($object->{DonationFormMetaKeys::FORM_EARNINGS()->getKeyAsCamelCase()}, give_get_currency());
+        $self->totalNumberOfDonations = (int)$object->{DonationFormMetaKeys::FORM_SALES()->getKeyAsCamelCase()};
+        $self->status = new DonationFormStatus($object->status);
+
+        return $self;
+    }
+
+    /**
+     * Convert DTO to DonationForm
+     *
+     * @return DonationForm
+     */
+    public function toDonationForm(): DonationForm
+    {
+        $attributes = get_object_vars($this);
+
+        return new DonationForm($attributes);
+    }
+
+    /**
+     * @unreleased
+     *
+     * @param $object
+     *
+     * @return DonationFormLevel[]
+     */
+    public function getDonationFormLevels($object): array
+    {
+        if ('multi' === $object->{DonationFormMetaKeys::PRICE_OPTION()->getKeyAsCamelCase()}) {
+            $levels = [];
+            $array = maybe_unserialize($object->{DonationFormMetaKeys::DONATION_LEVELS()->getKeyAsCamelCase()});
+
+            foreach ($array as $level) {
+                $levels[] = DonationFormLevel::fromArray($level);
+            }
+
+            return $levels;
+        }
+
+        return [
+            DonationFormLevel::fromPrice($object->{DonationFormMetaKeys::SET_PRICE()->getKeyAsCamelCase()}),
+        ];
+    }
+}