fix: pin mosaic to exact version (#137)

Author: mmiask

package.json

@@ -44,7 +44,7 @@
     "@fortawesome/free-solid-svg-icons": "^5.15.2",
     "@stoplight/json": "^3.10.0",
     "@stoplight/json-schema-tree": "^1.1.3",
-    "@stoplight/mosaic": "^1.0.0-beta.36",
+    "@stoplight/mosaic": "1.0.0-beta.46",
     "@stoplight/react-error-boundary": "^1.0.0",
     "classnames": "^2.2.6",
     "lodash": "^4.17.19"

src/__tests__/__snapshots__/index.spec.tsx.snap

@@ -341,6 +341,7 @@ exports[`HTML Output given anyOf combiner placed next to allOf given allOf mergi
             <input type=\\"text\\" style=\\"font-size: 16px\\" />
             <label>
               <select size=\\"2\\">
+                <option></option>
                 <option value=\\"0\\">1. Admin</option>
                 <option value=\\"1\\">2. Editor</option>
               </select>
@@ -476,6 +477,7 @@ exports[`HTML Output given array with oneOf containing items, should merge it co
             <input type=\\"text\\" style=\\"font-size: 16px\\" />
             <label>
               <select size=\\"2\\">
+                <option></option>
                 <option value=\\"0\\">1. array of strings</option>
                 <option value=\\"1\\">2. array of numbers</option>
               </select>
@@ -606,6 +608,7 @@ exports[`HTML Output given oneOf combiner placed next to allOf given allOf mergi
             <input type=\\"text\\" style=\\"font-size: 16px\\" />
             <label>
               <select size=\\"2\\">
+                <option></option>
                 <option value=\\"0\\">1. Admin</option>
                 <option value=\\"1\\">2. Editor</option>
               </select>
@@ -1224,16 +1227,17 @@ exports[`HTML Output should match arrays/of-complex-objects.json 1`] = `
                           <input type=\\"text\\" style=\\"font-size: 16px\\" />
                           <label>
                             <select size=\\"2\\">
+                              <option></option>
                               <option value=\\"0\\">1. object</option>
                               <option value=\\"1\\">2. array of integers</option>
                             </select>
                           </label>
                         </div>
                         <div>
                           <button
+                            aria-label=\\"Pick a type\\"
                             aria-haspopup=\\"listbox\\"
                             aria-expanded=\\"false\\"
-                            aria-label=\\"Pick a type\\"
                             id=\\"react-aria-0-3\\"
                             aria-labelledby=\\"react-aria-0-3 react-aria-0-5\\"
                             type=\\"button\\"
@@ -2497,6 +2501,7 @@ exports[`HTML Output should match combiners/allOfs/with-type.json 1`] = `
             <input type=\\"text\\" style=\\"font-size: 16px\\" />
             <label>
               <select size=\\"2\\">
+                <option></option>
                 <option value=\\"0\\">1. BugExample</option>
                 <option value=\\"1\\">2. BugExample</option>
               </select>
@@ -2655,6 +2660,7 @@ exports[`HTML Output should match combiners/oneof-with-array-type.json 1`] = `
             <input type=\\"text\\" style=\\"font-size: 16px\\" />
             <label>
               <select size=\\"2\\">
+                <option></option>
                 <option value=\\"0\\">1. array of objects</option>
                 <option value=\\"1\\">2. array of objects</option>
               </select>
@@ -2739,6 +2745,7 @@ exports[`HTML Output should match combiners/oneof-within-array-item.json 1`] = `
             <input type=\\"text\\" style=\\"font-size: 16px\\" />
             <label>
               <select size=\\"2\\">
+                <option></option>
                 <option value=\\"0\\">1. array of A-s</option>
                 <option value=\\"1\\">2. array of B-s</option>
               </select>
@@ -2969,16 +2976,17 @@ exports[`HTML Output should match default-schema.json 1`] = `
                         <input type=\\"text\\" style=\\"font-size: 16px\\" />
                         <label>
                           <select size=\\"2\\">
+                            <option></option>
                             <option value=\\"0\\">1. object</option>
                             <option value=\\"1\\">2. array of integers</option>
                           </select>
                         </label>
                       </div>
                       <div>
                         <button
+                          aria-label=\\"Pick a type\\"
                           aria-haspopup=\\"listbox\\"
                           aria-expanded=\\"false\\"
-                          aria-label=\\"Pick a type\\"
                           id=\\"react-aria-0-3\\"
                           aria-labelledby=\\"react-aria-0-3 react-aria-0-5\\"
                           type=\\"button\\"

src/components/shared/__tests__/Property.spec.tsx

@@ -141,7 +141,7 @@ describe('Property component', () => {
 
       const wrapper = render(schema);
       expect(wrapper.html()).toMatchInlineSnapshot(
-        `"<div class=\\"\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-select sl-relative\\"><div style=\\"border: 0px; clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;\\" aria-hidden=\\"true\\"><input type=\\"text\\" tabindex=\\"-1\\" style=\\"font-size: 16px;\\"><label><select size=\\"2\\" tabindex=\\"-1\\"><option value=\\"0\\">1. array of strings</option><option value=\\"1\\">2. array of numbers</option></select></label></div><div class=\\"sl-relative\\"><button aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" aria-label=\\"Pick a type\\" id=\\"react-aria-0-3\\" aria-labelledby=\\"react-aria-0-3 react-aria-0-5\\" type=\\"button\\" class=\\"sl-button sl-w-full sl-h-sm sl-text-base sl-font-normal sl-px-1.5 sl-bg-transparent sl-text-body sl-rounded sl-border-transparent hover:sl-border-input focus:sl-border-primary disabled:sl-opacity-50\\"><div class=\\"sl-flex sl-flex-grow sl-justify-items-start sl-items-center\\"><div class=\\"sl-pr-1\\">1. array of strings</div></div><div class=\\"sl--mr-0.5 sl-ml-0.5\\"><svg aria-hidden=\\"true\\" focusable=\\"false\\" data-prefix=\\"fas\\" data-icon=\\"chevron-down\\" class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-xs sl-icon\\" role=\\"img\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 448 512\\"><path fill=\\"currentColor\\" d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"></path></svg></div></button></div></div></div></div></div></div><div></div></div></div></div>"`,
+        `"<div class=\\"\\"><div class=\\"sl-relative\\"><div class=\\"sl-flex\\"><div class=\\"sl-min-w-0 sl-flex-grow\\"><div class=\\"\\"><div class=\\"sl-flex sl-items-center sl-my-2\\"><div class=\\"sl-flex sl-items-baseline sl-text-base sl-flex-1\\"><div class=\\"sl-select sl-relative\\"><div style=\\"border: 0px; clip-path: inset(50%); height: 1px; margin: 0px -1px -1px 0px; overflow: hidden; padding: 0px; position: absolute; width: 1px; white-space: nowrap;\\" aria-hidden=\\"true\\"><input type=\\"text\\" tabindex=\\"-1\\" style=\\"font-size: 16px;\\"><label><select size=\\"2\\" tabindex=\\"-1\\"><option></option><option value=\\"0\\">1. array of strings</option><option value=\\"1\\">2. array of numbers</option></select></label></div><div class=\\"sl-relative\\"><button aria-label=\\"Pick a type\\" aria-haspopup=\\"listbox\\" aria-expanded=\\"false\\" id=\\"react-aria-0-3\\" aria-labelledby=\\"react-aria-0-3 react-aria-0-5\\" type=\\"button\\" class=\\"sl-button sl-w-full sl-h-sm sl-text-base sl-font-normal sl-px-1.5 sl-bg-transparent sl-text-body sl-rounded sl-border-transparent hover:sl-border-input focus:sl-border-primary disabled:sl-opacity-50\\"><div class=\\"sl-flex sl-flex-1 sl-justify-items-start sl-items-center\\"><div class=\\"sl-pr-1\\">1. array of strings</div></div><div class=\\"sl--mr-0.5 sl-ml-0.5\\"><svg aria-hidden=\\"true\\" focusable=\\"false\\" data-prefix=\\"fas\\" data-icon=\\"chevron-down\\" class=\\"svg-inline--fa fa-chevron-down fa-w-14 fa-xs sl-icon\\" role=\\"img\\" xmlns=\\"http://www.w3.org/2000/svg\\" viewBox=\\"0 0 448 512\\"><path fill=\\"currentColor\\" d=\\"M207.029 381.476L12.686 187.132c-9.373-9.373-9.373-24.569 0-33.941l22.667-22.667c9.357-9.357 24.522-9.375 33.901-.04L224 284.505l154.745-154.021c9.379-9.335 24.544-9.317 33.901.04l22.667 22.667c9.373 9.373 9.373 24.569 0 33.941L240.971 381.476c-9.373 9.372-24.569 9.372-33.942 0z\\"></path></svg></div></button></div></div></div></div></div></div><div></div></div></div></div>"`,
       );
     });