@atlaskit/link-picker 1.1.1 → 1.1.2

package/dist/esm/ui/link-search-no-results/no-results.svg

@@ -0,0 +1,38 @@
+<svg width="208" height="191" viewBox="0 0 208 191" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_1442_1680)">
+<rect width="207.16" height="189.87" transform="translate(0 0.619141)" fill="white" fill-opacity="0.01"/>
+<path opacity="0.3" d="M105.28 190.44C104.35 190.47 103.42 190.49 102.49 190.5C101.19 190.51 100.13 189.46 100.13 188.16C100.12 186.89 101.13 185.84 102.4 185.8C102.42 185.8 102.45 185.8 102.47 185.8C108.4 185.77 114.42 185.13 120.21 183.9C121.48 183.63 122.73 184.44 123 185.71C123.27 186.98 122.46 188.23 121.19 188.5C115.98 189.59 110.63 190.25 105.28 190.44Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M89.77 189.649C89.64 189.649 89.5 189.649 89.36 189.629C83.14 188.769 77 187.259 71.09 185.139C69.87 184.699 69.23 183.359 69.67 182.129C70.11 180.909 71.46 180.269 72.68 180.709C78.28 182.719 84.1 184.149 90 184.959C91.29 185.139 92.19 186.319 92.01 187.609C91.86 188.769 90.89 189.609 89.77 189.649Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M133.08 184.98C132.09 185.01 131.15 184.42 130.79 183.44C130.34 182.22 130.96 180.87 132.18 180.42C137.76 178.36 143.14 175.71 148.19 172.55C149.29 171.86 150.74 172.19 151.43 173.29C152.12 174.39 151.79 175.84 150.69 176.53C145.37 179.86 139.69 182.66 133.82 184.83C133.57 184.93 133.33 184.97 133.08 184.98Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M60.25 180.089C59.85 180.099 59.44 180.019 59.07 179.819C53.54 176.879 48.28 173.349 43.46 169.339C42.46 168.509 42.32 167.029 43.15 166.029C43.98 165.029 45.46 164.889 46.46 165.719C51.04 169.529 56.02 172.869 61.27 175.659C62.42 176.269 62.85 177.689 62.24 178.839C61.83 179.619 61.06 180.069 60.25 180.089Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M35.79 161.01C35.12 161.03 34.44 160.77 33.96 160.24C29.75 155.58 26.01 150.48 22.85 145.07C22.19 143.95 22.57 142.51 23.69 141.85C24.81 141.19 26.25 141.57 26.91 142.69C29.91 147.82 33.46 152.66 37.45 157.08C38.32 158.04 38.25 159.53 37.28 160.4C36.85 160.79 36.32 160.99 35.79 161.01Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M179.7 145.469C179.28 145.479 178.84 145.389 178.45 145.159C177.32 144.509 176.93 143.079 177.58 141.949C180.54 136.779 182.97 131.289 184.8 125.639C185.2 124.399 186.53 123.729 187.76 124.129C189 124.529 189.67 125.859 189.27 127.089C187.34 133.049 184.77 138.829 181.65 144.279C181.24 145.019 180.49 145.439 179.7 145.469Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M19.3 134.749C18.34 134.779 17.42 134.219 17.04 133.279C14.68 127.469 12.92 121.399 11.81 115.219C11.58 113.939 12.43 112.719 13.71 112.489C14.99 112.259 16.21 113.109 16.44 114.389C17.5 120.249 19.17 126.009 21.4 131.519C21.89 132.719 21.31 134.099 20.1 134.579C19.84 134.679 19.57 134.739 19.3 134.749Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M190.19 116.26C190.03 116.27 189.87 116.26 189.71 116.23C188.43 116.01 187.57 114.8 187.79 113.52C188.79 107.68 189.18 101.69 188.97 95.7197L188.96 95.5197C188.91 94.2197 189.93 93.1297 191.23 93.0897C192.53 93.0397 193.62 94.0597 193.66 95.3597L193.67 95.5597C193.89 101.85 193.47 108.16 192.42 114.32C192.23 115.43 191.28 116.22 190.19 116.26Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M12.82 104.36C11.52 104.41 10.43 103.44 10.39 102.14V102.04C10.17 95.7795 10.58 89.4995 11.62 83.3795C11.84 82.0995 13.05 81.2395 14.33 81.4495C15.61 81.6695 16.47 82.8795 16.26 84.1595C15.28 89.9695 14.88 95.9295 15.09 101.86C15.14 103.17 14.12 104.31 12.82 104.36Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M190 85.05C188.85 85.09 187.82 84.28 187.61 83.12C186.54 77.26 184.87 71.5 182.63 66C182.14 64.8 182.72 63.42 183.92 62.93C185.12 62.44 186.5 63.02 186.99 64.22C189.35 70.02 191.12 76.1 192.24 82.28C192.47 83.56 191.63 84.78 190.35 85.02C190.23 85.03 190.12 85.04 190 85.05Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M17.07 73.6685C16.8 73.6785 16.53 73.6385 16.26 73.5585C15.02 73.1585 14.35 71.8285 14.75 70.5985C16.68 64.6385 19.23 58.8485 22.35 53.3985C22.99 52.2685 24.43 51.8785 25.56 52.5185C26.69 53.1585 27.08 54.5985 26.44 55.7285C23.49 60.8985 21.06 66.3885 19.23 72.0485C18.91 73.0085 18.03 73.6385 17.07 73.6685Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M179.22 55.9797C178.38 56.0097 177.56 55.5897 177.11 54.8197C174.1 49.6997 170.55 44.8597 166.55 40.4397C165.68 39.4797 165.75 37.9897 166.72 37.1197C167.68 36.2497 169.17 36.3197 170.04 37.2897C174.26 41.9497 178 47.0397 181.17 52.4397C181.83 53.5597 181.45 54.9997 180.33 55.6597C179.98 55.8597 179.6 55.9597 179.22 55.9797Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M31.61 46.2591C31.08 46.2791 30.54 46.1191 30.08 45.7591C29.06 44.9591 28.87 43.4791 29.67 42.4591C33.53 37.5091 37.9 32.9491 42.68 28.8891C43.67 28.0491 45.15 28.1691 46 29.1591C46.84 30.1491 46.72 31.6291 45.73 32.4791C41.2 36.3291 37.04 40.6691 33.38 45.3591C32.94 45.9291 32.28 46.2391 31.61 46.2591Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M159.12 32.3496C158.56 32.3696 158 32.1896 157.54 31.8096C152.95 28.0096 147.97 24.6696 142.71 21.8796C141.56 21.2696 141.12 19.8496 141.73 18.6996C142.34 17.5496 143.76 17.1196 144.91 17.7196C150.44 20.6496 155.7 24.1696 160.53 28.1796C161.53 29.0096 161.67 30.4896 160.84 31.4896C160.4 32.0296 159.76 32.3196 159.12 32.3496Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M54.62 25.4492C53.81 25.4792 53.01 25.0892 52.54 24.3492C51.85 23.2492 52.18 21.7992 53.28 21.1092C58.6 17.7692 64.27 14.9692 70.15 12.7892C71.37 12.3392 72.72 12.9592 73.17 14.1792C73.62 15.3992 73 16.7492 71.78 17.1992C66.21 19.2592 60.83 21.9192 55.78 25.0892C55.42 25.3192 55.02 25.4392 54.62 25.4492Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M132.16 16.9787C131.87 16.9887 131.57 16.9487 131.29 16.8387C125.69 14.8387 119.86 13.4187 113.96 12.6087C112.67 12.4287 111.77 11.2487 111.95 9.9587C112.13 8.6687 113.32 7.7687 114.6 7.9487C120.82 8.7987 126.96 10.2987 132.87 12.4087C134.09 12.8487 134.73 14.1887 134.29 15.4187C133.96 16.3487 133.09 16.9487 132.16 16.9787Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M83.36 13.7797C82.24 13.8197 81.22 13.0497 80.98 11.9197C80.71 10.6497 81.52 9.39968 82.79 9.12968C88.9 7.82968 95.24 7.14968 101.48 7.09968C102.78 7.08968 103.84 8.13968 103.85 9.43968C103.86 10.7197 102.85 11.7597 101.58 11.8097C101.56 11.8097 101.53 11.8097 101.51 11.8097C95.58 11.8397 89.56 12.4997 83.77 13.7297C83.63 13.7597 83.49 13.7697 83.36 13.7797Z" fill="#B3BAC5"/>
+<path opacity="0.3" d="M190.8 34.8096C190.55 34.7396 190.38 34.5096 190.41 34.2496C190.43 34.0996 190.45 33.9496 190.47 33.7996C190.52 33.5096 190.58 33.1996 190.66 32.8796C190.96 31.7296 191.51 30.6996 192.3 29.7896C193.09 28.8796 194.23 28.1196 195.7 27.5296L198.18 26.5196C199.66 25.9296 200.57 24.9496 200.93 23.5996C201.06 23.1096 201.1 22.6096 201.05 22.0896C201 21.5696 200.85 21.0796 200.58 20.6296C200.31 20.1796 199.94 19.7696 199.45 19.4096C198.96 19.0496 198.36 18.7796 197.64 18.5896C196.86 18.3896 196.17 18.3596 195.55 18.4996C194.93 18.6396 194.38 18.8896 193.9 19.2396C193.42 19.5896 193.02 20.0396 192.7 20.5796C192.37 21.1196 192.13 21.6996 191.97 22.2996C191.92 22.4796 191.88 22.6596 191.85 22.8196C191.76 23.2896 191.29 23.5696 190.83 23.4296L187 22.2596C186.64 22.1496 186.39 21.7996 186.43 21.4296C186.44 21.3096 186.46 21.1896 186.48 21.0696C186.54 20.7296 186.61 20.4096 186.69 20.0896C186.99 18.9396 187.5 17.8696 188.22 16.8796C188.94 15.8896 189.83 15.0796 190.89 14.4496C191.95 13.8196 193.15 13.4096 194.51 13.2096C195.87 13.0096 197.35 13.1296 198.96 13.5496C200.63 13.9896 202.03 14.6196 203.16 15.4396C204.3 16.2596 205.19 17.1796 205.84 18.1896C206.49 19.2096 206.9 20.2896 207.06 21.4396C207.22 22.5896 207.16 23.7096 206.87 24.7996C206.42 26.5196 205.64 27.8896 204.55 28.9096C203.45 29.9296 202.14 30.7296 200.6 31.2996L198.51 32.0896C197.92 32.2796 197.04 32.6696 196.31 33.4696C196.24 33.5496 195.94 33.8796 195.64 34.3896C195.42 34.7696 195.26 35.1396 195.15 35.4596C195.06 35.7196 194.78 35.8596 194.52 35.7896L190.8 34.8096ZM187.74 40.6796C187.99 39.7296 188.53 39.0096 189.37 38.5096C190.21 38.0096 191.1 37.8796 192.05 38.1296C193 38.3796 193.72 38.9296 194.22 39.7796C194.72 40.6296 194.84 41.5296 194.59 42.4796C194.34 43.4296 193.79 44.1396 192.94 44.6296C192.09 45.1096 191.19 45.2296 190.25 44.9796C189.3 44.7296 188.58 44.1896 188.1 43.3596C187.61 42.5196 187.49 41.6296 187.74 40.6796Z" fill="#C1C7D0"/>
+<path opacity="0.3" d="M18.51 21.9392C18.27 21.8592 18.11 21.6092 18.16 21.3592C18.19 21.2092 18.22 21.0592 18.25 20.9092C18.32 20.6192 18.4 20.3192 18.51 20.0092C18.89 18.8792 19.5 17.8892 20.36 17.0392C21.21 16.1792 22.39 15.5092 23.91 15.0092L26.45 14.1692C27.96 13.6792 28.94 12.7692 29.39 11.4392C29.55 10.9592 29.63 10.4592 29.61 9.93915C29.6 9.41915 29.47 8.91915 29.24 8.44915C29.01 7.97915 28.66 7.54915 28.19 7.15915C27.73 6.76915 27.14 6.45915 26.44 6.21915C25.68 5.95915 24.98 5.88915 24.36 5.98915C23.73 6.08915 23.17 6.29915 22.67 6.61915C22.17 6.93915 21.74 7.35915 21.38 7.87915C21 8.39915 20.72 8.95915 20.52 9.54915C20.46 9.72915 20.41 9.89915 20.37 10.0592C20.25 10.5192 19.76 10.7692 19.31 10.5992L15.57 9.17915C15.22 9.04915 15 8.67915 15.06 8.30915C15.08 8.18915 15.11 8.06915 15.14 7.94915C15.22 7.61915 15.31 7.29915 15.42 6.98915C15.8 5.85915 16.38 4.82915 17.17 3.88915C17.96 2.94915 18.9 2.19915 19.99 1.63915C21.09 1.07915 22.32 0.749152 23.68 0.649152C25.05 0.549152 26.52 0.759152 28.09 1.28915C29.72 1.83915 31.08 2.55915 32.16 3.45915C33.24 4.35915 34.07 5.32915 34.65 6.38915C35.23 7.44915 35.57 8.54915 35.65 9.70915C35.73 10.8692 35.59 11.9792 35.23 13.0492C34.66 14.7392 33.8 16.0492 32.63 16.9892C31.47 17.9292 30.1 18.6392 28.53 19.1092L26.39 19.7492C25.79 19.8992 24.88 20.2292 24.1 20.9792C24.02 21.0592 23.7 21.3692 23.37 21.8492C23.12 22.2192 22.94 22.5692 22.81 22.8792C22.71 23.1292 22.42 23.2592 22.16 23.1692L18.51 21.9392ZM15.06 27.5892C15.37 26.6592 15.96 25.9692 16.83 25.5292C17.7 25.0892 18.6 25.0192 19.53 25.3292C20.46 25.6392 21.14 26.2392 21.58 27.1192C22.02 27.9992 22.08 28.9092 21.77 29.8392C21.46 30.7692 20.86 31.4492 19.98 31.8692C19.1 32.2892 18.2 32.3492 17.27 32.0392C16.34 31.7292 15.66 31.1392 15.23 30.2692C14.81 29.4192 14.75 28.5192 15.06 27.5892Z" fill="#C1C7D0"/>
+<path opacity="0.3" d="M12.39 180.998C12.15 181.088 11.87 180.998 11.75 180.768C11.68 180.638 11.61 180.498 11.54 180.358C11.41 180.088 11.29 179.798 11.17 179.498C10.76 178.388 10.61 177.228 10.74 176.028C10.87 174.828 11.36 173.558 12.23 172.218L13.68 169.968C14.55 168.638 14.74 167.308 14.25 165.998C14.07 165.528 13.82 165.088 13.48 164.688C13.14 164.288 12.74 163.978 12.26 163.758C11.78 163.538 11.24 163.428 10.63 163.408C10.02 163.398 9.37001 163.518 8.68001 163.778C7.93001 164.058 7.34001 164.428 6.91001 164.908C6.48001 165.378 6.18001 165.898 5.99001 166.458C5.80001 167.018 5.73001 167.618 5.77001 168.248C5.81001 168.878 5.94001 169.488 6.16001 170.078C6.23001 170.258 6.29001 170.418 6.36001 170.568C6.56001 170.998 6.33001 171.508 5.88001 171.658L2.08001 172.898C1.72001 173.018 1.32001 172.868 1.14001 172.538C1.08001 172.428 1.03001 172.318 0.970012 172.208C0.820012 171.898 0.690012 171.588 0.580012 171.288C0.170012 170.178 -0.029988 169.008 -0.00998796 167.778C0.010012 166.548 0.270012 165.378 0.780012 164.258C1.28001 163.138 2.03001 162.108 3.03001 161.168C4.03001 160.228 5.31001 159.468 6.87001 158.898C8.49001 158.298 9.99001 158.008 11.39 158.028C12.79 158.048 14.05 158.288 15.17 158.738C16.29 159.198 17.24 159.848 18.03 160.698C18.82 161.548 19.41 162.498 19.8 163.558C20.42 165.228 20.57 166.798 20.26 168.258C19.95 169.718 19.33 171.128 18.4 172.488L17.14 174.338C16.77 174.838 16.27 175.658 16.13 176.728C16.12 176.838 16.06 177.278 16.11 177.858C16.15 178.298 16.23 178.688 16.33 179.008C16.41 179.268 16.26 179.548 16 179.648L12.39 180.998ZM13.26 187.558C12.92 186.638 12.95 185.738 13.35 184.838C13.75 183.948 14.41 183.328 15.33 182.988C16.25 182.648 17.16 182.688 18.05 183.098C18.95 183.508 19.57 184.178 19.91 185.098C20.25 186.018 20.21 186.918 19.79 187.798C19.37 188.678 18.7 189.288 17.79 189.628C16.87 189.968 15.97 189.938 15.09 189.538C14.21 189.138 13.6 188.478 13.26 187.558Z" fill="#C1C7D0"/>
+<path d="M149.36 134.209L142.21 127.279L132.58 137.229L139.73 144.159C141.56 145.929 142.84 148.179 143.44 150.649C144.04 153.119 145.33 155.369 147.15 157.139L176.18 185.239C180.58 189.499 187.59 189.379 191.85 184.989C196.11 180.589 195.99 173.579 191.6 169.319L162.57 141.219C160.74 139.449 158.45 138.239 155.96 137.719C153.48 137.189 151.19 135.969 149.36 134.209Z" fill="#CFD4DB"/>
+<path d="M155.68 137.628C153.31 137.078 151.12 135.898 149.37 134.198L147.19 132.088C144.44 129.428 140.06 129.498 137.4 132.248C134.74 134.998 134.81 139.378 137.56 142.038L139.74 144.148C141.49 145.848 142.74 147.988 143.37 150.338C145.72 148.558 147.94 146.588 150.03 144.428C152.1 142.298 153.98 140.018 155.68 137.628Z" fill="#B3BAC5"/>
+<path d="M101.95 156.619C86.48 156.869 71.84 151.079 60.73 140.319C37.78 118.109 37.19 81.369 59.4 58.419C70.16 47.309 84.61 41.049 100.07 40.789C115.54 40.539 130.18 46.329 141.29 57.089C152.41 67.849 158.66 82.299 158.92 97.759C159.17 113.229 153.38 127.869 142.62 138.979C131.87 150.109 117.42 156.369 101.95 156.619ZM100.3 54.619C88.52 54.809 77.53 59.579 69.33 68.039C52.42 85.509 52.87 113.479 70.34 130.389C78.8 138.579 89.95 142.989 101.73 142.799C113.51 142.609 124.5 137.839 132.7 129.379C140.89 120.919 145.3 109.769 145.11 97.989C144.92 86.209 140.15 75.219 131.69 67.019C123.22 58.839 112.08 54.429 100.3 54.619Z" fill="url(#paint0_linear_1442_1680)"/>
+<path d="M118.92 85.8396L113.58 80.5896C112.79 79.8196 111.53 79.8296 110.75 80.6196L100.96 90.5896L90.9899 80.7996C90.1999 80.0296 88.9399 80.0396 88.1599 80.8296L82.9099 86.1696C82.1399 86.9596 82.1499 88.2196 82.9399 88.9996L92.9099 98.7896L83.1199 108.76C82.3499 109.55 82.3599 110.81 83.1499 111.59L88.4899 116.84C89.2799 117.61 90.5399 117.6 91.3199 116.81L101.11 106.84L111.08 116.63C111.87 117.4 113.13 117.39 113.91 116.6L119.16 111.26C119.93 110.47 119.92 109.21 119.13 108.43L109.16 98.6396L118.95 88.6696C119.72 87.8796 119.71 86.6096 118.92 85.8396Z" fill="#C1C7D0"/>
+</g>
+<defs>
+<linearGradient id="paint0_linear_1442_1680" x1="60.0621" y1="139.664" x2="141.969" y2="57.757" gradientUnits="userSpaceOnUse">
+<stop offset="0.5572" stop-color="#C1C7D0"/>
+<stop offset="0.966" stop-color="#E9EBEF" stop-opacity="0.5"/>
+</linearGradient>
+<clipPath id="clip0_1442_1680">
+<rect width="207.16" height="189.87" fill="white" transform="translate(0 0.619141)"/>
+</clipPath>
+</defs>
+</svg>

