Uploaded image for project: 'stripes-smart-components'
  1. stripes-smart-components
  2. STSMACOM-613

Resizable Panes - Persistence | Use PersistedPaneset smart component.

    XMLWordPrintable

Details

    • Prokopovych - Sprint 128, Prokopovych - Sprint 129
    • 3
    • Prokopovych

    Description

      Requirement: Update Resizable panes to support session/local storage persistence. See below documentation

      Acceptance criteria
      Given I am on the Inventory app
      AND I resize the second or third pane
      AND I go to another app
      When I return to the Inventory app
      Then resize should persists based on session and/or local storage

      Technical documentation:
      we’ve added a new component, <PersistedPaneset> to stripes-smart-components: https://github.com/folio-org/stripes-smart-components/tree/master/lib/PersistedPaneset
      you’re already using <Paneset> in your apps, to which @j.coburn recently added the ability to resize Panes (scroll up). PersistedPaneset saves the current pane widths to the user’s localStorage so if you resize a pane, close the window, and then bring up folio again, the panes will be the same width.
      to use PersistedPaneset

      What about the search-and-filters pane?
      while working on this, I realized i could use the same technique to persist the visibility of the filters pane. that is, if a user has hidden them and they refresh, the filters pane will remain hidden. so i’ve now done that in the Agreements and Licenses apps as well.
      i don’t have as concise a commit diff to show as an example, but the key parts are here: https://github.com/folio-org/ui-agreements/blob/v6.0.0/src/components/views/Agreements.js#L75-L81
      there, we’re using the @rehooks/local-storage package to give us a local storage hook that we use to read/set the visibility. note the filterPaneVisibilityKey that namespaces the local storage to this app. NB: you should never use an un-namespaced key into local storage since you share it with all folio apps in existence now and in the future, including ones you may not know of that were developed independently at some random library/university.

      TestRail: Results

        Attachments

          Issue Links

            Activity

              People

                mattjlc Matt Connolly
                charlotte Charlotte Whitt
                Charlotte Whitt Charlotte Whitt
                Votes:
                0 Vote for this issue
                Watchers:
                6 Start watching this issue

                Dates

                  Created:
                  Updated:
                  Resolved:

                  TestRail: Runs

                    TestRail: Cases