Details

      Description

      The goal of this task is to analyze the requirements and cost of implementing a maxItems limitation on the `DualList` component.

      This component is currently used and implemented in liferay-portal as liferay-ui:input-move-boxes and powered by the AUI Liferay.InputMoveboxes component.

      Another available component is Clay's Dual List Box which implements the same pattern and is provided as a React component.

      This feature is explained in the parent ticket as:
      Motivation:
      As the audit graph will just allow the crossing of two vocabularies for the moment, we need to limit the number of vocabularies selected in the configuration option.

      Behaviour:

      • When the limit of two categories added is reached, the "adding" button is disabled
      • When user hits Save, a warning message will show if three or more vocabularies are selected in the "In Use" list

      (I'm not sure how 3 or more items could make it into the box if the button is disabled, though)

      Acceptance Criteria:

      • POC of changes needed to add support for maxItems in the AUI implementation
        • New tag attributes
        • New component attributes
        • Markup adjustments
      • POC code needed (changes included) to add support for maxItems using the Dual List Box component
        • Example of composition to make it work
        • Needed adjustments in the low-level Clay component if not possible out of the box

        Attachments

          Issue Links

            Activity

              People

              Assignee:
              team-frontend-infra Product Team Frontend Infrastructure
              Reporter:
              jose.balsas Chema Balsas
              Recent user:
              Carlos Brichete Báez
              Participants of an Issue:
              Votes:
              0 Vote for this issue
              Watchers:
              0 Start watching this issue

                Dates

                Created:
                Updated:
                Resolved:

                  Packages

                  Version Package