package/dist/esm/ui/list-item/index.js

@@ -0,0 +1,90 @@
+/** @jsx jsx */
+import { Fragment } from 'react';
+import { jsx } from '@emotion/react';
+import { injectIntl } from 'react-intl-next';
+import { transformTimeStamp } from '../../transformTimeStamp';
+import { itemNameStyles, itemIconStyles, listItemContextStyles, listItemNameStyles, composeListItemStyles, imgStyles } from './styled';
+
+var LinkSearchListItem = function LinkSearchListItem(_ref) {
+  var item = _ref.item,
+      selected = _ref.selected,
+      active = _ref.active,
+      id = _ref.id,
+      role = _ref.role,
+      intl = _ref.intl,
+      onSelect = _ref.onSelect,
+      onMouseEnter = _ref.onMouseEnter,
+      onMouseLeave = _ref.onMouseLeave;
+
+  var handleSelect = function handleSelect() {
+    return onSelect(item.objectId);
+  };
+
+  var handleMouseEnter = function handleMouseEnter() {
+    return onMouseEnter(item.objectId);
+  };
+
+  var handleMouseLeave = function handleMouseLeave() {
+    return onMouseLeave(item.objectId);
+  };
+
+  var container = item.container || null;
+  var date = transformTimeStamp(intl, item.lastViewedDate, item.lastUpdatedDate);
+  return jsx("div", {
+    css: composeListItemStyles(active, selected),
+    role: role,
+    id: id,
+    "aria-selected": selected,
+    "data-testid": "link-search-list-item",
+    onMouseEnter: handleMouseEnter,
+    onMouseLeave: handleMouseLeave,
+    onClick: handleSelect
+  }, jsx(ListItemIcon, {
+    item: item,
+    intl: intl
+  }), jsx("div", {
+    css: itemNameStyles
+  }, jsx("div", {
+    "data-testid": "link-search-list-item-title",
+    css: listItemNameStyles
+  }, item.name), jsx("div", {
+    "data-testid": "link-search-list-item-subtitle",
+    css: listItemContextStyles
+  }, container, container && date && jsx(Fragment, null, "\xA0 \u2022\xA0 "), date && jsx(Fragment, null, formatDate(date)))));
+};
+
+export default injectIntl(LinkSearchListItem);
+
+var formatDate = function formatDate(date) {
+  return [date.pageAction, date.dateString, date.timeSince].filter(Boolean).join(' ');
+};
+
+var ListItemIcon = function ListItemIcon(props) {
+  var item = props.item,
+      intl = props.intl;
+  var icon = item.icon,
+      iconAlt = item.iconAlt;
+
+  if (!icon) {
+    return null;
+  }
+
+  var alt = typeof iconAlt === 'string' ? iconAlt : intl.formatMessage(iconAlt);
+
+  if (typeof icon !== 'string') {
+    var Glyph = icon;
+    return jsx("span", {
+      css: itemIconStyles
+    }, jsx(Glyph, {
+      alt: alt
+    }));
+  }
+
+  return jsx("span", {
+    css: itemIconStyles
+  }, jsx("img", {
+    src: icon,
+    alt: alt,
+    css: imgStyles
+  }));
+};

