| 143 | }; |
| 144 | |
| 145 | const show = (resizableElement: ResizableElement) => { |
| 146 | const element = |
| 147 | resizableElement === 'first' ? firstRef.current : secondRef.current; |
| 148 | if (!element) { |
| 149 | return; |
| 150 | } |
| 151 | |
| 152 | element.style.width = ''; |
| 153 | element.style.height = ''; |
| 154 | element.style.opacity = ''; |
| 155 | element.style.position = ''; |
| 156 | element.style.left = ''; |
| 157 | |
| 158 | if (storage && storageKey) { |
| 159 | const storedValue = storage.get(storageKey); |
| 160 | if ( |
| 161 | firstRef.current && |
| 162 | storedValue !== HIDE_FIRST && |
| 163 | storedValue !== HIDE_SECOND |
| 164 | ) { |
| 165 | firstRef.current.style.flex = storedValue || defaultFlexRef.current; |
| 166 | } |
| 167 | } |
| 168 | }; |
| 169 | if (hiddenElement === 'first') { |
| 170 | hide('first'); |
| 171 | } else { |