Support global prop on play sound action (#1120)

* feat: support global prop on play sound action

* feat: update pacjkage json

* feat: update package json and fix issues

* feat: install asset packs version

* feat: update asset pack version

* feat: install asset packs version on inspector

* feat: remove asset packs from root package.json

* feat: update package-lock

Author: alejandralevy

package-lock.json

@@ -2,7 +2,7 @@
   "name": "@dcl/inspector",
   "version": "0.1.0",
   "dependencies": {
-    "@dcl/asset-packs": "2.4.0",
+    "@dcl/asset-packs": "2.4.1",
     "ts-deepmerge": "^7.0.0"
   },
   "devDependencies": {

packages/@dcl/inspector/package-lock.json

@@ -6,7 +6,7 @@ import { useAppSelector } from '../../../../redux/hooks'
 import { selectAssetCatalog } from '../../../../redux/app'
 
 import { isAudio, isValidVolume, volumeToAudioSource, volumeFromAudioSource } from '../../AudioSourceInspector/utils'
-import { Dropdown, RangeField, InfoTooltip, FileUploadField } from '../../../ui'
+import { Dropdown, RangeField, InfoTooltip, FileUploadField, CheckboxField } from '../../../ui'
 import { ACCEPTED_FILE_TYPES } from '../../../ui/FileUploadField/types'
 
 import { isValid } from './utils'
@@ -67,6 +67,13 @@ const PlaySoundAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
     [payload, setPayload]
   )
 
+  const handleChangeGlobal = useCallback(
+    (e: React.ChangeEvent<HTMLInputElement>) => {
+      setPayload({ ...payload, global: e.target.checked })
+    },
+    [payload, setPayload]
+  )
+
   const error = useMemo(() => {
     if (!files || !payload.src) {
       return false
@@ -109,6 +116,9 @@ const PlaySoundAction: React.FC<Props> = ({ value, onUpdate }: Props) => {
             isValidValue={isValidVolume}
           />
         </div>
+        <div className="row">
+          <CheckboxField label="Global" checked={!!payload.global} onChange={handleChangeGlobal} />
+        </div>
       </div>
     </div>
   )

packages/@dcl/inspector/package.json

@@ -13,7 +13,7 @@
   .ScreenSetup {
     display: flex;
     flex-direction: row;
-    label {
+    .Label {
       margin-left: 8px;
       text-wrap: wrap;
       width: 80%;

packages/@dcl/inspector/src/components/EntityInspector/ActionInspector/PlaySoundAction/PlaySoundAction.tsx

@@ -7,11 +7,11 @@
     display: flex;
     flex-direction: row;
     margin-bottom: 8px;
-      label {
-        margin-left: 8px;
-        text-wrap: wrap;
-        width: 80%;
-      }
+    .Label {
+      margin-left: 8px;
+      text-wrap: wrap;
+      width: 80%;
+    }
   }
 
   .Title {
@@ -56,4 +56,4 @@
       font-size: 11px;
     }
   }
-}
+}