package/dist/esm/ui/list-item/styled.js

@@ -0,0 +1,37 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4, _templateObject5, _templateObject6, _templateObject7, _templateObject8, _templateObject9, _templateObject10;
+
+import { token } from '@atlaskit/tokens';
+import { css } from '@emotion/react';
+import { B50, N300, N800, N20, B400 } from '@atlaskit/theme/colors';
+import { gridSize } from '@atlaskit/theme/constants'; // AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
+import { fontSizeSmall, fontSize } from '@atlaskit/theme';
+export var relativeFontSizeToBase16 = function relativeFontSizeToBase16(px) {
+  if (typeof px === 'string') {
+    px = parseInt(px);
+  }
+
+  if (isNaN(px)) {
+    throw new Error("Invalid font size: '".concat(px, "'"));
+  }
+
+  return "".concat(px / 16, "rem");
+};
+var listItemBaseStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  display: flex;\n  padding: ", "px ", "px;\n  margin: 0 -", "px;\n  cursor: pointer;\n"])), gridSize(), gridSize() * 2, gridSize() * 2);
+var listItemBoxShadow = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  box-shadow: inset 2px 0px 0px ", ";\n"])), token('color.border.selected', B400));
+var listItemActive = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.neutral.subtle.hovered', N20));
+var listItemSelected = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  background-color: ", ";\n"])), token('color.background.selected', B50));
+export var composeListItemStyles = function composeListItemStyles() {
+  var active = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : false;
+  var selected = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
+  var hasShadow = active || selected;
+  return css(_templateObject5 || (_templateObject5 = _taggedTemplateLiteral(["\n    ", ";\n    ", ";\n    ", ";\n    ", ";\n  "])), listItemBaseStyles, active && listItemActive, selected && listItemSelected, hasShadow && listItemBoxShadow);
+};
+export var itemNameStyles = css(_templateObject6 || (_templateObject6 = _taggedTemplateLiteral(["\n  overflow: hidden;\n"])));
+export var listItemNameStyles = css(_templateObject7 || (_templateObject7 = _taggedTemplateLiteral(["\n  color: ", ";\n  overflow: hidden;\n  text-overflow: ellipsis;\n  white-space: nowrap;\n  line-height: 20px;\n"])), token('color.text', N800));
+export var listItemContextStyles = css(_templateObject8 || (_templateObject8 = _taggedTemplateLiteral(["\n  color: ", ";\n  font-size: ", ";\n  line-height: ", "px;\n"])), token('color.text', N300), relativeFontSizeToBase16(fontSizeSmall()), fontSize());
+export var itemIconStyles = css(_templateObject9 || (_templateObject9 = _taggedTemplateLiteral(["\n  min-width: ", "px;\n  margin-top: 3px;\n  margin-right: 12px;\n"])), gridSize() * 2);
+export var imgStyles = css(_templateObject10 || (_templateObject10 = _taggedTemplateLiteral(["\n  max-width: ", "px;\n"])), gridSize() * 2);

package/dist/esm/ui/styled.js

@@ -0,0 +1,16 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+
+import { token } from '@atlaskit/tokens';
+import { css } from '@emotion/react';
+import { N500 } from '@atlaskit/theme/colors'; // AFP-2532 TODO: Fix automatic suppressions below
+// eslint-disable-next-line @atlassian/tangerine/import/entry-points
+
+import { typography } from '@atlaskit/theme';
+import { gridSize } from '@atlaskit/theme/constants';
+var LINK_PICKER_WIDTH_IN_PX = 342;
+export var recentListStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  width: ", "px;\n"])), LINK_PICKER_WIDTH_IN_PX);
+export var containerStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  padding: ", "px;\n  width: 100%;\n  overflow: hidden;\n  line-height: initial;\n  box-sizing: border-box;\n"])), gridSize() * 2);
+export var searchIconStyles = css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n  margin-left: ", "px;\n  color: ", ";\n  cursor: default;\n"])), gridSize() / 2, token('color.icon', N500));
+export var listTitleStyles = css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n  ", "\n  text-transform: uppercase;\n  margin-bottom: ", "px;\n"])), typography.h100(), gridSize() / 2);

package/dist/esm/ui/text-input/index.js

@@ -0,0 +1,99 @@
+import _extends from "@babel/runtime/helpers/extends";
+import _objectWithoutProperties from "@babel/runtime/helpers/objectWithoutProperties";
+var _excluded = ["name", "label", "autoFocus", "onSubmit", "onRedo", "onUndo", "onChange", "onKeyDown", "onClear", "clearLabel", "error"];
+
+/** @jsx jsx */
+import { useCallback, useRef, Fragment } from 'react';
+import { jsx } from '@emotion/react';
+import { ErrorMessage, Field } from '@atlaskit/form';
+import Tooltip from '@atlaskit/tooltip';
+import Textfield from '@atlaskit/textfield';
+import Selectclear from '@atlaskit/icon/glyph/select-clear';
+import { isRedoEvent, isUndoEvent } from '../../utils';
+import { clearTextButtonStyles, fieldStyles } from './styled';
+
+var PanelTextInput = function PanelTextInput(props) {
+  var name = props.name,
+      label = props.label,
+      autoFocus = props.autoFocus,
+      onSubmit = props.onSubmit,
+      onRedo = props.onRedo,
+      onUndo = props.onUndo,
+      onChange = props.onChange,
+      onKeyDown = props.onKeyDown,
+      onClear = props.onClear,
+      clearLabel = props.clearLabel,
+      error = props.error,
+      restProps = _objectWithoutProperties(props, _excluded);
+
+  var inputRef = useRef(null);
+  var handleRef = useCallback(function (input) {
+    if (input) {
+      inputRef.current = input;
+
+      if (autoFocus) {
+        // Need this to prevent jumping when we render TextInput inside Portal @see ED-2992
+        input.focus({
+          preventScroll: true
+        });
+      }
+    }
+  }, [autoFocus]);
+  var handleChange = useCallback(function (e) {
+    onChange(e.currentTarget.value);
+  }, [onChange]);
+  var handleKeydown = useCallback(function (e) {
+    var value = e.currentTarget.value;
+
+    if (e.keyCode === 13 && onSubmit) {
+      e.preventDefault(); // Prevent from submitting if an editor is inside a form.
+
+      onSubmit(value);
+    } else if (typeof onUndo === 'function' && isUndoEvent(e)) {
+      e.preventDefault();
+      onUndo();
+    } else if (typeof onRedo === 'function' && isRedoEvent(e)) {
+      e.preventDefault();
+      onRedo();
+    }
+
+    if (onKeyDown) {
+      onKeyDown(e);
+    }
+  }, [onSubmit, onUndo, onRedo, onKeyDown]);
+  var handleClear = useCallback(function () {
+    if (inputRef.current && onClear) {
+      inputRef.current.focus();
+      onClear();
+    }
+  }, [onClear]);
+  var clearText = restProps.value !== '' && jsx(Tooltip, {
+    content: clearLabel
+  }, jsx("button", {
+    css: clearTextButtonStyles,
+    onClick: handleClear,
+    "data-testid": "clear-text"
+  }, jsx(Selectclear, {
+    size: "medium",
+    label: clearLabel || ''
+  })));
+  return jsx("div", {
+    css: fieldStyles
+  }, jsx(Field, {
+    label: label,
+    name: name
+  }, function (_ref) {
+    var fieldProps = _ref.fieldProps;
+    return jsx(Fragment, null, jsx(Textfield, _extends({}, fieldProps, restProps, {
+      onKeyDown: handleKeydown,
+      onChange: handleChange,
+      ref: handleRef,
+      elemAfterInput: clearText,
+      isInvalid: !!error
+    })), error && jsx(ErrorMessage, {
+      testId: "link-error"
+    }, error));
+  }));
+};
+
+export default PanelTextInput;

package/dist/esm/ui/text-input/styled.js

@@ -0,0 +1,10 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/taggedTemplateLiteral";
+
+var _templateObject, _templateObject2;
+
+import { token } from '@atlaskit/tokens';
+import { css } from '@emotion/react';
+import { N500 } from '@atlaskit/theme/colors';
+import { gridSize } from '@atlaskit/theme/constants';
+export var clearTextButtonStyles = css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  padding: 0;\n  margin-right: ", "px;\n  color: ", ";\n  background: transparent;\n  border: none;\n  cursor: pointer;\n"])), gridSize() / 2, token('color.icon.subtle', N500));
+export var fieldStyles = css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  margin-bottom: ", "px;\n"])), gridSize() * 2);

package/dist/esm/url.js

@@ -0,0 +1,90 @@
+import LinkifyIt from 'linkify-it';
+var linkify = LinkifyIt();
+linkify.add('sourcetree:', 'http:');
+var tlds = 'biz|com|edu|gov|net|org|pro|web|xxx|aero|asia|coop|info|museum|name|shop|рф'.split('|');
+var tlds2Char = 'a[cdefgilmnoqrtuwxz]|b[abdefghijmnorstvwyz]|c[acdfghiklmnoruvwxyz]|d[ejkmoz]|e[cegrstu]|f[ijkmor]|g[abdefghilmnpqrstuwy]|h[kmnrtu]|i[delmnoqrst]|j[emop]|k[eghimnprwyz]|l[abcikrstuvy]|m[acdeghklmnopqrtuvwxyz]|n[acefgilopruz]|om|p[aefghkmnrtw]|qa|r[eosuw]|s[abcdegijklmnrtuvxyz]|t[cdfghjklmnortvwz]|u[agksyz]|v[aceginu]|w[fs]|y[et]|z[amw]';
+tlds.push(tlds2Char);
+linkify.tlds(tlds, false);
+var whitelistedURLPatterns = [/^https?:\/\/[^\s]*$/im, /^ftps?:\/\//im, /^\//im, /^mailto:/im, /^skype:/im, /^callto:[^\s]*$/im, /^facetime:[^\s]*$/im, /^git:/im, /^irc6?:/im, /^news:/im, /^nntp:/im, /^feed:/im, /^cvs:/im, /^svn:/im, /^mvn:/im, /^ssh:/im, /^scp:\/\//im, /^sftp:\/\//im, /^itms:/im, /^notes:/im, /^hipchat:\/\//im, /^sourcetree:/im, /^urn:/im, /^tel:/im, /^xmpp:/im, /^telnet:/im, /^vnc:/im, /^rdp:/im, /^whatsapp:/im, /^slack:/im, /^sips?:/im, /^magnet:/im, /^foo:/im, /^#/im];
+
+var normaliseLinkHref = function normaliseLinkHref(url) {
+  var match = getLinkMatch(url);
+  return match && match.url || null;
+};
+
+var getLinkMatch = function getLinkMatch(str) {
+  if (!str) {
+    return null;
+  }
+
+  var match = linkifyMatch(str);
+
+  if (!match.length) {
+    match = linkify.match(str);
+  }
+
+  return match && match.length > 0 && match[0].index === 0 && match[0].lastIndex === str.trim().length ? match[0] : null;
+};
+
+var LINK_REGEXP = /(https?|ftp):\/\/[^\s]+/;
+
+var linkifyMatch = function linkifyMatch(text) {
+  var matches = [];
+
+  if (!LINK_REGEXP.test(text)) {
+    return matches;
+  }
+
+  var startpos = 0;
+  var substr;
+
+  while (substr = text.substr(startpos)) {
+    var link = (substr.match(LINK_REGEXP) || [''])[0];
+
+    if (link) {
+      var index = substr.search(LINK_REGEXP);
+      var start = index >= 0 ? index + startpos : index;
+      var end = start + link.length;
+      matches.push({
+        index: start,
+        lastIndex: end,
+        raw: link,
+        url: link,
+        text: link,
+        schema: ''
+      });
+      startpos += end;
+    } else {
+      break;
+    }
+  }
+
+  return matches;
+};
+
+export var isSafeUrl = function isSafeUrl(url) {
+  var urlTrimmed = url.trim();
+
+  if (urlTrimmed.length === 0) {
+    return true;
+  }
+
+  return whitelistedURLPatterns.some(function (p) {
+    return p.test(urlTrimmed);
+  });
+};
+/**
+ * Adds protocol to url if needed.
+ */
+
+export function normalizeUrl(url) {
+  if (!url) {
+    return '';
+  }
+
+  if (isSafeUrl(url)) {
+    return url.trim();
+  }
+
+  return normaliseLinkHref(url);
+}

package/dist/esm/utils.js

@@ -0,0 +1,13 @@
+import { browser } from './browser';
+var KeyZCode = 90;
+var KeyYCode = 89;
+export var isUndoEvent = function isUndoEvent(e) {
+  return e.keyCode === KeyZCode && ( // cmd + z for mac
+  browser.mac && e.metaKey && !e.shiftKey || // ctrl + z for non-mac
+  !browser.mac && e.ctrlKey);
+};
+export var isRedoEvent = function isRedoEvent(e) {
+  return (// ctrl + y for non-mac
+    !browser.mac && e.ctrlKey && e.keyCode === KeyYCode || browser.mac && e.metaKey && e.shiftKey && e.keyCode === KeyZCode || e.ctrlKey && e.shiftKey && e.keyCode === KeyZCode
+  );
+};

package/dist/esm/version.json

@@ -0,0 +1,5 @@
+{
+	"name": "@atlaskit/link-picker",
+	"version": "1.1.2",
+	"sideEffects": false
+}

package/dist/types/browser.d.ts

@@ -0,0 +1,15 @@
+declare const result: {
+    mac: boolean;
+    ie: boolean;
+    ie_version: number;
+    gecko: boolean;
+    chrome: boolean;
+    chrome_version: number;
+    android: boolean;
+    ios: boolean;
+    webkit: boolean;
+    safari: boolean;
+    supportsIntersectionObserver: boolean;
+    supportsResizeObserver: boolean;
+};
+export { result as browser };

package/dist/types/index.d.ts

@@ -0,0 +1,3 @@
+export type { LinkPickerProps } from './ui/link-picker';
+export { LinkPickerWithIntl as LinkPicker } from './ui/link-picker';
+export type { LinkInputType, LinkPickerPlugin, LinkPickerState, LinkSearchListItemData, } from './types';

package/dist/types/messages.d.ts

@@ -0,0 +1,102 @@
+export declare const messages: {
+    placeholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkTextPlaceholder: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkInvalid: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkTextLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    clearText: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    clearLink: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchLinkAriaDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    searchLinkResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    linkAriaLabel: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    timeUpdated: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    timeViewed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    timeAgo: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    titleRecentlyViewed: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    titleResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    cancelButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    insertButton: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noResults: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+    noResultsDescription: {
+        id: string;
+        defaultMessage: string;
+        description: string;
+    };
+};

package/dist/types/transformTimeStamp.d.ts

@@ -0,0 +1,3 @@
+import { IntlShape } from 'react-intl-next';
+import { ListItemTimeStamp } from './types';
+export declare const transformTimeStamp: (intl: IntlShape, lastViewedDate?: Date | undefined, lastUpdatedDate?: Date | undefined) => ListItemTimeStamp | undefined;

package/dist/types/types.d.ts

@@ -0,0 +1,40 @@
+/// <reference types="react" />
+import { MessageDescriptor } from 'react-intl-next';
+export declare type LinkInputType = 'manual' | 'typeAhead';
+export interface LinkSearchListItemData {
+    /** Unique identifiable attribute for the item */
+    objectId: string;
+    /** Name / title / display text of the link */
+    name: string;
+    /** URL of the resource being linked to */
+    url: string;
+    /** Icon to display in link result */
+    icon: string | React.ComponentType<{
+        alt: string;
+    }>;
+    /** Alt text describing the icon */
+    iconAlt: string | MessageDescriptor;
+    /** Context to display in link result */
+    container?: string;
+    /** Optional last view date to display in link result */
+    lastViewedDate?: Date;
+    /** Optional last updated date to display in link result */
+    lastUpdatedDate?: Date;
+    /** Whether the result is pre-fetched from activity provider */
+    prefetch?: boolean;
+}
+export declare type ListItemTimeStamp = {
+    pageAction: string;
+    dateString: string;
+    timeSince?: string | undefined;
+};
+export interface LinkPickerState {
+    /** Current query string / URL input field value */
+    query: string;
+}
+export interface ResolveResult {
+    data: LinkSearchListItemData[];
+}
+export interface LinkPickerPlugin {
+    resolve: (state: LinkPickerState) => Promise<ResolveResult> | AsyncGenerator<ResolveResult, ResolveResult>;
+}

package/dist/types/ui/announcer.d.ts

@@ -0,0 +1,22 @@
+import React, { AriaAttributes, Ref } from 'react';
+declare type AnnouncerProps = {
+    ref?: Ref<HTMLDivElement>;
+    /** Set 'false' for announcing only changed text
+     * (not announce duplicate part of string after second render),
+     * and 'true' for announcing all the string after each render */
+    ariaAtomic?: AriaAttributes['aria-atomic'];
+    /** Set politeness settings */
+    ariaLive?: AriaAttributes['aria-live'];
+    /** Used to describe what types of changes have occurred to an aria-live region */
+    ariaRelevant?: AriaAttributes['aria-relevant'];
+    /** Role used to set attribute role. See more details https://dequeuniversity.com/library/aria/liveregion-playground#configOptions */
+    role?: 'status' | 'log' | 'alert' | 'timer' | 'marquee';
+    /** Text message that will be announced */
+    text: string;
+    /** Debounce delay.
+     *  Set delay (ms) to prevent announce the same string multiple times.
+     *  It can be useful for cases when the parent component re-renders with the same announcer's text. */
+    delay?: number;
+};
+declare const _default: React.NamedExoticComponent<AnnouncerProps>;
+export default _default;